// JavaScript Document
$(document).ready(function() {

	$("#insite-menu-1").click( 
		  function () { 
			if (document.getElementById("insite-menu-1").style.left == "0%") {
				$("#insite-menu-1").animate({left: "100%", marginLeft: "-52px"}, 500);				
				$("#insite-menu-2").animate({left: "100%", marginLeft: "-84px"}, 500);				
				$("#insite-menu-3").animate({left: "100%", marginLeft: "-116px"}, 500);				
				$("#insite-menu-4").animate({left: "100%", marginLeft: "-148px"}, 500);				
				$("#insite-menu-5").animate({left: "100%", marginLeft: "-180px"}, 500);				
				$('#insite1').animate({ left: "100%"}, 500 );		
				$('#insite-menu-1').removeClass('insite-menu-1-clic noClass').addClass('insite-menu-1');
				if ((document.getElementById("insite-menu-2").style.left == "0%") || (document.getElementById("insite-menu-3").style.left == "0%") || (document.getElementById("insite-menu-4").style.left == "0%") || (document.getElementById("insite-menu-5").style.left == "0%")) {
					$('#insite2').animate({ left: "100%"}, 500 );			
					$('#insite3').animate({ left: "100%"}, 500 );		
					$('#insite4').animate({ left: "100%"}, 500 );		
					$('#insite5').animate({ left: "100%"}, 500 );		
					$("#insite-menu-2").animate({left: "100%", marginLeft: "-84px"}, 500);				
					$("#insite-menu-3").animate({left: "100%", marginLeft: "-116px"}, 500);				
					$("#insite-menu-4").animate({left: "100%", marginLeft: "-148px"}, 500);				
					$("#insite-menu-5").animate({left: "100%", marginLeft: "-180px"}, 500);				
					$('#insite-menu-5').removeClass('insite-menu-5-clic noClass').addClass('insite-menu-5');
					$('#insite-menu-2').removeClass('insite-menu-2-clic noClass').addClass('insite-menu-2');
					$('#insite-menu-3').removeClass('insite-menu-3-clic noClass').addClass('insite-menu-3');
					$('#insite-menu-4').removeClass('insite-menu-4-clic noClass').addClass('insite-menu-4');
				
				}

			}
			else {
				$("#insite-menu-1").animate({left: "0%", marginLeft: "128px"}, 500);
				$("#insite-menu-2").animate({left: "0%", marginLeft: "96px"}, 500);
				$("#insite-menu-3").animate({left: "0%", marginLeft: "64px"}, 500);
				$("#insite-menu-4").animate({left: "0%", marginLeft: "32px"}, 500);
				$("#insite-menu-5").animate({left: "0%", marginLeft: "0px"}, 500);
				$('#insite1').animate({ left: "0%"}, 500 );		
				$('#insite2').animate({ left: "100%"}, 500 );			
				$('#insite3').animate({ left: "100%"}, 500 );		
				$('#insite4').animate({ left: "100%"}, 500 );		
				$('#insite5').animate({ left: "100%"}, 500 );		
				$('#insite-menu-5').removeClass('insite-menu-5-clic noClass').addClass('insite-menu-5');
				$('#insite-menu-2').removeClass('insite-menu-2-clic noClass').addClass('insite-menu-2');
				$('#insite-menu-3').removeClass('insite-menu-3-clic noClass').addClass('insite-menu-3');
				$('#insite-menu-4').removeClass('insite-menu-4-clic noClass').addClass('insite-menu-4');
				$('#insite-menu-1').removeClass('insite-menu-1 noClass').addClass('insite-menu-1-clic');

			}	    
			
//			$('.insite-menu-1').toggleClass('insite-menu-1-clic');
		  } 
	
	); 

	$("#insite-menu-2").click( 
		  function () { 
			if (document.getElementById("insite-menu-2").style.left == "0%") {
				$("#insite-menu-1").animate({left: "100%", marginLeft: "-52px"}, 500);				
				$("#insite-menu-2").animate({left: "100%", marginLeft: "-84px"}, 500);				
				$("#insite-menu-3").animate({left: "100%", marginLeft: "-116px"}, 500);				
				$("#insite-menu-4").animate({left: "100%", marginLeft: "-148px"}, 500);				
				$("#insite-menu-5").animate({left: "100%", marginLeft: "-180px"}, 500);				
				$('#insite2').animate({ left: "100%"}, 500 );		
				$('#insite-menu-2').removeClass('insite-menu-2-clic noClass').addClass('insite-menu-2');
				if ((document.getElementById("insite-menu-1").style.left == "0%") || (document.getElementById("insite-menu-3").style.left == "0%") || (document.getElementById("insite-menu-4").style.left == "0%") || (document.getElementById("insite-menu-5").style.left == "0%")) {
					$('#insite1').animate({ left: "100%"}, 500 );			
					$('#insite3').animate({ left: "100%"}, 500 );		
					$('#insite4').animate({ left: "100%"}, 500 );		
					$('#insite5').animate({ left: "100%"}, 500 );		
					$("#insite-menu-1").animate({left: "100%", marginLeft: "-52px"}, 500);				
					$("#insite-menu-3").animate({left: "100%", marginLeft: "-116px"}, 500);				
					$("#insite-menu-4").animate({left: "100%", marginLeft: "-148px"}, 500);				
					$("#insite-menu-5").animate({left: "100%", marginLeft: "-180px"}, 500);				
					$('#insite-menu-5').removeClass('insite-menu-5-clic noClass').addClass('insite-menu-5');
					$('#insite-menu-1').removeClass('insite-menu-1-clic noClass').addClass('insite-menu-1');
					$('#insite-menu-3').removeClass('insite-menu-3-clic noClass').addClass('insite-menu-3');
					$('#insite-menu-4').removeClass('insite-menu-4-clic noClass').addClass('insite-menu-4');
				
				}

			}
			else {
				$("#insite-menu-1").animate({left: "100%", marginLeft: "-52px"}, 500);				
				$("#insite-menu-2").animate({left: "0%", marginLeft: "96px"}, 500);
				$("#insite-menu-3").animate({left: "0%", marginLeft: "64px"}, 500);
				$("#insite-menu-4").animate({left: "0%", marginLeft: "32px"}, 500);
				$("#insite-menu-5").animate({left: "0%", marginLeft: "0px"}, 500);
				$('#insite2').animate({ left: "0%"}, 500 );		
				$('#insite1').animate({ left: "100%"}, 500 );			
				$('#insite3').animate({ left: "100%"}, 500 );		
				$('#insite4').animate({ left: "100%"}, 500 );		
				$('#insite5').animate({ left: "100%"}, 500 );		
				$('#insite-menu-1').removeClass('insite-menu-1-clic noClass').addClass('insite-menu-1');
				$('#insite-menu-5').removeClass('insite-menu-5-clic noClass').addClass('insite-menu-5');
				$('#insite-menu-3').removeClass('insite-menu-3-clic noClass').addClass('insite-menu-3');
				$('#insite-menu-4').removeClass('insite-menu-4-clic noClass').addClass('insite-menu-4');
				$('#insite-menu-2').removeClass('insite-menu-2 noClass').addClass('insite-menu-2-clic');

			}	    
			
		  } 
	
	); 

	$("#insite-menu-3").click( 
		  function () { 
			if (document.getElementById("insite-menu-3").style.left == "0%") {
				$("#insite-menu-1").animate({left: "100%", marginLeft: "-52px"}, 500);				
				$("#insite-menu-2").animate({left: "100%", marginLeft: "-84px"}, 500);				
				$("#insite-menu-3").animate({left: "100%", marginLeft: "-116px"}, 500);				
				$("#insite-menu-4").animate({left: "100%", marginLeft: "-148px"}, 500);				
				$("#insite-menu-5").animate({left: "100%", marginLeft: "-180px"}, 500);				
				$('#insite3').animate({ left: "100%"}, 500 );		
				$('#insite-menu-3').removeClass('insite-menu-3-clic noClass').addClass('insite-menu-3');
				if ((document.getElementById("insite-menu-1").style.left == "0%") || (document.getElementById("insite-menu-3").style.left == "0%") || (document.getElementById("insite-menu-4").style.left == "0%") || (document.getElementById("insite-menu-5").style.left == "0%")) {
					$('#insite1').animate({ left: "100%"}, 500 );			
					$('#insite2').animate({ left: "100%"}, 500 );		
					$('#insite4').animate({ left: "100%"}, 500 );		
					$('#insite5').animate({ left: "100%"}, 500 );		
					$("#insite-menu-1").animate({left: "100%", marginLeft: "-52px"}, 500);				
					$("#insite-menu-2").animate({left: "100%", marginLeft: "-84px"}, 500);				
					$("#insite-menu-4").animate({left: "100%", marginLeft: "-148px"}, 500);				
					$("#insite-menu-5").animate({left: "100%", marginLeft: "-180px"}, 500);				
					$('#insite-menu-5').removeClass('insite-menu-5-clic noClass').addClass('insite-menu-5');
					$('#insite-menu-1').removeClass('insite-menu-1-clic noClass').addClass('insite-menu-1');
					$('#insite-menu-2').removeClass('insite-menu-3-clic noClass').addClass('insite-menu-3');
					$('#insite-menu-4').removeClass('insite-menu-4-clic noClass').addClass('insite-menu-4');
				
				}

			}
			else {
				$("#insite-menu-1").animate({left: "100%", marginLeft: "-52px"}, 500);				
				$("#insite-menu-2").animate({left: "100%", marginLeft: "-84px"}, 500);				
				$("#insite-menu-3").animate({left: "0%", marginLeft: "64px"}, 500);
				$("#insite-menu-4").animate({left: "0%", marginLeft: "32px"}, 500);
				$("#insite-menu-5").animate({left: "0%", marginLeft: "0px"}, 500);
				$('#insite3').animate({ left: "0%"}, 500 );		
				$('#insite2').animate({ left: "100%"}, 500 );			
				$('#insite1').animate({ left: "100%"}, 500 );		
				$('#insite4').animate({ left: "100%"}, 500 );		
				$('#insite5').animate({ left: "100%"}, 500 );		
				$('#insite-menu-1').removeClass('insite-menu-1-clic noClass').addClass('insite-menu-1');
				$('#insite-menu-2').removeClass('insite-menu-2-clic noClass').addClass('insite-menu-2');
				$('#insite-menu-5').removeClass('insite-menu-5-clic noClass').addClass('insite-menu-5');
				$('#insite-menu-4').removeClass('insite-menu-4-clic noClass').addClass('insite-menu-4');
				$('#insite-menu-3').removeClass('insite-menu-3 noClass').addClass('insite-menu-3-clic');

			}	    
			
		  } 
	
	); 

	$("#insite-menu-4").click( 
		  function () { 
			if (document.getElementById("insite-menu-4").style.left == "0%") {
				$("#insite-menu-1").animate({left: "100%", marginLeft: "-52px"}, 500);				
				$("#insite-menu-2").animate({left: "100%", marginLeft: "-84px"}, 500);				
				$("#insite-menu-3").animate({left: "100%", marginLeft: "-116px"}, 500);				
				$("#insite-menu-4").animate({left: "100%", marginLeft: "-148px"}, 500);				
				$("#insite-menu-5").animate({left: "100%", marginLeft: "-180px"}, 500);				
				$('#insite4').animate({ left: "100%"}, 500 );		
				$('#insite-menu-4').removeClass('insite-menu-4-clic noClass').addClass('insite-menu-4');
				if ((document.getElementById("insite-menu-1").style.left == "0%") || (document.getElementById("insite-menu-3").style.left == "0%") || (document.getElementById("insite-menu-4").style.left == "0%") || (document.getElementById("insite-menu-5").style.left == "0%")) {
					$('#insite1').animate({ left: "100%"}, 500 );			
					$('#insite3').animate({ left: "100%"}, 500 );		
					$('#insite2').animate({ left: "100%"}, 500 );		
					$('#insite5').animate({ left: "100%"}, 500 );		
					$("#insite-menu-1").animate({left: "100%", marginLeft: "-52px"}, 500);				
					$("#insite-menu-3").animate({left: "100%", marginLeft: "-116px"}, 500);				
					$("#insite-menu-2").animate({left: "100%", marginLeft: "-84px"}, 500);				
					$("#insite-menu-5").animate({left: "100%", marginLeft: "-180px"}, 500);				
					$('#insite-menu-5').removeClass('insite-menu-5-clic noClass').addClass('insite-menu-5');
					$('#insite-menu-1').removeClass('insite-menu-1-clic noClass').addClass('insite-menu-1');
					$('#insite-menu-3').removeClass('insite-menu-3-clic noClass').addClass('insite-menu-3');
					$('#insite-menu-2').removeClass('insite-menu-4-clic noClass').addClass('insite-menu-4');
				
				}

			}
			else {
				$("#insite-menu-1").animate({left: "100%", marginLeft: "-52px"}, 500);				
				$("#insite-menu-2").animate({left: "100%", marginLeft: "-84px"}, 500);				
				$("#insite-menu-3").animate({left: "100%", marginLeft: "-116px"}, 500);				
				$("#insite-menu-4").animate({left: "0%", marginLeft: "32px"}, 500);
				$("#insite-menu-5").animate({left: "0%", marginLeft: "0px"}, 500);
				$('#insite4').animate({ left: "0%"}, 500 );		
				$('#insite2').animate({ left: "100%"}, 500 );			
				$('#insite3').animate({ left: "100%"}, 500 );		
				$('#insite1').animate({ left: "100%"}, 500 );		
				$('#insite5').animate({ left: "100%"}, 500 );		
				$('#insite-menu-1').removeClass('insite-menu-1-clic noClass').addClass('insite-menu-1');
				$('#insite-menu-2').removeClass('insite-menu-2-clic noClass').addClass('insite-menu-2');
				$('#insite-menu-3').removeClass('insite-menu-3-clic noClass').addClass('insite-menu-3');
				$('#insite-menu-5').removeClass('insite-menu-5-clic noClass').addClass('insite-menu-5');
				$('#insite-menu-4').removeClass('insite-menu-4 noClass').addClass('insite-menu-4-clic');

			}	    
			
		  } 
	
	); 

	$("#insite-menu-5").click( 
		  function () { 
			if (document.getElementById("insite-menu-5").style.left == "0%") {
				$("#insite-menu-1").animate({left: "100%", marginLeft: "-52px"}, 500);				
				$("#insite-menu-2").animate({left: "100%", marginLeft: "-84px"}, 500);				
				$("#insite-menu-3").animate({left: "100%", marginLeft: "-116px"}, 500);				
				$("#insite-menu-4").animate({left: "100%", marginLeft: "-148px"}, 500);				
				$("#insite-menu-5").animate({left: "100%", marginLeft: "-180px"}, 500);				
				$('#insite5').animate({ left: "100%"}, 500 );		

				$('#insite-menu-5').removeClass('insite-menu-5-clic noClass').addClass('insite-menu-5');
				if ((document.getElementById("insite-menu-1").style.left == "0%") || (document.getElementById("insite-menu-3").style.left == "0%") || (document.getElementById("insite-menu-4").style.left == "0%") || (document.getElementById("insite-menu-5").style.left == "0%")) {
					$('#insite1').animate({ left: "100%"}, 500 );			
					$('#insite3').animate({ left: "100%"}, 500 );		
					$('#insite4').animate({ left: "100%"}, 500 );		
					$('#insite2').animate({ left: "100%"}, 500 );		
					$("#insite-menu-1").animate({left: "100%", marginLeft: "-52px"}, 500);				
					$("#insite-menu-3").animate({left: "100%", marginLeft: "-116px"}, 500);				
					$("#insite-menu-4").animate({left: "100%", marginLeft: "-148px"}, 500);				
					$("#insite-menu-2").animate({left: "100%", marginLeft: "-84px"}, 500);				
					$('#insite-menu-2').removeClass('insite-menu-5-clic noClass').addClass('insite-menu-5');
					$('#insite-menu-1').removeClass('insite-menu-1-clic noClass').addClass('insite-menu-1');
					$('#insite-menu-3').removeClass('insite-menu-3-clic noClass').addClass('insite-menu-3');
					$('#insite-menu-4').removeClass('insite-menu-4-clic noClass').addClass('insite-menu-4');
				
				}

			}
			else {
				$("#insite-menu-1").animate({left: "100%", marginLeft: "-52px"}, 500);				
				$("#insite-menu-2").animate({left: "100%", marginLeft: "-84px"}, 500);				
				$("#insite-menu-3").animate({left: "100%", marginLeft: "-116px"}, 500);				
				$("#insite-menu-4").animate({left: "100%", marginLeft: "-148px"}, 500);				
				$("#insite-menu-5").animate({left: "0%", marginLeft: "0px"}, 500);
				$('#insite5').animate({ left: "0%"}, 500 );		
				$('#insite2').animate({ left: "100%"}, 500 );			
				$('#insite3').animate({ left: "100%"}, 500 );		
				$('#insite4').animate({ left: "100%"}, 500 );		
				$('#insite1').animate({ left: "100%"}, 500 );		
				$('#insite-menu-1').removeClass('insite-menu-1-clic noClass').addClass('insite-menu-1');
				$('#insite-menu-2').removeClass('insite-menu-2-clic noClass').addClass('insite-menu-2');
				$('#insite-menu-3').removeClass('insite-menu-3-clic noClass').addClass('insite-menu-3');
				$('#insite-menu-4').removeClass('insite-menu-4-clic noClass').addClass('insite-menu-4');

				$('#insite-menu-5').removeClass('insite-menu-5 noClass').addClass('insite-menu-5-clic');
			}	    
		
		  } 
	
	); 
	
	
});