$(function() {
        /* how much the nav tabs start at in beginning*/
          $('#anim-navigation a').stop().animate({'marginTop':'0'},500);

          /* how much of the nav tabs show above or below the top of browser on hover */
          $('#anim-navigation > li').hover(
              function () {
                  $('a',$(this)).stop().animate({'marginTop':'5px'},200);
              },
              /* how much the nav tabs finsh at after hover*/
              function () {
                  $('a',$(this)).stop().animate({'marginTop':'0'},200);
              }
          );
      });

  
		function fader(userOptions) {

    	op = { //Preset values of the parameter

        'CSS_selector':"ul#anim-navigation li ", //The CSS selection of the image where you want the sliding effect

        'fadeInDuration':600, // Time taken [in ms] for the FadeIn animation on mouse hover

        'fadeOutDuration':600, //Time taken for the FadeOut animation

        'opacityChange':1 //Change of Opacity

    };

    op = $.extend({}, op, userOptions); //We extend the user Options using jQuery

    $(op.CSS_selector).hover(

        function() { //This is the hover in function
            $(this).stop(); //Stops any animation being done on the button
            $(this).animate(op.fadeOutDuration); //Now animates the opacity to the user defined value          
        },

        function() { //This is the hover out function
            $(this).animate(op.fadeInDuration); //Animates the opacity back to 1
        }

    )

}

 
$(document).ready( //Now call the function when document is ready
    function() {
        fader();
    }
);

document.write('<style type="text/css">body{display:none}</style>');
jQuery(function($) {
$('body').css('display','block');
});