var d = document;
d.onmousemove = setCoords;
d.onmouseover = setCoords;
var timer;
var over = false;

// preload images
for(var i=0;i<ss.length;i++) {
    var image = new Image();
    image.src = "/images/screenshots/"+ss[i];
    ss[i] = image;
}
function setCoords(e) {
    if (d.all)
        y = event.clientY + d.body.scrollTop;
    else
        y = e.pageY;
}
function hide() {
    if(!over)
        d.getElementById('tip').style.visibility = 'hidden';
}
function sshide() {
    timer = setTimeout("hide()",1000);
}
function oss() {
    over = true;
}
function hss() {
    over = false;
    sshide();
}
function dss(n) {
    if(timer)
        clearTimeout(timer);
    var t = d.getElementById('tip');
    if(t) {
        var image = ss[n];
        t.innerHTML = "<a href='javascript:void(0)' onmouseover='oss()' onmouseout='hss()'><img alt='' src='"+image.src+"' /></a>";
        var s = t.style;
        if(d.documentElement &&
           d.documentElement.clientWidth &&
           d.documentElement.scrollTop) {
            s.left = d.documentElement.clientWidth/2 - image.width/2 - 10 + 'px';
            s.top = d.documentElement.scrollTop + 10 + 'px';
        } else if(d.body &&
                  d.body.clientWidth &&
                  d.body.scrollTop) {
            s.left = d.body.clientWidth/2 - image.width/2 - 10 + 'px';
            s.top = d.body.scrollTop + 10 + 'px';
        } else {
            s.left = window.innerWidth/2 - image.width/2 - 10 + 'px';
            s.top = window.pageYOffset + 10 + 'px';
        }
        s.visibility = 'visible';
    }
}