var ie4 = document.all&&navigator.userAgent.indexOf("Opera")==-1
var ns6 = document.getElementById&&!document.all
var ns4 = document.layers

function formatContent(infodatas){
	var content = "";
	content += "<table width='" + infowidth + "' cellpadding='4' cellspacing='1' border='0' bgcolor='#000000'><tr><td bgcolor='#718AA9' class='infotitle'>";
	content += infodatas[0];
	content += "</td></tr><tr><td bgcolor='#EEEEEE' class='infocontent'>";
	content += infodatas[1];
	content += "</td></tr></table>";
	return(content);
}
function showinfo(e,infodatas){
	if (!document.all && !document.getElementById && !document.layers){
		return;
	}
	cleartimer();

	boxobj = ie4? document.all.infobox : ns6? document.getElementById("infobox") : ns4? document.infobox : "";
	boxobj.thestyle = (ie4||ns6)? boxobj.style : boxobj;

	if (ie4||ns6){
		boxobj.innerHTML = formatContent(infodatas);
	}
	else{
		boxobj.document.write("<layer name='infolayer' onmouseover='cleartimer()' onmouseout='hideinfo()'>" + formatContent(infodatas) + "</layer>");
		boxobj.document.close();
	}

	boxobj.contentwidth = (ie4||ns6)? boxobj.offsetWidth : boxobj.document.infolayer.document.width;
	boxobj.contentheight = (ie4||ns6)? boxobj.offsetHeight : boxobj.document.infolayer.document.height;
	eventX = ie4? event.clientX : ns6? e.clientX : e.x;
	eventY = ie4? event.clientY : ns6? e.clientY : e.y;

	var rightedge = ie4? document.body.clientWidth-eventX : window.innerWidth-eventX;
	var bottomedge = ie4? document.body.clientHeight-eventY : window.innerHeight-eventY;

	if (rightedge < boxobj.contentwidth){
		boxobj.thestyle.left = ie4? document.body.scrollLeft+eventX-boxobj.contentwidth+20 : ns6? window.pageXOffset+eventX-boxobj.contentwidth+20 : eventX-boxobj.contentwidth+20;
	}
	else{
		boxobj.thestyle.left = ie4? document.body.scrollLeft+eventX+20 : ns6? window.pageXOffset+eventX+20 : eventX+20;
	}

	if (bottomedge < boxobj.contentheight){
		boxobj.thestyle.top = ie4? document.body.scrollTop+eventY-boxobj.contentheight : ns6? window.pageYOffset+eventY-boxobj.contentheight : eventY-boxobj.contentheight;
	}
	else{
		boxobj.thestyle.top = ie4? document.body.scrollTop+event.clientY : ns6? window.pageYOffset+eventY : eventY;
	}
	boxobj.thestyle.visibility = "visible";
	return false;
}

function hideinfo(){
	if (window.boxobj)
		boxobj.thestyle.visibility=(ie4||ns6)? "hidden" : "hide";
}

function delayhide(){
	if (ie4||ns6||ns4){
		infotimer=setTimeout("hideinfo()",infotimeout);
	}
}
function cleartimer(){
	if(window.infotimer){
		clearTimeout(infotimer);
	}
}
if (ie4||ns6){
	document.onclick = hideinfo;
}