jQuery(document).ready(function() {

    // Main-Navigation Animation '#navigation ul a'
    $('ul.nav a').css({ 
        backgroundPosition: "0 0"
    }).mouseenter(function() {
        $(this).stop().animate(
			    { backgroundPosition: "(0 -200px)" },
			    { duration: 500 })
    }).mouseleave(function() {
        $(this).stop().animate(
			    { backgroundPosition: "(0 0)" },
			    { duration: 500 })
    });


});