var detailsOffest = {x:-50,y:-100};
var noClients = 18;

showDetails = function(node){
	var _targetElement = document.getElementById('clientDetailsShow');
	_targetContent = document.getElementById('cd_' + node);
	document.getElementById("clientHeader").innerHTML = _targetContent.getElementsByTagName("h4")[0].innerHTML;
	document.getElementById("clientCopy").innerHTML = _targetContent.getElementsByTagName("p")[0].innerHTML;
	_targetElement.style['display'] = "block";
}

hideDetails = function(){
	document.getElementById('clientDetailsShow').style['display'] = "none";
}

setUpElements = function(){
	//search input
	for(i=1;i<noClients+1;i++){
		var _el = "clientLogo" + i;
		var _t = document.getElementById(_el);
		_t.flag = i;
		_t.onmouseover = function(){
				showDetails(this.flag);
			}
		_t.onmouseout = function(){
				hideDetails();
			}
	}
}

//mouse coords stuff
var IE = document.all?true:false;
if (!IE) document.captureEvents(Event.MOUSEMOVE)
document.onmousemove = getMouseXY;
var tempX = 0;
var tempY = 0;
function getMouseXY(e) {
	if (IE) { // grab the x-y pos.s if browser is IE
	tempX = event.clientX + document.body.scrollLeft;
	tempY = event.clientY + document.body.scrollTop;
	}
	else {  // grab the x-y pos.s if browser is NS
	tempX = e.pageX;
	tempY = e.pageY;
	}  
	if (tempX < 0){tempX = 0;}
	if (tempY < 0){tempY = 0;}  
	var _el = document.getElementById('clientDetailsShow');
	_el.style.left =  tempX  + detailsOffest.x + "px";
	_el.style.top =  tempY + detailsOffest.y + "px";
	return true;
}


addLoadEvent(setUpElements);