var Xoffset=-60;    // modify these values to ...
var Yoffset= 20;    // change the popup position.
var old, iex, ns4, ns6;
		
//set Layer object reference value
if (document.all) {
	iex = true;
	var lyr = tooltip.style;
} else if (document.layers) {
	ns4 = true;
	var lyr = document.tooltip2;
} else if (document.getElementById) { 
	ns6 = true;
	var lyr = document.getElementById("tooltip").style;
 
} else {
	old=true;
}
//set event handler
if(!old){
	
    if (ns6) {
		document.addEventListener('mousemove',get_mouse, false);
	} else {	
		if (ns4) document.captureEvents(Event.MOUSEMOVE);
		document.onmousemove=get_mouse;	
	}
}
function showTooltip(who, what, msg) {
	
	Xoffset=-60;    // modify these values to ...
	Yoffset= 20;    // change the popup position.
	var content;
	var x, y;
	
	if(old){
	
		return;
	
	} else {
		
		if (iex) {
				
			//Reset the width
			lyr.width=0;
			//Set the content inside the layer
				document.all("tooltip").innerHTML= '<table cellpadding=0 cellspacing=0 border=0 width=300><tr valign=top><td width=300>' + msg + '</td></tr></table>';
			document.all("tooltip").innerWidth = 310 ; 
		//	if (document.all("tooltip").clientWidth > 300) {
		//		lyr.width=300; // 300px
		//	}
					
			//Set Position prior to showing
			setPos(event.x+document.body.scrollLeft, event.y+document.body.scrollTop);
			lyr.visibility = "visible";
		} else if (ns4) {
		
			lyr.document.write(msg);
			lyr.document.close();
			lyrFont = '<font style="font:11px Verdana, Arial, Sans-Serif; color:#0A405B;">' ; 
			lyrBg = 'bgColor="#E6ECEE" style="border:1px solid #0089CC; z-index:30;" ' ; 
			if (lyr.clip.width > 300) {
				content = '<layer clip="300" width="300" name="innLayer" '+lyrBg+'>'+lyrFont+msg+'</font></layer>';
			} else {
				content = '<layer name="innLayer" ' + lyrBg + '>'+lyrFont+msg+'</font></layer>';
			}			
			lyr.document.write(content);
			lyr.document.close();
			lyr.left=-450;
			lyr.visibility="show";
		} else if (ns6) {
	
			lyr.width = "";
			var div = document.getElementById("tooltip");
			div.innerHTML = msg;
			
			
			if (div.offsetWidth > 300) {
				lyr.width = 300;
			}
			
			lyr.left=-450;
			lyr.visibility="visible";
		
		}		
		
	}
}
function get_mouse(e){
  
	var x ,y;
	if (iex) {
	
		x = event.x+document.body.scrollLeft;
		y = event.y+document.body.scrollTop;
		if (lyr.visibility == "visible") {
			setPos(x, y);
		}
		
	} else if (ns4) {
	
		x = e.pageX;
	  	y = e.pageY;
		if (lyr.visibility == "show") {
			setPos(x, y);
		}	
		
	} else if (ns6) {  
	
		x = e.pageX;
		y = e.pageY;
	
		if (lyr.visibility == "visible") {
			setPos(x, y);
		}	
	
	}
}
function setPos(x, y) {
	
	var layTop=y+Yoffset;
	var layLeft=x+Xoffset;
	var layWidth;
	var layHeight;	
	var winHeight;
	var winWidth;
	if (iex) {
	
		winWidth = document.body.offsetWidth;
		winHeight = document.body.scrollTop+document.body.offsetHeight;				
		layWidth = document.all("tooltip").clientWidth;
		layHeight = document.all("tooltip").clientHeight;
		
	} else if (ns4) {
	
		winWidth = window.innerWidth;
		winHeight = window.pageYOffset+window.innerHeight;				
		layWidth = lyr.document.layers['innLayer'].clip.width;
		layHeight = lyr.document.layers['innLayer'].clip.height;
	} else if (ns6) {
	
		winWidth = window.innerWidth;
		winHeight = window.pageYOffset+window.innerHeight;				
		
		var div = document.getElementById("tooltip");
		layWidth = div.offsetWidth;
		layHeight = div.offsetHeight;
		
	}
	if (winWidth - layLeft < layWidth) {
		Xoffset = Xoffset + ((winWidth - layLeft) - (layWidth+40));
	} else if (layLeft < 0) {
		Xoffset = -60;
	}
	if (winHeight - layTop < layHeight) {
		Yoffset = Yoffset + (-1)*(layHeight+30);
	} else if (layTop < 0) {
		Yoffset = 20;
	}
	lyr.left=x+Xoffset;
	lyr.top=y+Yoffset;
}
function hideTooltip(){
	if (!old ) {
		// restore original position.
		lyr.visibility="hidden";
		Xoffset = -60;
		Yoffset = 20;
	}
	
}