// JavaScript Document
/*
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]; //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 = 300; // maximum image size.
if (document.getElementById || document.all) {
    document.write('<div id="trailimageid">');
    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;
    if (navigator.userAgent.toLowerCase().indexOf('chrome') > -1 || navigator.userAgent.toLowerCase().indexOf('safari') > -1) {
        return document.body;
    } else {
        return document.documentElement;
    }
}

function showtrail(imagename, showthumb, height) {
    if (height > 0) {
        currentimageheight = height;
    }
    document.onmousemove = followmouse;
    newHTML = '<div style=" width:300px; background-color: #ccc; border: 1px solid #888;">';
    if (showthumb > 0) {
        newHTML = newHTML + '<div align="center"><img src="' + imagename + '" border="0"></div>';
    }
    newHTML = newHTML + '</div>';
    gettrailobjnostyle().innerHTML = newHTML;
    gettrailobj().visibility = "visible";
}

function hidetrail() {
    gettrailobj().visibility = "hidden"
    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(document.body.offsetHeight, 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 < 335) {
            xcoord = e.pageX - xcoord - 308; // Move to the left side of the cursor
        } else {
            xcoord += e.pageX;
        }
        if (docheight - e.pageY < (currentimageheight + 120)) {
            ycoord += e.pageY - Math.max(0, (120 + currentimageheight + e.pageY - docheight - truebody().scrollTop));
            //ycoord += e.pageY - ycoord - 268; // Move to the right side of the cursor
        } else {
            ycoord += e.pageY;
        }
    } else if (typeof window.event != "undefined") {
        if (docwidth - event.clientX < 335) {
            xcoord = event.clientX + truebody().scrollLeft - xcoord - 308; // Move to the left side of the cursor
        } else {
            xcoord += truebody().scrollLeft + event.clientX
        }
        if (docheight - event.clientY < (currentimageheight + 120)) {
            ycoord += event.clientY + truebody().scrollTop - Math.max(0, (120 + currentimageheight + event.clientY - docheight));
            //ycoord += e.pageY - ycoord - 268; // Move to the right side of the cursor
        } else {
            ycoord += truebody().scrollTop + event.clientY;
        }
    }
    var docwidth = document.all ? truebody().scrollLeft + truebody().clientWidth : pageXOffset + window.innerWidth - 15
    var docheight = document.all ? Math.max(truebody().scrollHeight, truebody().clientHeight) : Math.max(document.body.offsetHeight, window.innerHeight)
    gettrailobj().left = xcoord + "px"
    gettrailobj().top = ycoord + "px"
}