$(document).ready(function(){



    $('#navigation a')
        .css({backgroundPosition: '0px 20px'}) // workaround for FF 2.0 bug    
        .mouseover(function() {        
            if($(this).hasClass("active") == false) {
	            $(this).stop().animate({backgroundPosition: '(0 -10px)'}, {duration:250})
	        }
         })
         .mouseout(function(){
            if($(this).hasClass("active") == false) {
		        $(this).stop().animate({backgroundPosition: '(0 20px)'}, {duration:500})
            }
        });

//    // Document is ready
//    $('#navigation a').stop().animate({backgroundPosition:"(0 20)"}, {duration:500})
//        .mouseover(function(){
//            if($(this).hasClass("active") == false) {
//	            $(this).stop().animate({backgroundPosition: '(0 -10px)'}, {duration:250})
//	        }
//        })
//        .mouseout(function(){
//            if($(this).hasClass("active") == false) {
//		        $(this).stop().animate({backgroundPosition:"(0 20)"}, {duration:500})
//            }
//        })

    $('#navigation a.active').stop().css( {backgroundPosition: "0 -10px"} )

});