var w=1
var h=1
var TimeToFade = 1000.0;
var flag = false


if (document.getElementById || document.all)
document.write('<div id="trailimageid" style="z-index:40;position:absolute;overflow:visible;left:0px;top:-1000px;width:0px;height:1px;border:0px solid #888888;background:#DDDDDD;"><img id="ttimg" src="images/bianco.jpg" /></div>')

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

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

function hidetrail()
{
var element = document.getElementById('ttimg');
    document.onmousemove=""
    document.getElementById('ttimg').style.visibility = "hidden"
     document.getElementById('ttimg').src="images/bianco.jpg"
    gettrailobj().left=-1000
    gettrailobj().top=0
  flag = false
}



function showtrail(width,height,file)
{


document.getElementById('ttimg').style.visibility = "visible"
changeOpac(0, 'ttimg')
    if(navigator.userAgent.toLowerCase().indexOf('opera') == -1 && navigator.userAgent.toLowerCase().indexOf('safari') == -1)
    {
        w=width
        h=height
       
       
        
     gettrailobj().height=h+"px"
        document.getElementById('ttimg').src=file
        document.getElementById('ttimg').style.height=250+"px"
        var speed = Math.round(500 / 100);
    var timer = 0;
    opacStart=0
    opacEnd=100
    //determine the direction for the blending, if start and end are the same nothing happens
    if(opacStart > opacEnd) {
        for(i = opacStart; i >= opacEnd; i--) {
            setTimeout("changeOpac(" + i + ",'" + 'ttimg' + "')",(timer * speed));
            timer++;
        }
    } else if(opacStart < opacEnd) {
        for(i = opacStart; i <= opacEnd; i++)
            {
            setTimeout("changeOpac(" + i + ",'" + 'ttimg' + "')",(timer * speed));
            timer++;
        }
        
    }       
    }
       document.onmousemove=followmouse
}


function followmouse(e)
{

    if(navigator.userAgent.toLowerCase().indexOf('opera') == -1 && navigator.userAgent.toLowerCase().indexOf('safari') == -1)
    {

        var xcoord=20
        var ycoord=20

        if (typeof e != "undefined")
        {
            xcoord+=e.pageX
            ycoord+=e.pageY
            
        }
        else if (typeof window.event !="undefined")
        {
            xcoord+=truebody().scrollLeft+event.clientX
            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)

        if (xcoord+w+3>docwidth)
        xcoord=xcoord-w-(20*2)

        if (ycoord-truebody().scrollTop+h>truebody().clientHeight)
        ycoord=ycoord-h-20;

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

    }
    

}

//change the opacity for different browsers
function changeOpac(opacity, id) {
    var object = document.getElementById(id).style;
    object.opacity = (opacity / 100);
    object.MozOpacity = (opacity / 100);
    object.KhtmlOpacity = (opacity / 100);
    object.filter = "alpha(opacity=" + opacity + ")";
    
}