var $j = jQuery.noConflict();

var oldIE = false;
if($j.browser.msie && $j.browser.version < 8.0){
    var oldIE = true;
}


var menuHover1 = false;
var menuSubHover1 = false;

function showSubmenu1(){
    $j('a', this).css({color:'#EEEEEE'});
    menuHover1 = true;
    $j('#sublevel-1').slideDown('fast');
    //$j('#sublevel-1').css('zIndex', 9999);
}
function hideSubmenu1()
{
    $j('a', this).css({color:'#FFFFFF'});
    menuHover1 = false;
    if(!menuSubHover1)
    {
        $j('#sublevel-1').slideUp('fast');
    }
}
// ----------------------------------------------------------
var menuHover2 = false;
var menuSubHover2 = false;

function showSubmenu2(){
    $j('a', this).css({color:'#EEEEEE'});
    menuHover2 = true;
    $j('#sublevel-2').slideDown('fast');
    //$j('#sublevel-2').css('zIndex', 9999);
}
function hideSubmenu2()
{
    $j('a', this).css({color:'#FFFFFF'});
    menuHover2 = false;
    if(!menuSubHover2)
    {
        $j('#sublevel-2').slideUp('fast');
    }
}
// ----------------------------------------------------------
var menuHover3 = false;
var menuSubHover3 = false;

function showSubmenu3(){
    $j('a', this).css({color:'#EEEEEE'});
    menuHover3 = true;
    $j('#sublevel-3').slideDown('fast');
    //$j('#sublevel-3').css('zIndex', 9999);
}
function hideSubmenu3()
{
    $j('a', this).css({color:'#FFFFFF'});
    menuHover3 = false;
    if(!menuSubHover3)
    {
        $j('#sublevel-3').slideUp('fast');
    }
}
// ----------------------------------------------------------
var menuHover4 = false;
var menuSubHover4 = false;

function showSubmenu4(){
    $j('a', this).css({color:'#EEEEEE'});
    menuHover4 = true;
    $j('#sublevel-4').slideDown('fast');
    //$j('#sublevel-4').css('zIndex', 9999);
}
function hideSubmenu4()
{
    $j('a', this).css({color:'#FFFFFF'});
    menuHover4 = false;
    if(!menuSubHover4)
    {
        $j('#sublevel-4').slideUp('fast');
    }
}
// ----------------------------------------------------------

jQuery(function(){
    $j("#sublevel-1").hover(
        function(){
            menuSubHover1 = true;
        },
        function(){
            menuSubHover1 = false;
            if(!menuHover1)
            $j('#sublevel-1').slideUp('fast');
        }
    );
    var config1 = {    
         sensitivity: 4,
         interval: 20,
         over: showSubmenu1,
         timeout: 50,
         out: hideSubmenu1    };
    $j("#toplevel-1").hoverIntent( config1 );
    $j("#sublevel-2").hover(
        function(){
            menuSubHover2 = true;
        },
        function(){
            menuSubHover2 = false;
            if(!menuHover2)
            $j('#sublevel-2').slideUp('fast');
        }
    );
    var config2 = {    
         sensitivity: 4,
         interval: 20,
         over: showSubmenu2,
         timeout: 50,
         out: hideSubmenu2    };
    $j("#toplevel-2").hoverIntent( config2 );
    $j("#sublevel-3").hover(
        function(){
            menuSubHover3 = true;
        },
        function(){
            menuSubHover3 = false;
            if(!menuHover3)
            $j('#sublevel-3').slideUp('fast');
        }
    );
    var config3 = {    
         sensitivity: 4,
         interval: 20,
         over: showSubmenu3,
         timeout: 50,
         out: hideSubmenu3    };
    $j("#toplevel-3").hoverIntent( config3 );
    $j("#sublevel-4").hover(
        function(){
            menuSubHover4 = true;
        },
        function(){
            menuSubHover4 = false;
            if(!menuHover4)
            $j('#sublevel-4').slideUp('fast');
        }
    );
    var config4 = {    
         sensitivity: 4,
         interval: 20,
         over: showSubmenu4,
         timeout: 50,
         out: hideSubmenu4    };
    $j("#toplevel-4").hoverIntent( config4 );
$j("#toplevel-5").hover(
    function(){
        $j('a', this).css({color:'#EEEEEE'});
    },
    function(){
        $j('a', this).css({color:'#FFFFFF'});
    });
$j("#toplevel-6").hover(
    function(){
        $j('a', this).css({color:'#EEEEEE'});
    },
    function(){
        $j('a', this).css({color:'#FFFFFF'});
    });
$j("#toplevel-7").hover(
    function(){
        $j('a', this).css({color:'#EEEEEE'});
    },
    function(){
        $j('a', this).css({color:'#FFFFFF'});
    });
    $j('.toplevel-wrapper').click(function(){
        var thingy = $j('a', this).attr('href');
        window.location = thingy;
    });
    // fix for ie6/ie7 on logo over/under z-index problem ... doesn't work
    /*
    var zIndexNumber = 1000;
    $j('div').each(function() {
        $j(this).css('zIndex', zIndexNumber);
        zIndexNumber -= 10;
    });
    $j('.toplevel-wrapper').css('zIndex', 20000);
     */
    $j('#header-wrapper').css('zIndex', 1010);
    if(oldIE){
        $j('#home-main').css('zIndex', -1);
        $j('#main').css('zIndex', -1);
        $j('.sublevel-wrapper').css('backgroundColor', 'white');
    }
});