var isMenuWidthInitialized = false;
var menuActualWidth = 0;
var menu_numberOfAttempts = 0;

var menu_image1_on = new Image();
var menu_image1_off = new Image();
var menu_image2_on = new Image();
var menu_image2_off = new Image();
var menu_image3_on = new Image();
var menu_image3_off = new Image();
var menu_image4_on = new Image();
var menu_image4_off = new Image();
var menu_image5_on = new Image();
var menu_image5_off = new Image();
var menu_image6_on = new Image();
var menu_image6_off = new Image();
var menu_image7_on = new Image();
var menu_image7_off = new Image();
var menu_image8_on = new Image();
var menu_image8_off = new Image();

window.onresize = centerMenu;

function menuInit()
{
	initializeMenuWidth();
	centerMenu();
	
	listInit();
}

function initializeMenuWidth()
{
	var menu = document.getElementById("MainMenu");
	var totalWidth = 0;
	var listItemID = "";
	var listItem;
	
	menu.style.width = (menuActualWidth + 2);
}

function centerMenu()
{
	var menu = document.getElementById("MainMenu");
	var screenWidth = document.body.clientWidth;
	var leftPadding = 0;
	var menuStyleWidth = 0;
	
	if(screenWidth <= menuActualWidth)
	{
		leftPadding = 0;
	}

	else
	{
		leftPadding = (screenWidth - menuActualWidth)/2;
	}

	menu.style.left = leftPadding + "px";
}

function onMouseOver(imageNumber)
{
	var image = document.getElementById("menu_image" + imageNumber);
	
	switch(imageNumber)
	{
		case 1:
			image.src = menu_image1_on.src;
			break;
		case 2:
			image.src = menu_image2_on.src;
			break;
		case 3:
			image.src = menu_image3_on.src;
			break;
		case 4:
			image.src = menu_image4_on.src;
			break;
		case 5:
			image.src = menu_image5_on.src;
			break;
		case 6:
			image.src = menu_image6_on.src;
			break;
		case 7:
			image.src = menu_image7_on.src;
			break;
		case 8:
			image.src = menu_image8_on.src;
			break;
	}
	
}

function onMouseOut(imageNumber)
{
	var image = document.getElementById("menu_image" + imageNumber);
	
	switch(imageNumber)
	{
		case 1:
			image.src = menu_image1_off.src;
			break;
		case 2:
			image.src = menu_image2_off.src;
			break;
		case 3:
			image.src = menu_image3_off.src;
			break;
		case 4:
			image.src = menu_image4_off.src;
			break;
		case 5:
			image.src = menu_image5_off.src;
			break;
		case 6:
			image.src = menu_image6_off.src;
			break;
		case 7:
			image.src = menu_image7_off.src;
			break;
		case 8:
			image.src = menu_image8_off.src;
			break;
	}
}

function listInit() {
	if (document.all && document.getElementById) {
		navRoot = document.getElementById("mainMenuUL");
		for (i=0; i < navRoot.childNodes.length; i++) {
			node = navRoot.childNodes[i];
			if (node.nodeName=="LI") {
				node.onmouseover=function() {
					this.className+=" over";
					var image = this.getElementsByTagName("img");
					var imageNumber;
					
					if(image != null && image != "undefined")
					{
						imageNumber = image[0].getAttribute("number");
						
						switch(parseInt(imageNumber))
						{
							case 1:
								image[0].src = menu_image1_on.src;
								break;
							case 2:
								image[0].src = menu_image2_on.src;
								break;
							case 3:
								image[0].src = menu_image3_on.src;
								break;
							case 4:
								image[0].src = menu_image4_on.src;
								break;
							case 5:
								image[0].src = menu_image5_on.src;
								break;
							case 6:
								image[0].src = menu_image6_on.src;
								break;
							case 7:
								image[0].src = menu_image7_on.src;
								break;
							case 8:
								image[0].src = menu_image8_on.src;
								break;
						}
					}
					
				}
				node.onmouseout=function() {
					this.className=this.className.replace(" over", "");
					var image = this.getElementsByTagName("img");
					var imageNumber;
					
					if(image != null && image != "undefined")
					{
						imageNumber = image[0].getAttribute("number");
						
						switch(parseInt(imageNumber))
						{
							case 1:
								image[0].src = menu_image1_off.src;
								break;
							case 2:
								image[0].src = menu_image2_off.src;
								break;
							case 3:
								image[0].src = menu_image3_off.src;
								break;
							case 4:
								image[0].src = menu_image4_off.src;
								break;
							case 5:
								image[0].src = menu_image5_off.src;
								break;
							case 6:
								image[0].src = menu_image6_off.src;
								break;
							case 7:
								image[0].src = menu_image7_off.src;
								break;
							case 8:
								image[0].src = menu_image8_off.src;
								break;
						}
					}
				}
			}
		}
	}
}