

  function bubble(divid,msg, newtimer){  var over_Layed = null;

  var timpop=0;

  var timer = 500; //default
	  timer = newtimer;

	  if(msg=="" || msg== undefined){
		  document.getElementById(divid).removeChild(over_Layed);// delete the child div if msg is empty
	  }else{
		  over_Layed = document.createElement("div");// create a new div element	
		  over_Layed.style.position = "absolute";// to position of the page irrespective of all elements on page	
		  over_Layed.style.height =20+"px"; // height of the div element	
		  over_Layed.style.left =xMouse+50+"px";// a little offset	
		  over_Layed.style.top =yMouse-30+"px";// a little offset	
		  over_Layed.style.display = "none"; //hide the div element created. display with respect to timer	
		  over_Layed.innerHTML = msg //your html content
		  document.getElementById(divid).appendChild(over_Layed);// create a child div to the empty div on your page	
		  timpop= setTimeout("showmsg('"+divid+"','"+msg+"')",timer);//calls showmsg function with respect to timer
	  }
  }

  function showmsg(divid,msg){

  if(msg=="" || msg== undefined){
	  document.getElementById(divid).removeChild(over_Layed);// onmouse out delete chid div
  }else{
	  over_Layed.style.display = "block";//display the div as the timer is ready
  }

  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);
	
	  }
  }

