rlm@85: Buy = (function (){ 
rlm@85:     var order = 
rlm@86: 	{color: "red",
rlm@86: 	 style: "bold",
rlm@86: 	 quantity: 30,
rlm@86: 	 content: undefined,
rlm@86: 	 info: undefined};
rlm@85:     
rlm@85:     var display;
rlm@85:     var color;
rlm@85:     var style;
rlm@85:     
rlm@86:     //  var select_green;
rlm@86:     //var select_red;
rlm@86:     //var select_blue;
rlm@86:     //var select_black;
rlm@86:     
rlm@86:     var select_map = 
rlm@87: 	{green : {offAttr : 0, onAttr : 0, ref : 0},
rlm@87: 	 red   : {offAttr : 0, onAttr : 0, ref : 0},
rlm@87: 	 blue  : {offAttr : 0, onAttr : 0, ref : 0},
rlm@87: 	 green : {offAttr : 0, onAttr : 0, ref : 0}};
rlm@86:     
rlm@86:     var toggle_on = (function (button){
rlm@87: 	button.ref.animate(button.onAttr, 500);
rlm@86:     });
rlm@86:     
rlm@86:     var toggle_off = (function (button){
rlm@87: 	button.ref.animate(button.offAttr, 500);
rlm@86:     });
rlm@86:     
rlm@86:     var color_update = (function (){
rlm@86: 	var color = order.color;
rlm@86: 	return (function (){
rlm@86: 	    if (order.color === color){}
rlm@86: 	    else {
rlm@86: 		toggle_off(select_map[color]);
rlm@86: 		toggle_on(select_map[(order.color)]);
rlm@86: 		color = order.color;}
rlm@86: 	});})(); 
rlm@86:     
rlm@86:     var update = (function (){
rlm@86: 	color_update();});
rlm@86:     
rlm@85:     var drawInit = (function (){
rlm@86: 	//color-select init
rlm@87: 	select_map["red"].onAttr =  {"fill" : "#F00"};
rlm@87: 	select_map["red"].offAttr = {"fill" : "#300"};
rlm@87: 	select_map["red"].ref = 
rlm@87: 	    color.rect(1, 1, 70, 50, 10).attr(select_map["red"].offAttr);
rlm@87: 	select_map["red"].ref.node.onclick = 
rlm@87: 	    (function (){order.color= "red"; update();});
rlm@87: 
rlm@87: 	select_map["green"].onAttr =  {"fill" : "#0F0"};
rlm@87: 	select_map["green"].offAttr = {"fill" : "#030"};
rlm@87: 	select_map["green"].ref = 
rlm@87: 	    color.rect(80, 1, 70, 50, 10).attr(select_map["green"].offAttr);
rlm@87: 	select_map["green"].ref.node.onclick = 
rlm@87: 	    (function (){order.color= "green"; update();});
rlm@87: 
rlm@87: 	select_map["blue"].onAttr =  {"fill" : "#00F"};
rlm@87: 	select_map["blue"].offAttr = {"fill" : "#003"};
rlm@87: 	select_map["blue"].ref = 
rlm@87: 	    color.rect(160, 1, 70, 50, 10).attr(select_map["blue"].offAttr);
rlm@87: 	select_map["blue"].ref.node.onclick = 
rlm@87: 	    (function (){order.color= "blue"; update();});
rlm@87: 
rlm@86: 	
rlm@86: 	toggle_on(select_map[order.color]);
rlm@86: 	
rlm@86: 	display.rect(1, 1, 338, 213, 20);
rlm@86: 	style.rect(1, 1, 10, 10, 5);
rlm@86: 	
rlm@86: 	display.print(40, 45, "Robert"  , display.getFont('HelveticaNeue', 700), 30);
rlm@86: 	display.print(40, 90, "McIntyre"  , display.getFont('HelveticaNeue', 800), 30);
rlm@86: 	
rlm@86: 	    
rlm@85: 	});
rlm@85:     
rlm@85:     var init = (function () {
rlm@85: 
rlm@85: 	    $("#debug").append("init called.");
rlm@85: 	    display = Raphael("card-display", 340 ,215);
rlm@86: 	    color = Raphael("color-select", 300, 100);
rlm@85: 	    style = Raphael("style-select", 200, 70);
rlm@85: 	    drawInit();
rlm@85: 	    });
rlm@85:     
rlm@85:   
rlm@85: 	    
rlm@86:     return {init : init,
rlm@86: 	    update : update};
rlm@85: })();
rlm@85: 
rlm@85: 
rlm@85: 
rlm@85: $(document).ready(function() {
rlm@85: 	Buy.init();
rlm@85: 
rlm@85: 
rlm@85: 
rlm@85: 	
rlm@85:     });