document.observe("dom:loaded", function() {
    /* initialisation */
	lancerElementDroite($('selectCat').innerHTML);
	menuPrincipalOuverture($('laCatPrincipale').innerHTML);
	Event.observe('menu-block','mouseover',afficheMenuGauche);
	Event.observe('menu-block','mouseout',function (event) { cacheMenuGauche(event) });
	Event.observe(window,'resize',resizeBg);
	if ($('form-newsletter-submit')){
		Event.observe('form-newsletter-submit','click', function (event) { checkFormulaireNewletter() });
	}
	$$('div.bouton-menu-annee').invoke('observe','mouseout', function () { desactiveCurseur() });
	$$('div.bouton-menu-annee').invoke('observe','mouseover', function () { activeCurseur() });
	$$('div.bouton-menu-annee').invoke('observe','click', function (event) { slideMenuAnnee(event) });
	$$('img.newImgFond').invoke('observe','click',function(event) { changeImgBg(event) } );
	$$('img.newImgFond').invoke('observe','mouseover',function(event) { mouseoverSurImgAgrandirBorder(event) } );
	$$('img.newImgFond').invoke('observe','mouseout',function(event) { mouseoutSurImgReduirBorder(event) } );
	$$('img.newImgFond2').invoke('observe','mouseover',function(event) { mouseoverSurImgAgrandirBorder(event) } );
	$$('img.newImgFond2').invoke('observe','mouseout',function(event) { mouseoutSurImgReduirBorder(event) } );
});

function afficheMenuGauche(){
	new Effect.Move('menu', { x: 0, y: 0, mode: 'absolute', duration : 0.5 , transition : Effect.Transitions['sinoidal']  });
	new Effect.Move('menu-bouton', { x :-50, y:150, mode : 'absolute', transition : Effect.Transitions['sinoidal']});
}

function cacheMenuGauche(event){
	if (event.pointerX() > 200) {
		if ($('menu-bouton').style.display == "none") { $('menu-bouton').style.display = "block"; }
		new Effect.Move('menu', { x: -300, y: 0, mode: 'absolute', delay : 1, duration : 0.5, transition : Effect.Transitions['sinoidal'], afterFinish : function (){ new Effect.Move('menu-bouton', { x:0, y:150, duration : 0.5, mode : 'absolute'}) }} );
	}
}

function activeCurseur(){
	document.body.style.cursor = 'pointer';
}

function desactiveCurseur(){
	document.body.style.cursor = 'default';
}

function lancerElementDroite(nomcat){
	if ($(nomcat)){
		if(nomcat=='histoire-18eme-siecle' || nomcat=='histoire-19eme-siecle' || nomcat=='histoire-20eme-siecle' || nomcat=='histoire-21eme-siecle' ) {
			$(nomcat).style.display = "none";
			new Effect.Move(nomcat, { x: -10, y : 0, mode : 'absolute', delay : 1, duration : 0.1 , afterFinish : function () { $(nomcat).appear({duration : 0.3 }) } } );	
		} else {
			new Effect.Move(nomcat, { x: -10, y : 0, mode : 'absolute', delay : 1, duration : 0.5 } );
		}
	}
}

function slideMenuAnnee(e){
	var elt = $(e.target.id);
	var curs = $(e.target.id.substring(0,2)+'-on');
	var decalageX;
	decalageX = Element.viewportOffset(elt).left - Element.viewportOffset(curs).left;
	new Effect.Move(curs, { x:decalageX, y:0, duration:0.5,  transition: Effect.Transitions['spring'], afterFinish : function (){ afficheContenuHistoire(elt.id.substring(3,7)) } });
}

function getHandW(){
	var result =  { 'height' : this.height,
				'width' : this.width };
	return result;
}

function afficheContenuHistoire(id){
		var lesDivsContenus = $('article').getElementsByClassName('contenu-txtimg');
		var elt = $(id);
		for (i=0; i<lesDivsContenus.length ; i++) {
			if(lesDivsContenus[i].style.display == "block" || lesDivsContenus[i].style.display =="") {
				lesDivsContenus[i].style.display = "none";
			}
		}
		elt.style.display = "block";
}

function menuPrincipalOuverture(nomCatPale){
	if(!nomCatPale.empty()){
		if(nomCatPale.substring(0,6)=="sscat-"){
			var currentUL = $('ul-'+nomCatPale.substring(6));
			currentUL.setStyle({ display : 'block'});
		}else {
			var currentUL = $('ul-'+nomCatPale);
			currentUL.blindDown({ duration : 0.5, transition : Effect.Transitions['sinoidal']});
		}
	}
}

