
function startupNav() { $("body").data("startupNav")(); };
function launchDemo() { $("body").data("launchDemo")(); };
var apiTest = "var";
	
function startApp() {
	$("body").data("startupNav", startupNav);
	$("body").data("launchDemo", launchDemo);

	var apiNews = $("#newsBox").scrollable({
		clickable: false,
		size: 2,
		vertical: false,
		speed: 500,
		hoverClass: "hover",
		api: true
	});
	
	var apiBuzz = $("#buzzBox").scrollable({
		clickable: false,
		size: 2,
		vertical: false,
		speed: 500,
		hoverClass: "hover",
		api: true
	});
	
	var apiMultimedia = $("#multimediaBox").scrollable({
		clickable: false,
		size: 2,
		vertical: false,
		speed: 500,
		hoverClass: "hover",
		api: true
	});
	
	var apiBackstage = $("#backstageBox").scrollable({
		clickable: false,
		size: 2,
		vertical: false,
		speed: 500,
		hoverClass: "hover",
		api: true
	});
	
	resetScrollerDivs();
	
	var image1 = $("<img />").attr("src", "images/t_news.jpg");
	var image2 = $("<img />").attr("src", "images/t_buzz.jpg");
	var image3 = $("<img />").attr("src", "images/t_multimedia.jpg");
	var image4 = $("<img />").attr("src", "images/t_backstage.jpg");
	var image5 = $("<img />").attr("src", "images/getbackstage_expanded.png");
	var image6 = $("<img />").attr("src", "images/getbackstageaccess.png");
	var image7 = $("<img />").attr("src", "images/demo_email_share.png");
	var image8 = $("<img />").attr("src", "images/demo_email_share.png");
	var image9 = $("<img />").attr("src", "images/demo_facebook_share.png");
	var image10 = $("<img />").attr("src", "images/demo_twitter_share.png");
	var image11 = $("<img />").attr("src", "sl/Images/Button1.jpg");
	var image12 = $("<img />").attr("src", "sl/Images/Button2.jpg");
	var image13 = $("<img />").attr("src", "sl/Images/Button3.jpg");
	var image14 = $("<img />").attr("src", "sl/Images/Button4.jpg");
	var image15 = $("<img />").attr("src", "sl/Images/Button5.jpg");
	var image16 = $("<img />").attr("src", "sl/Images/Button6.jpg");
	var image17 = $("<img />").attr("src", "sl/Images/Button7.jpg");
	var image18 = $("<img />").attr("src", "sl/Images/device_final_web.png");
	var image19 = $("<img />").attr("src", "sl/Images/device_overlay_web.png");
	var image20 = $("<img />").attr("src", "sl/Images/StartUpScreen.jpg");

	var introInited = false;
	var slPhoneAndQuotesVisible = false;
	var slPhoneDemoIsVisible = false;
	var navStartUpCompleted = false;

	var speed = 300;
	var closeSpeed = 250;
	var signupMoleculeSpeed = 600;
	var phoneFadeSpeed = 400;
	var unFocusedTopAdjustment = "-40px";
	var newsSmWidth = "79px";
	var newsRgWidth = "108px";
	var newsLgWidth = "278px";
	var buzzSmWidth = "77px";
	var buzzRgWidth = "104px";
	var buzzLgWidth = "269px";
	var multimediaSmWidth = "179px";
	var multimediaRgWidth = "244px";
	var multimediaLgWidth = "631px";
	var backstageSmWidth = "160px";
	var backstageRgWidth = "226px";
	var backstageLgWidth = "566px";
	var menuItemFocusedOffsetVal = "-60px 0px 0px 0px";
	var menuItemFocusedOffsetValReset = "-15px 0px 0px 0px";
	var newsMenuItemsMarginWhenSelected = "0px 0px 0px 50px";
	var menuItemsMarginWhenSelected = "20px 0px 0px 50px";
	
	var textWithArrowBackgroundImg = (userLoggedIn == true) ? "getbackstageaccess_signedin.png" : "getbackstageaccess.png";
	var signUpBoxBackgroundImg = (userLoggedIn == true) ? "getbackstage_expanded_signedin.png" : "getbackstage_expanded.png";
	$("#signupMolecule #textWithArrow").html("<img src=\"images/" + textWithArrowBackgroundImg + "\" />");
	$("#signupMolecule #signUpBox").html("<img src=\"images/" + signUpBoxBackgroundImg + "\" />");
	
	if(ieVersion < 7 || ieVersion > 7) {
		$("#signupMolecule").css("marginRight","40px");
	}

	// set all menuItems initial dimensions 
	setInitMenuItemDimensions();
	
	// start up the site intro
	loadSite();

	/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
	$("#logo img").click(function()
	{ 
		if(!slPhoneAndQuotesVisible)
		{
			dcsMultiTrack('DCS.dcsuri', '/home', 'WT.ti', 'Home' , 'WT.dl', '0' );
			changeMenu("home");
		}
	});
	$("#newsMenuItem img").click(function()
	{                  
		dcsMultiTrack('DCS.dcsuri', '/news', 'WT.ti', 'News' , 'WT.dl', '0' );
		changeMenu("news");
	});
	$("#buzzMenuItem img").click(function()
   	{                        
		dcsMultiTrack('DCS.dcsuri', '/buzz', 'WT.ti', 'Buzz' , 'WT.dl', '0' );
		changeMenu("buzz");
	});
	$("#multimediaMenuItem img").click(function()
   	{                
		dcsMultiTrack('DCS.dcsuri', '/multimedia', 'WT.ti', 'Multimedia' , 'WT.dl', '0' );
		changeMenu("multimedia");
	});
	$("#backstageMenuItem img").click(function()
	{                             
		dcsMultiTrack('DCS.dcsuri', '/backstage', 'WT.ti', 'Backstage' , 'WT.dl', '0' );
		changeMenu("backstage");
   	});
	
	
	$("#newsViewAllButton").click(function() { window.open("/news/", "_self"); });
	$("#buzzViewAllButton").click(function() { window.open("/buzz/", "_self"); });
	$("#multimediaViewAllButton").click(function() { window.open("/multimedia/", "_self"); });
	$("#backstageViewAllButton").click(function() { window.open("/backstage/", "_self"); });
	
	$("a.sharetwitter").mouseover(function() { $("#demosharetwittertext").css("display", "inline"); });
	$("a.sharefacebook").mouseover(function() { $("#demosharefacebooktext").css("display", "inline"); });
	$("a.shareemail").mouseover(function() { $("#demoshareemailtext").css("display", "inline"); });
	$("a.sharetwitter").mouseout(function() { $("#demosharetwittertext").css("display", "none"); });
	$("a.sharefacebook").mouseout(function() { $("#demosharefacebooktext").css("display", "none"); });
	$("a.shareemail").mouseout(function() { $("#demoshareemailtext").css("display", "none"); });
	
	$("#signupMolecule #signUpBox").css("cursor","pointer");    
	$("#signupMolecule #signUpBox").click(function()
	{          
		dcsMultiTrack('DCS.dcsuri', '/get_backstage', 'WT.ti', 'Get Backstage CTA' , 'WT.dl', '1' );
		window.open("/backstage/", "_self");
	});
	
	$("#signupMolecule img").mouseover(function()
	{
		$("#signupMolecule").css("width","290px");
		if(ieVersion < 7 || ieVersion > 7) {
			$("#signupMolecule").css("marginRight","40px");
		} else {
			$("#signupMolecule").css("marginLeft","-327px");
		}
		$("#textWithArrow").hide();
		$("#signUpBox").show();
	});	
	
	$("#signupMolecule img").mouseout(function()
	{
		$("#signupMolecule").css("width","152px");
		if(ieVersion < 7 || ieVersion > 7) {
			$("#signupMolecule").css("marginRight","40px");
		} else {
			$("#signupMolecule").css("marginLeft","-189px");
		}
		$("#signUpBox").hide();
		$("#textWithArrow").show();
	});
	
	function changeMenu(newSelection)
	{
		setAllRollovers(newSelection);
		showHideContentViewAllButtons("");
		switch(newSelection)
		{
			case "home" :
				if(slPhoneDemoIsVisible) {
					var control = document.getElementById("slPhoneDemo");            
					control.content.PhoneDemo.shutdown();
					showHidePhoneDemoDiv(false);
					slPhoneDemoIsVisible = false;
					changeMenu(newSelection);
				} else if(slPhoneAndQuotesVisible) {
					hideSilverlightPhoneQuotes(0, newSelection);
				} else {
					manageContentZones(newSelection);
					showSilverlightPhoneQuotes(500);
				}
				break;
			case "demo" :
				break;
			case "news" :
			case "buzz" :
			case "multimedia" :
			case "backstage" :
				if(slPhoneDemoIsVisible) {
					var control = document.getElementById("slPhoneDemo");            
					control.content.PhoneDemo.shutdown();
					showHidePhoneDemoDiv(false);
					slPhoneDemoIsVisible = false;
					changeMenu(newSelection);
				} else if(slPhoneAndQuotesVisible) {
					hideSilverlightPhoneQuotes(0, newSelection);
				} else {
					manageContentZones(newSelection);
				}
				break;	
		}
	};
	
	function showSilverlightPhoneQuotes(delayAmt, init)
	{
		if(!slPhoneAndQuotesVisible)
		{
			if(init)
			{
				slPhoneAndQuotesVisible = true;
				$("#silverlightPhoneQuotes").delay(delayAmt).fadeIn(0);
			}
			else
			{
				slPhoneAndQuotesVisible = true;
				$("#silverlightPhoneQuotes").delay(delayAmt).fadeIn(0);
			}
			
		}
	};
	
	function hideSilverlightPhoneQuotes(delayAmt, newSelection)
	{
		if(slPhoneAndQuotesVisible)
		{
			slPhoneAndQuotesVisible = false;
			$("#silverlightPhoneQuotes").css("display", "none");
			manageContentZones(newSelection);
		}
	};
	
	function launchDemo()
	{
		if(navStartUpCompleted)
		{
			if(!slPhoneDemoIsVisible)
			{
				if(slPhoneAndQuotesVisible)
				{
					slPhoneAndQuotesVisible = false;
					$("#silverlightPhoneQuotes").css("display", "none");
				}
				showHidePhoneDemoDiv(true);
				slPhoneDemoIsVisible = true;
			}
		}
	};
	
	function showHidePhoneDemoDiv(visibility)
	{
		var ml = (visibility) ? "35px" : "-2000px";
		var dis = (visibility) ? "inline" : "none";
		$("#silverlightPhoneDemo").css("margin-left", ml);
		$("#silverlightPhoneDemo").css("display", dis);
		$("#demoshare").css("display", dis);
	};	

	function manageContentZones(target)
	{
		var menuItems = ["news","buzz","multimedia","backstage"];
		var signupMoleculePos = (target != "home") ? target : "news";
		var fontSizeMod = (target == "home") ? "Rg" : "Sm";
		var menuItemImgMarginLeft = ["-11px","-11px","-11px","-11px"];
		
		resetScrollerDivs();
		
		var newUnFocusedTopAdjustment = (target != "backstage") ? unFocusedTopAdjustment : "-70px";
		for(var i=0; i < 4; i++)
		{
			var marginVal = (menuItems[i] == "news") ? newsMenuItemsMarginWhenSelected : menuItemsMarginWhenSelected;
			if(target != menuItems[i])
			{							
				$("#" + menuItems[i] + "Box").slideUp(closeSpeed);
				$("#" + menuItems[i] + "Box").animate({ 
					top: "0px"
				}, { queue:false, duration:closeSpeed });
				$("#" + menuItems[i] + "MenuItem").animate({ 
					margin: marginVal
				}, closeSpeed );
				$("#" + menuItems[i] + "MenuItem img").animate({ 
					width: eval(menuItems[i] + fontSizeMod + "Width"),
					"marginLeft": "0px"
				}, closeSpeed, "easeOutExpo");
			}
			else
			{
				$("#" + menuItems[i] + "Box").slideDown(speed);
				$("#" + menuItems[i] + "Box").animate({ 
					top: newUnFocusedTopAdjustment
				}, { queue:false, duration:speed });
				$("#" + menuItems[i] + "MenuItem").animate({ 
					margin: marginVal
				}, speed );
				$("#" + menuItems[i] + "MenuItem img").animate({ 
					width: eval(menuItems[i] + "LgWidth"),
					"marginLeft": menuItemImgMarginLeft[i]
				},{ duration:speed, easing:"easeOutExpo" });
			}
		}
		moveSignupMolecule(signupMoleculePos);
		showHideContentViewAllButtons(target);
	};
	
	function showHideContentViewAllButtons(target)
	{
		var menuItems = ["news","buzz","multimedia","backstage"];
		for(var i=0; i < 4; i++)
		{
			if(target != menuItems[i]) {
				$("#" + menuItems[i] + "ViewAllButton").css("display", "none");
			} else {
				$("#" + menuItems[i] + "ViewAllButton").delay(100).fadeIn(0, null);
			}
		}
		
	};
	
	function moveSignupMolecule(target)
	{
		var targ = (target == "home") ? "news" : target;
		var topVal;
		var btmVal;
		var bgColor;
		switch(targ)
		{
			case "news":
				bgColor = "#1BA1E2";
				break;
			case "buzz":
				bgColor = "#FFC211";
				break;
			case "multimedia":
				bgColor = "#6BBD46";
				break;
			case "backstage":
				bgColor = "#FE5815";
				break;
		}
		if(targ == "news") {
			topVal = "480px";
		} else {
			topVal = "50px";
		}
		$("#signupMolecule").animate({
			marginTop: topVal,
			backgroundColor: bgColor
		}, signupMoleculeSpeed, "easeOutExpo");
		
		$("#signupMolecule #signUpBox").animate({
			backgroundColor: bgColor
		}, signupMoleculeSpeed, "easeOutExpo");
	};
	
	function resetScrollerDivs(ignore)
	{
		var scrollerAPIs = ["apiNews","apiBuzz","apiMultimedia","apiBackstage"];
		for(var i=0; i< 4; i++)
		{
			eval(scrollerAPIs[i]).seekTo(0);
		}
	};
	
	function setAllRollovers(target)
	{
		var menuItems = ["news","buzz","multimedia","backstage"];
		
		if(target != "news") $("#newsMenuItem img").attr({ src:"images/t_news.jpg" });
		if(target != "buzz") $("#buzzMenuItem img").attr({ src:"images/t_buzz.jpg" });
		if(target != "multimedia") $("#multimediaMenuItem img").attr({ src:"images/t_multimedia.jpg" });
		if(target != "backstage") $("#backstageMenuItem img").attr({ src:"images/t_backstage.jpg" });
		
		$("#newsMenuItem img").hover(function() {
			$(this).attr("src","images/t_news_over.jpg");
				}, function() {
			$(this).attr("src","images/t_news.jpg");
		});
		
		$("#buzzMenuItem img").hover(function() {
			$(this).attr("src","images/t_buzz_over.jpg");
				}, function() {
			$(this).attr("src","images/t_buzz.jpg");
		});
		
		$("#multimediaMenuItem img").hover(function() {
			$(this).attr("src","images/t_multimedia_over.jpg");
				}, function() {
			$(this).attr("src","images/t_multimedia.jpg");
		});
		
		$("#backstageMenuItem img").hover(function() {
			$(this).attr("src","images/t_backstage_over.jpg");
				}, function() {
			$(this).attr("src","images/t_backstage.jpg");
		});
		$("#newsMenuItem img").css("cursor","pointer");
		$("#buzzMenuItem img").css("cursor","pointer");
		$("#multimediaMenuItem img").css("cursor","pointer");
		$("#backstageMenuItem img").css("cursor","pointer");
		
		$("#"+target+"MenuItem img").hover(function() {
			$(this).attr("src","images/t_"+target+"_over.jpg");
				}, function() {
			$(this).attr("src","images/t_"+target+"_over.jpg");
		});
		$("#"+target+"MenuItem img").css("cursor","default");
	};	
	
	function loadSite()
	{
		showSilverlightPhoneQuotes(0, true);
		if(silverlightInstalled == false) {
			startupNav();
		}
	};
	
	function startupNav()
	{
		if(!introInited)
		{
			introInited = true;
			if(ieVersion < 7 || ieVersion > 7) {
				$("#noSilverlightText").css("marginTop","555px");
				$("#noSilverlightText").css("marginLeft","325px");
				$("#noSilverlightBadge").css("marginTop","146px");
				$("#noSilverlightBadge").css("marginLeft","325px");
			}
			$("#newsMenuItem").css("marginLeft","-50px");
			$("#buzzMenuItem").css("marginLeft","-50px");
			$("#multimediaMenuItem").css("marginLeft","-50px");
			$("#container #backstageMenuItem").css("marginLeft","-50px");
			$("#signupMolecule").css("opacity", "0");
			$("#signupMolecule #signUpBox").css("opacity", "0");
			$("#newsMenuItem").animate({ marginLeft: "+=100px", "opacity": "show" }, signupMoleculeSpeed, "easeOutExpo");
			$("#buzzMenuItem").delay(100).animate({ marginLeft: "+=100px", "opacity": "show" }, signupMoleculeSpeed, "easeOutExpo");
			$("#multimediaMenuItem").delay(200).animate({ marginLeft: "+=100px", "opacity": "show" }, signupMoleculeSpeed, "easeOutExpo");
			$("#backstageMenuItem").delay(300).animate({ marginLeft: "+=100px", "opacity": "show" },{ queue:true, duration:signupMoleculeSpeed, easing:"easeOutExpo", complete:function(){ navStartUpCompleted = true; if(loadDemoFirst) { setTimeout(launchDemo, 400); } } });   
			$("#signupMolecule").delay(400).fadeIn(signupMoleculeSpeed).animate({ marginTop: "480px", backgroundColor: "#1BA1E2","opacity":"1" },{ queue:true, duration:signupMoleculeSpeed, easing:"easeOutExpo" });
			$("#signupMolecule #signUpBox").delay(400).animate({backgroundColor: "#1BA1E2","opacity":"1"}, signupMoleculeSpeed, "easeOutExpo");
		}
		
	};
	
	function setInitMenuItemDimensions()
	{
		$("#newsMenuItem img").css("width",newsRgWidth);
		$("#buzzMenuItem img").css("width",buzzRgWidth);
		$("#multimediaMenuItem img").css("width",multimediaRgWidth);
		$("#backstageMenuItem img").css("width",backstageRgWidth);
		$("#newsMenuItem").css("margin",newsMenuItemsMarginWhenSelected);
		$("#buzzMenuItem").css("margin",menuItemsMarginWhenSelected);
		$("#multimediaMenuItem").css("margin",menuItemsMarginWhenSelected);
		$("#backstageMenuItem").css("margin",menuItemsMarginWhenSelected);
		$("#logo").css("cursor","pointer");
		$("#newsMenuItem img").css("cursor","pointer");
		$("#buzzMenuItem img").css("cursor","pointer");
		$("#multimediaMenuItem img").css("cursor","pointer");
		$("#backstageMenuItem img").css("cursor","pointer");
		setAllRollovers("home");
	};	
}	

