// JScript File

window.onload = function(){opacity();}

// Simple follow the mouse script
var offX = 25;          // X offset from mouse position
var offY = -20;          // Y offset from mouse position
var o = 0;              //opacity
var timer = "";


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(e) 
{
    var obj = document.getElementById('floater'); 
    obj.style.left = (parseInt(mouseX(e))+offX) + 'px';
    obj.style.top = (parseInt(mouseY(e))+offY) + 'px'; 
}
function show(img)
{
    //alert(img);
    clearTimeout(timer);
    var imgstyle = document.getElementById('floater');
    var sImg = img;
    sImg = sImg.replace(/~/g, "\"");
    imgstyle.innerHTML = "<div style='text-align: left;padding: 4px;border:1px solid #999;background:fff;width: 250px;min-height: 120px;background:#fff url(images/noitems.jpg) repeat-x; color: #333333'><div style='border-bottom:2px solid #fff;margin: 0 2px 5px 2px'><font color='#ffffff' size='2' style='font-weight:bold;'>Item Description</font></div>"+sImg+"</div>";
    var i = 0;

    for(i = 0; i<=100; i++)
    {
        timer = setTimeout("opacity()", 2*i); 
    }
}
function opacity()
{
    o++;
    var imgstyle = document.getElementById('floater');    
    imgstyle.style.visibility = "visible"; 
    imgstyle.style.opacity = (o / 100);
    imgstyle.style.MozOpacity = (o / 100);     //ensure that opacity will be change no matter what browser
    imgstyle.style.KhtmlOpacity = (o / 100);
    imgstyle.style.filter = "alpha(opacity=" + o + ")"; 
}
//document.onmousemove = follow;
function hide(img)
{ 
    clearTimeout(timer);
    document.getElementById('floater').innerHTML = "";
    document.getElementById('floater').style.visibility = "hidden";
    o=0;  //opacity
}