liencourrant="initialiser";
//-----------------------------------
//clic image de fond
var params = new Hash({	
	//gestion des icones curseurs
	'toolTipParams': {className: 'imgclic'}
});

//-----------------------------------
//redimenssionement des images de fond
Site={
	bg:document.getElement('#bg img'),
	links:$$('.gallery a[rel!=ext]').addEvent('click',function(){return !!Site.goto(Site.links.indexOf(this))}),
	loads:$$('.gallery a[rel!=ext]').map(function(el){return !el.href.match(/(gif|jpeg|jpg|png)/gi)||$extend(new Image(),{src:el.get('href')})}),
	set:function(v){
		if(Site.s&&((v=window.getSize()).x!=Site.x||v.y!=Site.y||Site.bg.src!=Site.s.src)){
			var s=$(Site.s),width=Math.round(v.y*(s.width/s.height));Site.x=v.x;Site.y=v.y;
			Site.bg.setStyles({width:(s.width>s.height&&v.x>width)?'50%':width,height:'auto'}).set('src',s.get('src'));
			if(liencourrant!="initialiser"){Site.bg.src=""+liencourrant+"";}//ici on replace l'image courrante de la galerie à la place de l'image initiale
		}
	}
}

if(Site.gallery=Site.links.length)Site.goto(0,$$('.gallery',Site.text=new Element('div',{id:'text'})).inject(document.body)); 
else $extend(new Image(),{onload:function(){Site.set(Site.s=this)},src:Site.bg.get('src')});
window.addEvents({resize:Site.set.bind(Site)})

