/*** Move Links to below menu ***/
$(document).ready(function()
{
	$("#ContentLinkFrame")
		.appendTo($("#WebContentLeft"));
});

/*** Slide show ***/

var currentProductImage = 1;
var currentStartImage = 1;
var slideShowMilliseconds = 2000;
var slideShowTimeout;
var numberOfImagesInARow = 8;
var imageTotalWidth = 91;
var totalNumberOfImages = 0;

function SwitchProductImage(id, useTextAsFirstImage)
{
	if(!document.getElementById("ProductImage" + id))
	{
		id = 1;
	}
	else if(useTextAsFirstImage && document.getElementById("ProductImage" + id).childNodes.length < 2)
	{
		id = 1;
	}
	else if(!useTextAsFirstImage && document.getElementById("ProductImage" + id).childNodes.length < 1)
	{
		id = 1;
	}
	
	var numberOfProductImages = 200;
	totalNumberOfImages = 0;
	
	for(var i = 1; i <= numberOfProductImages; i++)
	{
		if(document.getElementById("ProductImage" + i))
		{
			document.getElementById("ProductImage" + i).style.display = "none";
			document.getElementById("ProductImageLink" + i).className = "";
			totalNumberOfImages++;
		}
		else if(i == 1)
		{
			document.getElementById("ProductImageLink" + i).className = "";
		}
	}
	
	document.getElementById("ProductImageLink" + id).className = "SelectedProductImage";

	if(id != 1 || !useTextAsFirstImage)
	{
		document.getElementById("ProductImage" + id).style.display = "block";
		var children = document.getElementById("ProductImage" + id).childNodes;
		
		for(var i = 0; i < children.length; i++)
		{
			if(children[i].className == "ImageText" && children[i].firstChild.innerHTML == "")
			{
				children[i].style.display = "none";
			}
		}
	}
	
	if(id != 1 && useTextAsFirstImage)
	{
		document.getElementById("ProductImageLink1").className = "";
	}

	var inner = document.getElementById("ContentImageListInner");

	if(id < numberOfImagesInARow)
	{
		inner.style.left = "0px";
		currentStartImage = 1;
	}
	else if(id == currentStartImage)
	{
		currentStartImage = id - numberOfImagesInARow + 2;
		inner.style.left = "-" + (currentStartImage - 1) * imageTotalWidth + "px";
	}
	else if(id == numberOfImagesInARow + currentStartImage - 1 && id < totalNumberOfImages)
	{
		inner.style.left = "-" + (numberOfImagesInARow + currentStartImage - 3) * imageTotalWidth + "px";
		currentStartImage = id - 1;
	}

	currentProductImage = id;
	
	if(useTextAsFirstImage && currentProductImage > 1)
	{
		if(document.getElementById("ProductImage"))
		{
			document.getElementById("ProductImage").style.backgroundColor = "#444444";
		}
		
		if(document.getElementById("ArticleImage"))
		{
			document.getElementById("ArticleImage").style.backgroundColor = "#444444";
		}
	}
	else if(useTextAsFirstImage)
	{
		if(document.getElementById("ProductImage"))
		{
			document.getElementById("ProductImage").style.backgroundColor = "Transparent";
		}
		
		if(document.getElementById("ArticleImage"))
		{
			document.getElementById("ArticleImage").style.backgroundColor = "Transparent";
		}
	}	
	
	SwitchProductPdf();
}

function RemovePdfFromLinks()
{
	//document.getElementById("WebContainer").style.display = "none";
	var allDivs = document.getElementsByTagName("div");
	
	for(var i = 0; i < allDivs.length; i++)
	{
		if(allDivs[i].className == "ContentListItem ContentFileListItem" || allDivs[i].className == "ContentListItem")
		{
			for(var j = 0; j < allDivs[i].childNodes.length; j++)
			{
				if(allDivs[i].childNodes[j].innerHTML && allDivs[i].childNodes[j].innerHTML.indexOf(".pdf") > 0)
				{
					allDivs[i].childNodes[j].innerHTML = allDivs[i].childNodes[j].innerHTML.replace(".pdf", "");
				}
			}
		}
	}
	
	if(document.getElementById("ContentImageTextInner") != null && document.getElementById("ContentImageTextInner").innerHTML.replace(/^\s+|\s+$/g, '') == "")
	{
		document.getElementById("ContentImageTextInner").style.display = "none"
	}
	
	var numberOfProductImages = 200;

	for(var i = 1; i <= numberOfProductImages; i++)
	{
		if(document.getElementById("ProductImageLink" + i))
		{
			if(document.getElementById("ProductImageLink" + i).firstChild == null)
			{
				document.getElementById("ProductImageLink" + i).style.display = "none";
			}
		}
	}
	
	//AddTopMargin();	
	//document.getElementById("WebContainer").style.display = "block";
	
	
	var allLists = document.getElementsByTagName("ul");
	RecursiveLeftMenu(allLists, 1);
	
//	for(var i = 0; i < allLists.length; i++)
//	{
//		if(allLists[i].className == "WebLeftMenu_level_1")
//		{
//			var leftMenuLevel1 = allLists[i];
//			var allListsLevel2 = leftMenuLevel1.getElementsByTagName("ul");
//			
//			for(var j = 0; j < allListsLevel2.length; j++)
//			{
//				if(allListsLevel2[j].className == "WebLeftMenu_level_2")
//				{
//					//alert("OK");
//				}
//			}			
//		}
//	}
}

