var Buy = //main LaserKard function.  Deals with updating the order. 

 (function (){ 

 

     var order = 

     {color: "black",

      style: "bold",

      quantity: 30,

      content: undefined};

 

     var raphe = undefined;

     

     var init = (function () {

 	    

 	    raphe = Raphael("card-display", 337 ,212);

 	    $(".select-green").click(function() {order.color="green";update();});

 	    $(".select-red").click(function() {order.color="red";update();});

 	    $(".select-blue").click(function() {order.color="blue";update();});

 	    $(".select-black").click(function() {order.color="black";update();});

 	    

 	    

 });

     

     var drawRect = (function (){

 	    raphe.rect(0,0,337,212);});

     

     var materials = 

     {green: "buy-images/select-green.png",

      red:   "buy-images/select-red.png",

      blue:  "buy-images/select-blue.png",

      black: "buy-images/select-black.png"};

 

     var update_color = (function (){

     	    var color = undefined;

     	    return (function () {

 		    if (order.color === color){}

 		    else {color = order.color;}});})();

     

     var update_display = (function (){});

     var update_info = (function (){});

     

     

     var update = (function (){

     	    update_color();

 	    $("#whatev").html(order.color);

     	    update_display();

     	    update_info();});

 	    

 

 

     return {init : init,

 	    draw : drawRect,

 	    update : update

 	    };

 })();

 

 

 

 $(document).ready(function() {

 	//	$("#color-select").html("Hello World");

 	Buy.init();

 	Buy.draw();

 	$("#radio1").buttonset();

 

 	

     });