var arrSwapImages = new Array(10);
var arrSwapImagesOver = new Array(10);
var arrSwapImagesSelected = new Array(10);
var iIndex;

	//Pre-load the header normal and rollover images.
	if (document.images) 
	{
		for (iIndex = 0; iIndex < arrSwapImages.length; iIndex++) 
		{
			arrSwapImages[iIndex] = createRollover('images/website/panel_page_header/header_button_' + (iIndex + 1) + '.gif');
			arrSwapImagesOver[iIndex] = createRollover('images/website/panel_page_header/header_button_' + (iIndex + 1) + '_over.gif');
			arrSwapImagesSelected[iIndex] = createRollover('images/website/panel_page_header/header_button_' + (iIndex + 1) + '_sel.gif');
		}


		// special treatment for accessories
		if (iSelectedDepartment == 28) iSelectedDepartment = 4;

 		if (iSelectedDepartment != 0 && document.getElementById('Swap' + iSelectedDepartment) != null) 
			document.getElementById('Swap' + iSelectedDepartment).src = arrSwapImagesSelected[iSelectedDepartment - 1].src;
	}
	
	
	function createRollover(imageSrc) 
	{
		returnImage = new Image();
		returnImage.src = imageSrc;
		return returnImage;
	}
	
	function swapImage(ev) {
	var eventElement = ev.srcElement;
		//Set event element.
		if (eventElement == null)
			eventElement = ev.target;
	
		if (eventElement.id.indexOf(iSelectedDepartment) == -1) {
			var index;
			if ((index = eventElement.id.slice(eventElement.id.length-1)-1) == -1)
			{
				// handle 2 digit item numbers
				index = eventElement.id.slice(eventElement.id.length-2)-1;
			}
			if (eventElement.src.indexOf('_over') == -1) 
				eventElement.src = arrSwapImagesOver[index].src
			else
				eventElement.src = arrSwapImages[index].src;
		}
	}

	function hideDropDown(menuID)
	{
		document.getElementById('DropDownCover' + menuID).style.display = 'none';
		document.getElementById('DropDownMenu' + menuID).style.display = 'none';
		document.getElementById('Swap' + menuID).src = (iSelectedDepartment  != menuID ? arrSwapImages[menuID-1].src : arrSwapImagesSelected[menuID-1].src);
	}
			
	function showDropDown(menuID)
	{
		document.getElementById('Swap' + menuID).src=arrSwapImagesOver[menuID-1].src;
		if(navigator.userAgent.toLowerCase().indexOf('firefox') == -1) 
			document.getElementById('DropDownCover' + menuID).style.display = 'block';
		else
			hideDropDown((menuID == 1 ? 2 : 1));
		document.getElementById('DropDownMenu' + menuID).style.display = 'block';
	}


var hActiveItem;

	function toggleMenuOn(ev) {
	    var eventElement = ev.srcElement;
	    var iRowIndex;

		//Set event element.
	    if (eventElement == null) {
	        eventElement = ev.target;
	    }
	    	
		if(eventElement.tagName == 'TD') {
		    if (hActiveItem != null) {
		        hActiveItem.className = hActiveItem.innerHTML.indexOf("Show All") == -1 ? "MenuItem" : "MenuItemAll";
		    }
			eventElement.className = 'MenuItemOver';
	        hActiveItem = eventElement;	
        }
	}

	function toggleMenuOff(ev) {
	    var eventElement = ev.srcElement;
	
		//Set event element.
	    if (eventElement == null) {
	        eventElement = ev.target;
	    }

	    if (eventElement.tagName == 'TD') {
	        eventElement.className = eventElement.innerHTML.indexOf("Show All") == -1 ? "MenuItem" : "MenuItemAll"; ;
	    }
	}

function getParentElement(childElement)
{
	return (childElement.parentElement == null ? childElement.parentNode : childElement.parentElement);
}