window.onload = function()
{
	// handle activeTab for menuLevel1
	handleActiveTab('menuLevel1-ActiveTab');

	//handle activeTab for menuLevel2
	handleActiveTab('menuLevel2-ActiveTab');

	//handle activeTab for menuLevel3
	handleActiveTab('menuLevel34-Level3-ActiveTab');

	//handle activeTab for menuLevel4
	handleActiveTab('menuLevel34-Level4-ActiveTab');
};

function handleActiveTab(id)
{
	if (document.getElementById(id))
	{
		var liTag, imgTag;
		liTag = document.getElementById(id);

		imgTag = getImageTag(liTag);

		if (imgTag)
		{
			imgTag.src = getImageNameWhenOn(imgTag.src);
		}
	}
}


function getImageTag(liTag)
{
	for (var x = 0; x < liTag.childNodes.length; x++)
	{
		var childNode = liTag.childNodes[x];
		if (childNode.nodeType == 1)
		{
			var imgTag = childNode;

			for (var y = 0; y < imgTag.childNodes.length; y++)
			{
				var n = imgTag.childNodes[y];
				if (n.nodeType ==1)
				{
					if(n.tagName == "IMG")
					{
						return n;
					}
				}
			}
		}
	}
}

function NavMouseover(liTag)
{
	if (liTag.id != 'menuLevel1-ActiveTab' && liTag.id != 'menuLevel2-ActiveTab' && liTag.id != 'menuLevel34-Level3-ActiveTab' && liTag.id != 'menuLevel34-Level4-ActiveTab')
	{
		imgTag = getImageTag(liTag);

		if (imgTag)
		{
			imgTag.src = getImageNameWhenOn(imgTag.src);
		}
	}
}


function NavMouseout(liTag)
{
	if (liTag.id != 'menuLevel1-ActiveTab' && liTag.id != 'menuLevel2-ActiveTab' && liTag.id != 'menuLevel34-Level3-ActiveTab' && liTag.id != 'menuLevel34-Level4-ActiveTab')
	{
		imgTag = getImageTag(liTag);

		if (imgTag)
		{
			imgTag.src = getImageNameWhenOff(imgTag.src);
		}
	}
}

function getImageNameWhenOn(s)
{
	var tempStr, tempIndex;
	tempStr = reverse(s);
	tempIndex = tempStr.indexOf(".");
	var imgExtension, imgName;

	imgExtension = tempStr.substring(0,tempIndex)
	imgName = tempStr.substring(tempIndex + 1, tempStr.length);

	return reverse(imgName) + "_on." + reverse(imgExtension);
}

function reverse(s)
{
	return s.split("").reverse().join("");
}

function getImageNameWhenOff(s)
{
	var reversedName, dotPos, imgExtension, imgName, onPos;

	reversedName = reverse(s);
	dotPos = reversedName.indexOf(".");

	imgExtension = reversedName.substring(0,dotPos);
	imgName = reversedName.substring(dotPos + 1, reversedName.length);

	onPos = imgName.indexOf("no_");

	if (onPos == 0)
	{
		return reverse(imgName.substring(3,imgName.length)) + "." + reverse(imgExtension);
	}
	else
	{
		return reverse(imgName) + "." + reverse(imgExtension);
	}
}