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

var offsetfrommouse=[10,10]; //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 = 270;	// 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
}

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.max(truebody().scrollHeight, truebody().clientHeight) : Math.max(document.body.offsetHeight, window.innerHeight)
    if (typeof e != "undefined") {
        if (docwidth - e.pageX < 380){
            xcoord = e.pageX - xcoord - 505; // 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 < 380) {
            xcoord = event.clientX + truebody().scrollLeft - xcoord - 505; // 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"
}

function showtrail(imageUrl, imageType, imageHeight, imageWidth){
    document.onmousemove=followmouse;
    if(imageType == 1) { // Video
        newHTML = '<div style="padding: 5px; background-color: #FFF; border: 1px solid #888;">';
        newHTML = newHTML + '<div align="center" style="padding: 8px 2px 2px 2px;">';
        newHTML = newHTML + '<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="' + imageWidth + '" height="' + imageHeight + '"  id="" align="middle">';
        newHTML = newHTML + '<param name="allowScriptAccess" value="sameDomain" />';
        newHTML = newHTML + '<param name="movie" value="' + imageUrl + '"' + ' />';
        newHTML = newHTML + '<param name="menu" value="false" />';
        newHTML = newHTML + '<param name="quality" value="high" />';
        newHTML = newHTML + '<param name="wmode" value="transparent" />';
        newHTML = newHTML + '<param name="bgcolor" value="#ffffff" />';
        newHTML = newHTML + '<param name="loop" value="true">';
        newHTML = newHTML + '<embed src="' + imageUrl + '" menu="false" quality="high" wmode="transparent" bgcolor="#ffffff" width="' + imageWidth + '" height="' + imageHeight + '" name="" align="middle" allowscriptaccess="sameDomain"';
        newHTML = newHTML + 'type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />';
        newHTML = newHTML + '</object></div>';
    } else {
        newHTML = '<div style="padding: 0x; background-color: #FFF;">';
        newHTML = newHTML + '<div align="left" style="padding: 0;">';
        newHTML = newHTML + '<img src="' + imageUrl + '"';
        newHTML = newHTML + ' height="' + imageHeight + '" width="' + imageWidth + '"';
        newHTML = newHTML + ' border="0"/>';
        newHTML = newHTML + '</div>';
    }
    newHTML = newHTML + '</div>';
    gettrailobjnostyle().innerHTML = newHTML;
    gettrailobj().display="inline";
}