window.addEvent('domready', function() {
	/* MENU DEROULANT */
	$$('.menu').getElement('ul ul').fade('hide');
	
	
	$$('.menu ul > li').addEvent('mouseover', function () {
		if ($(this).getElement('ul')) {
			$(this).getElement('ul').fade('in');
		}
	
	}).addEvent('mouseout', function() {
		if ($(this).getElement('ul')) {
			$(this).getElement('ul').fade('out');
		}
	});

	/* GALLERIE OCCASIONS */
	$$("#gallery a").addEvent('click', function() {
		if (this.id!="imageOccasionLink")
		{
			var newSrc = $(this).getChildren("img").get("src");
			var imgElem = document.getElementById('imageOccasion');

			document.getElementById('imageOccasionLink').href = newSrc;
	
			var fx = new Fx.Tween(imgElem,{
				duration: 700,
				onComplete: function(){ 
						imgElem.set("src", newSrc);
						imgElem.fade('in');
				}
			});
			fx.start('opacity',1,0);
			return false;
		}
	});
	
	
	/* CARSATISFACTION */
	
	$("action").setStyle("padding", "5px");
	$$("#services").hide();
	$$("#form_pas_achete").hide();
	$$("#form_achete").hide();
	$$("#form_apres_vente").hide();
	$$("#form_pieces").hide();
	$$("#form_carrosserie").hide();
	
	$$("#logos_satisfaction a").addEvent('click', function() {

		for(i=0; i<4; i++) {
			var elem = this.getParent().getChildren("a")[i];
			
			if (this.id != elem.id) {
				elem.hide();
				$$("#services").setStyle("opacity", 0);
				$$("#services").show();
				$$("#services").fade('in');
			}
		}
		
		$("action").highlight("#008ACB");
		$("action").set("text","Choisissez un service :");
		
		return false;
	});
	
	
	$$("#services a").addEvent('click', function() {
		var nbrForms = $$('form').length;
		var idForm = this.href.substr(this.href.lastIndexOf("#"));
		
		//alert(idForm);
		
		for(j=0; j<nbrForms; j++) {
			var currentForm = $$("form")[j];
			
			if (idForm == "#"+currentForm.id) {
				currentForm.setStyle("opacity", 0);
				currentForm.show();
				currentForm.fade('in');
				
				// Ajouter la marque dans le champ field_marque du formulaire affiché
				for(k=0; k<4; k++) {
					var logoMarque = $("logos_satisfaction").getChildren("a")[k];
					
					if (logoMarque.getStyle("display") == "block") {
						currentForm.field_marque.value = logoMarque.id.substr(5);
					}
				}
				
			}else{
				currentForm.hide();
			}
		}
		
		return false;
	});
	
	// Réaffichage du formulaire
	var winURL = window.location.toString();
	var diesePos = winURL.lastIndexOf("#");
	var minusPos = winURL.lastIndexOf("-");
	
	if (diesePos>0 && minusPos>0) {
		var marque = winURL.substring(diesePos+1, minusPos);
		var formNum = winURL.substr(minusPos+1);
		
		for(i=0; i<4; i++) {
			var elem = $("logos_satisfaction").getChildren("a")[i];
			
			if ("logo_"+marque != elem.id) {
				elem.hide();
				$$("#services").setStyle("opacity", 0);
				$$("#services").show();
				$$("#services").fade('in');
			}
		}
		
		var formToDisplay = $$("form")[formNum-1];
		formToDisplay.setStyle("opacity", 0);
		formToDisplay.show();
		formToDisplay.fade('in');
		
		formToDisplay.field_marque.value = marque;
		
		$("action").highlight("#008ACB");
		$("action").addClass("error");
		$("action").set("text","Veuillez corriger les erreurs indiquées en rouge :");
		
		
		var errorsLength = errors.length;
		//alert(errors);
		for(j=0; j<errorsLength; j++) {
			formToDisplay.getElements("."+errors[j]).addClass("error");
		}
		
	}
	
});