var offsetArray;
var offsetArrayWK = [0, 332, 429, 541, 650, 430, 920];
var offsetArrayMZ = [0, 320, 420, 534, 643, 430, 920];
var offsetArrayIE = [0, 338, 435, 547, 650, 390, 920];

var tid;

$("#menu > li").mouseover(function () {
    hideAllSubnavs();
    $(this).children("ul").removeClass("submenuoff");
    $(this).children("ul").addClass("submenuon");
    var offsetIndex = parseInt( $(this).prop('id') );
    $(this).children("ul").css('paddingLeft', offsetArray[offsetIndex] + 'px' );
    $(this).children("ul").css('width', (998 - offsetArray[offsetIndex] + 'px' ) );

});

$("#menu > li").mouseout(function () {
    if (tid)
        clearTimeout(tid);
    tid = setTimeout("hidesubnav('" + $(this).prop('id') + "')", 1500);
});

$("#menu li ul li").mouseover(function () {
    clearTimeout(tid);
});

$("#menu li ul li").mouseout(function () {
    if (tid)
        clearTimeout(tid);
    tid = setTimeout("hidesubnav('" + $(this).parent().parent().prop('id') + "')", 1500);
});

function hideAllSubnavs() {
    $("#menu li ul").removeClass("submenuon");
    $("#menu li ul").addClass("submenuoff");
}

function hidesubnav(subnavId) 
{
    var subnav = $('#submenu' + subnavId);
    subnav.removeClass('submenuon');
    subnav.addClass('submenuoff');
}

$(document).ready(function () {
    if ($.browser.msie && parseInt( $.browser.version ) < 9 ) {
        offsetArray = offsetArrayIE;
    }
    else if ($.browser.mozilla || (($.browser.msie && parseInt($.browser.version) > 8 ) ) ) {
        offsetArray = offsetArrayMZ;
    }
    else {  //webkit
        offsetArray = offsetArrayWK;
    }

    var offsetIndex = parseInt($("#menu > li > a.selectednav").parent().prop('id'));
    $("#menu > li > a.selectednav").parent().children("ul").css('paddingLeft', offsetArray[offsetIndex] + 'px');
    $("#menu > li > a.selectednav").parent().children("ul").css('width', (998 - offsetArray[offsetIndex] + 'px'));
});