﻿    //Added by Yashma Gupta
    var w = 0
    var h = 0

    if (document.getElementById || document.all)
        document.write('<div id="trailimageid" style="position:absolute;visibility:hidden;left:0px;top:-1000px;width:1px;height:1px;border:1px solid #888888;background:white;"><img id="ttimg"/></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() {
        document.onmousemove = ""
        document.getElementById('ttimg').src = 'images/Casings/TechnicalDrawings/transparent.png'
        //document.getElementById('ttimg').src=''
        gettrailobj().visibility = "hidden"
        gettrailobj().left = -1000
        gettrailobj().top = 0
    }


    function showtrail(width, height, file) {
        if (navigator.userAgent.toLowerCase().indexOf('opera') == -1) {
            w = width
            h = height
            //document.getElementById('ttimg').src=''
            document.getElementById('ttimg').src = file
            document.onmousemove = followmouse
            gettrailobj().visibility = "visible"
            gettrailobj().width = w + "px"
            gettrailobj().height = h + "px"
        }
    }


    function followmouse(e) {
        //debugger;
        if (navigator.userAgent.toLowerCase().indexOf('opera') == -1) {

            var xcoord = 80
            var ycoord = -300

            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"

        }

    }
    function imageMouseOver(anchor) {
        var img = anchor.getElementsByTagName("img");
        //debugger;
            if (img.length == 2) {
            var tmp = img[1].src;
            showtrail(250, 250, tmp);
        }
    }
//    function imageMouseOver(pathImageThumb200) {
//        //debugger;
//        showtrail(250, 250, pathImageThumb200);
//    }

    function imageMouseOut() {
        hidetrail();
    }

