// JavaScript Document	
$(document).ready(function(){
	
	var currPage="#homePage";
	var fgTiming = 1000;
	var bgTiming = 2000;
	var ready = true;
	//$("#couple_01").css( "left", "1150px" );	
	hideFG();
	setTimeout(showFG,fgTiming);
	//	$("#couple_01").animate({left:"925px"},3000);  
	//$("#horse").animate({left:"250px"},3000);  

	function hideFG()
	{
		
		$("#horse").css( "visibility", "hidden" );
		$("#couple_01").css( "visibility", "hidden" );
		$("#couple_02").css( "visibility", "hidden" );
		$("#boxer").css( "visibility", "hidden" );
		$("#beer_barrel").css( "visibility", "hidden" );
		$("#football").css( "visibility", "hidden" );
		$("#barrels").css( "visibility", "hidden" );
		$("#chicken").css( "visibility", "hidden" );
		$("#lobster").css( "visibility", "hidden" );
		$("#magnificient_key").css( "visibility", "hidden" );
		$("#tea_set").css( "visibility", "hidden" );
		$("#girl").css( "visibility", "hidden" );
		$("#madam").css( "visibility", "hidden" );
		$("#feather_ink").css( "visibility", "hidden" );
		$("#content_plate").fadeOut(0);
		$("#homePage").fadeOut(0);
		$("#venuePage").fadeOut(0);
		$("#eventsPage").fadeOut(0);
		$("#restaurantPage").fadeOut(0);
		$("#stayPage").fadeOut(0);
		$("#galleryPage").fadeOut(0);
		$("#contactPage").fadeOut(0);

	}
	function leaveCurrPage()
	{
		if(currPage == "#homePage")
		{
			
			$("#horse").animate({left:"-266px"},fgTiming); 
			$("#couple_01").animate({left:"960px"},fgTiming);
		}
		if(currPage == "#venuePage")
		{
			$("#couple_02").animate({left:"960px"},fgTiming);
		}
		if(currPage=="#eventsPage")
		{
			
			$("#boxer").animate({left:"-148px"},fgTiming);  
			$("#beer_barrel").animate({left:"960px"},fgTiming);  
			$("#football").animate({left:"960px"},fgTiming);  


		}
		if(currPage=="#restaurantPage")
		{
			$("#chicken").animate({left:"-212px"},fgTiming);  
			$("#barrels").animate({left:"960px"},fgTiming);  
			$("#lobster").animate({left:"960px"},fgTiming);  

		}
		if(currPage=="#stayPage")
		{
			$("#magnificient_key").animate({left:"-162px"},fgTiming);  
			$("#tea_set").animate({left:"960px"},fgTiming);  

		}
		if(currPage=="#galleryPage")
		{
			$("#girl").animate({left:"-273px"},fgTiming);  

		}
		if(currPage=="#contactPage")
		{
			$("#madam").animate({left:"-213px"},fgTiming);  
			$("#feather_ink").animate({left:"960px"},fgTiming);  

		}
		
		setTimeout(hideFG,fgTiming);
	}
	function getReady()
	{
		ready=true;
	}
	function showFG()
	{
		$("#content_plate").fadeIn(fgTiming);
		$(currPage).fadeIn(fgTiming);
		if(currPage=="#homePage")
		{
			$("#horse").css( "left", "-266px" );
			$("#horse").css( "visibility", "visible" );
			$("#horse").animate({left:"50px"},fgTiming);  
			
			$("#couple_01").css( "left", "960px" );
			$("#couple_01").css( "visibility", "visible" );
			$("#couple_01").animate({left:"675px"},fgTiming);  
		}
		if(currPage=="#venuePage")
		{
			$("#couple_02").css( "left", "960px" );
			$("#couple_02").css( "visibility", "visible" );
			$("#couple_02").animate({left:"695px"},fgTiming);  
		}
		if(currPage=="#eventsPage")
		{
			$("#boxer").css( "left", "-148px" );
			$("#boxer").css( "visibility", "visible" );
			$("#boxer").animate({left:"90px"},fgTiming);  
			$("#beer_barrel").css( "left", "960px" );
			$("#beer_barrel").css( "visibility", "visible" );
			$("#beer_barrel").animate({left:"680px"},fgTiming);  
			$("#football").css( "left", "960px" );
			$("#football").css( "visibility", "visible" );
			$("#football").animate({left:"580px"},1.3*fgTiming);  

		}
		if(currPage=="#restaurantPage")
		{
			
			$("#chicken").css( "left", "-212px" );
			$("#chicken").css( "visibility", "visible" );
			$("#chicken").animate({left:"30px"},fgTiming);  
			$("#barrels").css( "left", "960px" );
			$("#barrels").css( "visibility", "visible" );
			$("#barrels").animate({left:"560px"},1.3*fgTiming);  
			$("#lobster").css( "left", "960px" );
			$("#lobster").css( "visibility", "visible" );
			$("#lobster").animate({left:"690px"},fgTiming);  

		}
		if(currPage=="#stayPage")
		{
			
			$("#magnificient_key").css( "left", "-162px" );
			$("#magnificient_key").css( "visibility", "visible" );
			$("#magnificient_key").animate({left:"120px"},fgTiming);  
			$("#tea_set").css( "left", "960px" );
			$("#tea_set").css( "visibility", "visible" );
			$("#tea_set").animate({left:"590px"},fgTiming);  

		}
		if(currPage=="#galleryPage")
		{
			
			$("#girl").css( "left", "-273px" );
			$("#girl").css( "visibility", "visible" );
			$("#girl").animate({left:"80px"},fgTiming);  

		}
		if(currPage=="#contactPage")
		{
			$("#madam").css( "left", "-213px" );
			$("#madam").css( "visibility", "visible" );
			$("#madam").animate({left:"70px"},fgTiming);  
			$("#feather_ink").css( "left", "960px" );
			$("#feather_ink").css( "visibility", "visible" );
			$("#feather_ink").animate({left:"720px"},fgTiming);  

		}
		/*
		left:50px;
		width:266px;	

		$("#couple_01").css( "visibility", "hidden" );
		left:675px;;	
		width:225px;	
	*/
			

		setTimeout(getReady,fgTiming);
		
	}
	
	function scrollCurrPage()
	{
		if(currPage=="#homePage")
		{	
			scrollBG("0px",bgTiming);
		}
		if(currPage=="#venuePage")
		{
			scrollBG("-960px",bgTiming);
		}
		if(currPage=="#eventsPage")
		{
			scrollBG("-1920px",bgTiming);
		}
		if(currPage=="#restaurantPage")
		{
			scrollBG("-2880px",bgTiming);
		}
		if(currPage=="#stayPage")
		{
			scrollBG("-3840px",bgTiming);  
		}
		if(currPage=="#galleryPage")
		{
			scrollBG("-4800px",bgTiming);  
		}
		if(currPage=="#contactPage")
		{
			scrollBG("-5760px",bgTiming);  
		}
	}
	function scrollBG(amount, timing)
	{
		
		$("#scrolling_bg").animate({left:amount},timing); 
		
	}
		
	
	
	$(".menuHome").click(function(){
    //	$("#scrolling_bg").stop();  
    	//$("#scrolling_bg").animate({left:"0px"},0);  
			if(ready==true && currPage!="#homePage")
			{
				$("#content_plate").fadeOut(fgTiming);
				$(currPage).fadeOut(fgTiming);
				ready=false;
				leaveCurrPage();
				currPage = "#homePage";
				setTimeout(scrollCurrPage,fgTiming);
				setTimeout(showFG,bgTiming+fgTiming);
				//ready=true;
			}
		//setTimeout("showhomePage()",100);

	 });
  
  $(".menuVenue").click(function(){

       //$("#scrolling_bg").stop();  
 		//$("#scrolling_bg").animate({left:"-960px"},0); 

		if(ready==true && currPage!="#venuePage")
		{
			$("#content_plate").fadeOut(fgTiming);
				$(currPage).fadeOut(fgTiming);
			ready=false;
			leaveCurrPage();
			currPage = "#venuePage";
			setTimeout(scrollCurrPage,fgTiming);
			setTimeout(showFG,bgTiming+fgTiming);
			//ready=true;
		}
	  
	  });
  $(".menuEvents").click(function(){
       // $("#scrolling_bg").stop();  
		//$("#scrolling_bg").animate({left:"-1920px"},0);

		if(ready==true && currPage!="#eventsPage")
		{
			$("#content_plate").fadeOut(fgTiming);
				$(currPage).fadeOut(fgTiming);
			ready=false;
			leaveCurrPage();
			currPage = "#eventsPage";
			setTimeout(scrollCurrPage,fgTiming);
			setTimeout(showFG,bgTiming+fgTiming);
			//ready=true;
		}
	});
  $(".menuRestaurant").click(function(){
       // $("#scrolling_bg").stop();  
		//$("#scrolling_bg").animate({left:"-2880px"},0);

		if(ready==true && currPage!="#restaurantPage")
		{

			$("#content_plate").fadeOut(fgTiming);
				$(currPage).fadeOut(fgTiming);
			ready=false;
			leaveCurrPage();
			currPage = "#restaurantPage";
			setTimeout(scrollCurrPage,fgTiming);
			setTimeout(showFG,bgTiming+fgTiming);
			//ready=true;
		}
	   });
  $(".menuStay").click(function(){
        //$("#scrolling_bg").stop();  
		//$("#scrolling_bg").animate({left:"-3840px"},0);
		if(ready==true && currPage!="#stayPage")
		{
			$("#content_plate").fadeOut(fgTiming);
					$(currPage).fadeOut(fgTiming);
		ready=false;
			leaveCurrPage();
			currPage = "#stayPage";
			setTimeout(scrollCurrPage,fgTiming);
			setTimeout(showFG,bgTiming+fgTiming);
			//ready=true;
		}
  });
  $(".menuGallery").click(function(){
        //$("#scrolling_bg").stop();  
		//$("#scrolling_bg").animate({left:"-4800px"},0);

		if(ready==true && currPage!="#galleryPage")
		{
			$("#content_plate").fadeOut(fgTiming);
				$(currPage).fadeOut(fgTiming);
			ready=false;
			leaveCurrPage();
			currPage = "#galleryPage";
			setTimeout(scrollCurrPage,fgTiming);
			setTimeout(showFG,bgTiming+fgTiming);
			//ready=true;
		}
  });
  $(".menuContact").click(function(){
      	 //$("#scrolling_bg").stop();  
		 //$("#scrolling_bg").animate({left:"-5760px"},0);
		if(ready==true && currPage!="#contactPage")
		{
			$("#content_plate").fadeOut(fgTiming);
				$(currPage).fadeOut(fgTiming);
			ready=false;
			

			leaveCurrPage();
			currPage = "#contactPage";
			setTimeout(scrollCurrPage,fgTiming);
			setTimeout(showFG,bgTiming+fgTiming);
			//ready=true;
		}
  });
});
