window.onload = InitialiseMenu;
// Main Navigation
var timeout = 1000;
var closetimer = 0;
var ddmenuitem = 0;
var ddbodycontent = 0;
var ddimageitemover = 0;
var ddimageitemup = 0;
var butImg;
var taboverButImg;
var tabupButImg;
var butUpImgSrc;

// open hidden layer
function mopen(id, imageid, overImageUrl) {
    // cancel close timer

    mcancelclosetime();

    // close old layer
    if (ddmenuitem) ddmenuitem.style.visibility = 'hidden';
    if (butImg) butImg.src = butUpImgSrc;


    // get new layer and show it
    ddmenuitem = document.getElementById(id);
    if (ddmenuitem) ddmenuitem.style.visibility = 'visible';
    //change the z index of the body
    ddbodycontent = document.getElementById('BodyContainer');
    if (ddbodycontent) ddbodycontent.style.zIndex = -1;


    //hide up image and show over image by replacing the url from db
    butImg = document.getElementById(imageid);
    if (butImg) butUpImgSrc = butImg.src;
    if (butImg) butImg.src = overImageUrl;

}
// close showed layer
function mclose() {
    if (ddmenuitem) ddmenuitem.style.visibility = 'hidden';
    //change the z index of the body
    if (ddbodycontent) ddbodycontent.style.zIndex = 2;


}

// go close timer
function mclosetime() {
    closetimer = window.setTimeout(mclose, timeout);
}

// cancel close timer
function mcancelclosetime() {
    if (closetimer) {
        window.clearTimeout(closetimer);
        closetimer = null;
    }
}



function overImage(imageid) {

    if (taboverButImg) taboverButImg.src = tabupButImg;

    taboverButImg = document.getElementById("_ctl0_but_" + imageid);

    if (taboverButImg == null)
        taboverButImg = document.getElementById("_ctl0__ctl0_but_" + imageid);

    if (taboverButImg == null)
        taboverButImg = document.getElementById("ctl00_but_" + imageid);


    var butImgSrc = taboverButImg.src;
    tabupButImg = taboverButImg.src;
    var subStr1 = butImgSrc.substr(0, butImgSrc.lastIndexOf("/"));
    var subStr2 = butImgSrc.substr(butImgSrc.lastIndexOf("/"), butImgSrc.length);
    subStr2 = subStr2.replace("up", "over");
    var newButImgSrc = subStr1 + subStr2;
    taboverButImg.src = newButImgSrc;

}

function OriginalSelection() {
    var hidMnuType = document.getElementById("_ctl0_MnuType");
    if (hidMnuType == null)
        hidMnuType = document.getElementById("_ctl0__ctl0_MnuType");

    if (hidMnuType == null)
        hidMnuType = document.getElementById("ctl00_MnuType");

    if (hidMnuType) {
        if (hidMnuType.value == 'BUSINESS') {
            overImage('tabbusiness');
        } else {
            overImage('tabconsumer');
        }

    }


}


function submitform(valType,formName) {

    var frm = document.getElementById(formName);
   
    if (formName) {
        var hidMnuType = document.getElementById("_ctl0_MnuType");
        if (hidMnuType == null)
            hidMnuType = document.getElementById("_ctl0__ctl0_MnuType");

        if (hidMnuType == null)
            hidMnuType = document.getElementById("ctl00_MnuType");
        if (hidMnuType) hidMnuType.value = valType;
        frm.submit();
    }

}

function InitialiseMenu() {

    var hidMnuType = document.getElementById("_ctl0_MnuType");
    if (hidMnuType == null)
        hidMnuType = document.getElementById("_ctl0__ctl0_MnuType");

    if (hidMnuType == null)
        hidMnuType = document.getElementById("ctl00_MnuType");

    if (hidMnuType) {
        if (hidMnuType.value == 'BUSINESS') {
            overImage('tabbusiness');
        } else {
            overImage('tabconsumer');
        }

    }


}

// close layer when click-out
document.onclick = mclose;