// mainNav
function menuFix() {
    var sfEls = document.getElementById("mainNav").getElementsByTagName("li");
    for (var i=0; i<sfEls.length; i++) {
        sfEls[i].onmouseover=function() {
            this.className+=(this.className.length>0? " ": "") + "sfhover";
        }
        sfEls[i].onMouseDown=function() {
            this.className+=(this.className.length>0? " ": "") + "sfhover";
        }
        sfEls[i].onMouseUp=function() {
            this.className+=(this.className.length>0? " ": "") + "sfhover";
        }
        sfEls[i].onmouseout=function() {
            this.className=this.className.replace(new RegExp("( ?|^)sfhover\\b"),

                "");
        }
    }
}
//window.onload=menuFix;

//fix the submenu margin
function subMenuFix()
{
    $("#mainNav > li.iMenu").each(function(i){
        $perentMenuLeng = $(this).width();
        $children = $(this).children("ul");
        $childrenLeng = $children.children("li").width();
        $marginLeng = - ($childrenLeng - ($perentMenuLeng / 2 - 14));
        $children.css("margin-left",$marginLeng);
    });
}

$(document).ready(function(){
    $("#mainNav > li.iMenu").hover(
        function(){
            $("#mainNav > li.iMenu > a").addClass('nonebg');
            $(this).removeClass('nonebg').addClass('current2');
        },
        function(){
            $("#mainNav > li.iMenu > a").removeClass('nonebg');
            $(this).removeClass('current2');
        }
        );
    menuFix();
    subMenuFix();
});