$(document).ready(function(){

	
	$('#MenuSlider ul.slider li a').click(function(){
		
		$("#MenuSlider ul.slider li.sliding").stop(true, true);	//stop animation if user clicked to heavy
		
		var offsetMenu = $(this).offset();
        var offsetMenuBody = $('.slider').offset(); 	//find the offset of the wrapping ul  
		var clickedObject = $(this).attr('rel');
		
		if ( $(this).hasClass('active') )			//do nothing if clicked element has the active class
		{
			return false;
		}
		else
		{
			$('#MenuSlider ul.slider li a').removeClass('active');
			$(this).addClass('clicked');
			
			$('#MenuSlider ul.slider li.sliding').animate({ 
				left: (offsetMenu.left - offsetMenuBody.left) 
			}, 400, function() {
				$('#MenuSlider ul.slider li a.clicked').addClass('active');
				$('#MenuSlider ul.slider li a.clicked').removeClass('clicked');
				$('#Head .slider .box').fadeOut(700);
				$('#Head .slider .box.'+clickedObject).fadeIn(1000);
			});
			
		}
		
		return false;
	});


});