/*
 Simple Image Trail script- By JavaScriptKit.com
 Visit http://www.javascriptkit.com for this script and more
 This notice must stay intact
 */
var offsetfrommouse = [5, 5]; //image x,y offsets from cursor position in pixels. Enter 0,0 for no offset
var displayduration = 0; //duration in seconds image should remain visible. 0 for always.
var currentimageheight = 140; // maximum image size.
if (document.getElementById || document.all) {
    document.write('<div id="trailimageid" style="font-size: 0.75em; position: absolute; display: none; left: 0px; top: 0px; width: 0px; height: 0px; z-index: 200;">');
    document.write('</div>');
}

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

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


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

function showtrail(imagename){
	    document.onmousemove = followmouse;
    newHTML = '<div style="background-color: #FFF">';
	newHTML = newHTML + '<div align="center">';
    newHTML = newHTML + '<img src="' + imagename + '"';
    newHTML = newHTML + ' border="0"/></div>';
    newHTML = newHTML + '</div>';
    gettrailobjnostyle().innerHTML = newHTML;
    gettrailobj().display = "inline";
}

function hidetrail(){
    gettrailobj().innerHTML = " ";
    gettrailobj().display = "none"
    document.onmousemove = ""
    gettrailobj().left = "-500px"
    
}

function followmouse(e){

    var xcoord = offsetfrommouse[0]
    var ycoord = offsetfrommouse[1]
    
    var docwidth = document.all ? truebody().scrollLeft + truebody().clientWidth : pageXOffset + window.innerWidth - 15
    var docheight = document.all ? Math.min(truebody().scrollHeight, truebody().clientHeight) : Math.min(window.innerHeight)
    
    //if (document.all){
    //	gettrailobjnostyle().innerHTML = 'A = ' + truebody().scrollHeight + '<br>B = ' + truebody().clientHeight;
    //} else {
    //	gettrailobjnostyle().innerHTML = 'C = ' + document.body.offsetHeight + '<br>D = ' + window.innerHeight;
    //}
    
    if (typeof e != "undefined") {
        if (docwidth - e.pageX < 330) {
            xcoord = e.pageX - xcoord - 330; // Move to the left side of the cursor
        }
        else {
            xcoord += e.pageX;
        }
        //if (docheight - e.pageY < (currentimageheight + 110)) {
            // truebody().scrollTop is always zero in Safari 3.1, so we us documnet.body.scrollTop instead
            if (document.body) {
                scrollTop = Math.max(truebody().scrollTop, document.body.scrollTop);
            }
            else {
                scrollTop = truebody().scrollTop;
            }
            ycoord += e.pageY - Math.max(0, (110 + currentimageheight + e.pageY - docheight - scrollTop));
        //}
        //else {
        //    ycoord += e.pageY;
        //}
        
    }
    else 
        if (typeof window.event != "undefined") {
            if (docwidth - event.clientX < 330) {
                xcoord = event.clientX + truebody().scrollLeft - xcoord - 330; // Move to the left side of the cursor
            }
            else {
                xcoord += truebody().scrollLeft + event.clientX
            }
            if (docheight - event.clientY < (currentimageheight + 110)) {
                ycoord += event.clientY + truebody().scrollTop - Math.max(0, (110 + currentimageheight + event.clientY - docheight));
            }
            else {
                ycoord += truebody().scrollTop + event.clientY;
            }
        }
    
    if (ycoord < 0) {
        ycoord = ycoord * -1;
    }
    gettrailobj().left = xcoord + "px"
    gettrailobj().top = ycoord + "px"
    
}