// rB 2010
//this is the background position controller of a nav that is using two images
//you need to set a background position before you can move the background position reliably.
//this can function with as many backgrounds as youd' like, 
//change (this).next to (this)(".className") that matches the class in your nav.
//further this is using the animate function so, simply change that 
//to a longer duration and you have a simple animated hover state that works across all browsers.
//note_ if you are using the animating feature you should use one background image. trust me.

//Nate 8/30/2010: Rewrote to take away animation which seemed to be causing some strange issues.

jQuery(document).ready(function() {
    jQuery('li.startItem').mouseover(function() {
        jQuery(this).css({ backgroundPosition: "0px -59px" });
    });
    jQuery('li.startItem').mouseout(function() {
        jQuery(this).css({ backgroundPosition: "0px 0px" });
    });
    //next Item
    jQuery('li.insideItem1').mouseover(function() {
        jQuery(this).css({ backgroundPosition: "0px -54px" });
        jQuery(this).next().css({ backgroundPosition: "0px -58px" });
    });

    jQuery('li.insideItem1').mouseout(function() {
        jQuery(this).css({ backgroundPosition: "0px 0px" });
        jQuery(this).next().css({ backgroundPosition: "0px 0px" });
    });

    //next Item	
    jQuery('li.insideItem').mouseover(function() {
        jQuery(this).css({ backgroundPosition: "0px -54px" });
        jQuery(this).next().css({ backgroundPosition: "0px -58px" });
    });

    jQuery('li.insideItem').mouseout(function() {
        jQuery(this).css({ backgroundPosition: "0px 0px" });
        jQuery(this).next().css({ backgroundPosition: "0px 0px" });
    });

    //next Item	
    jQuery('.globalNav li.suggested1').mouseover(function() {
        jQuery(this).css({ backgroundPosition: "0px -54px" });
        jQuery(this).next().css({ backgroundPosition: "0px -58px" });
    });

    jQuery('.globalNav li.suggested1').mouseout(function() {
        jQuery(this).css({ backgroundPosition: "0px 0px" });
        jQuery(this).next().css({ backgroundPosition: "0px 0px" });
    });

    jQuery('.globalNav li.suggestedFirst1').mouseover(function() {
        jQuery(this).css({ backgroundPosition: "0px -54px" });
        jQuery(this).next().css({ backgroundPosition: "0px -58px" });
    });

    jQuery('.globalNav li.suggestedFirst1').mouseout(function() {
        jQuery(this).css({ backgroundPosition: "0px 0px" });
        jQuery(this).next().css({ backgroundPosition: "0px 0px" });
    });



    jQuery('.globalNav li.suggestedLicFirst').mouseover(function() {
        jQuery(this).css({ backgroundPosition: "0px -54px" });
        jQuery(this).next().css({ backgroundPosition: "0px -58px" });
    });

    jQuery('.globalNav li.suggestedLicFirst').mouseout(function() {
        jQuery(this).css({ backgroundPosition: "0px 0px" });
        jQuery(this).next().css({ backgroundPosition: "0px 0px" });
    });




      
    
    
    
    //next Item	
    jQuery('.globalNav li.suggested2').mouseover(function() {
        jQuery(this).css({ backgroundPosition: "0px -54px" });
        jQuery(this).next().css({ backgroundPosition: "0px -58px" });
    });

    jQuery('.globalNav li.suggested2').mouseout(function() {
        jQuery(this).css({ backgroundPosition: "0px 0px" });
        jQuery(this).next().css({ backgroundPosition: "0px 0px" });
    });

    //next Item	
    jQuery('.globalNav li.suggested').mouseover(function() {
        jQuery(this).css({ backgroundPosition: "0px -54px" });
        jQuery(this).next().css({ backgroundPosition: "0px -58px" });
    });

    jQuery('.globalNav li.suggested').mouseout(function() {
        jQuery(this).css({ backgroundPosition: "0px 0px" });
        jQuery(this).next().css({ backgroundPosition: "0px 0px" });
    });


    jQuery('.globalNav li.suggestedFirst').mouseover(function() {
        jQuery(this).css({ backgroundPosition: "0px -54px" });
        jQuery(this).next().css({ backgroundPosition: "0px -58px" });
    });

    jQuery('.globalNav li.suggestedFirst').mouseout(function() {
        jQuery(this).css({ backgroundPosition: "0px 0px" });
        jQuery(this).next().css({ backgroundPosition: "0px 0px" });
    });


   






    //next Item
    jQuery('.globalNav li.suggestedLast').mouseover(function() {
        jQuery(this).css({ backgroundPosition: "0px -54px" });
        jQuery(this).next().css({ backgroundPosition: "0px 0px" });
    });

    jQuery('.globalNav li.suggestedLast').mouseout(function() {
        jQuery(this).css({ backgroundPosition: "0px 0px" });
        jQuery(this).next().css({ backgroundPosition: "0px -58px" });
    });

    $(".globalNav li.suggestedLast").mouseover(function() {
        $(".globalNav li.suggestedLast small").css("color", "#ffffff");
    });
    $(".globalNav li.suggestedLast").mouseout(function() {
        $(".globalNav li.suggestedLast small").css("color", "#054473");
    });



    jQuery('.globalNav li.suggestedLastFirst').mouseover(function() {
        jQuery(this).css({ backgroundPosition: "0px -54px" });
        jQuery(this).next().css({ backgroundPosition: "0px 0px" });
    });

    jQuery('.globalNav li.suggestedLastFirst').mouseout(function() {
        jQuery(this).css({ backgroundPosition: "0px 0px" });
        jQuery(this).next().css({ backgroundPosition: "0px -58px" });
    });

    $(".globalNav li.suggestedLastFirst").mouseover(function() {
        $(".globalNav li.suggestedLastFirst small").css("color", "#ffffff");
    });
    $(".globalNav li.suggestedLastFirst").mouseout(function() {
        $(".globalNav li.suggestedLastFirst small").css("color", "#054473");
    });




    $(".globalNav li.suggested").mouseover(function() {
        $(".globalNav li.suggested small").css("color", "#ffffff");
    });
    $(".globalNav li.suggested").mouseout(function() {
        $(".globalNav li.suggested small").css("color", "#054473");
    });

    $(".globalNav li.suggested1").mouseover(function() {
        $(".globalNav li.suggested1 small").css("color", "#ffffff");
    });
    $(".globalNav li.suggested1").mouseout(function() {
        $(".globalNav li.suggested1 small").css("color", "#054473");
    });
    $(".globalNav li.suggested2").mouseover(function() {
        $(".globalNav li.suggested2 small").css("color", "#ffffff");
    });
    $(".globalNav li.suggested2").mouseout(function() {
        $(".globalNav li.suggested2 small").css("color", "#054473");
    });

    $(".globalNav li.suggestedFirst1").mouseover(function() {
        $(".globalNav li.suggestedFirst1 small").css("color", "#ffffff");
    });
    $(".globalNav li.suggestedFirst1").mouseout(function() {
        $(".globalNav li.suggestedFirst1 small").css("color", "#054473");
    });

//    $(".globalNav li.suggestedLicFirst").mouseover(function() {
//    $(".globalNav li.suggestedLicFirst small").css("color", "#ffffff");
//    });
//    $(".globalNav li.suggestedLicFirst").mouseout(function() {
//    $(".globalNav li.suggestedLicFirst small").css("color", "#054473");
//    });

    $(".globalNav li.suggestedFirst1,.globalNav li.suggestedFirstIMG").mouseover(function() {
        $(".globalNav li.suggestedFirst1 small").css("color", "#ffffff");
        $(".globalNav li.suggestedFirstIMG").css({ backgroundPosition: "0px 0px" });
    });

    $(".globalNav li.suggestedFirst1,.globalNav li.suggestedFirstIMG").mouseout(function() {
        $(".globalNav li.suggestedFirst1 small").css("color", "#054473");
        $(".globalNav li.suggestedFirstIMG").css({ backgroundPosition: "0px -59px" });
    });






    $(".globalNav li.suggestedLicFirst,.globalNav li.suggestedLicFirstIMG").mouseover(function() {
    $(".globalNav li.suggestedLicFirst small").css("color", "#ffffff");
    $(".globalNav li.suggestedLicFirstIMG").css({ backgroundPosition: "0px 0px" });
    $(".globalNav li.suggestedLicEnd").css({ backgroundPosition: "0px 0px" });

    });

    $(".globalNav li.suggestedLicFirst,.globalNav li.suggestedLicFirstIMG").mouseout(function() {
    $(".globalNav li.suggestedLicFirst small").css("color", "#054473");
    $(".globalNav li.suggestedLicFirstIMG").css({ backgroundPosition: "0px -59px" });
    $(".globalNav li.suggestedLicEnd").css({ backgroundPosition: "0px -58px" });

    });

});