//The current/previous element
var ell = "";
//for smooth transition
var r = 0;
function mopen(el) {
    if (el > -1) {
        if (ell != "") mclose();
        ell = el;
        ddmenuitem = document.getElementById("m" + el);
        $("#m" + el).slideUp(0);
        ddmenuitem.style.visibility = 'visible';
        $("#m" + el).slideDown("fast");              
        //button offset relatively to the parent
        var o1 = document.getElementById("l" + el).offsetLeft;
        //5 px to the right
        if (o1 == 0) o1 = 5;
        //The main div offset
        var o2;
        //distance from the left
        var sum;
        if (navigator.appName == "Microsoft Internet Explorer") {
//            if (getIEVersionNumber() == 8) {
//                //Firefox doesn't count <table> as parent 
//                o2 = document.getElementById("l" + el).offsetParent.offsetParent.offsetLeft;
//                sum = o1 + o2;
//                ddmenuitem.style.top = "142px";
//                ddmenuitem.style.left = sum + "px";
//            }
//            //IE counts tr,td and table tags as parent
//            else {
                o2 = document.getElementById("l" + el).offsetParent.offsetParent.offsetParent.offsetParent.offsetLeft
                o1 += 10;
                ddmenuitem.style.top = "149px";
                sum = o1 + o2;
                ddmenuitem.style.left = sum + "px";
           // }
        }        
        else {
          
            //Firefox doesn't count <table> as parent 
            o2 = document.getElementById("l" + el).offsetParent.offsetParent.offsetLeft;
            sum = o1 + o2;
            ddmenuitem.style.top = "142px";
            ddmenuitem.style.left = sum + "px";
        }       
    }
}
function getIEVersionNumber() {
    var ua = navigator.userAgent;
    var MSIEOffset = ua.indexOf("MSIE ");
    if (MSIEOffset == -1) {
        return 0;
    } else {
        return parseFloat(ua.substring(MSIEOffset + 5, ua.indexOf(";", MSIEOffset)));
    }
}
function rollOut() {
    r = 1;   
    closetimer = window.setTimeout(mclose, 300);    
}
function mclose() {
    if (r == 1) {
    if(ell!="")
        document.getElementById("m" + ell).style.visibility = 'hidden';
        r = 0;
    }
}
function divOver() {  
    if (closetimer) {
        window.clearTimeout(closetimer);
        closetimer = null;
    }
}
document.onclick = mclose; 
$(".mm:a").mouseover(function(e) {
    e.target.style.background = "#00ff00";
});
$(".mm:a").mouseout(function(e) {
e.target.style.background = "#059ec7";
});