function resizeBg(){

	var bgimg =  $('bgimg');
	//alert('image hauteur ='+bgimg.height+' img largeur = '+bgimg.width);
	var ratio = bgimg.height / bgimg.width;

	if (document.body){
		var larg = (document.documentElement.clientWidth);
		var haut = (document.documentElement.clientHeight);
	} 	
	
//alert('largeur = '+larg+' et hauteur ='+haut);

	if(bgimg.width>bgimg.height){
		//paysage
		var ratioLarge = larg / bgimg.width;
		var taillehaut = ratioLarge*bgimg.height;
		if(taillehaut >= haut){ 
			bgimg.width = bgimg.width * ratioLarge;
			bgimg.height = taillehaut;
		}else {
		//var ratioHaut = haut / bgimg.height;
		}
	} else {
		// portrait
		var ratioLarge = larg / bgimg.width;
		var taillehaut = ratioLarge*bgimg.height;
		bgimg.width = bgimg.width * ratioLarge;
		bgimg.height = taillehaut;
		
	}
}
function getHandW(){
	$('bgimg').width = this.width;
	$('bgimg').height = this.height;
	$('bgimg').src = this.src;
}
function changeBGSlide(id){
	var img = new Image();
	img.onload = getHandW;
	
	img.src = 'imgs/visuel/savoir-faire/'+id.substring(4)+'.jpg';

	var lesDivsContenus = $('contenu').getElementsByClassName('contenu');
	var elt = $(id.substring(4));
		for (i=0; i<lesDivsContenus.length ; i++) {
			if(lesDivsContenus[i].style.display == "block" || lesDivsContenus[i].style.display =="") {
				lesDivsContenus[i].style.display = "none";
			}
		}
	elt.style.display = "block";
		
		
}
function mouseoverSurImgAgrandirBorder(event){
		new Effect.Morph(event.target.id, { style : 'border : 5px solid black; margin:0px', duration : 0.1, transition : Effect.Transitions['sinoidal']});
	
}

function mouseoutSurImgReduirBorder(event){
		new Effect.Morph(event.target.id, { style : 'border : 0px solid black; margin :5px;', duration : 0.1});
}

function changeImgBg(event){
	var img = new Image();
	img.onload = getHandW;
	img.src = "imgs/visuel/"+event.target.id+".jpg";
	resizeBg();
} 

function checkFormulaireNewletter(){
	var msgconf;
	var msgattente;
	var msgerror = "Vous n'avez pas remplis les champs :<br>";
	var flagerror = false;
		if($('form-newsletter').senderSex[0].checked){
			var inscdesinsc = "inscription";
		}else {	
			var inscdesinsc = "desinscription";
		}
	////////////////////////////////////////////// à optimiser avec classe "obligatoire" si temps.
		if($('nom').value.empty()){
			msgerror += " Nom";
			$('nom').setStyle({ 'background' : '#FF0000' });
			flagerror = true;
		}else {
			$('nom').setStyle({ 'background' : 'url(../../imgs/interface/fond-newsletter.png)' });
		}
		
		if($('prenom').value.empty()){
			msgerror += " Prenom";
			$('prenom').setStyle({ 'background' : '#FF0000' });
			flagerror = true;
		}else {
			$('prenom').setStyle({ 'background' : 'url(../../imgs/interface/fond-newsletter.png)' });
		}
		
		if($('adresse').value.empty()){
			msgerror += " Adresse";
			$('adresse').setStyle({ 'background' : '#FF0000' });
			flagerror = true;
		}else {
			$('adresse').setStyle({ 'background' : 'url(../../imgs/interface/fond-newsletter.png)' });
		}
		
		if($('cp').value.empty()){
			msgerror += " Code Postal";
			$('cp').setStyle({ 'background' : '#FF0000' });
			flagerror = true;
		}else {
			$('cp').setStyle({ 'background' : 'url(../../imgs/interface/fond-newsletter.png)' });
		}
		
		if($('ville').value.empty()){
			msgerror += " Ville";
			$('ville').setStyle({ 'background' : '#FF0000' });
			flagerror = true;
		}else {
			$('ville').setStyle({ 'background' : 'url(../../imgs/interface/fond-newsletter.png)' });
		}
		
		if($('pays').value.empty()){
			msgerror += " Pays";
			$('pays').setStyle({ 'background' : '#FF0000' });
			flagerror = true;
		}else {
			$('pays').setStyle({ 'background' : 'url(../../imgs/interface/fond-newsletter.png)' });
		}
		
		if($('email').value.empty()){
			msgerror += " Email";
			$('email').setStyle({ 'background' : '#FF0000' });
			flagerror = true;
		}else {
			$('email').setStyle({ 'background' : 'url(../../imgs/interface/fond-newsletter.png)' });
		}
	/////////////////////////////////////////////
		if(flagerror) {	
			$('msg-error').update('<font color="#FF0000"><strong>'+msgerror+'</strong></font>');
		}else {
			$('msg-error').style.display = "none";
			$('form-newsletter').fade();
			$('msg-attente').update('Veuillez patentier...');
			new Ajax.Request('script/contact.php',{ 
							  method : 'post',
							  parameters : { senderName : $('nom').value  ,
											senderPrenom : $('prenom').value ,
											senderAdresse : $('adresse').value ,
											senderCp : $('cp').value ,
											senderVille : $('ville').value,
											senderPays : $('pays').value,
											senderEmail : $('email').value,
											senderTelephone : $('tel').value,
											senderMsg : $('message').value,
											senderSex : inscdesinsc}
											,
							  onSuccess : function (transport) {
											$('msg-attente').update('');
										if(transport.responseText=="retval=1"){
											msgconf = "Votre demande a bien &eacute;t&eacute; envoy&eacute;";
										}else if(transport.responseText=="retval=0"){
											msgerror = "Votre demande n'a pas &eacute;t&eacute; envoy&eacute;e en raison d'un probleme";
										}else if(transport.responseText=="no email address found")  {
											msgerror = "Votre email n'est pas conforme";
										}
									if (msgerror!="Vous n'avez pas remplis les champs :<br>"){
										$('msg-error').update('<font color="#FF0000"><strong>'+msgerror+'</strong></font>');
									}
									if(!msgconf.empty()){
										$('msg-confirmation').update('<strong>'+msgconf+'</strong>');
									}
							} });
			}
}