$(document).ready(function(){
	
	 //on load, mark selected option green, color black
	var radio_choice = $("input[@class='payment_radio']:checked").val();	
	
	$("."+radio_choice)
	.animate( { backgroundColor: "#D4FFBF" }, 1)
	.animate( { color: "black" }, 1);

	//on click, change the greeny
	$(".payment_radio").click(function(){

		//set all to beige
		$("#paymentTable td")
		.animate( { backgroundColor: "#FFFFEE" }, { queue:true, duration:300 })
		.animate( { color: "#333" }, 1);
	
		//set selected to green
		$("."+$(this).attr("value"))
		.animate( { backgroundColor: "#D4FFBF" }, { queue:false, duration:300 })
		.animate( { color: "black" }, 300);

	});
	
	//$("#error")
	//.animate( { backgroundColor: "#FFF36F" }, { queue:true, duration:50 })
	//.animate( { backgroundColor: "#FFFFEE" }, { queue:true, duration:1200 });

 });