$(function(){		   
	/* SIDE
	**************************/	
	$("<div>")
	.attr("id", "target")
	.appendTo("#main")
//	.css("background", "url(Assets/Images/whiteboard_bg.gif)")
	.css("padding-top", "10px")
	.css("height", "90%");
	
	
	/* MAIN
	**************************/	
	$('.tes')
	.appendTo('#target')
	.hide();

	$('#tesA').show();

	$('#tesA_').mousedown(function(){fader("A");});
	$('#tesB_').mousedown(function(){fader("B");});
	$('#tesC_').mousedown(function(){fader("C");});
	$('#tesD_').mousedown(function(){fader("D");});
	$('#tesE_').mousedown(function(){fader("E");});

	$('#tesA_').css("cursor", "pointer");
	$('#tesB_').css("cursor", "pointer");
	$('#tesC_').css("cursor", "pointer");
	$('#tesD_').css("cursor", "pointer");
	$('#tesE_').css("cursor", "pointer");

	function fader(tesDiv){
		if(!$('#tes' + tesDiv).is(':animated') && !$('.tes').is(':animated')){
			$('.tes').slideUp(10)
			$('#tes' + tesDiv).slideDown(500)
		}
	}	
});