// 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';
obj.left = (parseInt(mouseX(evt))+offX) + 'px';
obj.top = (parseInt(mouseY(evt))+offY) + '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 + ")";
   }
}