/*
Simple Image Trail script- By JavaScriptKit.com
Visit http://www.javascriptkit.com for this script and more
This notice must stay intact
*/

var offsetfrommouse=[15,15];

var curwidth = 100;
var curheight = 100;

if (document.getElementById || document.all) {
    document.write('<div id="trailimageid" style="position:absolute;visibility:hidden;left:0px;top:0px;z-index:1000;"></div>');
}

function gettrailobj  () {
    if (document.getElementById)
        return document.getElementById("trailimageid").style;
    else if (document.all)
        return document.all.trailimageid.style;
}

function gettrailobjnostyle() {
    if (document.getElementById)
        return document.getElementById("trailimageid");
    else if (document.all)
        return document.all.trailimageid;
}

function truebody() {
    return (!window.opera && document.compatMode &&
            document.compatMode!="BackCompat") ?
        document.documentElement : document.body
}

function showtrail (imagename) {
    document.onmousemove = followmouse;

    newHTML = '<div class="thumbpopup">';

    newHTML = newHTML + '<div align="center"><img src="' +imagename + '"border="1"></div>';

    newHTML = newHTML + '</div>';

    gettrailobjnostyle().innerHTML = newHTML;
    
    gettrailobj().visibility="visible";
}


function hidetrail () {
    gettrailobj().visibility="hidden";
    document.onmousemove="";
    gettrailobj().left="-1000px";
    gettrailobj().top="-1000px";
}

function followmouse (e) {
    var xcoord=offsetfrommouse[0];
    var ycoord=offsetfrommouse[1];

    var docwidth = truebody().scrollLeft + truebody().clientWidth;
    var docheight = truebody().scrollTop + truebody().clientHeight;

    var top = -1000;
    var left = -1000;
    var x = 0;
    var y = 0;

    if (typeof e != "undefined") {
        x = e.pageX; y = e.pageY;
    } else if (typeof window.event != "undefined") {
        x = event.clientX + truebody().scrollLeft; y = event.clientY + truebody().scrollTop;
    } else {
        return;
    }

    var width = gettrailobjnostyle().clientWidth;
    var height = gettrailobjnostyle().clientHeight;

    if ((docwidth - x - xcoord) < (width)) {
        left = x - 5 - width;
        //left = docwidth - curwidth - 25;
    } else { left = x + xcoord; }
    
    //    top = y - height - ycoord/* - 15*/;

    if ((docheight - y - ycoord) < (height)) {
        top = y - 5 - height;
        //        top = docheight - curheight - 25;
    } else { top = y + ycoord; }

    gettrailobj().top = top + "px";
    gettrailobj().left = left + "px";
}