//$(window).load(function(){
$(document).ready(function() {
	var $divs = $("#intro > div");
	var i = 0;
	var fadeLength = 50;
	var anim_run = 0;
	jQuery.easing.def = "linear";


	function animate_intro(){
	  ++i;
	  if (i > 16){
	  	fadeLength = 480;
	  }
	  if (i > 21){
	  	fadeLength = 1000;
	  }
	 $divs = $divs.not(':first');
	 if (i > 22){
	 	animate_load();
	 }else{
		$divs.filter(':first')
		.fadeIn(fadeLength, function(){
		animate_intro();
		});
	 }
	}
	
    
	function animate_load(){
		$("#intro div.hide_when_done").css("display","none");
		$("#slide_23").css("position","relative");
		$('#slide_23').animate({ 'left': '+=93'},1000,function(){
			//1 - After the main image slides into place, "About" and submenu fades in.
			$("#about_content").fadeIn(10);
			$("#menu_about").fadeIn(480);
			$("#lower_level").fadeTo(480,1,function(){
			$("#pane_about").fadeIn(480);
			$('#pane_curtain').animate({ width: '+=187'},200);
				//2 - Next the black & white image bar and "Portfolio" fade in at the same time.
				$("#menu_portfolio").fadeIn(900);
				$("#pane_portfolio").fadeIn(900,function(){
					//3 - Lastly the blue image bar and "Services" fade in at the same time.
					$("#pane_services").fadeIn(480);
					$("#last_frame").fadeOut(480);
					$("#menu_services").fadeIn(480);		
					initClickHandler(1);
				});
			});
		});
	}

	function servicesToPortfolioAnim(event){
		if (highlight_count == 2){
			$("#pane_services img").fadeTo(480,1);
			runStoP();		
		}else{
			openServices(0);
			setTimeout(function() { runStoP(); }, 813);	
		}
	}

	function servicesToAboutAnim(event){
		if (highlight_count == 2){
			$("#pane_services img").fadeTo(480,1);
			runStoA();		
		}else{
			openServices(0);
			setTimeout(function() { runStoA(); }, 813);	
		}
	}
	
	
	
	function runStoA(){
		$("#menu_services").css("font-weight","normal");
		$("#menu_about").css("font-weight","bold");
		$('#pane_about').css('background-image','url(/img/wolcott_about.jpg)');				

		$("#lower_level .services").fadeTo(480,0,function(){
			$('#content').css('display','none');				

			$("#pane_services").animate({'left': '-565px'},333);		

			$('#pane_curtain').css('width','65px');
			$('#pane_curtain').css('left','0px');
			$('#pane_curtain').css('z-index','17');
			$('#pane_curtain').css('position','absolute');
			$('#pane_curtain').css('background-color','#ffffff');

			
			$('#menu_about').css('position','absolute');
			$("#menu_about").css('left', '822px');
			$("#menu_about").css('top', '0px');
			$("#menu_about").animate({'left': '197px'},333);		
		
			$("#menu_portfolio").css('position', 'absolute');
			$("#menu_portfolio").css('left', '720px');
			$("#menu_portfolio").css('top', '0px');
			$("#menu_portfolio").animate({'left': '90px'},333);		

			
			$("#pane_portfolio").animate({'left': '158px'},333);		
			$("#pane_portfolio img").css('position', 'absolute');
			$("#pane_portfolio img").animate({'margin-left': '-1260px'},333,function(){
				$("#pane_about img").fadeTo(480,0);			
			});		

			setTimeout(function() {window.location = "/about";}, 813);	
					
			$("#pane_about").animate({'width': '710px','left': '253px'},333);			
		});	
	}
	
	function runStoP(){
		$('#pane_portfolio').css('background-image','url(/img/wolcott_portfolio.jpg)');				
		$("#menu_services").css("font-weight","normal");
		$("#menu_portfolio").css("font-weight","bold");
	
		$("#lower_level .services").fadeTo(480,0,function(){

			$('#content').css('display','none');				
			$("#pane_services").animate({'left': '-565px'},333);		
		
			$('#pane_curtain').css('width','65px');
			$('#pane_curtain').css('left','0px');
			$('#pane_curtain').css('z-index','17');
			$('#pane_curtain').css('position','absolute');
			$('#pane_curtain').css('background-color','#ffffff');
	
			$("#menu_about").css('position', 'absolute');
			$("#menu_about").css('left', '822px');
			$("#menu_about").css('top', '0px');
	
			$("#menu_portfolio").css('position', 'absolute');
			$("#menu_portfolio").css('left', '722px');
			$("#menu_portfolio").css('top', '0px');
			$("#menu_portfolio").animate({'left': '90px'},333,function(){
				$("#pane_portfolio img").fadeTo(480,0);
			});


			$("#pane_portfolio").animate({'width': '710px','left': '158px', 'margin':'0px','padding':'0px'},333);
			setTimeout(function() {window.location = "/portfolio";}, 813);	
		});
	}
	
	function portfolioToServicesAnim(event){
		if (highlight_count == 2){
			$("#pane_portfolio img").fadeTo(480,1);
			runPtoS();		
		}else{
			openPortfolio(0);
			setTimeout(function() { runPtoS(); }, 813);	
		}
	}

	function runPtoS(){
		$('#pane_services').css('background-image','url(/img/wolcott_services.jpg)');				
		$("#menu_portfolio").css("font-weight","normal");
		$("#menu_services").css("font-weight","bold");
		$("#lower_level li.portfolio").fadeTo(480,0,function(){
				$('#content').css('display','none');				
	
				$("#menu_about").css('position', 'absolute');
				$("#menu_about").css('left', '822px');
				$("#menu_about").css('top', '0px');
				$("#menu_portfolio").css('position', 'absolute');
				$("#menu_portfolio").css('left', '90px');
				$("#menu_portfolio").css('top', '0px');
				$("#menu_portfolio").animate({'left': '720px'},333);
		
				$('#pane_curtain').css('width','300px');
				$('#pane_curtain').css('left','868px');
				$('#pane_curtain').css('z-index','17');
				$('#pane_curtain').css('position','absolute');
				$('#pane_curtain').css('background-color','#ffffff');
		
		
				$("#pane_portfolio").animate({'left': '788px'},333);		
				$("#pane_services").css('width','80px');
				$("#pane_services img").animate({'margin-left':'0'},333,function(){
					$("#pane_services img").fadeTo(480,0);
				});		
				$("#pane_services img").fadeTo(480,0);
				$("#pane_services").animate({'width': '710px'},333);
				setTimeout(function() {window.location = "/services";}, 813);	
		});

	}

	function portfolioToAboutAnim(event){
		if (highlight_count == 2){
			$("#pane_portfolio img").fadeTo(480,1);
			runPtoA();		
		}else{
			openPortfolio(0);
			setTimeout(function() { runPtoA(); }, 813);	
		}	
	}

	function runPtoA(){
		$('#pane_about').css('background-image','url(/img/wolcott_about.jpg)');				
		$("#menu_portfolio").css("font-weight","normal");
		$("#menu_about").css("font-weight","bold");
		$("#lower_level li.portfolio").fadeTo(480,0,function(){

			$('#content').css('display','none');				
	
			$('#pane_portfolio').css('z-index','10');				
			$("#pane_portfolio").animate({'left': '-472px'},333);							

			$('#menu_about').css('position','absolute');
			$("#menu_about").css('left', '822px');
			$("#menu_about").css('top', '0px');
			$("#menu_about").animate({'left': '197px'},333,function(){
				$("#pane_about img").fadeTo(480,0);
			});			
			
			$('#pane_curtain').css('width','158px');
			$('#pane_curtain').css('left','0px');
			$('#pane_curtain').css('z-index','11');
			$('#pane_curtain').css('background-color','#ffffff');

			$("#pane_about").animate({'width': '710px','left': '253px'},333);
			setTimeout(function() {window.location = "/about";}, 813);	

		});
	}
	
	
	
	function aboutToServicesAnim(event){
		if (highlight_count == 2 && intro != 1){
			runAtoS();		
		}else{
			openAbout(0);
			setTimeout(function() { runAtoS(); }, 813);	
		}	
	}
	
	function aboutToPortfolioAnim(event){
		if (highlight_count == 2){
			$("#pane_about img").fadeTo(480,1);
			runAtoP();		
		}else{
			openAbout(0);
			setTimeout(function() { runAtoP(); }, 813);	
		}	
	}

	function runAtoS(){
		$("#pane_about img").fadeTo(480,1);
		$('#pane_services').css('background-image','url(/img/wolcott_services.jpg)');				
		$("#menu_about").css("font-weight","normal");
		$("#menu_services").css("font-weight","bold");
		$("#lower_level li.about").fadeTo(480,0,function(){
			$('#content').css('display','none');				

			//$("#pane_about img").animate({'left': '630px'},333);
			$("#pane_about").animate({'left': '883px','width':'80px'},333);

			$('#pane_curtain').css('left','0px');
			$('#pane_curtain').css('width','220px');
			$('#pane_curtain').css('z-index','10');
			$('#pane_curtain').css('position','absolute');
			$('#pane_curtain').css('background-color','#ffffff');
			$('#pane_curtain').animate({'width':'1000px'},333);
	
			$("#menu_about").css('position', 'absolute');
			$("#menu_about").css('left', '200px');
			$("#menu_about").css('top', '0px');
			$("#menu_about").animate({'left': '822px'},333);
			
			
			
			$("#menu_portfolio").css('position', 'absolute');
			$("#menu_portfolio").css('left', '94px');
			$("#menu_portfolio").css('top', '0px');
			$("#menu_portfolio").animate({'left': '720px'},333);
	
			$("#pane_portfolio").animate({'left': '788px'},333);		
			$("#pane_portfolio img").css('position', 'absolute');
			$("#pane_portfolio img").animate({'margin-left': '0px'},333);		
	
	

			$("#pane_services img").animate({'left': '630px','margin-left':'0'},333).fadeTo(480,0);		
			$("#pane_services").animate({'width': '710px'},333);
			setTimeout(function() {window.location = "/services";}, 813);	
		});	
	}

	function runAtoP(){
		$("#pane_about img").fadeTo(480,1);
		$('#pane_portfolio').css('background-image','url(/img/wolcott_portfolio.jpg)');				

		$("#menu_about").css("font-weight","normal");
		$("#menu_portfolio").css("font-weight","bold");

		$("#lower_level li.about").fadeTo(480,0,function(){

			$('#content').css('display','none');				

			$("#pane_about").animate({'left': '883px','width':'80px'},333);
			$("#menu_about").css('position', 'absolute');
			$("#menu_about").css('left', '200px');
			$("#menu_about").css('top', '0px');
			$("#menu_about").animate({'left': '822px'},333);
			$("#pane_portfolio img").css('position', 'absolute');
			$("#pane_portfolio img").animate({'margin-left': '0px'},333);		
			
			setTimeout(function() {$("#pane_portfolio img").fadeTo(480,0);}, 333);	
			$("#pane_portfolio img").fadeTo(480,0);
			
			$("#pane_portfolio").animate({'width': '710px'},333)
			setTimeout(function() {window.location = "/portfolio";}, 813);	
			
		});	
	}

	
	var highlight = "";
	var highlight_count = 0;
	var intro = 0;

	function initClickHandler(i){
	intro = i
	if (intro == 1){
		highlight = "about";
	}else{
		highlight = highlightPage.split(" ")[0];
		highlight_count = highlightPage.split(" ").length;
		
	}
	
		if (topLevel == 1){
			if (highlight == "services"){
				$("#pane_services img").fadeTo(480,1,function(){
					closeServices();
				});
			}
		
			if (highlight == "about"){
				$("#pane_about img").fadeTo(480,1,function(){
					closeAbout();
				});
			}
		
			if (highlight == "portfolio"){
				$("#pane_portfolio img").fadeTo(480,1,function(){
					closePortfolio();
				});
			}
			
	}
	$("#menu_services").click(function(event){
		if (anim_run == 0){
			anim_run = 1;
			if (highlight == "about"){
				event.preventDefault();
				aboutToServicesAnim(event);		
			}
			if (highlight == "portfolio"){
				event.preventDefault();
				portfolioToServicesAnim(event);		
			}
			if (highlight == "services"){	
				event.preventDefault();
				openServices(1);
			}		
		}
	});


	$("#menu_portfolio").click(function(event){
		if (anim_run == 0){
			anim_run = 1;
			if (highlight == "about"){
				event.preventDefault();
				aboutToPortfolioAnim(event);		
			}
			if (highlight == "services"){
				event.preventDefault();
				servicesToPortfolioAnim(event);		
			}
	
			if (highlight == "portfolio"){
				event.preventDefault();
				openPortfolio(1);		
			}
		}
	});


	$("#menu_about").click(function(event){
		if (anim_run == 0){
			anim_run = 1;
	
			if (highlight == "services"){
				event.preventDefault();
				servicesToAboutAnim(event);		
			}
			if (highlight == "portfolio"){
				event.preventDefault();
				portfolioToAboutAnim(event);		
			}
			
			if (highlight == "about"){
				event.preventDefault();
				openAbout(1);		
			}
		}		
	});
	
	$("#pane_services").click(function(event){
		if (anim_run == 0){
			anim_run = 1;
			if (highlight == "about"){
				event.preventDefault();
				aboutToServicesAnim(event);		
			}
			if (highlight == "portfolio"){
				event.preventDefault();
				portfolioToServicesAnim(event);		
			}
			if (highlight == "services"){	
				event.preventDefault();
				openServices(1);
			}
		}
		
	});


	$("#pane_portfolio").click(function(event){
		if (anim_run == 0){
			anim_run = 1;
			if (highlight == "about"){
				event.preventDefault();
				aboutToPortfolioAnim(event);		
			}
			if (highlight == "services"){
				event.preventDefault();
				servicesToPortfolioAnim(event);		
			}
			if (highlight == "portfolio"){
				event.preventDefault();
				openPortfolio(1);		
			}
		}
	});


	$("#pane_about").click(function(event){
		if (anim_run == 0){
			anim_run = 1;
			if (highlight == "services"){
				event.preventDefault();
				servicesToAboutAnim(event);		
			}
			if (highlight == "portfolio"){
				event.preventDefault();
				portfolioToAboutAnim(event);		
			}
			if (highlight == "about"){
				event.preventDefault();
				openAbout(1);		
			}
		}
	});
	
	}
	

	
	function closeServicesClick(event){
		if (highlight_count == 2 || intro == 1){
			closeServices();
			setTimeout(function() { 
				window.location = event.target.href;
			}, 813);	
		}else{
			window.location = event.target.href;
		}		
	}
	
		
	function closeAboutClick(event){
		if (highlight_count == 2 || intro == 1){
			closeAbout();
			setTimeout(function() { 
				window.location = event.target.href; 
			}, 813);	
		}else{
			window.location = event.target.href;
		}	
	}
	
	
	function closePortfolioClick(event){
		if (highlight_count == 2 || intro == 1){
			closePortfolio();
			setTimeout(function() { 
				window.location = event.target.href; 
			}, 813);	
		}else{
			window.location = event.target.href;
		}	
	}

	// Swing image doors closed
	function closePortfolio(){
		$("#pane_portfolio img").fadeTo(480,1,function(){
			$("#content").css("display","block");
			$("#pane_portfolio img").animate({'margin-left':'-630px'},333);
			$("#pane_portfolio").animate({'width':'80px'},333);	
		});
	}

	function closeAbout(){
		$("#pane_about img").fadeTo(480,1,function(){
			$("#content").css("display","block");
			$("#pane_about img").animate({'margin-left':'-630px'},333);
			$("#pane_about").animate({'width':'80px'},333);			
		});
	}

	function closeServices(){
		$("#pane_services img").fadeTo(480,1,function(){
			$("#content").css("display","block");
			$("#pane_services img").animate({'margin-left':'-630px'},333);
			$("#pane_services").animate({'width':'80px'},333);			
		});
	}

	// Swing image doors open then load landing page (or stay)
	function openServices(jump){
		$("#pane_services img").animate({'margin-left':'0px'},333);
		$('#pane_services').css('background-image','url(/img/wolcott_services.jpg)');				
		$("#lower_level a").fadeTo(480,0);	
		$("#pane_services").animate({'width':'710px'},333,function(){
			if (jump == 1){
				$("div."+highlight+"_landing #lower_level a").fadeOut(480);	
				$("#pane_services img").fadeTo(480,0,function(){
					window.location = '/services';
				});			
			}
		});
	}
	
		
	function openAbout(jump){
		$("#pane_about img").animate({'margin-left':'0px'},333);
		$("#pane_about").animate({'width':'710px'},333,function(){
		$("#lower_level a").fadeTo(480,0);	
		$('#pane_about').css('background-image','url(/img/wolcott_about.jpg)');				
			if (jump == 1){
				$("#pane_about img").fadeTo(480,0,function(){
					window.location = '/about';
				});			
			}
		});
	}
	
	
	function openPortfolio(jump){
		$("#pane_portfolio img").animate({'margin-left':'0px'},333);
		$('#pane_portfolio').css('background-image','url(/img/wolcott_portfolio.jpg)');				
		$("#lower_level a").fadeTo(480,0);	
		$("#pane_portfolio").animate({'width':'710px'},333,function(){
			if (jump == 1){
				$("#pane_portfolio img").fadeTo(480,0,function(){
					window.location = '/portfolio';
				});	
			}		
		});
	}

	var currentImage = 1;
	
	// Portfolio Gallery Animation
	$("#project_view #image_nav a").click(function(event){
		event.preventDefault();
		var showImage = event.currentTarget.id.replace("show_image_","");
		if (showImage != currentImage){
			$("#show_image_"+showImage+" img").attr("src","/img/wolcott_box_on.jpg");
			$("#show_image_"+currentImage+" img").attr("src","/img/wolcott_box_off.jpg");
			$("#project_image_large_"+showImage).fadeTo(480,1);
			$("#project_image_large_"+currentImage).fadeTo(580,0);
			currentImage = showImage;
		}
	});


	// Menu hover 	
	var activeMenu = "";
	var hoverMenu = "";
	$("#lower_level a").hover(function(event){
		hoverMenu = event.currentTarget.id.replace("menu_","");
		//console.dir(event);
		$("#menu_"+hoverMenu+" img").attr("src","/img/wolcott_"+hoverMenu.charAt(0)+"_"+hoverMenu.charAt(1)+"_on.jpg");	
	},
	function(){
		if (hoverMenu != activeMenu){
			$("#menu_"+hoverMenu+" img").attr("src","/img/wolcott_"+hoverMenu.charAt(0)+"_"+hoverMenu.charAt(1)+".jpg");	
		}
		
	});


	// Project info tab
	var projectInfoTabStatus = 0;
	function showProjectInfoTab(){
		projectInfoTabStatus = 1;
		$("#project_tab").animate({'top': '292px', 'padding-top': '35px'},480);
		$("#project_info").fadeIn(333);
	}
	
	function hideProjectInfoTab(){
		projectInfoTabStatus = 0;	
		$("#project_tab").animate({'top': '372px', 'padding-top': '0px'},480);
		$("#project_info").fadeOut(333);
	}	
	
	$("#project_tab").click(function(event){
		if (projectInfoTabStatus == 0){
			showProjectInfoTab();
		}else{
			hideProjectInfoTab();
		}
	});
	
	// Main loader for intro/post load
	if(typeof(loadIntro) !== 'undefined'){
	  	$(window).load(function(){
		  	animate_intro();
	  	});
	} else{
		initClickHandler(0);
		var highlightItem = $("li.highlight");
		if (typeof(highlightItem[0]) !== 'undefined'){
			activeMenu = highlightItem[0].children[0].id.replace("menu_","");
			$("#menu_"+activeMenu+" img").attr("src","/img/wolcott_"+activeMenu.charAt(0)+"_"+activeMenu.charAt(1)+"_on.jpg");	
		}
		$("div."+highlight+"_landing #lower_level a").fadeIn(480);	
		
		// Team portraits on index fade out on click, except highlight
		$("#team_portraits ul:not(ul.one_member) li").click(function(event){
			
			event.preventDefault();
			$("#team_portraits ul:not(ul.one_member) li:not(#"+event.currentTarget.id+")").fadeTo(480,0.4);	
			$("#team_intro").fadeTo(480,0);	
			setTimeout(function() { window.location = event.currentTarget.firstChild.href;}, 480);	
			
			
		});			
		// Clicked portrait on one member. Clicked on fades in and highlight + team_bio_block fades out
		$("#team_portraits ul.one_member li:not(li.highlight_member)").click(function(event){
			//console.dir(event);
			event.preventDefault();
			$("#team_portraits ul.one_member li.highlight_member").fadeTo(480,0.4);	
			$("#"+event.currentTarget.id ).fadeTo(480,1);	
			//$("#team_bio_block").fadeTo(480,0);	
			setTimeout(function() { window.location = event.currentTarget.firstChild.href;}, 480);	
		});	

	}

});