subMenuImg = new Image();
subMenuImg.src = "../menuimages/submenubg.jpg";

mainMenuImgOn = new Image();
mainMenuImgOn.src = "../menuimages/menubg.jpg";

mainMenuImgOff = new Image();
mainMenuImgOff.src = "../menuimages/menubg.gif";
var t = 0;

function findPosX(obj) {
	var curleft = 0;
	if (obj.offsetParent) 	{
		while (obj.offsetParent) {
			curleft += obj.offsetLeft
			obj = obj.offsetParent;
		}
	}
	else if (obj.x) {
		curleft += obj.x;
	}
	return curleft;
}

function findPosY(obj) {
	var curtop = 0;
	if (obj.offsetParent) {
		while (obj.offsetParent) {
			curtop += obj.offsetTop
			obj = obj.offsetParent;
		}
	}
	else if (obj.x) {
		curtop += obj.x;
	}
	return curtop;
}
function showDiv(arrIndex, level){
	clearTimeout(t);
	containerObj = document.getElementById('container');
	divObj = document.getElementById('div-' + arrIndex);
	blockObj = document.getElementById('block-' + arrIndex);
	linkObj = document.getElementById('link-' + arrIndex);
	blockObj.style.visibility = "visible";
	blockObj.style.display = "block";
	
	if(level == 1) {
		blockObj.style.left = findPosX(divObj) - findPosX(containerObj);
		blockObj.style.top = 32;
	}else{
		blockObj.style.left = divObj.offsetLeft + 100;
	}
	showLooks(arrIndex, level);

}

function hideDiv(arrIndex, level){
	divObj = document.getElementById('div-' + arrIndex);
	blockObj = document.getElementById('block-' + arrIndex);
	linkObj = document.getElementById('link-' + arrIndex);

	blockObj.style.visibility = "hidden";
	blockObj.style.display = "none";

	hideLooks(arrIndex, level);
}

function showLooks(arrIndex, level){
	divObj = document.getElementById('div-' + arrIndex);
	blockObj = document.getElementById('block-' + arrIndex);
	linkObj = document.getElementById('link-' + arrIndex);
	if(divObj) {
		if(level == 1) {
			divObj.style.backgroundImage = "url('" + mainMenuImgOn.src + "')";
		}
	}
	if(linkObj) {
		if(level == 1) {
			linkObj.style.backgroundImage = "url('" + mainMenuImgOn.src + "')";
		}
	}
}
function hideLooks(arrIndex, level){
	divObj = document.getElementById('div-' + arrIndex);
	blockObj = document.getElementById('block-' + arrIndex);
	linkObj = document.getElementById('link-' + arrIndex);
	if(divObj) {
		if(level == 1) {
			divObj.style.backgroundImage = "url('" + mainMenuImgOff.src + "')";
		}
	}
	if(linkObj) {
		if(level == 1) {
			linkObj.style.backgroundImage = "url('" + mainMenuImgOff.src + "')";
		}
	}
}