// JavaScript Document

$(document).ready(function(){
	
	restMainNav();
	hidAllViewportsButFlash();
		
	function restMainNav()
	{
		$("div#mainNav > ul > li > a").css("color", "");
		$("#capSubNav, #portSubNav, #aboutSubNav").hide();
	}
	
	$("#toggleLogin, #closeLogin").click(function() { 
		$("#loginSlide").toggle("slide", { 
			easing: "easeOutCirc", 
			direction: "up"
		}, 
		750); 
	});
	
	/*Main Navigation Functions*/
	
	$("#toggleCapabilities").click(function() {
		restMainNav();
		$("#toggleCapabilities").css("color", "#FFB129");
		$("#capSubNav").show('drop', {easing: "easeOutCirc",direction: "vertical"}, 500);
	});
	
	$("#togglePortfolio").click(function() {
		restMainNav();
		$("#togglePortfolio").css("color", "#FFB129");
		$("#portSubNav").show('drop', {easing: "easeOutCirc",direction: "vertical"}, 500);
	});
	
	$("#toggleAboutUs").click(function() {
		restMainNav();
		$("#toggleAboutUs").css("color", "#FFB129");
		$("#aboutSubNav").show('drop', {easing: "easeOutCirc",direction: "horizontal"}, 500);
	});
		
	/* Sub Navigation Functions */
	
	function growViewport()
	{
		$("#viewPort").animate({ 
			height: "350px",
			top: "-62px"
		}, 1500, "easeOutBounce");
	}
	
	function hidAllViewports()
	{
		$("#mainFlashHolder").hide();
		$("#capCreativeViewport").hide();
		$("#capUserResearchViewport").hide();
		$("#capVideoViewport").hide();
		$("#capPrintViewport").hide();
		$("#capWebViewport").hide();
		$("#portWebViewport").hide();
		$("#portIntViewport").hide();
		$("#portVideoViewport").hide();
		$("#portPrintViewport").hide();
		$("#clientViewport").hide();
		$("#aboutMissionViewport").hide();
		$("#aboutEnvViewport").hide();
		$("#aboutShootsViewport").hide();
		$("#aboutContactViewport").hide();
		$("#capSubNav a").css("color", "");
		$("#portSubNav a").css("color", "");
		$("#aboutSubNav a").css("color", "");
		$("#toggleClients").css("color", "");
	}
	
	function hidAllViewportsButFlash()
	{
		$("#capCreativeViewport").hide();
		$("#capUserResearchViewport").hide();
		$("#capVideoViewport").hide();
		$("#capPrintViewport").hide();
		$("#capWebViewport").hide();
		$("#viewPortLoader").hide();
		$("#portWebViewport").hide();
		$("#portIntViewport").hide();
		$("#portVideoViewport").hide();
		$("#portPrintViewport").hide();
		$("#clientViewport").hide();
		$("#clientViewport").hide();
		$("#aboutMissionViewport").hide();
		$("#aboutEnvViewport").hide();
		$("#aboutShootsViewport").hide();
		$("#aboutContactViewport").hide();
	}
	
	$("#viewCapCreative").click(function() {
		hidAllViewports();
		$("#mainNav ul").block({ message: null });
		$("#viewPortLoader").fadeIn("fast");
		$("#viewCapCreative").css("color", "#FFB129");
		$("#viewPort").animate({ 
			height: "350px",
			width: "410px",
			top: "-62px",
			right: "0px"
		}, 1000, "swing", function(){$("#viewPortLoader").fadeOut("slow", function(){$("#capCreativeViewport").fadeIn("slow", function(){$("#mainNav ul").unblock();});});});
	});
	
	$("#viewCapUserResearcg").click(function() {
		hidAllViewports();
		$("#mainNav ul").block({ message: null });
		$("#viewPortLoader").fadeIn("fast");
		$("#viewCapUserResearcg").css("color", "#FFB129");
		$("#viewPort").animate({ 
			height: "350px",
			width: "410px",
			top: "-62px",
			right: "0px"
		}, 1000, "swing", function(){$("#viewPortLoader").fadeOut("slow", function(){$("#capUserResearchViewport").fadeIn("slow", function(){$("#mainNav ul").unblock();});});});
	});
	
	$("#viewCapVideo").click(function() {
		hidAllViewports();
		$("#mainNav ul").block({ message: null });
		$("#viewPortLoader").fadeIn("fast");
		$("#viewCapVideo").css("color", "#FFB129");
		$("#viewPort").animate({ 
			height: "350px",
			width: "410px",
			top: "-62px",
			right: "0px"
		}, 1000, "swing", function(){$("#viewPortLoader").fadeOut("slow", function(){$("#capVideoViewport").fadeIn("slow", function(){$("#mainNav ul").unblock();});});});
	});
	
	$("#viewCapPrint").click(function() {
		hidAllViewports();
		$("#mainNav ul").block({ message: null });
		$("#viewPortLoader").fadeIn("fast");
		$("#viewCapPrint").css("color", "#FFB129");
		$("#viewPort").animate({ 
			height: "350px",
			width: "410px",
			top: "-62px",
			right: "0px"
		}, 1000, "swing", function(){$("#viewPortLoader").fadeOut("slow", function(){$("#capPrintViewport").fadeIn("slow", function(){$("#mainNav ul").unblock();});});});
	});
	
	$("#viewCapWebInt").click(function() {
		hidAllViewports();
		$("#mainNav ul").block({ message: null });
		$("#viewPortLoader").fadeIn("fast");
		$("#viewCapWebInt").css("color", "#FFB129");
		$("#viewPort").animate({ 
			height: "350px",
			width: "410px",
			top: "-62px",
			right: "0px"
		}, 1000, "swing", function(){$("#viewPortLoader").fadeOut("slow", function(){$("#capWebViewport").fadeIn("slow", function(){$("#mainNav ul").unblock();});});});
	});
	
	$("#viewPortWeb").click(function() {
		hidAllViewports();
		$("#mainNav ul").block({ message: null });
		$("#viewPortWeb").css("color", "#FFB129");
		$("#viewPort").animate({ 
			height: "437px",
			width: "467px",
			top: "-62px",
			right: "-57px"
		}, 1000, "swing", function(){$("#viewPortLoader").fadeOut("fast", function(){$("#portWebViewport").fadeIn("slow", function(){$("#mainNav ul").unblock();});});});
	});
	
	$("#viewPortInt").click(function() {
		hidAllViewports();
		$("#mainNav ul").block({ message: null });
		$("#viewPortInt").css("color", "#FFB129");
		$("#viewPort").animate({ 
			height: "437px",
			width: "467px",
			top: "-62px",
			right: "-57px"
		}, 1000, "swing", function(){$("#viewPortLoader").fadeOut("fast", function(){$("#portIntViewport").fadeIn("slow", function(){$("#mainNav ul").unblock();});});});
	});
		
	$("#viewPortVideo").click(function() {
		hidAllViewports();
		$("#mainNav ul").block({ message: null });
		$("#viewPortVideo").css("color", "#FFB129");
		$("#viewPort").animate({ 
			height: "437px",
			width: "467px",
			top: "-62px",
			right: "-57px"
		}, 1000, "swing", function(){$("#viewPortLoader").fadeOut("fast", function(){$("#portVideoViewport").fadeIn("slow", function(){$("#mainNav ul").unblock();});});});
	});

	$("#viewPortPrint").click(function() {
		hidAllViewports();
		$("#mainNav ul").block({ message: null });
		$("#viewPortPrint").css("color", "#FFB129");
		$("#viewPort").animate({ 
			height: "437px",
			width: "467px",
			top: "-62px",
			right: "-57px"
		}, 1000, "swing", function(){$("#viewPortLoader").fadeOut("fast", function(){$("#portPrintViewport").fadeIn("slow", function(){$("#mainNav ul").unblock();});});});
	});
	
	$("#toggleClients").click(function() {
		restMainNav();
		hidAllViewports();
		$("#mainNav ul").block({ message: null });
		$("#toggleClients").css("color", "#FFB129");
		$("#viewPort").animate({ 
			height: "437px",
			width: "467px",
			top: "-62px",
			right: "-57px"
		}, 1000, "swing", function(){$("#viewPortLoader").fadeOut("fast", function(){$("#clientViewport").fadeIn("slow", function(){$("#mainNav ul").unblock();});});});
	});
	
	$("#viewAboutMission").click(function() {
		hidAllViewports();
		$("#mainNav ul").block({ message: null });
		$("#viewPortLoader").fadeIn("fast");
		$("#viewAboutMission").css("color", "#FFB129");
		$("#viewPort").animate({ 
			height: "350px",
			width: "410px",
			top: "-62px",
			right: "0px"
		}, 1000, "swing", function(){$("#viewPortLoader").fadeOut("slow", function(){$("#aboutMissionViewport").fadeIn("slow", function(){$("#mainNav ul").unblock();});});});
	});
	
	$("#viewAboutEnv").click(function() {
		hidAllViewports();
		$("#mainNav ul").block({ message: null });
		$("#viewAboutEnv").css("color", "#FFB129");
		$("#viewPort").animate({ 
			height: "437px",
			width: "467px",
			top: "-62px",
			right: "-57px"
		}, 1000, "swing", function(){$("#viewPortLoader").fadeOut("fast", function(){$("#aboutEnvViewport").fadeIn("slow", function(){$("#mainNav ul").unblock();});});});
	});
	
	$("#viewAboutShoots").click(function() {
		hidAllViewports();
		$("#mainNav ul").block({ message: null });
		$("#viewAboutShoots").css("color", "#FFB129");
		$("#viewPort").animate({ 
			height: "437px",
			width: "467px",
			top: "-62px",
			right: "-57px"
		}, 1000, "swing", function(){$("#viewPortLoader").fadeOut("fast", function(){$("#aboutShootsViewport").fadeIn("slow", function(){$("#mainNav ul").unblock();});});});
	});
	
	$("#showAboutShoots").click(function() {
		restMainNav();
		$("#toggleAboutUs").css("color", "#FFB129");
		$("#aboutSubNav").show('drop', {easing: "easeOutCirc",direction: "horizontal"}, 500);
		hidAllViewports();
		$("#mainNav ul").block({ message: null });
		$("#viewAboutShoots").css("color", "#FFB129");
		$("#viewPort").animate({ 
			height: "437px",
			width: "467px",
			top: "-62px",
			right: "-57px"
		}, 1000, "swing", function(){$("#viewPortLoader").fadeOut("fast", function(){$("#aboutShootsViewport").fadeIn("slow", function(){$("#mainNav ul").unblock();});});});
	});

	
		$("#viewAboutContact").click(function() {
		hidAllViewports();
		$("#mainNav ul").block({ message: null });
		$("#viewPortLoader").fadeIn("fast");
		$("#viewAboutContact").css("color", "#FFB129");
		$("#viewPort").animate({ 
			height: "350px",
			width: "410px",
			top: "-62px",
			right: "0px"
		}, 1000, "swing", function(){$("#viewPortLoader").fadeOut("slow", function(){$("#aboutContactViewport").fadeIn("slow", function(){$("#mainNav ul").unblock();});});});
	});
	
});