var w=1
var h=1

//konstruktor okna 
if (document.getElementById || document.all)
document.write('<div id="trailimageid" style="position:absolute;visibility:hidden;left:0px;top:-10px;border:5px solid #414242;background:#ffffff;"><center><img id="ttimg"/><h4 style="font-size:12" id="tttekst">tekst wejściowy</h4></center></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
}

//funkcja ukrywająca okno 
function hidetrail()
{
    document.onmousemove=""
    gettrailobj().visibility="hidden"
    gettrailobj().left=-1000
    gettrailobj().top=0
}

//funkcja pokazująca okno i śledząca kursor myszy
function showtrail(width,height,file,tekst)
{
    if(navigator.userAgent.toLowerCase().indexOf('opera') == -1)
    {
        w=width
        h=height
        
        // followmouse()
    
        document.getElementById('ttimg').src=file //pobież zdjęcie ze zmiennej i przypisz do konstruktora poprzez id ttimg
		document.getElementById('tttekst').innerHTML=tekst //pobież tekst do opisu i przypisz go do konstruktora poprzez id tttekst
        document.onmousemove=followmouse //wywołaj funkcje śledzącą ruch myszy
        gettrailobj().visibility="visible" //pokaż okno
//        gettrailobj().width=w+"px"
//        gettrailobj().height=h+"px"


    }
}


function followmouse(e)
{
    if(navigator.userAgent.toLowerCase().indexOf('opera') == -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-150+"px"
    }
}