function SetupPage()
{
	SetupRollovers();
}

function SetupRollovers()
{
	if (!document.images) return;
	if (!document.getElementById) return;

	var PreloadArray = new Array();
	var ImageArray = document.getElementsByTagName('img');
	
	for (var i = 0; i < ImageArray.length; i++)
	{
		var ImageObject = ImageArray[i];
		
		if (ImageObject.src.indexOf("off.") != -1)
		{
			var OffSource = ImageObject.src;
			var OnSource = ImageObject.src.replace('off.', 'on.');

			ImageObject.OffSource = OffSource;
			ImageObject.OnSource = OnSource;

			PreloadArray[i] = new NewImage(OnSource);

			ImageArray[i].onmouseover = function()
			{
				this.src = this.OnSource;
			}

			ImageArray[i].onmouseout = function()
			{
				this.src = this.OffSource;
			}
		}
	}
	
	var ImageArray = document.getElementsByTagName('input');

	for (var i = 0; i < ImageArray.length; i++)
	{
		var ImageObject = ImageArray[i];
		
		if (ImageObject.src.indexOf("Off.") != -1)
		{
			var OffSource = ImageObject.src;
			var OnSource = ImageObject.src.replace('Off.', 'On.');

			ImageObject.OffSource = OffSource;
			ImageObject.OnSource = OnSource;

			PreloadArray[i] = new NewImage(OnSource);

			ImageArray[i].onmouseover = function()
			{
				this.src = this.OnSource
			}

			ImageArray[i].onmouseout = function()
			{
				this.src = this.OffSource
			}
		}
	}
}

function NewImage(arg)
{
	if (document.images)
	{
		rslt = new Image();
		rslt.src = arg;
		return rslt;
	}
}

function ShowWindow(Name)
{
	var Element = document.getElementById(Name);
	Element.style.visibility = "visible";
	ElementWidth = Element.offsetWidth;
	ElementHeight = Element.offsetHeight;
	Element.style.left = (950 - ElementWidth) / 2;
	Element.style.top = (480 + 130 - ElementHeight) / 2;
	setTimeout("FadeIn(\"" + Name + "\", " + 0 + ")", 10);
}
function FadeIn(Name, LastPercent)
{
	NewPercent = LastPercent + 10;
	document.getElementById(Name).style.opacity = NewPercent / 100;
	if (NewPercent < 100)
		setTimeout("FadeIn(\"" + Name + "\", " + NewPercent + ")", 10);
}

function HideWindow(Name)
{
	var Element = document.getElementById(Name);
	setTimeout("FadeOut(\"" + Name + "\", " + 100 + ")", 10);
}
function FadeOut(Name, LastPercent)
{
	Element = document.getElementById(Name)
	NewPercent = LastPercent - 10;
	Element.style.opacity = NewPercent / 100;
	if (NewPercent > 0)
		setTimeout("FadeOut(\"" + Name + "\", " + NewPercent + ")", 10);
	else
		Element.style.visibility = "hidden";
}

var LastCategory = "";
function ShowSubcategories(Name)
{
	if (LastCategory != "")
	{
		document.getElementById(LastCategory + "_subcategories").style.display = "none";
		ImageObject = document.getElementById(LastCategory + "Link");
		ImageObject.src = "/shop/images/navigation/" + LastCategory + "_off.gif";
		var OffSource = "/shop/images/navigation/" + LastCategory + "_off.gif";
		var OnSource = "/shop/images/navigation/" + LastCategory + "_on.gif";
		ImageObject.OffSource = OffSource;
		ImageObject.OnSource = OnSource;
		document.getElementById(LastCategory + "Link").onmouseover = function()
		{
				this.src = this.OnSource;
		}
		document.getElementById(LastCategory + "Link").onmouseout = function()
		{
				this.src = this.OffSource;
		}
	}
	document.getElementById(Name + "_subcategories").style.display = "block";
	ImageObject = document.getElementById(Name + "Link");
	ImageObject.src = "/shop/images/navigation/" + Name + "_on.gif";
	ImageObject.onmouseover = function()
	{
	}
	ImageObject.onmouseout = function()
	{
	}
	LastCategory = Name;
}

function HighliteSubcategory(CategoryName, Name)
{
	document.getElementById(CategoryName + Name + "Link").src = "/shop/images/navigation/" + Name + "_on.gif";
	document.getElementById(CategoryName + Name + "Link").onmouseover = function()
	{
	}
	document.getElementById(CategoryName + Name + "Link").onmouseout = function()
	{
	}
}

function SubmitForm(Name)
{
	document.getElementById(Name).submit();
}

window.onload = SetupPage;