var arrImageMenu = null;
var imageMenuLastLi = null;
var imageMenuLastSb = null;
var imageMenuLastEv = null;
var imageMenuClearId = null;
function imageMenuHoverInit()
{
	var imgName = null;
	var dotIndex = null;
	var img = null;
	var imgobj = new Array();
	var m = document.getElementById("menubalk");
	var imgs = m.getElementsByTagName("li");
	arrImageMenu = new Array();
	for (var n = 0; n < imgs.length; n++)
	{
		var thisImg = imgs[n].getElementsByTagName("img");
		if (thisImg.length > 0)
		{
			thisImg = thisImg[0];
			var hvIndex = thisImg.src.lastIndexOf("-hv.");
			var defImg = null
			if (hvIndex == -1) // niet actief
			{
				dotIndex = thisImg.src.lastIndexOf(".");
				imgName = thisImg.src.substr(0, dotIndex) + "-hv" + thisImg.src.substr(dotIndex);
				defImg = thisImg.src;
			}
			else
			{
				imgName = thisImg.src;
				defImg = thisImg.src.substr(0, hvIndex) + "" + thisImg.src.substr(hvIndex);
			}

			img = new Image;
			img.src = imgName;
			imgobj.push(img);
			arrImageMenu.push({i: thisImg.src, h: imgName});
			imgs[n].onmouseover = imageMenuHoverHandler;
			imgs[n].onmouseout = imageMenuHoverHandler;
		}
	}
}

function imageMenuHide()
{
	if (imageMenuLastSb != null)
		imageMenuLastSb.style.display = "none";
	imageMenuClearId = null;
}

function imageMenuHoverHandler(e)
{
	var targ;
	if (!e) var e = window.event;
	if (e.target) targ = e.target;
	else if (e.srcElement) targ = e.srcElement;
	if (targ.nodeType == 3)
		targ = targ.parentNode;

	// zoeken naar li
	var li = targ;
	while (li.nodeType == 1 && !(li.tagName.toLowerCase() == "li" && li.onmouseout != null))
		li = li.parentNode;
	if (!(li.nodeType == 1 && li.tagName.toLowerCase() == "li" && li.onmouseout != null)) // found
		return;

	if (li == imageMenuLastLi && e.type == imageMenuLastEv)
		return;
	imageMenuLastLi = li;
	imageMenuLastEv = e.type;

	// zoeken naar afbeelding met tekst
	var thisImg = li.getElementsByTagName("img");
	if (thisImg.length == 0)
		return;

	var img = thisImg[0];
	var state = null;
	var found = null;
	for (var n = 0; n < arrImageMenu.length; n++)
	{
		if (arrImageMenu[n].i == img.src)
		{
			state = "i";
			found = n;
		}
		else if (arrImageMenu[n].h == img.src)
		{
			state = "h";
			found = n;
		}
	}
	
	var menuDiv = null;

	for (var n = 0; n < li.childNodes.length; n++)
	{
		if (li.childNodes[n].nodeType == 1 && li.childNodes[n].tagName.toLowerCase() == "div")
			menuDiv = li.childNodes[n];
	}
	if (menuDiv != null)
	{
		//var linkPos = findPos(li);
		//menuDiv.style.display = "block";
		//menuDiv.style.left = linkPos.l + "px";
		//menuDiv.style.top = (linkPos.t + link.offsetHeight) + "px";
	}
	// zoeken naar menu
	switch (e.type)
	{
	case "mouseover":
		if (state == "i")
		{
			img.src = arrImageMenu[found].h;
			if (menuDiv != null)
			{
				if (imageMenuLastSb == menuDiv && imageMenuClearId != null)
					clearTimeout(imageMenuClearId);
				if (imageMenuLastSb != menuDiv)
					imageMenuHide();
				imageMenuLastSb = menuDiv;
				if (li.offsetWidth + 1 < 130)
					menuDiv.style.width = "130px";
				else
					menuDiv.style.width = (li.offsetWidth + 1) + "px";
				menuDiv.style.display = "block";
			}
		}
		break;
	case "mouseout":
		if (state == "h")
		{
			img.src = arrImageMenu[found].i;
			if (menuDiv != null)
			{
				imageMenuClearId = setTimeout(imageMenuHide, 50);
			}
		}
		break;
	}
}

function findPos(obj)
{
	var curleft = 0;
	var curtop = 0;
	if (obj.offsetParent)  {
		while (obj.offsetParent) {
			curtop += obj.offsetTop;
			curleft += obj.offsetLeft;
			obj = obj.offsetParent;
		}
	}
	else if (obj.x)
	{
	    curtop += obj.y;
		curleft += obj.x;
	}
	return {l: curleft, t: curtop};
}