var toggle = false;
var wide = 0;//640
var hite = 0; //480
var deltaH = 48;

$(document).ready(function () {
    $('#wholePageTransparent').fadeTo('fast', "0", function () {
        //callback
    });
    if (ClientBrowser == "IE") {
        deltaH = 480;
    }
});


function mainMenu() {
    //open Menu
    if (!toggle) {
        document.getElementById("navMenuVis").style.height = "0px";
        document.getElementById("navMenuVis").style.visibility = "visible";
        document.getElementById("wholePageTransparent").style.visibility = "visible";
        if (ClientBrowser == "IE") {
            $('#wholePageTransparent').fadeTo('fast', ".3", function () {
                //callback
            });
        } else {
            $('#wholePageTransparent').fadeTo('fast', "1", function () {
                //callback
            });
        }
        openNav();
        toggle = true;
    } else {
        document.getElementById("btnClose").setAttribute("onclick", "");
        closeNav();
        toggle = false;
    }
}

function openNav() {
    if (hite == 480) {
        clearTimeout(animH);
        return;
    }
    hite += deltaH;
    var hieghtVal = "" + hite + "px";
    document.getElementById("navMenuVis").style.height = hieghtVal;
    var animH = setTimeout("openNav();", 10);
}

function closeNav() {
    if (hite == 0) {
        document.getElementById("navMenuVis").style.visibility = "hidden";
        $('#wholePageTransparent').fadeTo('fast', "0", function () {
            document.getElementById("wholePageTransparent").style.visibility = "hidden";
            document.getElementById("btnClose").setAttribute("onclick", "mainMenu()");
        });
        clearTimeout(closeNavAnim);
        return;
    }
    hite -= deltaH;
    var hieghtVal = "" + hite + "px";
    document.getElementById("navMenuVis").style.height = hieghtVal;
    var closeNavAnim = setTimeout("closeNav();", 10);
}