// JavaScript Document
	//----------------------------------------------------------------------------------------------------------------
	//globals
	var divName = 'hover'; // div that is to follow the mouse
	var offX = 15;         // X offset from mouse position
	var offY = -100;         // Y offset from mouse position
	var stop_follow = 0;
	
	//Cursor position finding and popup box
	function popupbox(html){	
		stop_follow = 0;
		document.onmousemove = follow
		document.getElementById(divName+'_html').innerHTML = document.getElementById("client_"+html+"_text").innerHTML ;
	}
	function popoutbox(){
		document.getElementById(divName).style.left = "-999px" ;
		stop_follow = 1;
	}	
	
	// you may copy this script provided that you retain the copyright notice
	
	// no changes required below this line
	function mouseX(evt) {
		if (!evt) evt = window.event; 
		if (evt.pageX) return evt.pageX; 
		else if (evt.clientX)
			return evt.clientX + (document.documentElement.scrollLeft ?  document.documentElement.scrollLeft : document.body.scrollLeft); 
		else 
			return 0;
	} 
	function mouseY(evt) {
		if (!evt) evt = window.event; 
		if (evt.pageY) return evt.pageY; 
		else if (evt.clientY)
			return evt.clientY + (document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop); 
		else 
			return 0;
	} 
	function follow(evt) {
		if(stop_follow != 1){	
			if (document.getElementById) {
				var obj = document.getElementById(divName).style; 
				obj.visibility = 'visible'; 
				obj.left = (parseInt(mouseX(evt))+offX) + 'px';  
				obj.top = (parseInt(mouseY(evt))+offY) + 'px';
			}
		}
	} 
	//document.onmousemove = follow;
	//----------------------------------------------------------------------------------------------------------------
	
	function rollover(id){
		document.getElementById('client_'+'1').style.display = "none";
		document.getElementById('client_'+'2').style.display = "none";
		document.getElementById('client_'+'3').style.display = "none";
		document.getElementById('client_'+'4').style.display = "none";
		document.getElementById('client_'+'5').style.display = "none";
		document.getElementById('client_'+'6').style.display = "none";
		document.getElementById('client_'+'7').style.display = "none";
		document.getElementById('client_'+'8').style.display = "none";
		document.getElementById('client_'+'9').style.display = "none";
		document.getElementById('client_'+'10').style.display = "none";			
		
		document.getElementById('client_'+id).style.display = "block";
	}
	function rollout(id){
		document.getElementById(id).style.display = "none";
	}