var imageArray = new Array();

var offsetfromcursorX=10; //Customize x offset of tooltip
var offsetfromcursorY=50; //Customize y offset of tooltip

var offsetdivfrompointerX=0; //Customize x offset of tooltip DIV relative to pointer image
var offsetdivfrompointerY=0; //Customize y offset of tooltip DIV relative to pointer image. Tip: Set it to (height_of_pointer_image-1).

var ie=document.all;
var ns6=document.getElementById && !document.all;
var enabletip=false;
if (ie||ns6) {
	var tipobj=document.all? document.all["rolloverDetails"] : document.getElementById? document.getElementById("rolloverDetails") : "";
	var tipImg=document.all? document.all["rolloverImage"] : document.getElementById? document.getElementById("rolloverImage") : "";
}

function ietruebody(){
	return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body;
}

function showTip(itemNum){
	if (ns6||ie){
		if(tipImg.src!=imageArray[itemNum].src) { 
			showTipImage(itemNum);
		}
		enabletip=true;
		return false;
	}
}

function showTipImage(itemNum) {
	tipImg.src = imageArray[itemNum].src;
	//offsetfromcursorY = -1*tipImg.height;
}

function preloadImages() { 
	for(var i=0; i<arguments.length; i++) {
		imageArray[i] = new Image;
		imageArray[i].src = arguments[i];
	}
}



function positiontip(e){
	if (enabletip) {
		var nondefaultpos=false;
		var curX=(ns6)?e.pageX : event.clientX+ietruebody().scrollLeft;
		var curY=(ns6)?e.pageY : event.clientY+ietruebody().scrollTop;
		//Find out how close the mouse is to the corner of the window
		var winwidth=ie&&!window.opera? ietruebody().clientWidth : window.innerWidth-20;
		var winheight=ie&&!window.opera? ietruebody().clientHeight : window.innerHeight-20;
	
		var rightedge=ie&&!window.opera? winwidth-event.clientX-offsetfromcursorX : winwidth-e.clientX-offsetfromcursorX;
		var bottomedge=ie&&!window.opera? winheight-event.clientY-offsetfromcursorY : winheight-e.clientY-offsetfromcursorY;
	
		var leftedge=(offsetfromcursorX<0)? offsetfromcursorX*(-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=curX-tipobj.offsetWidth+"px";
			nondefaultpos=true;
		} 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+offsetfromcursorX-offsetdivfrompointerX+"px";
		}
	
		//same concept with the vertical position
		if (bottomedge<tipobj.offsetHeight) {
			tipobj.style.top=curY-tipobj.offsetHeight-offsetfromcursorY+"px";
			nondefaultpos=true;
		} else {
			tipobj.style.top=curY+offsetfromcursorY+offsetdivfrompointerY+"px";
		}
	
		tipobj.style.visibility="visible";
	}
}

function hideTip() {
	if (ns6||ie) {
		enabletip=false;
		tipobj.style.visibility="hidden";
		//pointerobj.style.visibility="hidden";
		
		tipobj.style.left="-1000px";
	}
}

document.onmousemove=positiontip;