/*
  Floating Mouseover Script
  Will create a div that follows the mouse around like a tooltip
  by Greg Poole (greg@webengine.com.au)
*/

var mousex,mousey;
var detailBox;

function preLoadTooltips() {
	if(document.getElementById) {
		
		detailBox = document.getElementById('detail');
		if(detailBox) {
			detailBox.description = document.getElementById('description');
			detailBox.image = document.getElementById('image');
			detailBox.client = document.getElementById('client');
			
			document.onmousemove=captureMousePosition;
		}
	}
}

function captureMousePosition(e) {

	if(!detailBox || !detailBox.showBox)
		return;
	
	var x,y;
	if(document.all) {
		x=window.event.x+document.body.scrollLeft;
		y=window.event.y+document.body.scrollTop;
	} else 	if(document.layers || document.getElementById) {
		x=e.pageX;
		y=e.pageY;
	}
	
	detailBox.style.left=x+10;
	detailBox.style.top=y+10;
}

function showDetail(description,img,client) {
	detailBox.description.innerHTML = description+'...';
	detailBox.image.src = img;
	detailBox.client.innerHTML = client;
	detailBox.showBox=true;
	detailBox.style.visibility='visible';
}


function hideDetail() {
	detailBox.style.visibility='hidden';
	detailBox.style.left=-1000;
	detailBox.style.top=-1000;
	detailBox.showBox=false;
}