//-----------------------------------
//fonction lancé au window.onload
function GLOBAL() { 

//-----------------------------------
//galerie
if (document.getElementById('galerie_photos') != "" && document.getElementById('galerie_photos') != 0 && document.getElementById('galerie_photos') != false && document.getElementById('galerie_photos') != undefined && document.getElementById('galerie_photos') != null ){
	var photos = document.getElementById('galerie_photos') ; //Récupère l'élément ayant pour id galerie_mini 
    var liens = photos.getElementsByTagName('a') ; //Récupère tous les liens pointant vers les images contenu dans galerie_photos

	i =0;
	nbretotal=liens.length;
	big_photo = document.getElementById('big_pict') ; //Récupère l'image en grande taille   
	btprev = document.getElementById('prev') ; //Récupère les curseurs galerie ("<" et ">")
	btnext = document.getElementById('next') ;
	
	// Au clique sur les curseurs
	btnext.onclick = function(){
		liencourrant= actionbtnext();
		big_photo.src = liencourrant; //On change l'attribut src de l'image en le remplaçant par la valeur du lien actionbtprev();
		return false; // On inhibe l'action réelle du lien
	}
		function actionbtnext(){  
			if(i==nbretotal-1){i=0;}else{i=i+1;}  
			return (liens[i]);
		}; 
		
	btprev.onclick = function(){
		liencourrant= actionbtprev();
		big_photo.src = liencourrant; //On change l'attribut src de l'image en le remplaçant par la valeur du lien  actionbtprev();
		return false;
	}
		function actionbtprev(){  
			if(i==0){i=nbretotal-1;} else{i=i-1;}	              
			return (liens[i]);
		};
}
	
//-------------------------------------
//menu principal (au survol)
var btsereposer = document.getElementById('sereposer');
if ( btsereposer.className != "item-hover"){ //si le bouton est inactif
	$('accordeon-principal').addEvents({
		'mouseenter': function(){
			this.set('tween', {duration: 750}).tween('height', '220px');
			var sereposer=document.getElementById('sereposer');
				var l2=document.getElementById('ligne2');
			sereposer.className = 'item-hover';
				l2.className="lignepointillet";
		},
		'mouseleave': function(){
			this.set('tween', {}).tween('height', '29px');
			var sereposer=document.getElementById('sereposer');
				var l2=document.getElementById('ligne2');
			sereposer.className = 'item';
				l2.className="lignetransparente";
		}
	});
}else{ //si le bouton est actif
document.getElementById('accordeon-principal').style.height = "220px";
}
	
	//gestion des lignes pointillet au rollover
	var l1=document.getElementById('ligne1');
	var l2=document.getElementById('ligne2');
	var l3=document.getElementById('ligne3');
	var l4=document.getElementById('ligne4');	
	var l5=document.getElementById('ligne5');
		var it1=document.getElementById('item1');
		var it2=document.getElementById('item2');
		var it3=document.getElementById('item3');
		var it4=document.getElementById('item4');
	it1.onmouseover = function(){l1.className="lignepointillet";l2.className="lignepointillet";}
	it1.onmouseout = function(){l1.className="lignetransparente";l2.className="lignetransparente";}
	it3.onmouseover = function(){l3.className="lignepointillet";l4.className="lignepointillet";}
	it3.onmouseout = function(){l3.className="lignetransparente";l4.className="lignetransparente";}
	it4.onmouseover = function(){l4.className="lignepointillet";l5.className="lignepointillet";}
	it4.onmouseout = function(){l4.className="lignetransparente";l5.className="lignetransparente";}

//-----------------------
//Menu en accordéon dans le contenu / sous rubrique (au clique)
if (document.getElementById('accordion') != "" && document.getElementById('accordion') != 0 && document.getElementById('accordion') != false && document.getElementById('accordion') != undefined && document.getElementById('accordion') != null ){
	//create our Accordion instance
	var myAccordion = new Accordion($('accordion'), 'h2.sousrubrique', 'div.contenu-sousrubrique', {
		opacity: false
	});
	//au clique un menu changement de couleur
	var sousmenu1=document.getElementById('sousmenu1');
	var sousmenu2=document.getElementById('sousmenu2');
	sousmenu1.className="sousrubrique-hover";//au début, le 1er contenu est afficher, et donc le menu est hover
	sousmenu1.onclick = function(){sousmenu1.className="sousrubrique-hover";sousmenu2.className="sousrubrique";return false;}
	sousmenu2.onclick = function(){sousmenu1.className="sousrubrique";sousmenu2.className="sousrubrique-hover";return false;}
}


//-----------------------
//Menu en accordéon-vertical (guides et presse) / sous rubrique (au clique)
if (document.getElementById('accordion-vertical') != "" && document.getElementById('accordion-vertical') != 0 && document.getElementById('accordion-vertical') != false && document.getElementById('accordion-vertical') != undefined && document.getElementById('accordion-vertical') != null){
			//create our Accordion instance
			var myAccordion = new Accordion($('accordion-vertical'), 'h2.sousrubrique-vertical', 'div.contenu-sousrubrique', {
				opacity: false
			});
			
			var sousmenu = new Array();
			var nbannee=document.getElementById('nbannee').innerHTML;//Récupèrer le nombre  de sousmenu nbannee (php affiche ce nombre dans la page)
			for( var i=1; i<=nbannee; i++){ //Boucle de 1 à ce nombre, i++
				sousmenu[i]=document.getElementById('sousmenu'+i);//Récupère tous les sousmenus afficher sur la page
			}
			sousmenu[1].className="sousrubrique-vertical-hover";//au départ, le premier est ouvert, on lui donne le style ouvert	
			
			//la boucle for ne fonctionne pas ici, donc test manuelment si sousmenu+i existe et si oui on réalise le onclick et les changement de style du sousmenu+i cliqué	
			sousmenu[1].onclick = function(){for( var j=1; j<=nbannee; j++){if(j==1){sousmenu[j].className="sousrubrique-vertical-hover";}else{sousmenu[j].className="sousrubrique-vertical";}}}
			if (sousmenu[2] != "" && sousmenu[2] != 0 && sousmenu[2] != false && sousmenu[2] != undefined && sousmenu[2] != null){
			sousmenu[2].onclick = function(){for( var j=1; j<=nbannee; j++){if(j==2){sousmenu[j].className="sousrubrique-vertical-hover";}else{sousmenu[j].className="sousrubrique-vertical";}}} }
			if (sousmenu[3] != "" && sousmenu[3] != 0 && sousmenu[3] != false && sousmenu[3] != undefined && sousmenu[3] != null){
			sousmenu[3].onclick = function(){for( var j=1; j<=nbannee; j++){if(j==3){sousmenu[j].className="sousrubrique-vertical-hover";}else{sousmenu[j].className="sousrubrique-vertical";}}} }
			if (sousmenu[4] != "" && sousmenu[4] != 0 && sousmenu[4] != false && sousmenu[4] != undefined && sousmenu[4] != null){
			sousmenu[4].onclick = function(){for( var j=1; j<=nbannee; j++){if(j==4){sousmenu[j].className="sousrubrique-vertical-hover";}else{sousmenu[j].className="sousrubrique-vertical";}}} }
			if (sousmenu[5] != "" && sousmenu[5] != 0 && sousmenu[5] != false && sousmenu[5] != undefined && sousmenu[5] != null){
			sousmenu[5].onclick = function(){for( var j=1; j<=nbannee; j++){if(j==5){sousmenu[j].className="sousrubrique-vertical-hover";}else{sousmenu[j].className="sousrubrique-vertical";}}} }
			if (sousmenu[6] != "" && sousmenu[6] != 0 && sousmenu[6] != false && sousmenu[6] != undefined && sousmenu[6] != null){
			sousmenu[6].onclick = function(){for( var j=1; j<=nbannee; j++){if(j==6){sousmenu[j].className="sousrubrique-vertical-hover";}else{sousmenu[j].className="sousrubrique-vertical";}}} }
			if (sousmenu[7] != "" && sousmenu[7] != 0 && sousmenu[7] != false && sousmenu[7] != undefined && sousmenu[7] != null){
			sousmenu[7].onclick = function(){for( var j=1; j<=nbannee; j++){if(j==7){sousmenu[j].className="sousrubrique-vertical-hover";}else{sousmenu[j].className="sousrubrique-vertical";}}} }
			if (sousmenu[8] != "" && sousmenu[8] != 0 && sousmenu[8] != false && sousmenu[8] != undefined && sousmenu[8] != null){
			sousmenu[8].onclick = function(){for( var j=1; j<=nbannee; j++){if(j==8){sousmenu[j].className="sousrubrique-vertical-hover";}else{sousmenu[j].className="sousrubrique-vertical";}}} }
			if (sousmenu[9] != "" && sousmenu[9] != 0 && sousmenu[9] != false && sousmenu[9] != undefined && sousmenu[9] != null){
			sousmenu[9].onclick = function(){for( var j=1; j<=nbannee; j++){if(j==9){sousmenu[j].className="sousrubrique-vertical-hover";}else{sousmenu[j].className="sousrubrique-vertical";}}} }
			if (sousmenu[10] != "" && sousmenu[10] != 0 && sousmenu[10] != false && sousmenu[10] != undefined && sousmenu[10] != null){
			sousmenu[10].onclick = function(){for( var j=1; j<=nbannee; j++){if(j==10){sousmenu[j].className="sousrubrique-vertical-hover";}else{sousmenu[j].className="sousrubrique-vertical";}}} }
			if (sousmenu[11] != "" && sousmenu[11] != 0 && sousmenu[11] != false && sousmenu[11] != undefined && sousmenu[11] != null){
			sousmenu[11].onclick = function(){for( var j=1; j<=nbannee; j++){if(j==11){sousmenu[j].className="sousrubrique-vertical-hover";}else{sousmenu[j].className="sousrubrique-vertical";}}} }
			if (sousmenu[12] != "" && sousmenu[12] != 0 && sousmenu[12] != false && sousmenu[12] != undefined && sousmenu[12] != null){
			sousmenu[12].onclick = function(){for( var j=1; j<=nbannee; j++){if(j==12){sousmenu[j].className="sousrubrique-vertical-hover";}else{sousmenu[j].className="sousrubrique-vertical";}}} }			
}

//----------------------------------
//clic image de fond
	//Initialisation avant affichage de la page
	window.addEvent('domready', function(e) {
		if (window.console) console.log('domready fired');
			initDynamicContent();
	});

//-------------------------------------fin GLOBAL
} 


// les fonctions clic image de fond
var initDynamicContent = function() {
	//tip au survol des images, capturé sur le survol du masque
	var myTips = new Tips('.zoneclic', params.toolTipParams);
	

	//action lors du clique
	$$('.zoneclic').each(function(tip, index) {
		if (window.console) console.log('init imgclic click event');
		tip.addEvent('mousedown', function(e) {
			if ($('contenu').getStyle('visibility') == 'hidden') {
				showPageContent();	
				$('imgclic').setStyle('background-image', 'url(../img/clic-affiche.gif);');
			}
			else {
				hidePageContent();
				$('imgclic').setStyle('background-image', 'url(../img/clic-masque.gif);');
			}
		});
	});
}

// fonction cache et montre le contenu
var hidePageContent = function() {
	$('contenu').fade('out');
	$$('.imgclic').each(function(el, index) {
		el.addClass('moins');
	});
}

var showPageContent = function() {
	$('contenu').fade('in');
	$$('.imgclic').each(function(el, index) {
		el.removeClass('moins');
	});
}

//--------------------------------------
//appel de GLOBAL au chargement de la page  
window.onload = GLOBAL;