var mlist = document.getElementById("nav");
var mitems = mlist.getElementsByTagName("li");

var posx = 0;
var posy = 0;


function showmdescription(e) {
    var divs = this.parentNode.getElementsByTagName("div");
    for (var j = 0; j < divs.length; j++) {
        if (divs[j].className.indexOf("description") >= 0) {
            this.onmousemove = movemdescription;
            this.onmousemove(e);
            divs[j].style.display = "block";
            divs[j].onmouseover = hidemdescription;
            divs[j].onmouseenter = hidemdescriptionsimple;
        }
    }
}

function movemdescription(e) {
    if (!e) var e = window.event;
    if (!e) return;
    var divs = this.parentNode.getElementsByTagName("div");
    for (var j = 0; j < divs.length; j++) {
        if (divs[j].className.indexOf("description") >= 0) {
            divs[j].style.left = 0 + "px";
            divs[j].style.top = 50 + "px";
        }
    }
    return true;
}

function hidemdescription(e) {
    if (!e) var e = window.event;
    var relTarg = e.relatedTarget || e.toElement;
    if (relTarg.parentNode.parentNode) {
        if (relTarg.parentNode.parentNode == this) return;
    }
    //if (this != e.target && this != e.target.parentNode) return;
    if (this != e.target) return;

    var divs = this.parentNode.getElementsByTagName("div");
    for (var j = 0; j < divs.length; j++) {
        if (divs[j].className.indexOf("description") >= 0) {
            this.onmousemove = null;
            divs[j].onmouseover = null;
            divs[j].style.display = "none";
        }
    }
}

function hidemdescriptionsimple()  {
    var divs = this.parentNode.getElementsByTagName("div");
    for (var j = 0; j < divs.length; j++) {
        if (divs[j].className.indexOf("description") >= 0) {
            this.onmousemove = null;
            divs[j].style.display = "none";
        }
    }
}

for (i = 0; i < mitems.length; i++) {
    var divs = mitems[i].getElementsByTagName("span");
    for (var j = 0; j < divs.length; j++) {
        if (divs[j].className.indexOf("text") >= 0) {
           divs[j].onmouseover = showmdescription;
           divs[j].onmouseout = hidemdescription;
           divs[j].onmouseleave = hidemdescriptionsimple;
        }
    }
}