/**
 * @author vinodvv
 *  bubble msg usage
 * <a href="#" onmouseover="bubble('bubbles','msg');" onmouseout="bubble('bubbles','');" >show bubble</a>
 * where bubbles is the empty div id available in the html body
 * msg - you own html content
 */
var over_Lay = null;
/* code taken from http://home.cogeco.ca/~ve3ll/jstutor5.htm#wi */
/* xMouse=0;yMouse=0;      // globals to hold coordinates
document.onmousemove=getMouse; // start event listener
function getMouse(e){
e=e||window.event;
	if (e.pageX||e.pageY){
		xMouse=e.pageX;yMouse=e.pageY;
	} else {
	    de=document.documentElement;b=document.body;
	    xMouse=e.clientX+(de.scrollLeft||b.scrollLeft)-(de.clientLeft||0);
	    yMouse=e.clientY+(de.scrollTop||b.scrollTop) - (de.clientTop||0);
	}
} */

function bubble(divid,msg,leftPlace,rightPlace){
	if(msg=="" || msg== undefined){
		document.getElementById(divid).removeChild(over_Layed);
	}else{
		
		over_Layed = document.createElement("div");	
		over_Layed.style.position = "absolute";
		over_Layed.style.height = 20+"px";
		over_Layed.style.left =((document.body.offsetWidth - 960) / 2)+leftPlace+"px";
		over_Layed.style.top = rightPlace+"px";
		over_Layed.style.display = "none";
		over_Layed.innerHTML = "<table align='left' class='bubble'><tr><td align='center' class='bubble'>"+msg+"</td></tr></table>";
		document.getElementById(divid).appendChild(over_Layed);
		timpop1= setTimeout("showmsg('"+divid+"','"+msg+"')",1000);
	}
}
function showmsg(divid,msg){
	if(msg=="" || msg== undefined){
		document.getElementById(divid).removeChild(over_Layed);
	}else{
		over_Layed.style.display = "block";
	}
}