var w = 640
var h = 480
if (document.getElementById || document.all) {
    document.write('<div id="trailimageid" style="position: absolute; visibility: hidden; left: 0px; top: -1000px; z-index:100; border: 1px solid #000000; background: #000000; cursor:hand; "></div>')
}
function gettrailobj() {
    if (document.getElementById) {
        return document.getElementById("trailimageid").style
	} else {
		if (document.all) {
			return document.all.trailimageid.style
		}
	}
}
function truebody() { return (!window.opera && document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body }
function hidetrail() {
// document.onmousemove = ""
	document.getElementById('trailimageid').innerHTML = ""
	gettrailobj().visibility = "hidden"
// gettrailobj().left = -1000
// gettrailobj().top = 0
}
function showtrail(width,height,file) {
	if (navigator.userAgent.toLowerCase().indexOf('opera') == -1 && navigator.userAgent.toLowerCase().indexOf('safari') == -1) {
// w = width
// h = height
	w=640
	h=480
	thisfile = file;
// document.getElementById('trailimageid').innerHTML = "<img src='" + thisfile + "' " + " onMouseOut='hidetrail();' onClick='hidetrail();'" + ">"; 
	document.getElementById('trailimageid').innerHTML = "<img src='" + thisfile + "' " + " onClick='hidetrail();'" + ">";           
	i = followmouse()
	gettrailobj().visibility = "visible"
// document.onmousemove = followmouse
// gettrailobj().left = truebody().scrollLeft + 100 + "px"
// gettrailobj().top  = truebody().scrollTop + 100 + "px"
      }
  }
function followmouse(e) {
	if (navigator.userAgent.toLowerCase().indexOf('opera') == -1 && navigator.userAgent.toLowerCase().indexOf('safari') == -1) {
		var xcoord = 10
        var ycoord = 15
        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 > docwidth) {
            xcoord = xcoord - w - 20
        } 
        if (ycoord - truebody().scrollTop + h > truebody().clientHeight) {
            ycoord = ycoord - h - 30
        }
        xcoord = (docwidth-w)/2
        ycoord = truebody().scrollTop + (truebody().clientHeight-h)/2
        gettrailobj().left = xcoord + "px"
        gettrailobj().top  = ycoord + "px"
    }
}
