// follow the mouse

var divName = 'detail_layer'; // div that is to follow the mouse
                       // (must be position:absolute)
var offX = 15;          // X offset from mouse position
var offY = 15;          // Y offset from mouse position

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 (document.getElementById) {var obj = document.getElementById(divName).style; //obj.visibility = 'visible';

if (document.all) {
	screenBWidth=document.body.offsetWidth;
	screenBHeight=document.body.offsetHeight;
}else{
screenBWidth=window.innerWidth;
screenBHeight=window.innerHeight;
}


if((mouseX(evt)+detail_layer.offsetWidth) > screenBWidth){
	newOffsetX=detail_layer.offsetWidth;
}else{
	newOffsetX=0;
}	

if((mouseY(evt)+detail_layer.offsetHeight) > screenBHeight){
	newOffsetY=detail_layer.offsetHeight+30;
}else{
	newOffsetY=0;
}	

obj.left = (parseInt(mouseX(evt))+offX-newOffsetX) + 'px';
obj.top = (parseInt(mouseY(evt))+offY-newOffsetY) + 'px';

}
}


document.onmousemove = follow;

// rest
function make_layer(link_name) {

eval('detail_layer.innerHTML='+link_name+"_text")
detail_layer.className="detail_layer_visible"
alpha_layer(100,"detail_layer")

}

function kill_layer() {
detail_layer.innerHTML='';
detail_layer.className="detail_layer_invisible"
alpha_counter=0
alpha_counter_unit=0
} 

function alpha_layer(opacity,id) {
	alpha_counter=100;
	alpha_counter_unit=50;
	start_counting();
}
function start_counting() {
    
   if(alpha_counter<101){
    setTimeout("alpha_counter=alpha_counter+alpha_counter_unit ; start_counting()",100);
   
    document.getElementById("detail_layer").style.opacity = (alpha_counter / 100);
    document.getElementById("detail_layer").style.MozOpacity = (alpha_counter / 100);
    document.getElementById("detail_layer").style.KhtmlOpacity = (alpha_counter / 100);
    document.getElementById("detail_layer").style.filter = "alpha(opacity=" + alpha_counter + ")";
   }
}