function RecursiveLeftMenu(listItems, levelID)
{
	var test = false;
	
	if(test)
		alert("Enter recursion (level = " + levelID + ")");
		
	for(var i = 0; i < listItems.length; i++)
	{
		if(listItems[i].className == "WebLeftMenu_level_" + levelID)
		{
			if(listItems[i].getElementsByTagName("li"))
			{
				var listInnerItems = listItems[i].getElementsByTagName("li");
				
				for(var j = 0; j < listInnerItems.length; j++)
				{
					if(listInnerItems[j].getElementsByTagName("a"))
					{
						if(test)
							alert("Go to recursion for item " + j + " (level=" + levelID + ")");
						
						var isSelected = RecursiveLeftMenu(listInnerItems[j].getElementsByTagName("ul"), levelID + 1);
						
						if(test)
							alert("Response from recursion (from level " + (levelID + 1) + "): " + isSelected);
						
						var linkList = listInnerItems[j].getElementsByTagName("a");

						if(!isSelected)
						{
							for(var k = 0; k < linkList.length; k++)
							{
								if(linkList[k].className == "WebLeftMenuSelected")
								{	
									linkList[k].style.color = "#FFC864";
									
									if(test)
										alert("Selected at level " + levelID + " (k=" + k + ")");

									return true;
								}
//								else
//								{
//									linkList[k].className = "WebLeftMenuNOTSelected";
//								}
							}
						}
						else
						{
							linkList[0].className = "WebLeftMenuSelected";
							linkList[0].style.color = "#FFC864";
							
							if(test)
								alert("Make selected " + levelID);
								
							return true;
						}
					}
				}				
			}	
		}
	}
	
	return false;
}

function AddTopMargin()
{
	if(document.getElementById("WebContainer"))
	{
		var margin = (document.body.clientHeight - 636) / 2;

		if(margin < 0)
		{
			margin = 0;
		}

		document.getElementById("WebContainer").style.marginTop = margin + "px";	
	}
}

window.onresize = AddTopMargin;

function SwitchProductPdf()
{
	if(document.getElementById("ProductFileList"))
	{
		var allDivs = document.getElementById("ProductFileList").getElementsByTagName("div");
		var pdfItemList = new Array();
		
		for(var i = 0; i < allDivs.length; i++)
		{
			if(allDivs[i].className == "ContentListItem")
			{
				pdfItemList.push(allDivs[i]);
			}
		}
		
		var allPagesString = document.getElementById("AllPagesString").innerHTML.replace(/^\s+|\s+$/g, '');
		var thisPageString = document.getElementById("ThisPageString").innerHTML.replace(/^\s+|\s+$/g, '');
		
		for(var i = 0; i < pdfItemList.length; i++)
		{
			if(i == 0)
			{
				pdfItemList[i].innerHTML = pdfItemList[i].innerHTML.replace(thisPageString, allPagesString);
			}
			else
			{
				pdfItemList[i].style.display = "none";
			}
		}
		
		if(currentProductImage < pdfItemList.length)
		{
			pdfItemList[currentProductImage].style.display = "block";
		}
	}
}

function ProductImageClick(id, useTextAsFirstImage)
{
	SlideShow_Paus();
	SwitchProductImage(id, useTextAsFirstImage);
}

function SlideShow_BackToStart(useTextAsFirstImage)
{
	ProductImageClick(1, useTextAsFirstImage);
}

function SlideShow_BackOneStep(useTextAsFirstImage)
{
	ProductImageClick(currentProductImage - 1, useTextAsFirstImage);
}

