﻿var offsetxpoint = 0 //Customize x offset of tooltip
var offsetypoint = -30 //Customize y offset of tooltip
var ie = document.all
var ns6 = document.getElementById && !document.all
var enabletip = false

var xpos = 0;
var ypos = 0;

var bubblexdistance = 10;
var bubbleydistance = 12;

function storepos(event) {
    if (document.all) {

        var yOffset = document.documentElement.scrollTop;

        if (yOffset == 0) {
            var yOffset = document.documentElement.scrollTop;
        }
        xpos = (document.documentElement.scrollLeft + window.event.clientX) + bubblexdistance;
        ypos = (yOffset + window.event.clientY) + bubbleydistance;
    } else {
        xpos = event.pageX + bubblexdistance;
        ypos = event.pageY + bubbleydistance;
    }
    positiontip(event)
}

var submenuId = null;
var d_subm;
var clickTime_subm;

function showSubMenu(id) {

    if (document.all || document.getElementById) {
        if (document.all) {
            document.getElementById(id).style.pixelLeft = xpos - bubblexdistance - 30;
            document.getElementById(id).style.pixelTop = ypos - bubbleydistance - 28;
        } else {
            document.getElementById(id).style.left = xpos - bubblexdistance - 15 + 'px';
            document.getElementById(id).style.top = ypos - bubbleydistance - 65 + 'px';
        }
        document.getElementById(id).style.visibility = "visible";
    } else {
        document.layers[id].left = xpos - bubblexdistance - 15;
        document.layers[id].top = ypos - bubbleydistance - 65;
        document.layers[id].visibility = "show";
    }
    submenuId = id;

    d_subm = new Date();
    clickTime_subm = d_subm.getTime();


}

var d_hsubm;
var clickTime_hsubm;

function hideSubMenu() {

    if (submenuId) {

        d_hsubm = new Date();
        clickTime_hsubm = d_hsubm.getTime();


        if (typeof clickTime_subm != 'undefined') {
            if (clickTime_subm == clickTime_hsubm)
                return false;
        }


        if (document.all || document.getElementById) {
            document.getElementById(submenuId).style.visibility = "hidden";
        } else {
            document.layers[submenuId].visibility = "hide";
        }
    }
}


if (document.all || document.getElementById) {
    document.onmousemove = storepos;
} else {
    window.captureEvents(Event.MOUSEMOVE | Event.CLICK);
    window.onMouseMove = storepos;
    window.onClick = hideSubMenu;
}












function ietruebody() {
    return (document.compatMode && document.compatMode != "BackCompat") ? document.documentElement : document.body
}

function ddrivetip(thetext, thecolor, thewidth) {

    if (ns6 || ie) {

        if (typeof thewidth != "undefined") tipobj.style.width = thewidth + "px"
        if (typeof thecolor != "undefined" && thecolor != "") tipobj.style.backgroundColor = thecolor

        tipobj.innerHTML = thetext

        enabletip = true
        return false
    }
}

function positiontip(e) {

    if (enabletip) {
        var curX = (ns6) ? e.pageX : event.clientX + ietruebody().scrollLeft;
        var curY = (ns6) ? e.pageY : event.clientY + ietruebody().scrollTop;
        //Find out how close the mouse is to the corner of the window
        var rightedge = ie && !window.opera ? ietruebody().clientWidth - event.clientX - offsetxpoint : window.innerWidth - e.clientX - offsetxpoint - 20
        var bottomedge = ie && !window.opera ? ietruebody().clientHeight - event.clientY - offsetypoint : window.innerHeight - e.clientY - offsetypoint - 20

        var leftedge = (offsetxpoint < 0) ? offsetxpoint * (-1) : -1000

        //if the horizontal distance isn't enough to accomodate the width of the context menu
        if (rightedge < tipobj.offsetWidth)
        //move the horizontal position of the menu to the left by it's width
            tipobj.style.left = ie ? ietruebody().scrollLeft + event.clientX - tipobj.offsetWidth + "px" : window.pageXOffset + e.clientX - tipobj.offsetWidth + "px"
        else if (curX < leftedge)
            tipobj.style.left = "5px"
        else
        //position the horizontal position of the menu where the mouse is positioned
            tipobj.style.left = curX + offsetxpoint + "px"

        //same concept with the vertical position
        if (bottomedge < tipobj.offsetHeight)
            tipobj.style.top = ie ? ietruebody().scrollTop + event.clientY - tipobj.offsetHeight - offsetypoint + "px" : window.pageYOffset + e.clientY - tipobj.offsetHeight - offsetypoint + "px"
        else
            tipobj.style.top = curY + offsetypoint + "px"
        tipobj.style.visibility = "visible"
    }
}

function hideddrivetip() {
    if (ns6 || ie) {
        enabletip = false
        tipobj.style.visibility = "hidden"
        tipobj.style.left = "-1000px"
        tipobj.style.backgroundColor = ''
        tipobj.style.width = ''
    }
}
