var offsetxpoint = 10 //Customize x offset of tooltip
var offsetypoint = 10 //Customize y offset of tooltip
var ie=document.all
var ns6=document.getElementById && !document.all
var enabletip=false
var tipobj

function popTipObj()
	{
	if (ie||ns6)
		tipobj=document.all? document.all["dhtmltooltip"] : document.getElementById? document.getElementById("dhtmltooltip") : ""
	}
//	
function ietruebody()
	{
	return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
	}
//


//
function ddrivetip(thetext, thecolor, thewidth)
	{
	
	if (ns6||ie)
		{
		if (typeof thewidth!="undefined") 
			tipobj.style.width=thewidth+"px"

		tipobj.innerHTML=thetext
		enabletip=true
	
		return false
		}
	}
//
	
//	
function positiontip(e)
	{
	if (enabletip)
		{
		var curX=(ns6)?e.pageX : event.x+ietruebody().scrollLeft;
		var curY=(ns6)?e.pageY : event.y+ietruebody().scrollTop;
		//Find out how close the mouse is to the corner of the window
		var rightedge=ie&&!window.opera? ietruebody().clientWidth-event.clientX-offsetxpoint : window.innerWidth-e.clientX-offsetxpoint-20
		var bottomedge=ie&&!window.opera? ietruebody().clientHeight-event.clientY-offsetypoint : window.innerHeight-e.clientY-offsetypoint-20

		var leftedge=(offsetxpoint<0)? offsetxpoint*(-1) : -1000

		//if the horizontal distance isn't enough to accomodate the width of the context menu
		if (rightedge<tipobj.offsetWidth)
			//move the horizontal position of the menu to the left by it's width
			tipobj.style.left=ie? ietruebody().scrollLeft+event.clientX-tipobj.offsetWidth+"px" : window.pageXOffset+e.clientX-tipobj.offsetWidth+"px"
				else if (curX<leftedge)
					tipobj.style.left="5px"
						else
						//position the horizontal position of the menu where the mouse is positioned
						tipobj.style.left=curX+offsetxpoint+"px"

		
		//same concept with the vertical position
		if (bottomedge<tipobj.offsetHeight)
			tipobj.style.top=ie? ietruebody().scrollTop+event.clientY-tipobj.offsetHeight-offsetypoint+"px" : window.pageYOffset+e.clientY-tipobj.offsetHeight-offsetypoint+"px"
				else
					tipobj.style.top=curY+offsetypoint+"px"

		tipobj.style.visibility="visible"
		}
	}

	
function hideddrivetip()
	{
	if (ns6||ie)
		{
		enabletip=false
		tipobj.style.visibility="hidden"
		tipobj.style.left="-1000px"
		tipobj.style.backgroundColor=''
		tipobj.style.width=''
		}
	}


function toolTipBox( StrTip, tipHeight )
	{
	var toolTip = "";
	toolTip += "<table cellpadding=\"0\" cellspacing=\"0\" border=\"0\" width=\"249\"><tr>";
	toolTip += "<td height=\"3\" colspan=\"3\"><img src=\"../images/popupBox/top_line.gif\" alt=\"\" width=\"249\" height=\"3\" border=\"0\"></td>";
	toolTip += "</tr><tr>";
	toolTip += "<td height=\"19\" width=\"14\"><img src=\"../images/popupBox/left_top_corner.gif\" alt=\"\" width=\"14\" height=\"19\" border=\"0\"></td>";
	toolTip += "<td bgcolor=\"white\" valign=\"top\" rowspan=\"2\" width=\"227\">";

	
	toolTip += "<table width=\"100%\" cellpadding=\"4\"><tr><td valign=\"top\" class=\"popupTipTxt\" bgcolor=\"white\">" + StrTip + "</td></tr></table>"

	
	toolTip += "<td height=\"19\" width=\"8\"><img src=\"../images/popupBox/right_top_corner.gif\" alt=\"\" width=\"8\" height=\"19\" border=\"0\"></td>";
	toolTip += "</tr><tr>";
	toolTip += "<td height=\"" + tipHeight + "\" width=\"14\" background=\"../images/popupBox/left_line.gif\"><img src=\"images/spacer.gif\" width=\"14\" height=\"1\" border=\"0\"></td>";
	toolTip += "<td height=\"" + tipHeight + "\" width=\"8\" background=\"../images/popupBox/right_line.gif\"><img src=\"images/spacer.gif\" width=\"8\" height=\"1\" border=\"0\"></td>";
	toolTip += "</tr><tr>";
	toolTip += "<td colspan=\"3\"><img src=\"../images/popupBox/bottom_line.gif\" width=\"249\" height=\"7\" alt=\"\" border=\"0\"></td>";
	toolTip += "</tr></table>";

	return toolTip;
	}
	


		
function contentWrapper( titleStr, contentStr )
	{
	var wrapStr = "<table class=\"outlined content shadow\" cellpadding=\"0\" cellspacing=\"0\" width=\"100%\">";
		wrapStr += "<tr><th class=\"VertBottomLine content_black\">" + titleStr + "</th></tr>";
		wrapStr += "<tr><td align=\"center\"><table width=\"100%\" cellspacing=\"10\">";
		wrapStr += "<tr><td class=\"standard_black\">" + contentStr + "</td></tr></table></td></tr></table>";

	return wrapStr;	
	}

		
		
	
document.onmousemove=positiontip