$(document).ready( function () {

    // On cache les sous-menus
    // sauf celui qui porte la classe "open_at_load" :
    $(".navigation ul.subMenu:not('.open_at_load')").hide();
    // On sélectionne tous les items de liste portant la classe "toggleSubMenu"

    // et on remplace l'élément span qu'ils contiennent par un lien :
    $(".navigation li.toggleSubMenu span").each( function () {
        // On stocke le contenu du span :
        var TexteSpan = $(this).text();
        $(this).replaceWith('<a href="#" title="Afficher le sous-menu">'+TexteSpan+'</a>') ;
    } ) ;

    // On modifie l'évènement "click" sur les liens dans les items de liste
    // qui portent la classe "toggleSubMenu" :
    $(".navigation li.toggleSubMenu > a").click( function () {
        // Si le sous-menu était déjà ouvert, on le referme :
        if ($(this).next("ul.subMenu:visible").length != 0) {
            $(this).next("ul.subMenu").slideUp("normal", function () { $(this).parent().removeClass("open") } );
        }
        // Si le sous-menu est caché, on ferme les autres et on l'affiche :
        else {
            $(".navigation ul.subMenu").slideUp("normal", function () { $(this).parent().removeClass("open") });
            $(this).next("ul.subMenu").slideDown("normal", function () { $(this).parent().addClass("open") } );
        }
        // On empêche le navigateur de suivre le lien :
        return false;
    });

} ) ;

function getStyle(el,styleProp)
{
	var x = document.getElementById(el);
	if (window.getComputedStyle)
		var y = window.getComputedStyle(x,null).getPropertyValue(styleProp);
	else if (x.currentStyle)
		var y = eval('x.currentStyle.' + styleProp);
	return y;
}

//========================================avance recule les vignettes dans la galerie

var rot=0;//angle sur lequel sera calculé le cosinus

function avance(){
	if(rot==0){
		pos=parseInt(document.getElementById('miniatures_in').style.top);
	}
	if(parseInt(document.getElementById('miniatures_in').style.top) < 0){
		
		rot=rot+4;
		na=eval(88-(Math.floor(Math.cos(Math.PI/100*rot)*88)));
		npos=pos+na;
		document.getElementById('miniatures_in').style.top = npos+"px";
		clic = window.setTimeout("avance();",1);

		if(rot>=100){
			rot=0;
			window.clearTimeout(clic);
		}
	}else{
	rot=0;
	pos=0;
	}
}

function recule(ni){
	if(rot==0){
		maxi=ni;
		pos=parseInt(document.getElementById('miniatures_in').style.top);
	}
	
	if(parseInt(document.getElementById('miniatures_in').style.top) >= -maxi){
	
		rot=rot+4;
		na=eval(88-(Math.floor(Math.cos(Math.PI/100*rot)*88)));
		npos=pos-na;
		document.getElementById('miniatures_in').style.top = npos+"px";
		
		clic = window.setTimeout("recule();",1);
		
		if(rot>=100){
			rot=0;
			window.clearTimeout(clic);
		}
	}else{
	rot=0;
	}
}



//========================================avance recule les vignettes dans le menu

var Mrot=0;//angle sur lequel sera calculé le cosinus

function Mavance(){
	if(Mrot==0){
		Mpos=parseInt(document.getElementById('menu_image_in').style.top);
	}
	if(parseInt(document.getElementById('menu_image_in').style.top) < 0){
		
		Mrot=Mrot+4;
		Mna=eval(123-(Math.floor(Math.cos(Math.PI/100*Mrot)*123)));
		Mnpos=Mpos+Mna;
		document.getElementById('menu_image_in').style.top = Mnpos+"px";
		Mclic = window.setTimeout("Mavance();",1);

		if(Mrot>=100){
			Mrot=0;
			window.clearTimeout(Mclic);
		}
	}else{
	Mrot=0;
	Mpos=0;
	}
}

function Mrecule(Mni){
	if(Mrot==0){
		Mmaxi=Mni;
		Mpos=parseInt(document.getElementById('menu_image_in').style.top);
	}
	
	if(parseInt(document.getElementById('menu_image_in').style.top) >= -Mmaxi){
	
		Mrot=Mrot+4;
		Mna=eval(123-(Math.floor(Math.cos(Math.PI/100*Mrot)*123)));
		Mnpos=Mpos-Mna;
		document.getElementById('menu_image_in').style.top = Mnpos+"px";
		
		Mclic = window.setTimeout("Mrecule();",1);
		
		if(Mrot>=100){
			Mrot=0;
			window.clearTimeout(Mclic);
		}
	}else{
	Mrot=0;
	}
}