htmlDiv = "<table><tr><td colspan=\"2\"><p style=\"padding: 2px; font-family:tahoma; font-size:12px; color: #FFFFFF;\"><b>@SECTION</b></p></td></tr><tr style=\"background-color:#CCCCCC\"><td width=\"32\"><img src=\"images/icons/@ICON.gif\" /></td><td><p style=\"padding:2px 5px 0px 3px; text-align: justify; font-family:tahoma; font-size:11px;\">@DESC</p></td></tr></table>";
htmlDivSimple="<table><tr style=\"background-color:#F0F0F0\"><td><p style=\"padding:2px 5px 4px 8px; text-align: justify; font-family:verdana; font-size:11px;\">@DESC</p></td></tr></table>";
htmlDivAltImage="<img id=\"altImg\" src=\"@PATH\" alt=\"\" />";

function showMenu(event,section, icon, desc){
	var w=document.getElementById("msect");
	if(w.style.visibility=="hidden" || w.style.visibility==""){
		var htm;
		if(section=='' && icon=='')
			htm=htmlDivSimple.replace("@DESC",desc);				
		else
			htm=htmlDiv.replace("@SECTION",section).replace("@ICON",icon).replace("@DESC",desc);

		w.innerHTML=htm;
	}
	w.style.left=event.clientX+10+document.body.scrollLeft;
	w.style.top=event.clientY+document.body.scrollTop;
	w.style.visibility="visible";
}

function hideMenu(){
	var w=document.getElementById("msect");
	w.style.visibility="hidden";
}

function showAltImage(event,path){
	var w=document.getElementById("msect");
	if(w.style.visibility=="hidden" || w.style.visibility==""){
		var htm = htmlDivAltImage.replace("@PATH",path);				

		w.innerHTML=htm;
	}
	w.style.left=event.clientX+10+document.body.scrollLeft;
	w.style.top=event.clientY+document.body.scrollTop;
	w.style.width=w.style.height=1;
	w.style.visibility="visible";
}