var w=1;
var h=1;

if (document.getElementById || document.all)
{
document.write('<div id="trailimageid" style="position:absolute;visibility:hidden;left:0;top:-1000px;width:10px;height:10px;border:1px solid #CCCCCC;padding-left:5px;padding-right:7px;padding-top:5px;padding-bottom:7px;background:#FFFBE2;"><img id="ttimg" style="border: 1px solid #CCCCCC;" src="c/t/gfx_hu/indicator.gif" /></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 hi()
{
    document.onmousemove="";
    document.getElementById('ttimg').src='c/t/gfx_hu/indicator.gif';
    gettrailobj().visibility="hidden";
    gettrailobj().left=-1000;
    gettrailobj().top=0;
}

function si(width,height,file)
{
    if(navigator.userAgent.toLowerCase().indexOf('opera') == -1 && navigator.userAgent.toLowerCase().indexOf('safari') == -1)
    {
        w=width;
        h=height;
        
        imgfile="pictures/n/"+file;
        gettrailobj().visibility="visible";
        gettrailobj().width=w+"px";
        gettrailobj().height=h+"px";
        document.getElementById('ttimg').src=imgfile;
        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";
    }
}
