$(document).ready(function() {
	$("div.panel_button").click(function(){
		$("div#panel").animate({
			height: "103px"
		})
		.animate({
			height: "99px"
		}, "fast");
		$("div.panel_button").toggle();

	});	
	
	$("div#hide_button").click(function(){
		$("div#panel").animate({
			height: "0px"
		}, "fast");
		
	
	});		
	animate_10();
	animate_left($('#left'));
})
function animate_left(e){
	//$('#left').animate ()
	e.fadeIn();
	e.css('margin-left' , '-600px');
	e.animate({
	    marginLeft: "0px",
	  }, 400 ,
	  function() { 
		$('#right').slideDown();
	  }
	);		
}

function animate_right(e){
	e.fadeIn();
	e.css('margin-right' , '1200px');
	e.animate({
	    marginRight: "0px",
	  }, 400
	);		
}

function animateSpan(e,params){	
	e.fadeIn();
	e.css('margin-left' , '-600px');
	e.animate({
	    marginLeft: "0px",
	  }, 200
	);	
}
function animate_1 (){
	$('.e-1').fadeIn();
	$('.e-1').css('margin-left' , '200px');
	$('.e-1').animate({
	    marginLeft: "0px",
	  }, 200 ,
	  function() { 
	    $(this).after(animate_8);
		$(this).after(animate_13);
	  }
	);	
}
function animate_2 (){
	$('.e-2').fadeIn();
	$('.e-2').css('margin-Top' , '200px');
	$('.e-2').animate({
	    marginTop: "0px",
	  }, 200 ,
	  function() { 
	    $(this).after(animate_1);
	  }
	);	
}
function animate_3 (){
	$('.e-3').fadeIn();
	$('.e-3').css('margin-left' , '-600px');

	$('.e-3').animate({
		marginLeft: "0px",
	  }, 200 ,
	  function() { 
		$(this).after(animate_7);
	  }
	);
}
function animate_4 (){
	$('.e-4').fadeIn();
	$('.e-4').css('margin-left' , '600px');
	$('.e-4').animate({
	    marginLeft: "0px",
	  }, 200 ,
	  function() { 
	    /*$(this).after(animate_11);*/
	  }
	);	
}
function animate_5 (){
	$('.e-5').fadeIn();
	$('.e-5').css('margin-left' , '-600px');
	$('.e-5').animate({
	    marginLeft: "0px",
	  }, 200 ,
	  function() { 
	    $(this).after(animate_11);
	  }
	);	
}
function animate_6 (){
	$('.e-6').fadeIn();
	$('.e-6').css('margin-left' , '-600px');
	$('.e-6').animate({
	    marginLeft: "0px",
	  }, 200 ,
	  function() { 
	    $(this).after(animate_2);
	  }
	);	
}
function animate_7 (){
	$('.e-7').fadeIn();
	$('.e-7').css('margin-top' , '-200px');
	$('.e-7').animate({
	    marginTop: "0px",
	  }, 200 ,
	  function() { 
	    $(this).after(animate_5);
	  }
	);	
}
function animate_8 (){
	$('.e-8').fadeIn();
	$('.e-8').css('margin-top' , '-200px');
	$('.e-8').animate({
	    marginTop: "0px",
	  }, 200 ,
	  function() { 
	    /*$(this).after(animate_11);*/
	  }
	);	
}
function animate_9 (){
	$('.e-9').fadeIn();
	$('.e-9').css('margin-left' , '-600px');
	$('.e-9').animate({
	    marginLeft: "0px",
	  }, 200 ,
	  function() { 
	    /*$(this).after(animate_11);*/
	  }
	);	
}
function animate_10 (){
	$('.e-10').fadeIn();
	$('.e-10').css('margin-top' , '-200px');
	$('.e-10').animate({
	    marginTop: "0px",
	  }, 200 ,
	  function() { 
	    $(this).after(animate_3);
	  }
	);	
}
function animate_11 (){
	$('.e-11').fadeIn();
	$('.e-11').css('margin-top' , '-200px');
	$('.e-11').animate({
	    marginTop: "0px",
	  }, 200 ,
	  function() { 
	    $(this).after(animate_6);
	  }
	);	
}
function animate_12 (){
	$('.e-12').fadeIn();
	$('.e-12').css('margin-left' , '-600px');
	$('.e-12').animate({
	    marginLeft: "0px",
	  }, 200 ,
	  function() { 
	    $(this).after(animate_11);
	  }
	);	
}
function animate_13 (){
	$('.e-13').fadeIn();
	$('.e-13').css('margin-top' , '200px');
	$('.e-13').animate({
	    marginTop: "0px",
	  }, 200 ,
	  function() { 
	    $(this).after(animate_9);
	  	$(this).after(animate_4);
	  }
	);	
}