var timerMe1 = '';
var timerMe2 = '';
var timerMe3 = '';
var timerMe4 = '';

function timeoutMe1(){
	timerMe1 = setTimeout("hideMe1()",500);
}
function timeoutMe2(){
	timerMe2 = setTimeout("hideMe2()",500);
}
function timeoutMe3(){
	timerMe3 = setTimeout("hideMe3()",500);
}
function timeoutMe4(){
	timerMe4 = setTimeout("hideMe4()",500);
}

function hideMe1(){
	document.getElementById("theLayer1").style.visibility="hidden";
}
function hideMe2(){
	document.getElementById("theLayer2").style.visibility="hidden";
}
function hideMe3(){
	document.getElementById("theLayer3").style.visibility="hidden";
}
function hideMe4(){
	document.getElementById("theLayer4").style.visibility="hidden";
}

function showMe1(obj){
	document.getElementById("theLayer2").style.visibility="hidden";
	document.getElementById("theLayer3").style.visibility="hidden";
	document.getElementById("theLayer4").style.visibility="hidden";
	if(timerMe1!=null){
		window.clearTimeout(timerMe1);
	}
	var newX = findPosX(obj);
	var newY = findPosY(obj);
	document.getElementById("theLayer1").style.top = newY + 25 + 'px';
	document.getElementById("theLayer1").style.left = newX + 'px';
 	document.getElementById("theLayer1").style.visibility="visible";
}
function showMeSingle1(){
	document.getElementById("theLayer2").style.visibility="hidden";
	document.getElementById("theLayer3").style.visibility="hidden";
	document.getElementById("theLayer4").style.visibility="hidden";
	if(timerMe1!=null){
		window.clearTimeout(timerMe1);
	}
	document.getElementById("theLayer1").style.visibility="visible";
}
function showMe2(obj){
	document.getElementById("theLayer1").style.visibility="hidden";
	document.getElementById("theLayer3").style.visibility="hidden";
	document.getElementById("theLayer4").style.visibility="hidden";
	if(timerMe2!=null){
		window.clearTimeout(timerMe2);
	}
	var newX = findPosX(obj);
	var newY = findPosY(obj);
	document.getElementById("theLayer2").style.top = newY + 25 + 'px';
	document.getElementById("theLayer2").style.left = newX + 'px';
 	document.getElementById("theLayer2").style.visibility="visible";
}
function showMeSingle2(){
	document.getElementById("theLayer1").style.visibility="hidden";
	document.getElementById("theLayer3").style.visibility="hidden";
	document.getElementById("theLayer4").style.visibility="hidden";
	if(timerMe2!=null){
		window.clearTimeout(timerMe2);
	}
	document.getElementById("theLayer2").style.visibility="visible";
}
function showMe3(obj){
	document.getElementById("theLayer1").style.visibility="hidden";
	document.getElementById("theLayer2").style.visibility="hidden";
	document.getElementById("theLayer4").style.visibility="hidden";
	if(timerMe3!=null){
		window.clearTimeout(timerMe3);
	}
	var newX = findPosX(obj);
	var newY = findPosY(obj);
	document.getElementById("theLayer3").style.top = newY + 25 + 'px';
	document.getElementById("theLayer3").style.left = newX + 'px';
 	document.getElementById("theLayer3").style.visibility="visible";
}
function showMeSingle3(){
	document.getElementById("theLayer1").style.visibility="hidden";
	document.getElementById("theLayer2").style.visibility="hidden";
	document.getElementById("theLayer4").style.visibility="hidden";
	if(timerMe3!=null){
		window.clearTimeout(timerMe3);
	}
	document.getElementById("theLayer3").style.visibility="visible";
}


function showMe4(obj){
	document.getElementById("theLayer1").style.visibility="hidden";
	document.getElementById("theLayer2").style.visibility="hidden";
	document.getElementById("theLayer3").style.visibility="hidden";
	if(timerMe4!=null){
		window.clearTimeout(timerMe4);
	}
	var newX = findPosX(obj);
	var newY = findPosY(obj);
	document.getElementById("theLayer4").style.top = newY + 25 + 'px';
	document.getElementById("theLayer4").style.left = newX + 'px';
 	document.getElementById("theLayer4").style.visibility="visible";
}
function showMeSingle4(){
	document.getElementById("theLayer1").style.visibility="hidden";
	document.getElementById("theLayer2").style.visibility="hidden";
	document.getElementById("theLayer3").style.visibility="hidden";
	if(timerMe4!=null){
		window.clearTimeout(timerMe4);
	}
	document.getElementById("theLayer4").style.visibility="visible";
}

function findPosX(obj){
	var curleft = 0;
	if(obj){
		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){
		if (obj.offsetParent){
			while (obj.offsetParent){
				curtop += obj.offsetTop
				obj = obj.offsetParent;
			}
		}else if (obj.y)curtop += obj.y;
		return curtop;
	}
}
