$(document).ready(function(){
	  $("#container").css({backgroundPosition:'10px -735px'});
	  $(function(){
			//$("#container").
			
			function llama_ajax(a){
				//Actualizar el color seleccionado
				$.ajax({
					type: "POST",
					url: "pages/session_t.php",
					data: "color="+a,
					success: function(datos){
					   
					}
				});
			}
			$("#dwb").click(function(){
				llama_ajax("white");
				$("#container,.black").animate({backgroundPosition:"10px 0px", backgroundColor: "white"}, "slow",
						function() {
										//$("#infotxt").css("color","black");
										$("#infotxt").animate({color:"#2A79B1"},"slow");
										
										$("#dwb a").fadeOut("fast"); 
										$("#upb a").fadeIn("fast");
										$(".updown a").css("color","white");
										
						}
				);
				
			});
			$("#upb").click(function(){
				llama_ajax("black");
				$("#container ,.black").animate({backgroundPosition: "10px -735px",backgroundColor: "black" }, "slow",
						function() {
										//$("#infotxt").css("color","white");
										$("#infotxt").animate({color:"#8F9589"},"slow");
										$("#upb a").fadeOut("fast");
										$("#dwb a").fadeIn("fast"); 
										$(".updown a").css("color","white");
										
										
						}
				);
				
			});
		});

});