/*
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 = 50;        // 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 st(imagename){
    currentimageheight = 50;

document.onmousemove=followmouse;

imagen = '<img src="http://linkgoto.com/platform/pr/final/pr_'+imagename+'.jpg" border="0" width="300">';

newHTML = '<div style="border: 1px solid #888;" class="preview">';

                 newHTML = newHTML + '<div align="center" style="padding: 1px 1px 1px 1px;background-color:#fff;">';
                 newHTML = newHTML + '<table><tr><td width="300" height="150" class="prevtd">'+imagen+'</td></tr></table>';
                 newHTML = newHTML + '</div>';

newHTML = newHTML + '</div>';

gettrailobjnostyle().innerHTML = newHTML;
gettrailobj().display="inline";
}

function showtrailBatch(imagename,title,filetype){
        document.onmousemove=followmouseBatch;

        cameraHTML = '';

        newHTML = '<div style="padding: 5px; background-color: #FFF; border: 1px solid #888;" id="trailInnerDiv">';
        newHTML = newHTML + '<h2>' + title + '</h2>';

        newHTML = newHTML + '<div align="center" style="padding: 8px 2px 2px 2px;">';
        if(filetype == 8) { // Video
                newHTML = newHTML +        '<object width="380" height="285" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0">';
                newHTML = newHTML + '<param name="movie" value="video_loupe.swf">';
                newHTML = newHTML + '<param name="quality" value="best">';
                newHTML = newHTML + '<param name="loop" value="true">';

                newHTML = newHTML + '<param name="FlashVars" value="videoLocation=' + imagename + '">';
                newHTML = newHTML + '<EMBED SRC="video_loupe.swf" LOOP="true" QUALITY="best" FlashVars="videoLocation=' + imagename + '" WIDTH="380" HEIGHT="285">';
                newHTML = newHTML + '</object></div>';
       }
        if(filetype == 'image_details') { // Video
                newHTML = newHTML + '<table border="0" cellspacing="0" cellpadding="0"><tr> <td class="d1">&nbsp;</td>  <td class="d2" align="left"><img src="cadre/~~~cadre~~~/s2.gif"></td>  <td class="d3" align="right"><img src="cadre/~~~cadre~~~/s4.gif"></td><td class="d4">&nbsp;</td>';
                newHTML = newHTML + '        </tr> <tr><td class="d12" valign="top"><img src="cadre/~~~cadre~~~/s16.gif"></td><td colspan="2" rowspan="2" class="contenu">';
                newHTML = newHTML + '                <img src="' + imagename + '" border="0">~~~content~~~</td><td class="d5" valign="top"><img src="cadre/~~~cadre~~~/s6.gif"></td></tr><tr><td class="d11" valign="bottom"><img src="cadre/~~~cadre~~~/s14.gif"></td><td class="d6" valign="bottom"><img src="cadre/~~~cadre~~~/s8.gif"></td>';
                newHTML = newHTML + '       </tr><tr><td class="d10">&nbsp;</td><td class="d9" align="left"><img src="cadre/~~~cadre~~~/s12.gif"></td><td class="d8" align="right"><img src="cadre/~~~cadre~~~/s10.gif"></td><td class="d7">&nbsp;</td></tr>';
                newHTML = newHTML + '     </table></div>';
        }
  if(filetype == 'image') { // Video
                newHTML = newHTML + '<table border="0" cellspacing="0" cellpadding="0"><tr> <td class="d1">&nbsp;</td>  <td class="d2" align="left"><img src="cadre/~~~cadre~~~/s2.gif"></td>  <td class="d3" align="right"><img src="cadre/~~~cadre~~~/s4.gif"></td><td class="d4">&nbsp;</td>';
                newHTML = newHTML + '        </tr> <tr><td class="d12" valign="top"><img src="cadre/~~~cadre~~~/s16.gif"></td><td colspan="2" rowspan="2" class="contenu">';
                newHTML = newHTML + '                <img src="' + imagename + '" border="0">~~~content~~~</td><td class="d5" valign="top"><img src="cadre/~~~cadre~~~/s6.gif"></td></tr><tr><td class="d11" valign="bottom"><img src="cadre/~~~cadre~~~/s14.gif"></td><td class="d6" valign="bottom"><img src="cadre/~~~cadre~~~/s8.gif"></td>';
                newHTML = newHTML + '       </tr><tr><td class="d10">&nbsp;</td><td class="d9" align="left"><img src="cadre/~~~cadre~~~/s12.gif"></td><td class="d8" align="right"><img src="cadre/~~~cadre~~~/s10.gif"></td><td class="d7">&nbsp;</td></tr>';
                newHTML = newHTML + '     </table></div>';
        }
  if(filetype == 'details') { // Video
                newHTML = newHTML + '<table border="0" cellspacing="0" cellpadding="0"><tr> <td class="d1">&nbsp;</td>  <td class="d2" align="left"><img src="cadre/~~~cadre~~~/s2.gif"></td>  <td class="d3" align="right"><img src="cadre/~~~cadre~~~/s4.gif"></td><td class="d4">&nbsp;</td>';
                newHTML = newHTML + '        </tr> <tr><td class="d12" valign="top"><img src="cadre/~~~cadre~~~/s16.gif"></td><td colspan="2" rowspan="2" class="contenu">';
                newHTML = newHTML + '                <img src="' + imagename + '" border="0">~~~content~~~</td><td class="d5" valign="top"><img src="cadre/~~~cadre~~~/s6.gif"></td></tr><tr><td class="d11" valign="bottom"><img src="cadre/~~~cadre~~~/s14.gif"></td><td class="d6" valign="bottom"><img src="cadre/~~~cadre~~~/s8.gif"></td>';
                newHTML = newHTML + '       </tr><tr><td class="d10">&nbsp;</td><td class="d9" align="left"><img src="cadre/~~~cadre~~~/s12.gif"></td><td class="d8" align="right"><img src="cadre/~~~cadre~~~/s10.gif"></td><td class="d7">&nbsp;</td></tr>';
                newHTML = newHTML + '     </table></div>';
        }

        newHTML = newHTML + '</div>';
        gettrailobjnostyle().innerHTML = newHTML;
        gettrailobj().display="inline";
        gettrailobj().position="absolute";
        currentimageheight = $('trailInnerDiv').offsetHeight;

}

function ht(){
        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 < 380){
                        xcoord = e.pageX - xcoord - 400; // Move to the left side of the cursor
                } else {
                        xcoord += e.pageX;
                }
                if (docheight - e.pageY < (currentimageheight + 110)){
                        ycoord += e.pageY - Math.max(0,(110 + currentimageheight + e.pageY - docheight - truebody().scrollTop));
                } else {
                        ycoord += e.pageY;
                }

        } else if (typeof window.event != "undefined"){
                if (docwidth - event.clientX < 380){
                        xcoord = event.clientX + truebody().scrollLeft - xcoord - 400; // 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 followmouseBatch(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)

        var trailInnerDiv = $('trailInnerDiv');
        var currentimageheight = trailInnerDiv.offsetHeight;
        var currentimagewidth = trailInnerDiv.offsetWidth;

        scrollPos = Position.realOffset(truebody());

        if (typeof e != "undefined"){
                if (docwidth - e.pageX < 380){
                        xcoord = e.pageX - xcoord - 400; // Move to the left side of the cursor
                } else {
                        xcoord += e.pageX;
                }
                if ((e.pageY - scrollPos[1]) + currentimageheight > docheight){
                        ycoord = -ycoord + (e.pageY - currentimageheight);
                } else {
                        ycoord += e.pageY;
                }
        } else if (typeof window.event != "undefined"){
                if (event.clientX + currentimagewidth > docwidth){
                        xcoord = -xcoord + ((event.clientX + scrollPos[0]) - currentimagewidth); // Move to the left side of the cursor
                } else {
                        xcoord += (event.clientX + scrollPos[0]);
                }
                if (event.clientY + currentimageheight > docheight){
                        ycoord = -ycoord + ((event.clientY + scrollPos[1]) - currentimageheight);
                } else {
                        ycoord += (event.clientY + scrollPos[1]);
                }
        }

        if(ycoord < 0) { ycoord = ycoord*-1; }

        gettrailobj().left=xcoord+"px"
        gettrailobj().top=ycoord+"px"

}