﻿// JScript File
function MenuLevel1ItemOver(m1) {
    MenuLevel1ItemHover(m1);
    MenuLevel2Over(m1);
}

function MenuLevel1ItemOut(m1, c) {
    MenuLevel1ItemOff(m1);
    MenuLevel2Out(m1);
    MenuLevel1ItemHover(c);
}

function MenuLevel1ItemHover(m1) {
    ml1i = document.getElementById("MenuLevel1Item_" + m1);
    if (ml1i)
        ml1i.className = "menu-level1-item-hover";
}

function MenuLevel1ItemOff(m1) {
    ml1i = document.getElementById("MenuLevel1Item_" + m1);
    if (ml1i)
        ml1i.className = "menu-level1-item";
}

function MenuLevel2Over(m1) {
    MenuLevel1ItemHover(m1);
    //get position of parent
    var ml1 = document.getElementById("MenuLevel1Item_" + m1);
    ml2 = document.getElementById("MenuLevel2_" + m1);
    if (ml2 && ml1) {
        var left = GetRealLeft(ml1);
        var width = ml1.offsetWidth * 1.5;
        var window_width = GetWindowWidth();
        if ((width + left) > window_width-11)
            left = window_width - width - 11; 
        ml2.style.left = left + "px";
        ml2.style.top = GetRealTop(ml1) + ml1.offsetHeight + "px";
        ml2.style.width = width + "px";
        ml2.className = "menu-level2-hover";
    }
}

function MenuLevel2Out(m1) {
    MenuLevel1ItemOff(m1);
    ml2 = document.getElementById("MenuLevel2_" + m1);
    if (ml2) {
        ml2.className = "menu-level2";
    }
}

function MenuLevel2ItemOver(m2) {
    ml2i = document.getElementById("MenuLevel2Item_" + m2);
    if (ml2i)
        ml2i.className = "menu-level2-item-hover";
}

function MenuLevel2ItemOut(m2) {
    ml2i = document.getElementById("MenuLevel2Item_" + m2);
    if (ml2i)
        ml2i.className = "menu-level2-item";
}
