// JavaScript Document

/**********************/

/**********************/
$(document).ready(function() {  
   
     //move the image in pixel  
     var move = -15;  
       
     //zoom percentage, 1.2 =120%  
     var zoom = 1.2;  
  
    //On mouse over those thumbnail  
    $('.menuimage').hover(function() {  
           
         //Set the width and height according to the zoom percentage  
         width = $('.menuimage').width() * zoom;  
         height = $('.menuimage').height() * zoom;  
           
         //Move and zoom the image  
         $(this).find('img').stop(false,true).animate({'width':width, 'height':height, 'top':move, 'left':move}, {duration:200});  
           
         //Display the caption  
         $(this).find('.menu .title').stop(false,true).fadeIn(200);  
     },  
     function() {  
        //Reset the image  
         $(this).find('img').stop(false,true).animate({'width':$('.menuimage').width(), 'height':$('.menuimage').height(), 'top':'0', 'left':'0'}, {duration:100});    
   
         //Hide the caption  
         $(this).find('.menu .title').stop(false,true).fadeOut(200);  
     });  
   
 });  


//après chargement du document 
$(document).ready(function (){ 
    $("#img1").load(function(){ 
        //on cache l'image immédiatement 
        $(this).fadeOut(0, function(){ 
            //on la ré-affiche avec un effet de transparence 
            $(this).fadeIn(1000); 
        }); 
    }); 
	$("#img2").load(function(){ 
        //on cache l'image immédiatement 
        $(this).fadeOut(0, function(){ 
            //on la ré-affiche avec un effet de transparence 
            $(this).fadeIn(2000); 
        }); 
    }); 
	$("#img3").load(function(){ 
        //on cache l'image immédiatement 
        $(this).fadeOut(0, function(){ 
            //on la ré-affiche avec un effet de transparence 
            $(this).fadeIn(3000); 
        }); 
    }); 
	$("#img4").load(function(){ 
        //on cache l'image immédiatement 
        $(this).fadeOut(0, function(){ 
            //on la ré-affiche avec un effet de transparence 
            $(this).fadeIn(4000); 
        }); 
    }); 
	$("#img5").load(function(){ 
        //on cache l'image immédiatement 
        $(this).fadeOut(0, function(){ 
            //on la ré-affiche avec un effet de transparence 
            $(this).fadeIn(5000); 
        }); 
    }); 
	$("#img6").load(function(){ 
        //on cache l'image immédiatement 
        $(this).fadeOut(0, function(){ 
            //on la ré-affiche avec un effet de transparence 
            $(this).fadeIn(6000); 
        }); 
    }); 
	$("#img7").load(function(){ 
        //on cache l'image immédiatement 
        $(this).fadeOut(0, function(){ 
            //on la ré-affiche avec un effet de transparence 
            $(this).fadeIn(7000); 
        }); 
    }); 
	$("#img8").load(function(){ 
        //on cache l'image immédiatement 
        $(this).fadeOut(0, function(){ 
            //on la ré-affiche avec un effet de transparence 
            $(this).fadeIn(8000); 
        }); 
    }); 
});

/**************************popPup*************************/
function montrer(id) {
	var toto = document.getElementById(id);
	toto.style.display = "block";
}
function cacher(id) {
	var toto = document.getElementById(id);
	toto.style.display = "none";
}

/***/

/********************************************************/
$(document).ready(function () {
	$("ul.menu_body li:even").addClass("alt");
    $('.menu_head').click(function () {
	$('ul.menu_body').slideToggle('medium');
    });
	$('ul.menu_body li a').mouseover(function () {
	$(this).animate({ fontSize: "11px", paddingLeft: "12px" }, 50 );
    });
	$('ul.menu_body li a').mouseout(function () {
	$(this).animate({ fontSize: "11px", paddingLeft: "10px" }, 50 );
    });
});

/********************************************************/
$(document).ready(function () {
	$("ul.menu1_body li:even").addClass("alt");
    $('.menu1_head').click(function () {
	$('ul.menu1_body').slideToggle('medium');
    });
	$('ul.menu1_body li a').mouseover(function () {
	$(this).animate({ fontSize: "11px", paddingLeft: "12px" }, 50 );
    });
	$('ul.menu1_body li a').mouseout(function () {
	$(this).animate({ fontSize: "11px", paddingLeft: "10px" }, 50 );
    });
});
/********************************************************/
$(document).ready(function () {
	$("ul.menu2_body li:even").addClass("alt");
    $('.menu2_head').click(function () {
	$('ul.menu2_body').slideToggle('medium');
    });
	$('ul.menu2_body li a').mouseover(function () {
	$(this).animate({ fontSize: "11px", paddingLeft: "12px" }, 50 );
    });
	$('ul.menu2_body li a').mouseout(function () {
	$(this).animate({ fontSize: "11px", paddingLeft: "10px" }, 50 );
    });
});
/********************************************************/
$(document).ready(function () {
	$("ul.menu3_body li:even").addClass("alt");
    $('.menu3_head').click(function () {
	$('ul.menu3_body').slideToggle('medium');
    });
	$('ul.menu3_body li a').mouseover(function () {
	$(this).animate({ fontSize: "11px", paddingLeft: "12px" }, 50 );
    });
	$('ul.menu3_body li a').mouseout(function () {
	$(this).animate({ fontSize: "11px", paddingLeft: "10px" }, 50 );
    });
});
/********************************************************/
$(document).ready(function () {
	$("ul.menu4_body li:even").addClass("alt");
    $('.menu4_head').click(function () {
	$('ul.menu4_body').slideToggle('medium');
    });
	$('ul.menu4_body li a').mouseover(function () {
	$(this).animate({ fontSize: "11px", paddingLeft: "12px" }, 50 );
    });
	$('ul.menu4_body li a').mouseout(function () {
	$(this).animate({ fontSize: "11px", paddingLeft: "10px" }, 50 );
    });
});
/*********************************************/