var is_safari = ((navigator.userAgent.indexOf("Safari")!=-1))?true:false;

var isShowing = false;

var ttipWindowHeight = 0;
var ttipWindowWidth = 0;
var mouseX;
var mouseY;

/*

<div id="toolBox" class="toolBoxStyle">TEST</div>

*/



function showTip(toolTipContent, item, item_width)

{

	if (isShowing == false)
	{

		if(!document.getElementById("toolTipBox"))
		{
			ttipEmbryo = document.createElement("div");
			ttipEmbryo.id = "toolTipBox";
			ttipEmbryo.className = "toolBoxStyle";
			document.getElementsByTagName("body")[0].appendChild(ttipEmbryo);
		}

		ttipWindowHeight = (window.innerHeight) ? window.innerHeight : document.body.clientHeight;
		ttipWindowWidth = (window.innerWidth) ? window.innerWidth : document.body.clientWidth;

		ttipSetPosition();

		var ttip = document.getElementById("toolTipBox");
		var ttipB = document.getElementById("toolTipBody");

		if (document.toolTipContent)
		{
			toolTipContent = toolTipContent.alt;
		}

		var innerH = toolTipContent;

	  	ttipB.innerHTML = innerH;
		ttip.style.display = "block";
			  
	  	isShowing = true;
	}
}



function hideTip()

{

/*	alert(mouseY - document.getElementById("toolBox").offsetHeight);*/

  document.getElementById("toolTipBox").style.display = "none";

  isShowing = false;

}



function tipPosition(callingEvent)

{

  if (!callingEvent) callingEvent = window.event;

  mouseX = callingEvent.clientX;
  mouseY = callingEvent.clientY-1;

  if (isShowing)
  {
	ttipSetPosition();
  }
}

function ttipSetPosition()
{

	var ttipWindowScrollDistance	= (!is_safari) ? ((document.documentElement.scrollTop) ? document.documentElement.scrollTop : document.body.scrollTop ) : window.pageYOffset;
	var ttipWindowScrollDistanceX	= (!is_safari) ? ((document.documentElement.scrollLeft) ? document.documentElement.scrollLeft : document.body.scrollLeft ) : window.pageXOffset;		

	var ttipOvershoot	= (!is_safari) ? document.getElementById("toolTipBox").offsetHeight + mouseY + 20 : document.getElementById("toolTipBox").offsetHeight + mouseY + 10 - window.pageYOffset;
	var ttipOvershootX	= (!is_safari) ? document.getElementById("toolTipBox").offsetWidth + mouseX + 10 : document.getElementById("toolTipBox").offsetWidth + mouseX + 10 - window.pageXOffset;

	if (ttipOvershoot > ttipWindowHeight && ttipOvershootX > ttipWindowWidth)
	{
		document.getElementById("toolTipBox").style.top = ttipWindowHeight - document.getElementById("toolTipBox").offsetHeight + ttipWindowScrollDistance + "px";
		document.getElementById("toolTipBox").style.left = mouseX - (document.getElementById("toolTipBox").offsetWidth + 10) + "px";
	}
	else
	{
		if (ttipOvershoot > ttipWindowHeight)
			document.getElementById("toolTipBox").style.top = ttipWindowHeight - document.getElementById("toolTipBox").offsetHeight + ttipWindowScrollDistance + "px";
		else
			document.getElementById("toolTipBox").style.top = (!is_safari) ? mouseY+10+ttipWindowScrollDistance+"px" : mouseY+10+"px";

		if (ttipOvershootX > ttipWindowWidth)
			document.getElementById("toolTipBox").style.left = ttipWindowWidth - (document.getElementById("toolTipBox").offsetWidth + 20) + "px";
		else {
			if (ttipOvershoot > ttipWindowHeight)
				document.getElementById("toolTipBox").style.left = (!is_safari) ? mouseX+40+ttipWindowScrollDistanceX+"px" : mouseX+40+"px";
			else
				document.getElementById("toolTipBox").style.left = (!is_safari) ? mouseX+10+ttipWindowScrollDistanceX+"px" : mouseX+10+"px";
		}
				
	}

}

function doTooltip(thisItem) { showTip(thisItem); }

function hideddrivetip() { hideTip(); }

document.onmousemove = tipPosition;