// JavaScript Document

$(document).ready(function(){
	setTimeout("animation()",500);
	setTimeout("animation2()",500);
	$("#ecuriechoice").mouseover(
					function(){
						$("#ecuriechoice").css({opacity:1,zIndex:4});
						$("#titreservicechoice").css({opacity:1,zIndex:3});
						$("#sallechoice").css({opacity:1,zIndex:2});
						$("#couverturechoice").css({opacity:1,zIndex:1});
					
	});
	$("#ecuriechoice").mouseout(
					function(){
						$("#ecuriechoice").css({opacity:0.70,zIndex:1});
						$("#titreservicechoice").css({opacity:0.70,zIndex:3});
						$("#sallechoice").css({opacity:0.70,zIndex:2});
						$("#couverturechoice").css({opacity:0.70,zIndex:1});
					
	});
	$("#ecuriechoice").click(
					function(){
						//$(this).attr('href',"http://www.les4vents.com/les4ventseditions/accueil.html/");
						document.location.href='http://www.les4vents.com/les4ventseditions/accueil.html';
	});
	$("#titreservicechoice").mouseover(
					function(){
						$("#titreservicechoice").css({opacity:1,zIndex:4});
						$("#ecuriechoice").css({opacity:1,zIndex:3});
						$("#sallechoice").css({opacity:1,zIndex:2});
						$("#couverturechoice").css({opacity:1,zIndex:1});
					
	});
	$("#titreservicechoice").mouseout(
					function(){
						$("#titreservicechoice").css({opacity:0.70,zIndex:1});
						$("#ecuriechoice").css({opacity:0.70,zIndex:3});
						$("#sallechoice").css({opacity:0.70,zIndex:2});
						$("#couverturechoice").css({opacity:0.70,zIndex:1});
					
	});
	$("#titreservicechoice").click(
					function(){
						//$(this).attr('href',"http://www.les4vents.com/les4ventseditions/accueil.html/");
						document.location.href='http://www.les4vents.com/titreservices/accueil.html';
	});
	
	$("#sallechoice").mouseover(
					function(){
						$("#sallechoice").css({opacity:1,zIndex:4});
						$("#titreservicechoice").css({opacity:1,zIndex:3});
						$("#ecuriechoice").css({opacity:1,zIndex:2});
						$("#couverturechoice").css({opacity:1,zIndex:1});
					
	});
	$("#sallechoice").mouseout(
					function(){
						$("#sallechoice").css({opacity:0.70,zIndex:4});
						$("#titreservicechoice").css({opacity:0.70,zIndex:3});
						$("#ecuriechoice").css({opacity:0.70,zIndex:2});
						$("#couverturechoice").css({opacity:0.70,zIndex:1});
					
	});
	$("#sallechoice").click(
					function(){
						//$(this).attr('href',"http://www.les4vents.com/les4ventseditions/accueil.html/");
						document.location.href='http://www.les4vents.com/salle/index.php';
	});
	$("#couverturechoice").mouseover(
					function(){
						$("#couverturechoice").css({opacity:1,zIndex:4});
						$("#sallechoice").css({opacity:1,zIndex:3});
						$("#titreservicechoice").css({opacity:1,zIndex:2});
						$("#ecuriechoice").css({opacity:1,zIndex:1});
					
	});
	$("#couverturechoice").mouseout(
					function(){
						$("#couverturechoice").css({opacity:0.70,zIndex:4});
						$("#sallechoice").css({opacity:0.70,zIndex:3});
						$("#titreservicechoice").css({opacity:0.70,zIndex:2});
						$("#ecuriechoice").css({opacity:0.70,zIndex:1});
					
	});
	
	
	$("#couverturechoice").click(
					function(){
						//$(this).attr('href',"http://www.les4vents.com/les4ventseditions/accueil.html/");
						document.location.href='http://www.les4vents.com/couvertures/tarifs.html';
	});
						   
});

//function pour animer

function animation(){
	containerindex();
	ecuriechoice();
	titresseriveschoice();
	salleschoice();
	couverturechoice();

}
function animation2(){
	menu();
}

function containerindex(){
	$("#containerindex").animate({top:"100px"},5000)
	setTimeout("containerindex()",5500);
	
}
function ecuriechoice(){
	$("#ecuriechoice").animate({left:"-170px"},5000)
	setTimeout("ecuriechoice()",5500);
	
	
}
function titresseriveschoice(){
	$("#titreservicechoice").animate({left:"+170px"},5000)
	setTimeout("titresseriveschoice()",5500);
	
	
}
function salleschoice(){
	$("#sallechoice").animate({left:"+60px"},5000)
	setTimeout("salleschoice()",5500);
	
	
}
function couverturechoice(){
	$("#couverturechoice").animate({left:"-60px"},5000)
	setTimeout("couverturechoice()",5500);
	
	
}

function menu(){
	$('#ecuriechoice').easyRotate({
      degrees: -30},5000)
	$('#titreservicechoice').easyRotate({
      degrees: +30},5000)

	$('#sallechoice').easyRotate({
      degrees: +8},5000)
	$('#couverturechoice').easyRotate({
      degrees: -8},5000)

}