// <![CDATA[
$(document).ready(function(){	
	$("#slider").easySlider({
		controlsBefore:	'<p id="controls">',
		controlsAfter:	'</p>',
		auto: true, 
		continuous: true
	});	
});
// ]]>


        $(document).ready(function(){
            $(".button").hover(function(){
                $("#un a")
                .animate({top:"-8px"}, 200).animate({top:"-2px"}, 200) // first jump
                .animate({top:"-4px"}, 100).animate({top:"-2px"}, 100) // second jump
                .animate({top:"1px"}, 100).animate({top:"0px"}, 100); // the last jump
            });
			$(".button").hover(function(){
                $("#bouton-un a")
                .animate({top:"-8px"}, 200).animate({top:"-2px"}, 200) // first jump
                .animate({top:"-4px"}, 100).animate({top:"-2px"}, 100) // second jump
                .animate({top:"1px"}, 100).animate({top:"0px"}, 100); // the last jump
            });
			$(".button2").hover(function(){
                $("#bouton-deux a")
                .animate({top:"-8px"}, 200).animate({top:"-2px"}, 200) // first jump
                .animate({top:"-4px"}, 100).animate({top:"-2px"}, 100) // second jump
                .animate({top:"1px"}, 100).animate({top:"0px"}, 100); // the last jump
            });
			$(".button2").hover(function(){
                $("#deux a")
                .animate({top:"-8px"}, 200).animate({top:"-2px"}, 200) // first jump
                .animate({top:"-4px"}, 100).animate({top:"-2px"}, 100) // second jump
                .animate({top:"1px"}, 100).animate({top:"0px"}, 100); // the last jump
            });
			$(".button3").hover(function(){
                $("#bouton-trois a")
                .animate({top:"-8px"}, 200).animate({top:"-2px"}, 200) // first jump
                .animate({top:"-4px"}, 100).animate({top:"-2px"}, 100) // second jump
                .animate({top:"1px"}, 100).animate({top:"0px"}, 100); // the last jump
            });
			$(".button3").hover(function(){
                $("#trois a")
                .animate({top:"-8px"}, 200).animate({top:"-2px"}, 200) // first jump
                .animate({top:"-4px"}, 100).animate({top:"-2px"}, 100) // second jump
                .animate({top:"1px"}, 100).animate({top:"0px"}, 100); // the last jump
            });
			$(".button4").hover(function(){
                $("#bouton-quatre a")
                .animate({top:"-8px"}, 200).animate({top:"-2px"}, 200) // first jump
                .animate({top:"-4px"}, 100).animate({top:"-2px"}, 100) // second jump
                .animate({top:"1px"}, 100).animate({top:"0px"}, 100); // the last jump
            });
			$(".button4").hover(function(){
                $("#quatre a")
                .animate({top:"-8px"}, 200).animate({top:"-2px"}, 200) // first jump
                .animate({top:"-4px"}, 100).animate({top:"-2px"}, 100) // second jump
                .animate({top:"1px"}, 100).animate({top:"0px"}, 100); // the last jump
            });
			$(".button5").hover(function(){
                $("#bouton-cinq a")
                .animate({top:"-8px"}, 200).animate({top:"-2px"}, 200) // first jump
                .animate({top:"-4px"}, 100).animate({top:"-2px"}, 100) // second jump
                .animate({top:"1px"}, 100).animate({top:"0px"}, 100); // the last jump
            });
			$(".button5").hover(function(){
                $("#cinq a")
                .animate({top:"-8px"}, 200).animate({top:"-2px"}, 200) // first jump
                .animate({top:"-4px"}, 100).animate({top:"-2px"}, 100) // second jump
                .animate({top:"1px"}, 100).animate({top:"0px"}, 100); // the last jump
            });
			$(".button6").hover(function(){
                $("#bouton-six a")
                .animate({top:"-8px"}, 200).animate({top:"-2px"}, 200) // first jump
                .animate({top:"-4px"}, 100).animate({top:"-2px"}, 100) // second jump
                .animate({top:"1px"}, 100).animate({top:"0px"}, 100); // the last jump
            });
			$(".button6").hover(function(){
                $("#six a")
                .animate({top:"-8px"}, 200).animate({top:"-2px"}, 200) // first jump
                .animate({top:"-4px"}, 100).animate({top:"-2px"}, 100) // second jump
                .animate({top:"1px"}, 100).animate({top:"0px"}, 100); // the last jump
            });
        }); 


    $(document).ready(function() {
        $('#slider').s3Slider({
            timeOut: 1800
        });
    });