var elem = document.getElementById('NavMain');
var elems = elem.getElementsByTagName("div");
//alert(elems.length);
var $j = jQuery.noConflict();

//$j("#nava1").css("background-color", "#009900");
//$j("#subnava1").css("display", "block");
//$j("#nava1 a").css("color", "#ffffff");

for (var i = 1; i <= elems.length; i++) {
    $j("#nava" + i).mouseover(function() {
        var id = ($j(this).attr('id'));
        if (id == "nava1") {
            $j("#" + id).css("background-color", "#009900");
            RestoreOthers(1, 0, elems.length);
        }
        else if (id == "nava2") {
            $j("#" + id).css("background-color", "#ff6600");
            RestoreOthers(2, 0, elems.length);
            //$j("#sub" + id + " .SubNavMain").css("padding-left", "108px");
        }
        else if (id == "nava3") {
            $j("#" + id).css("background-color", "#ffcc00");
            //$j("#sub" + id + " .SubNavMain").css("padding-left", "108px");
            RestoreOthers(3, 0, elems.length);
        }
        else if (id == "nava4") {
            $j("#" + id).css("background-color", "#ee0000");
            RestoreOthers(4, 0, elems.length);
        }
        else if (id == "nava5") {
            $j("#" + id).css("background-color", "#0099ff");
            RestoreOthers(5, 0, elems.length);
            //$j("#sub" + id + " .SubNavMain").css("padding-left", "247px");
        }
        else if (id == "nava6") {
            $j("#" + id).css("background-color", "#2f2f9d");
            RestoreOthers(6, 0, elems.length);
            //$j("#sub" + id + " .SubNavMain").css("padding-left", "512px");
        }
        else if (id == "nava7") {
            $j("#" + id).css("background-color", "#330099");
            RestoreOthers(7, 0, elems.length);
        }
        else if (id == "nava8") {
            $j("#" + id).css("background-color", "#7800ff");
            RestoreOthers(8, 0, elems.length);
            //$j("#sub" + id + " .SubNavMain").css("padding-left", "739px");
        }
        else if (id == "nava9") {
            $j("#" + id).css("background-color", "#009900");
            RestoreOthers(9, 0, elems.length);
        }
        else if (id == "nava10") {
            $j("#" + id).css("background-color", "#009900");
            RestoreOthers(10, 0, elems.length);
        }
        else if (id == "nava11") {
            $j("#" + id).css("background-color", "#009900");
            RestoreOthers(11, 0, elems.length);
        }

        if (id == "nava3") {
            $j("#" + id + " a").css("color", "#333333");
        }
        else {
            $j("#" + id + " a").css("color", "#ffffff");
        }

        $j("#sub" + id).css("display", "block");

        if (id == "nava3") {
            $j("#sub" + id + " .subnava").css("color", "#333333");
            $j("#sub" + id + " a").css("color", "#333333");
            $j("#sub" + id + " a").hover(function() {
                $j(this).css({ 'color': '#ffffff' });
            }, function() {
                $j(this).css({ 'color': '#333333' });
            });

        }
        else if (id = "nava6") {
            $j("#sub" + id + " a").hover(function() {
                $j(this).css({ 'color': '#a4a4a4' });
            }, function() {
                $j(this).css({ 'color': '#ffffff' });
            });
        }
        else if (id = "nava7") {
            $j("#sub" + id + " a").hover(function() {
                $j(this).css({ 'color': '#a4a4a4' });
            }, function() {
                $j(this).css({ 'color': '#ffffff' });
            });
        }
    }).mouseout(function() {

    });
    //$j("div.NavPaneCss").mouseleave(function() {
        //RestoreAll(elems.length);
    //});
}

function RestoreOthers() {
    var args = RestoreOthers.arguments;
    var x = args[0];
    var y = args[1];
    var z = args[2];

    for (var i = 1; i <= z; i++) {
        if (i != x) {
            $j("#nava" + i).css("background-color", "#cccccc");
            $j("#nava" + i + " a").css("color", "#333333");
            $j("#subnava" + i).css("display", "none");
        }
    }
}

function RestoreAll() {
    var args = RestoreAll.arguments;
    var x = args[0];
    var y = args[1];

    for (var i = 1; i <= x; i++) {
            $j("#nava" + i).css("background-color", "#cccccc");
            $j("#nava" + i + " a").css("color", "#333333");
            $j("#subnava" + i).css("display", "none");
        }

}