$(document).ready(function() {

            /* 	1st example	*/

            /// wrap inner content of each anchor with first layer and append background layer
            $("#menu li a").wrapInner( '<span class="out"></span>' ).append( '<span class="bg"></span>' );

            // loop each anchor and add copy of text content
            $("#menu li a").each(function() {
                $( '<span class="over">' +  $(this).text() + '</span>' ).appendTo( this );
            });

            $("#menu li a").hover(function() {
                // this function is fired when the mouse is moved over
                $(".out",	this).stop().animate({'top':	'45px'},	250); // move down - hide
                $(".over",	this).stop().animate({'top':	'0px'},		250); // move down - show
                $(".bg",	this).stop().animate({'top':	'0px'},		120); // move down - show

            }, function() {
                // this function is fired when the mouse is moved off
                $(".out",	this).stop().animate({'top':	'0px'},		250); // move up - show
                $(".over",	this).stop().animate({'top':	'-45px'},	250); // move up - hide
                $(".bg",	this).stop().animate({'top':	'-45px'},	120); // move up - hide
            });
                                        

            /*	2nd example	*/
                        
            $("#menu2 li a").wrapInner( '<span class="out"></span>' );
                        
            $("#menu2 li a").each(function() {
                $( '<span class="over">' +  $(this).text() + '</span>' ).appendTo( this );
            });

            $("#menu2 li a").hover(function() {
                $(".out",	this).stop().animate({'top':	'45px'},	200); // move down - hide
                $(".over",	this).stop().animate({'top':	'0px'},		200); // move down - show

            }, function() {
                $(".out",	this).stop().animate({'top':	'0px'},		200); // move up - show
                $(".over",	this).stop().animate({'top':	'-45px'},	200); // move up - hide
            });

	
	/***************Stat google*************************/

	$("#statsPageviews").hide();
	$("#statsVisits").hide();
	$("#statsPageviewsText").hide();
	$("#statsVisitsText").hide();
	rotateMetrics(); 

	function rotateMetrics() {
		$("#statsPageviewsText").slideDown("slow");
		$("#statsPageviews").slideDown("slow", function() {
			setTimeout(function() {
				$("#statsPageviewsText").slideUp("slow");
				$("#statsPageviews").slideUp("slow", function() {
					$("#statsVisitsText").slideDown("slow");
					$("#statsVisits").slideDown("slow", function() {
						setTimeout(function() {
							$("#statsVisitsText").slideUp("slow");
							$("#statsVisits").slideUp("slow", function() {
								rotateMetrics();
							}); 
						}, 3000);
					}); 
				}); 
			}, 3000);
		});
		 
	}		
			
			
        });
            
        /**/
        function affichePage(page){
            $.post(page,
            function(data){
                document.getElementById("contenu").innerHTML=data;
            });
        }