time = 0; framerate = 33; speed = 8; function ani(object){ ++time; opac = time*speed; who = object; if(opac<=150){ run = setTimeout('ani(who)',framerate); document.getElementById(who).style.opacity = opac/100; document.getElementById(who).style.filter = 'alpha(opacity=' + opac + ')'; } else{time=0;opac=0; clearTimeout(run);} }; function infoBox() { if (!document.getElementsByTagName) return false; var links = document.getElementsByTagName("img"); for (var i=0; i < links.length; i++) { if (links[i]) { links[i].onmouseover = function() { if (this.name == ''){ document.getElementById('info').style.visibility = "hidden"; }else { document.getElementById('info').style.display = "block"; document.getElementById('info').style.visibility = "visible"; document.getElementById('info').innerHTML = this.name; ani('info'); } return false;} links[i].onmouseout= function() { document.getElementById('info').style.visibility = "hidden"; document.getElementById('info').innerHTML = '?'; opac=0; return false;} }}} // Detect if the browser is IE or not. // If it is not IE, we assume that the browser is NS. var IE = document.all?true:false // If NS -- that is, !IE -- then set up for mouse capture if (!IE) document.captureEvents(Event.MOUSEMOVE) // Set-up to use getMouseXY function onMouseMove document.onmousemove = getMouseXY; // Temporary variables to hold mouse x-y pos.s var tempX = 0 var tempY = 0 // Main function to retrieve mouse x-y pos.s 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 } // catch possible negative values in NS4 if (tempX < 0){tempX = 0} if (tempY < 0){tempY = 0} // does the stuff // document.getElementById('info').style.left = tempX+10 + 'px'; document.getElementById('info').style.top = tempY-25 + 'px'; return true } window.onload = infoBox;