function SlideShow_Paus()
{
	clearTimeout(slideShowTimeout);
}

function SlideShow_Next(useTextAsFirstImage)
{
	ProductImageClick(currentProductImage + 1, useTextAsFirstImage);
}

function SlideShow_Play(useTextAsFirstImage)
{
	SwitchProductImage(currentProductImage + 1, useTextAsFirstImage);
	slideShowTimeout = setTimeout('SlideShow_Play(' + useTextAsFirstImage + ')', slideShowMilliseconds);
}

/*** Image switching ***/

var currentImageCollection = 1;
var firstTime = true;
var imageSwitchMilliseconds = 5000;
var imageSwitchFadeMilliseconds = 1;
var imageSwitchFadeOpacityStep = 5;
var imageSwitchFadeCurrentOpacity = 0;

function StartImageSwitch()
{
	if(!firstTime)
	{
		SwitchImages();
	}
	else
	{
		firstTime = false;
	}
	
	setTimeout('StartImageSwitch()', imageSwitchMilliseconds);
}

function SwitchImages()
{
	imageSwitchFadeCurrentOpacity = 0;
	
	if(currentImageCollection == 1)
	{
		ChangeCollectionZIndex(1, 50);
		ChangeCollectionOpacity(2, 0);
		ChangeCollectionZIndex(2, 100);
		ChangeCollectionDisplay(2, "block");
		FadeInCollection(2);
	}
	else if(currentImageCollection == 2)
	{
		ChangeCollectionZIndex(2, 50);
		ChangeCollectionOpacity(3, 0);
		ChangeCollectionZIndex(3, 100);
		ChangeCollectionDisplay(3, "block");
		FadeInCollection(3);
	}
	else
	{
		ChangeCollectionZIndex(3, 50);
		ChangeCollectionOpacity(1, 0);
		ChangeCollectionZIndex(1, 100);
		ChangeCollectionDisplay(1, "block");
		FadeInCollection(1);
	}	
}

function ChangeCollectionDisplay(collection, display)
{
	if(collection == 1)
	{
		document.getElementById("SlideImage1").style.display = display;
		document.getElementById("SlideImage2").style.display = display;
		document.getElementById("SlideImage3").style.display = display;
		document.getElementById("SlideContentHeader1").style.display = display;
	}
	else if(collection == 2)
	{
		document.getElementById("SlideImage4").style.display = display;
		document.getElementById("SlideImage5").style.display = display;
		document.getElementById("SlideImage6").style.display = display;
		document.getElementById("SlideContentHeader4").style.display = display;
	}
	else
	{
		document.getElementById("SlideImage7").style.display = display;
		document.getElementById("SlideImage8").style.display = display;
		document.getElementById("SlideImage9").style.display = display;
		document.getElementById("SlideContentHeader7").style.display = display;
	}	
}

function ChangeCollectionOpacity(collection, opacityPercent)
{
	if(collection == 1)
	{
		SetOpacity(document.getElementById("SlideImage1"), opacityPercent);
		SetOpacity(document.getElementById("SlideImage2"), opacityPercent);
		SetOpacity(document.getElementById("SlideImage3"), opacityPercent);
		SetOpacity(document.getElementById("SlideContentHeader1"), opacityPercent);
	}
	else if(collection == 2)
	{
		SetOpacity(document.getElementById("SlideImage4"), opacityPercent);
		SetOpacity(document.getElementById("SlideImage5"), opacityPercent);
		SetOpacity(document.getElementById("SlideImage6"), opacityPercent);
		SetOpacity(document.getElementById("SlideContentHeader4"), opacityPercent);
	}
	else
	{
		SetOpacity(document.getElementById("SlideImage7"), opacityPercent);
		SetOpacity(document.getElementById("SlideImage8"), opacityPercent);
		SetOpacity(document.getElementById("SlideImage9"), opacityPercent);
		SetOpacity(document.getElementById("SlideContentHeader7"), opacityPercent);
	}	
}

function ChangeCollectionZIndex(collection, zindex)
{
	if(collection == 1)
	{
		document.getElementById("SlideImage1").style.zIndex = zindex;
		document.getElementById("SlideImage2").style.zIndex = zindex;
		document.getElementById("SlideImage3").style.zIndex = zindex;
	}
	else if(collection == 2)
	{
		document.getElementById("SlideImage4").style.zIndex = zindex;
		document.getElementById("SlideImage5").style.zIndex = zindex;
		document.getElementById("SlideImage6").style.zIndex = zindex;
	}
	else
	{
		document.getElementById("SlideImage7").style.zIndex = zindex;
		document.getElementById("SlideImage8").style.zIndex = zindex;
		document.getElementById("SlideImage9").style.zIndex = zindex;
	}	
}

