var colors = [];
colors[0] = '#656565';
colors[1] = '#ffa800';
colors[2] = '#879bbb';
colors[3] = '#e7ef63';
colors[4] = '#656565';
colors[5] = '#ffa800';
colors[6] = '#879bbb';
$(function() {
    $('#nav > div > ul > li').children('ul').remove(); // must show all menu items for styling to work... this removes them after the fact
    var navs = $('#nav > div > ul > li > a');
    var snavs = $('#submenu > div > ul > li > a');
    var selectedNav = 0;
    for (i = 0; i < navs.length; i++) {
        $(navs[i]).attr('href', $(navs[i]).attr('href').replace('?', ''));
        if ($(navs[i]).hasClass('.A-Menu-ChildSel') || $(navs[i]).hasClass('.A-Menu-Sel')) {
            selectedNav = i
            $(navs[i]).css('color', colors[i]);
            $('#submenu > div > ul > li > a.A-Menu-Sel').css('background-color', colors[i]);
            $('#submenu > div > ul > li > a.A-Menu-Sel').css('color', '#000');
            $('#submenu > div > ul > li > a.A-Menu-ChildSel').css('background-color', colors[i]);
            $('#submenu > div > ul > li > a.A-Menu-ChildSel').css('color', '#000');
            $('h2.header').css({ backgroundPosition: '0 ' + (-60 * i) + 'px' });
        }
    }
    $(navs).mouseover(function() {
        var index = $(navs).index(this);
        $(this).css('color', colors[index]);
        return false;
    });
    $(navs).mouseout(function() {
        var index = $(navs).index(this);
        if (!$(this).hasClass('.A-Menu-ChildSel')) { $(this).css('color', '#fff'); }
        return false;
    });

    $(snavs).mouseover(function() {
        $(this).css('background-color', colors[selectedNav]);
        return false;
    });
    $(snavs).mouseout(function() {
        if (!$(this).hasClass('.A-Menu-Sel') && !$(this).hasClass('.A-Menu-ChildSel')) { $(this).css('background-color', '#272727'); }
        return false;
    });

});