window.onresize = renderContentWindow;

var highlightImages = new Array();
var normalImages = new Array();

function loadGraphics()
{
	highlightImages["leftcapimg"] = new Image();
	highlightImages["leftcapimg"].src = "images/toolbarleftcapon.jpg";
	highlightImages["rightcapimg"] = new Image();
	highlightImages["rightcapimg"].src = "images/toolbarrightcapon.jpg";
	highlightImages["leftNavCap"] = new Image();
	highlightImages["leftNavCap"].src = "images/navleftcapon.jpg";
	highlightImages["rightNavCap"] = new Image();
	highlightImages["rightNavCap"].src = "images/navrightcapon.jpg";
	
	normalImages["leftcapimg"] = new Image();
	normalImages["leftcapimg"].src = "images/toolbarleftcapoff.jpg";
	normalImages["rightcapimg"] = new Image();
	normalImages["rightcapimg"].src = "images/toolbarrightcapoff.jpg";
	normalImages["leftNavCap"] = new Image();
	normalImages["leftNavCap"].src = "images/navleftcapoff.jpg";
	normalImages["rightNavCap"] = new Image();
	normalImages["rightNavCap"].src = "images/navrightcapoff.jpg";
}

function initScrollbar(contentElementId)
{
	scrollBar = new scrollBar("scrollpane", contentElementId);
}

function doRollover(element)
{
	changeNavProperties(element, "toolbaritemhover", "toolbarlinkhover");
}

function doRollout(element)
{
	changeNavProperties(element, "toolbaritem", "toolbarlink");
}

function changeNavProperties(cell, newCellClass, newLinkClass)
{
	cell.className = newCellClass;
	var children = cell.childNodes;
	for(index in children)
	{
		var child = children[index];
		if(child.href)
		{
			child.className = newLinkClass;
		}
	}
}

function doStoreRollover()
{
	var storeNavbarItem = document.getElementById("storecell");
	var storeImg = document.getElementById("leftcapimg");
	
	changeNavProperties(storeNavbarItem, "toolbaritemhover", "toolbarlinkhover");
	storeImg.src = "images/toolbarleftcapon.jpg";
}

function doStoreRollout()
{
	var storeNavbarItem = document.getElementById("storecell");
	var storeImg = document.getElementById("leftcapimg");
	
	changeNavProperties(storeNavbarItem, "toolbaritem", "toolbarlink");
	storeImg.src = "images/toolbarleftcapoff.jpg";
}

function doSpecialsRollover()
{
	var specialsNavbarItem = document.getElementById("specialscell");
	var storeImg = document.getElementById("rightcapimg");
	
	changeNavProperties(specialsNavbarItem, "specialstoolbaritemhover", "specialstoolbarlinkhover");
	storeImg.src = "images/toolbarrighttcapon.jpg";
}

function doSpecialsRollout()
{
	var specialsNavbarItem = document.getElementById("specialscell");
	var storeImg = document.getElementById("rightcapimg");
	
	changeNavProperties(specialsNavbarItem, "specialstoolbaritem", "specialstoolbarlink");
	storeImg.src = "images/toolbarrighttcapoff.jpg";
}

function changeNavState(element, on)
{
	var navCellClass = on ? "toolbaritem" : "toolbaritemhover";
	var	navCell = getChildElementByClass(element, navCellClass);
	var leftNavCap = getChildElementByName(element, "leftNavCap");
	var rightNavCap = getChildElementByName(element, "rightNavCap");
	
	if(on)
	{
		leftNavCap.src = "images/navleftcapon.jpg";
		rightNavCap.src = "images/navrightcapon.jpg";
		changeNavProperties(navCell, "toolbaritemhover", "toolbarlinkhover");
	}
	else
	{
		leftNavCap.src = "images/navleftcapoff.jpg";
		rightNavCap.src = "images/navrightcapoff.jpg";
		changeNavProperties(navCell, "toolbaritem", "toolbarlink");
	}
}

function getChildElementByName(element, name)
{
	return getChildElement(element, name, true, false);
}

function getChildElementByClass(element, className)
{
	return getChildElement(element, className, false, true);
}

function getChildElement(element, attName, useName, useClass)
{
	if(element.nodeType == 1 && element.hasChildNodes())
	{
		var children = element.childNodes;
		for(i in children)
		{
			var child = children[i];
			if(child.nodeType == 1) //Node.ELEMENT_NODE
			{
				if((useName && child.name == attName) || (useClass && child.className == attName))
				{
					return child;
				}
				else if (child.hasChildNodes())
				{
					var grandchild = getChildElement(child, attName, useName, useClass);
					if(grandchild != null)
					{
						return grandchild;
					}
				}
			}
		}
	}
	return null;
}

function doClick(element)
{
	var anchor = getChildElementByName(element, "navLink");
	window.location = anchor.href;
}

function loadContent(divId)
{
	for(i = 0; i < contentPanes.length; i++)
	{
		var elem = document.getElementById(contentPanes[i]);
		if(elem.id == divId)
		{
			elem.style.display = "block";
			scrollBar.contentPane = elem;
		}
		else
		{
			elem.style.display = "none";
		}
	}
	
	renderContentWindow();
	initDrag();
}

function goHome()
{
	window.location = "store.htm";
}