/* Lightbox Detail Page *************************************************
*
*	JavaScript Functions that relate to the lightbox detail page only.
*
*************************************************************************/
	
	// Gloabal Variables --------------------------
	
	var currentModelNo = getElement("modelNo").value;
	var activeTab = "Pricing";
	var tabColorBlue = "#768fb6";
	var tabColorOrange = "#b69d76";
	var tabColorGreen = "#9bb676";
	
	
	// onLoad Events ---------------------------
	
	addLoadEvent(pageInit);

	// Mouse Move Events ---------------------
	
	function pageInit()
	{
		//setDefaultVideoPosition();
		setLightboxThumbEvents();
		setDefaultTab();
		
		// Free Shipping Sticker *************
		/*if (currentModelNo == "512001")
		{
			var stickerElement = getElement("freeShippingSticker");
			var imageElement = getElement("lightboxImage");
			
			setPosX(stickerElement, getElementX(imageElement) - 190);
			setPosY(stickerElement, getElementY(imageElement));
			
			stickerElement.style.display = "block";
		}*/
	}
	

 /* Set Default Video Position ********************************************************
 *
 *	TAKES:		NOTHING
 * 	RETURNS:	NOTHING
 *	NOTE:		Sets up the video position on the detail page to overlay the lightbox 
 *				phtoto views.
 *	
 *************************************************************************/
 
	function setDefaultVideoPosition()
	{
		var lightboxMediaElement 	= getElement("lightboxMediaMain");
		var videoElement			= getElement("lightboxVideoWrapper");
		
		getElement("lightboxVideoWrapper").style.visibility = "hidden";
		
		setPosX(videoElement, getElementX(videoElement));
		setPosY(videoElement, getElementY(videoElement));
	}

 /* Set Lightbox Thumb Events ********************************************************
 *
 *	TAKES:		NOTHING
 * 	RETURNS:	NOTHING
 *	NOTE:		Sets up the lightbox photo thumbnail actions for the detail page.
 *	
 ************************************************************************************/
 
	function setLightboxThumbEvents()
	{
		var thumbElement = "";
		var imgArray = document.getElementsByTagName("img");
		var regExp		= /^lightboxThumb/; 
		var photoId		= "";
		
		for(ctr=0; ctr < imgArray.length; ctr++)
		{
			if ((imgArray[ctr].id).search(regExp) != -1)
			{
				thumbElement = imgArray[ctr];
				
				if (thumbElement)
				{
					thumbElement.onmouseover = function()
					{
						photoId = this.id.replace("lightboxThumb", "");
						this.style.cursor = "pointer";
						this.src = getElement("photoThumbnailOn" + photoId).value
					}
					
					thumbElement.onmouseout = function()
					{
						photoId = this.id.replace("lightboxThumb", "");
						this.style.cursor = "";
						this.src = getElement("photoThumbnailOff" + photoId).value
					}
					
					thumbElement.onclick = function()
					{
						hideElement("videoIndex");
						showElement("featuresIndex");
						getElement("lightboxVideoWrapper").style.visibility = "hidden";
						
						if (getElement("myDynamicContent"))
						{
							getElement("myDynamicContent").stopVideo();
						}
						
						getElement("lightboxImageFile").src = getElement("photoFile" + photoId).value
						showElement("lightboxImage");
						
					}
				}
				
			} // End if imgArray containes "lightboxThumb"
			
		} // End For
	
					
	}

 /* Load First Video ********************************************************
 *
 *	TAKES:		NOTHING
 * 	RETURNS:	NOTHING
 *	NOTE:		
 *	
 ************************************************************************************/
 
	function loadFirstVideo()
	{
		var firstVideoId		= getElement("firstVideoId").value;
		var firstVideoBtn		= getElement("videoBtn" + firstVideoId);
		var videoFile			= getElement(firstVideoBtn.id + "File").value;
		
		setDefaultVideoBtn(firstVideoBtn);
		
		hideElement("lightboxImage");
		hideElement("featuresIndex");
		getElement("lightboxVideoWrapper").style.visibility = "visible";
		showElement("videoIndex");
		
		loadVideoPlayer("lightboxMedia", videoFile, "videoSeriesPlayNext");
	}

 /* Load Detail Video ********************************************************
 *
 *	TAKES:		Video Button Element, Video File, Current Position
 * 	RETURNS:	NOTHING
 *	NOTE:		
 *	
 ************************************************************************************/
 
	function loadDetailVideo(videoBtnElement, videoFile, currentPosition)
	{
		hideElement("lightboxImage");
		hideElement("featuresIndex");
		getElement("lightboxVideoWrapper").style.visibility = "visible";
		showElement("videoIndex");
		currentSeriesPosition = currentPosition;	
		videoBtnClickActions(videoBtnElement, videoFile);
	}
	

 /* Set Lightbox Thumb Events ********************************************************
 *
 *	TAKES:		NOTHING
 * 	RETURNS:	NOTHING
 *	NOTE:		Sets up the lightbox photo thumbnail actions for the detail page.
 *	
 ************************************************************************************/
	
	function setDefaultTab()
	{
		showTab(activeTab, "Blue");
		setLightboxDetailColor(tabColorBlue);
		setLightboxDetailColData("price");
	}

 /* Show Tab Hover Background ********************************************************
 *
 *	TAKES:		Tab Name
 * 	RETURNS:	NOTHING
 *	NOTE:		
 *	
 ************************************************************************************/
 
	function showTabHoverBg(tabName)
	{
		var colorProfile;
		
		if (tabName != activeTab)
		{
			showTab(tabName, "Gray");	
		}
	}

 /* Hide Tab Background ********************************************************
 *
 *	TAKES:		Tab Name
 * 	RETURNS:	NOTHING
 *	NOTE:		
 *	
 ************************************************************************************/
 
	function hideTabBg(tabName)
	{
		if (tabName != activeTab)
		{
			getElement("tabLeft" + tabName).style.backgroundImage = "";
			getElement("tabMiddle" + tabName).style.backgroundImage = "";
			getElement("tabRight" + tabName).style.backgroundImage = "";
		}
	}

 /* Show Tab ********************************************************
 *
 *	TAKES:		Tab Name, Color Profile
 * 	RETURNS:	NOTHING
 *	NOTE:		
 *	
 ************************************************************************************/
 
	function showTab(tabName, colorProfile)
	{
		var tabLeftElement 		= getElement("tabLeft" + tabName);
		var tabMiddleElement 	= getElement("tabMiddle" + tabName);
		var tabRightElement 	= getElement("tabRight" + tabName);
		
		if (tabLeftElement)
		{
			tabLeftElement.style.backgroundImage = "url(/images/lightboxDetailTabLeft" + colorProfile + ".png)";
			tabMiddleElement.style.backgroundImage = "url(/images/lightboxDetailTabMiddle" + colorProfile + ".png)";
			tabRightElement.style.backgroundImage = "url(/images/lightboxDetailTabRight" + colorProfile + ".png)";
		}
	}

 /* Set Active Tab ********************************************************
 *
 *	TAKES:		Tab Name, Color Profile
 * 	RETURNS:	NOTHING
 *	NOTE:		
 *	
 ************************************************************************************/
 
	function setActiveTab(tabName, colorProfile)
	{
		var holdTab = activeTab;
		activeTab = tabName;
		hideTabBg(holdTab);
		showTab(tabName, colorProfile);
	}

 /* Set Lightbox Detail Color ********************************************************
 *
 *	TAKES:		Color Profile
 * 	RETURNS:	NOTHING
 *	NOTE:		
 *	
 ************************************************************************************/
 
	function setLightboxDetailColor(colorProfile)
	{
		var tabSeparatorElement = getElement("tabSeparator");
		var lightboxDetailFooterElement = getElement("lightboxDetailFooter");
		
		if (tabSeparatorElement)
		{
			tabSeparatorElement.style.backgroundColor = colorProfile;
			lightboxDetailFooterElement.style.backgroundColor = colorProfile;
		}
	}

 /* Set Lightbox Detail Pricing ********************************************************
 *
 *	TAKES:		NOTHING
 * 	RETURNS:	NOTHING
 *	NOTE:		
 *	
 ************************************************************************************/
 
	function setLightboxDetailPricing()
	{
		setLightboxDetailColData("price");
		setLightboxDetailColor(tabColorBlue);
	}

 /* Set Lightbox Detail Specifications ********************************************************
 *
 *	TAKES:		NOTHING
 * 	RETURNS:	NOTHING
 *	NOTE:		
 *	
 ************************************************************************************/
 
	function setLightboxDetailSpecifications()
	{
		setLightboxDetailColData("specs");
		setLightboxDetailColor(tabColorOrange);
	}

 /* Set Lightbox Detail Dimensions ********************************************************
 *
 *	TAKES:		NOTHING
 * 	RETURNS:	NOTHING
 *	NOTE:		
 *	
 ************************************************************************************/
 
	function setLightboxDetailDimensions()
	{
		setLightboxDetailColData("dimensions");
		setLightboxDetailColor(tabColorGreen);
	}

 /* Show Lightbox Detail Loading Graphic ********************************************************
 *
 *	TAKES:		NOTHING
 * 	RETURNS:	NOTHING
 *	NOTE:		
 *	
 ************************************************************************************/
 
	function showLightboxDetailLoadingGraphic()
	{
		var content = "";
		
		content = "<div width=\"100%\" style=\"height: 300px; background-color: #FFFFFF;\">";
		content = content + "<table width=\"100%\"><tr><td height=\"250\" align=\"center\" valign=\"center\">";
		content = content + "	<img src=\"/images/loadingGraphic1.gif\">";
		content = content + "</td></tr></table>";
		content = content + "</div>";
		
		getElement("lightboxDetailLoading").innerHTML = content;
		showElement("lightboxDetailLoading");
	}

 /* Hide Lightbox Detail Loading Graphic ********************************************************
 *
 *	TAKES:		NOTHING
 * 	RETURNS:	NOTHING
 *	NOTE:		
 *	
 ************************************************************************************/
 
	function hideLightboxDetailLoadingGraphic()
	{
		getElement("lightboxDetailLoading").innerHTML = "";
		hideElement("lightboxDetailLoading");
	}

 /* Set Lightbox Detail Column Data ********************************************************
 *
 *	TAKES:		Tab
 * 	RETURNS:	NOTHING
 *	NOTE:		
 *	
 ************************************************************************************/
 
	function setLightboxDetailColData(tab)
	{
		if (tab != "")
		{
			setAjaxUrl("colDataPane", "/hardware/backlit/ajax_lightboxDetailColData.asp?modelNo=" + currentModelNo + "&tab=" + tab, "showLightboxDetailLoadingGraphic();", "hideLightboxDetailLoadingGraphic();"); 
		}
	}
	
	function termsFreeShippingELEPromo()
	{
		var contentTitle = "Terms and Conditions";
		
		var transContainer = document.createElement("div");
		
		var mainContainer = document.createElement("div");
		mainContainer.style.padding = "0px 20px";
		mainContainer.style.width = "550px";
		mainContainer.style.height = "600px";
		mainContainer.style.overflow = "auto";
		
		// Div Containers **************************************
		var discountOfferDiv 		= document.createElement("div"); 
		discountOfferDiv.className = "offerContainer";
		
			var discountOfferTextDiv = document.createElement("div");
			discountOfferTextDiv.className = "offerContainerHeaderText";
			discountOfferTextDiv.innerHTML = "Discount Offer";
			
			var discountOfferMainDiv = document.createElement("div");
			discountOfferMainDiv.setAttribute("align", "center");
			discountOfferMainDiv.className = "offerContainerMain";
			discountOfferMainDiv.style.color 			= "#4c673c";
			discountOfferMainDiv.style.borderColor 		= "#9bb889";
			discountOfferMainDiv.style.backgroundColor 	= "#d4edc5";
			
			discountOfferMainDiv.innerHTML = "FREE Shipping on qty. 2 or more EdgeLyte Econo T5 lightboxes sizes: 18\" x 24\" or 24\" x 36\"!";
			
			discountOfferDiv.appendChild(discountOfferTextDiv);
			discountOfferDiv.appendChild(discountOfferMainDiv);
		
			
		var termsDiv = document.createElement("div"); 
		termsDiv.className = "offerContainer";
		termsDiv.style.marginBottom = "20px";
		
			var termsTextDiv = document.createElement("div");
			termsTextDiv.className = "offerContainerHeaderText";
			termsTextDiv.innerHTML = "Terms &amp; Conditions";
			
			var termsMainDiv = document.createElement("div");
			termsMainDiv.className = "offerContainerMain";
			termsMainDiv.style.fontSize = "11px";
			termsMainDiv.innerHTML = "This offer is for Ground shipping  mode only, to the 48 contiguous United States. Upgrades to faster shipping mode not eligible for discounted rate. Maximum eligible quantities may apply, depending on inventory. This promotion is only available for shipments made on Blue River Digital's shipper account and only via carriers specified by Blue River Digital. Qualifying orders must be placed directly by Customer through Blue River Digital's website, at www.blueriverdigital.com, and prepaid per Blue River Digital's standard payment terms. ";
			termsMainDiv.innerHTML += "No other products or models or sizes of lightboxes are eligible for this offer; standard configuration only, no customizations. This offer does not include inside delivery, liftgate, call-ahead or other special handling. Applicable shipping charges for Duratrans or other products ordered, and handling charges still apply. Limits may apply to certain quantities. Offer is for product from warehouse stock only, and is subject to termination without notice.";
			
			termsDiv.appendChild(termsTextDiv);
			termsDiv.appendChild(termsMainDiv);
			
		mainContainer.appendChild(discountOfferDiv);
		mainContainer.appendChild(termsDiv);
		
		transContainer.appendChild(mainContainer);
		
		contentElementPopup(contentTitle, transContainer)
	}