//Adeliom

	var menu=Array(false,false,false,false,false,false);
	var liste=Array(false,false,false,false,false,false);
	
	var validator;

jQuery(document).ready(function() {
	
	// page d'accueil
	jQuery('#homeHover1').click(function(){
		window.location.href = '?p=avantages';
	});
	
	jQuery('#homeHover2').click(function(){
		window.location.href = '?p=expertise';
	});
	
	jQuery('#homeHover3').click(function(){
		window.location.href = '?p=decoration';
	});
	
	jQuery('#homeHover4').click(function(){
		window.location.href = '?p=expertise';
	});
	
	jQuery('#homeHover1').mouseover(function(){
		jQuery('#homeHover4').css('background', 'url(img/layout/hover_isolation.jpg)');
		jQuery('#homeHover1').css('background', '#8e959b');
		jQuery('#homeHover3').css('background', '#8e959b');
		jQuery('#homeHover2').css('background', '#8e959b');
		jQuery('#homeImg1').fadeTo('fast', 1);
		jQuery('#homeImg2').fadeTo('fast', 0.1);
		jQuery('#homeImg3').fadeTo('fast', 0.1);
		jQuery('#homeImg4').fadeTo('fast', 0.1);
	});
	
	jQuery('#homeHover2').mouseover(function(){
		jQuery('#homeHover3').css('background', 'url(img/layout/hover_ravalement.jpg)');
		jQuery('#homeHover2').css('background', '#f4a932');
		jQuery('#homeHover1').css('background', '#f4a932');
		jQuery('#homeHover4').css('background', '#f4a932');
		jQuery('#homeImg1').fadeTo('fast', 0.1);
		jQuery('#homeImg2').fadeTo('fast', 1);
		jQuery('#homeImg3').fadeTo('fast', 0.1);
		jQuery('#homeImg4').fadeTo('fast', 0.1);
	});
	
	jQuery('#homeHover3').mouseover(function(){
		jQuery('#homeHover2').css('background', 'url(img/layout/hover_deco.jpg)');
		jQuery('#homeHover1').css('background', '#94c02e');
		jQuery('#homeHover3').css('background', '#94c02e');
		jQuery('#homeHover4').css('background', '#94c02e');
		jQuery('#homeImg1').fadeTo('fast', 0.1);
		jQuery('#homeImg2').fadeTo('fast', 0.1);
		jQuery('#homeImg3').fadeTo('fast', 1);
		jQuery('#homeImg4').fadeTo('fast', 0.1);
	});
	
	jQuery('#homeHover4').mouseover(function(){
		jQuery('#homeHover1').css('background', 'url(img/layout/hover_renov.jpg)');
		jQuery('#homeHover2').css('background', '#1ab6ff');
		jQuery('#homeHover3').css('background', '#1ab6ff');
		jQuery('#homeHover4').css('background', '#1ab6ff');
		jQuery('#homeImg1').fadeTo('fast', 0.1);
		jQuery('#homeImg2').fadeTo('fast', 0.1);
		jQuery('#homeImg3').fadeTo('fast', 0.1);
		jQuery('#homeImg4').fadeTo('fast', 1);
	});
	
	
	//galerie
	jQuery('#cont-pic1').mouseover(function(){
		jQuery('#cont-pic1').css('background', '#fff');
		jQuery('#cont-pic2').css('background', '#8e969b');
		jQuery('#cont-pic3').css('background', '#8e969b');
		jQuery('#cont-pic4').css('background', '#8e969b');
		jQuery('#cont-pic5').css('background', 'url(img/layout/hover_isolation.jpg)');
		jQuery('#cont-pic6').css('background', '#8e969b');
		
		jQuery('#fade-img1').css('opacity', 1);
		jQuery('#fade-img2').css('opacity', 0.1);
		jQuery('#fade-img3').css('opacity', 0.1);
		jQuery('#fade-img4').css('opacity', 0.1);
		jQuery('#fade-img5').css('opacity', 0.1);
		jQuery('#fade-img6').css('opacity', 0.1);
	});
	
	jQuery('#cont-pic2, #cont-pic3, #cont-pic6').mouseover(function(){
		jQuery('#cont-pic1').css('background', '#f4a933');
		jQuery('#cont-pic2').css('background', '#fff');
		jQuery('#cont-pic3').css('background', '#fff');
		jQuery('#cont-pic4').css('background', '#f4a933');
		jQuery('#cont-pic5').css('background', 'url(img/layout/hover_ravalement.jpg)');
		jQuery('#cont-pic6').css('background', '#fff');
		
		jQuery('#fade-img1').css('opacity', 0.1);
		jQuery('#fade-img2').css('opacity', 1);
		jQuery('#fade-img3').css('opacity', 1);
		jQuery('#fade-img4').css('opacity', 0.1);
		jQuery('#fade-img5').css('opacity', 0.1);
		jQuery('#fade-img6').css('opacity', 1);
	});
	
	jQuery('#cont-pic4').mouseover(function(){
		jQuery('#cont-pic1').css('background', '#94c02e');
		jQuery('#cont-pic2').css('background', 'url(img/layout/hover_deco.jpg)');
		jQuery('#cont-pic3').css('background', '#94c02e');
		jQuery('#cont-pic4').css('background', '#fff');
		jQuery('#cont-pic5').css('background', '#94c02e');
		jQuery('#cont-pic6').css('background', '#94c02e');
		
		jQuery('#fade-img1').css('opacity', 0.1);
		jQuery('#fade-img2').css('opacity', 0.1);
		jQuery('#fade-img3').css('opacity', 0.1);
		jQuery('#fade-img4').css('opacity', 1);
		jQuery('#fade-img5').css('opacity', 0.1);
		jQuery('#fade-img6').css('opacity', 0.1);
	});
	
	jQuery('#cont-pic5').mouseover(function(){
		jQuery('#cont-pic1').css('background', 'url(img/layout/hover_renov.jpg)');
		jQuery('#cont-pic2').css('background', '#1ab6ff');
		jQuery('#cont-pic3').css('background', '#1ab6ff');
		jQuery('#cont-pic4').css('background', '#1ab6ff');
		jQuery('#cont-pic5').css('background', '#fff');
		jQuery('#cont-pic6').css('background', '#1ab6ff');
		
		jQuery('#fade-img1').css('opacity', 0.1);
		jQuery('#fade-img2').css('opacity', 0.1);
		jQuery('#fade-img3').css('opacity', 0.1);
		jQuery('#fade-img4').css('opacity', 0.1);
		jQuery('#fade-img5').css('opacity', 1);
		jQuery('#fade-img6').css('opacity', 0.1);
	});
	
	
	
	//fonction écrivant le mail en javascript (anti-bot)
	jQuery('.tomail').each(function() {
		var mail=jQuery(this).html();
		var splitMail=mail.split('_at_');
		jQuery(this).attr('href','mai'+'lto:'+splitMail[0]+'@'+splitMail[1]);
		jQuery(this).text(splitMail[0]+'@'+splitMail[1]);
	});
	
	jQuery('#tomail_contatct').attr('href','mai'+'lto:'+'info'+'@'+'peinture-ennesser.com');

	
	//mouseover et mouseout des menus
	jQuery('#menuLi1').mouseover(function(){jQuery('.underMenu1').show();}).mouseout(function(){jQuery('.underMenu1').hide();});
	
	jQuery('#menuLi2').mouseover(function(){menu[2]=true;}).mouseout(function(){menu[2]=false;});
	jQuery('#menu2').mouseover(function(){liste[2]=true;}).mouseout(function(){liste[2]=false;});	
	
	jQuery('#menuLi3').mouseover(function(){menu[3]=true;}).mouseout(function(){menu[3]=false;});
	jQuery('#menu3').mouseover(function(){liste[3]=true;}).mouseout(function(){liste[3]=false;});
	
	jQuery('#menuLi4').mouseover(function(){menu[4]=true;}).mouseout(function(){menu[4]=false;});
	jQuery('#menu4').mouseover(function(){liste[4]=true;}).mouseout(function(){liste[4]=false;});
	
	jQuery('#menuLi5').mouseover(function(){menu[5]=true;}).mouseout(function(){menu[5]=false;});
	jQuery('#menu5').mouseover(function(){liste[5]=true;}).mouseout(function(){liste[5]=false;});
	
	jQuery('#menuLi6').mouseover(function(){menu[6]=true;}).mouseout(function(){menu[6]=false;});
	jQuery('#menu6').mouseover(function(){liste[6]=true;}).mouseout(function(){liste[6]=false;});
	
	verif(menu,liste);
	

	validator = jQuery("#formulaire").validate({
		submitHandler: function() { sendMail(); },
		rules: {
    		form_nom: { required: true},
    		form_mail: { required: true, email: true},
    		form_ville: { required: true},
    		form_captcha: { required: true}
		},
		messages: {
			form_nom: { required: ''},
    		form_mail: { required: '', email: ''},
    		form_ville: { required: ''},
    		form_captcha: { required: ''}
		}
		
    });
	
	
});