function SetOpacity(item, opacityPercent)
{
	item.style.opacity = opacityPercent/100;
	item.style.MozOpacity = opacityPercent/100;
	item.style.filter = 'alpha(opacity=' + opacityPercent + ')';
	item.style.filter.opacity = opacityPercent;
}

function FadeInCollection(collection)
{
	if(imageSwitchFadeCurrentOpacity <= 100)
	{
        imageSwitchFadeCurrentOpacity += imageSwitchFadeOpacityStep;
        ChangeCollectionOpacity(collection, imageSwitchFadeCurrentOpacity);
        setTimeout('FadeInCollection(' + collection + ')', imageSwitchFadeMilliseconds);
        
        if(imageSwitchFadeCurrentOpacity == 100)
        {
			currentImageCollection = collection;
			
			if(collection == 1)
			{
				ChangeCollectionDisplay(3, "none");
			}
			else if(collection == 2)
			{
				ChangeCollectionDisplay(1, "none");
			}
			else if(collection == 3)
			{
				ChangeCollectionDisplay(2, "none");
			}
        }
    }
}

/*** Image switching 2 ***/

var firstTime2 = true;
var currentSwitchImage2 = 1;
var imageSwitchMilliseconds2 = 5000;
var imageSwitchFadeMilliseconds2 = 1;
var imageSwitchFadeOpacityStep2 = 5;
var imageSwitchFadeCurrentOpacity2 = 0;

function StartImageSwitch2()
{
	// Do not switch first time, since this will
	// switch the first image before the visitor 
	//has seen it.
	if(!firstTime2)
	{
		SwitchImage2();
	}
	else
	{
		firstTime2 = false;
		
		// Hide the textbox if text is missing.
		if(document.getElementById("SlideImageItem1").childNodes[0].firstChild.innerHTML == "")
		{
			document.getElementById("SlideImageItem1").childNodes[0].style.display = "none";
		}
	}
	
	setTimeout('StartImageSwitch2()', imageSwitchMilliseconds2);
}

function SwitchImage2()
{
	imageSwitchFadeCurrentOpacity2 = 0;
	
	// Calculate the next image to switch to. 
	// If there is no following image, switch to the first.
	var nextImage = currentSwitchImage2 + 1;	
	
	if(!document.getElementById("SlideImageItem" + nextImage) || document.getElementById("SlideImageItem" + nextImage).childNodes[1].firstChild == null)
	{
		nextImage = 1;
	}
	
	ChangeImageZIndex2(currentSwitchImage2, 50);
	ChangeImageOpacity2(nextImage, 0);
	ChangeImageZIndex2(nextImage, 100);
	ChangeImageDisplay2(nextImage, "block");
	FadeInImage2(nextImage);
}

function ChangeImageDisplay2(image, display)
{
	document.getElementById("SlideImageItem" + image).style.display = display;
	
	// Hide the textbox if text is missing.
	if(display == "block")
	{
		if(document.getElementById("SlideImageItem" + image).childNodes[0].firstChild.innerHTML == "")
		{
			document.getElementById("SlideImageItem" + image).childNodes[0].style.display = "none";
		}
	}
}

function ChangeImageOpacity2(image, opacityPercent)
{
	SetOpacity2(document.getElementById("SlideImageItem" + image), opacityPercent);
}

function ChangeImageZIndex2(image, zindex)
{
	document.getElementById("SlideImageItem" + image).style.zIndex = zindex;
}

function SetOpacity2(item, opacityPercent)
{
	item.style.opacity = opacityPercent/100;
	item.style.MozOpacity = opacityPercent/100;
	item.style.filter = 'alpha(opacity=' + opacityPercent + ')';
	item.style.filter.opacity = opacityPercent;
}

function FadeInImage2(image)
{
	if(imageSwitchFadeCurrentOpacity2 <= 100)
	{
        imageSwitchFadeCurrentOpacity2 += imageSwitchFadeOpacityStep2;
        ChangeImageOpacity2(image, imageSwitchFadeCurrentOpacity2);
        setTimeout('FadeInImage2(' + image + ')', imageSwitchFadeMilliseconds2);
        
        if(imageSwitchFadeCurrentOpacity2 == 100)
        {
			ChangeImageDisplay2(currentSwitchImage2, "none");
			currentSwitchImage2 = image;
        }
    }
}