$(function(){		   
	/* SIDE
	**************************/	
	$("<div>")
	.attr("id", "target")
	.appendTo("#side")
	.css("width", "100%")
	.css("height", "100%");
	
	/* MAIN
	**************************/	
	$('#fac1').mousedown(function(){fader("fac_1.jpg");});
	$('#fac2').mousedown(function(){fader("fac_2.jpg");});
	$('#fac3').mousedown(function(){fader("fac_3.jpg");});
	$('#fac4').mousedown(function(){fader("fac_4.jpg");});
	$('#fac5').mousedown(function(){fader("fac_5.jpg");});
	$('#fac6').mousedown(function(){fader("fac_6.jpg");});
	$('#fac7').mousedown(function(){fader("fac_7.jpg");});
	$('#fac8').mousedown(function(){fader("fac_8.jpg");});
	$('#fac9').mousedown(function(){fader("fac_9.jpg");});
	$('#fac10').mousedown(function(){fader("fac_10.jpg");});	
	$('#fac11').mousedown(function(){fader("fac_11.jpg");});
	$('#fac12').mousedown(function(){fader("fac_12.jpg");});

	$('#fac1').css("cursor", "pointer");
	$('#fac2').css("cursor", "pointer");
	$('#fac3').css("cursor", "pointer");
	$('#fac4').css("cursor", "pointer");
	$('#fac5').css("cursor", "pointer");
	$('#fac6').css("cursor", "pointer");
	$('#fac7').css("cursor", "pointer");
	$('#fac8').css("cursor", "pointer");
	$('#fac9').css("cursor", "pointer");
	$('#fac10').css("cursor", "pointer");
	$('#fac11').css("cursor", "pointer");
	$('#fac12').css("cursor", "pointer");

	function fader(img){
		$('#facDef').fadeOut(250, function(){
			$('#facDef').remove();
		})							   
		
   		if(!$('#target').is(':animated'))
			$('#target')
			.attr("img", img)
			.fadeOut(250, function(){
					$('#target').css("background", 'url(Assets/Images/' + $('#target').attr("img") + ')')
			})
			.fadeIn(250);		
	}	
});