//traitement concret du mouseover/out
function verif(menu,liste){
	for (var id=2;id<=6;id++){
		if(menu[id] || liste[id]){
			jQuery('#menu'+id).show();
			jQuery('.underMenu'+id).show();
		}else{
			jQuery('#menu'+id).hide();
			jQuery('.underMenu'+id).hide();
			jQuery('.displayMenu').show();
		}
	}
	setTimeout('verif(menu,liste)',40);
}


function sendMail(){
	jQuery.ajax({
        type: "POST",
        url: "index.action.php",
        data: jQuery('#formulaire').serialize(),
        success: function(data){
        	if(data==1){
            	validator.resetForm();
        		jQuery("#messages").html("Message envoyé !");
            	jQuery("#messages").fadeIn(1).delay(3000).fadeOut(1);
        	}else{
        		jQuery("#messages").html("Captcha incorrect");
    			jQuery("#messages").show();
        	}
        }
    });
	
}


        // Automagically load Lightbox on Page Load - by Bramus! (http://www.bram.us/)
        // Code modded from http://www.huddletogether.com/forum/comments.php?DiscussionID=1269&page=1#Item_0
        function autoFireLightbox() {
            //Check if location.hash matches a lightbox-anchor. If so, trigger popup of image.
            setTimeout(function() {
                if(document.location.hash && $(document.location.hash.substr(1)).rel.indexOf('lightbox')!=-1) {
                    myLightbox.start($(document.location.hash.substr(1)));
                }},
                250
            );
        }
        Event.observe(window, 'load', autoFireLightbox, false);