window.addEvent('domready', function(){

	function automatic(number) {
		
		number_inf = number -1;
	
		if(!$('solutions-lien-'+number).hasClass('hover')) {
			
			$$('#solutions .menu a').each( function(element) {
				if(element.hasClass('hover')) { element.removeClass('hover'); }
			});
			
			$('solutions-lien-'+number).addClass('hover');
			
			$$('.block-contenu').each( function(element, index) {
				if(element.hasClass('hover')) {
					myEffect_block[index].start({'opacity': [1, 0]}).chain(
						function() {
							element.removeClass('hover');
							element.setStyle('display', 'none');
							$('solutions-block-'+number).setStyle('display', 'block');
							myEffect_block[number_inf].start({'opacity': [0, 1]}).chain(
								function () {
									$('solutions-block-'+number).addClass('hover');
								}
							);
						}
					);
				}
			});
		}
	
	}


	var myEffect_block = new Array();
	myEffect_block[0] = new Fx.Morph('solutions-block-1', {duration: 300, link: 'cancel', transition: Fx.Transitions.Quad.easeOut});
	myEffect_block[1] = new Fx.Morph('solutions-block-2', {duration: 300, link: 'cancel', transition: Fx.Transitions.Quad.easeOut});
	
	$('solutions-lien-1').addEvent('click', function(event){
		event = new Event(event).stop();
		automatic(1);
	});
	$('solutions-lien-2').addEvent('click', function(event){
		event = new Event(event).stop();
		automatic(2);
	});
	
	
	value_nom = $('nom').get('title');
	value_message = $('message').get('title');
	value_email = $('email').get('title');
	value_societe = $('societe').get('title');


	$('nom').addEvents({
		'focus': function(){
			nom = $('nom').get('value');
			if(nom == value_nom) {
				$('nom').set('value', "");
			}
		},
		'blur': function(){
			nom = $('nom').get('value');
			if(nom == "") {
				$('nom').set('value', value_nom);
			}
		}
	});
	$('email').addEvents({
		'focus': function(){
			email = $('email').get('value');
			if(email == value_email) {
				$('email').set('value', "");
			}
		},
		'blur': function(){
			email = $('email').get('value');
			if(email == "") {
				$('email').set('value', value_email);
			}
		}
	});
	$('societe').addEvents({
		'focus': function(){
			societe = $('societe').get('value');
			if(societe == value_societe) {
				$('societe').set('value', "");
			}
		},
		'blur': function(){
			societe = $('societe').get('value');
			if(societe == "") {
				$('societe').set('value', value_societe);
			}
		}
	});
	$('message').addEvents({
		'focus': function(){
			message = $('message').get('value');
			if(message == value_message) {
				$('message').set('value', "");
			}
		},
		'blur': function(){
			message = $('message').get('value');
			if(message == "") {
				$('message').set('value', value_message);
			}
		}
	});


	$('myForm').addEvent('submit', function(e) {
		e.stop();

		message = $('message').get('value');
		email = $('email').get('value');
		nom = $('nom').get('value');

		erreur = 0;

		if(message == '' || message == value_message) { erreur = 1; $('message').addClass('erreur'); }
		else { $('message').removeClass('erreur'); }

		if(email == '' || email == value_email) { erreur = 1; $('email').addClass('erreur'); }
		else { $('email').removeClass('erreur'); }

		if(nom == '' || nom == value_nom) { erreur = 1; $('nom').addClass('erreur'); }
		else { $('nom').removeClass('erreur'); }

		if(erreur == 0) {

			var log = $('message_conf').empty().set('html', '<img src="images/ajax-loader.gif" />&nbsp;&nbsp;&nbsp;Envoie en cours');

			this.set('send', {onComplete: function(response) {

				if(response == 2) { message = "<span style='color: #de4e4e;'>Vous n'avez pas correctement rempli le fomulaire.</span>"; }
				if(response == 0 || !response) { message = "<span style='color: #de4e4e;'>Une erreur s'est produite, veuillez recommencer.</span>"; }
				if(response == 1) {
					document.getElementById("form-submit").disabled=true;
					$('form-submit').addClass('envoye');
					message = "<img src='images/contact-image-2-trans.png' alt='' />&nbsp;&nbsp;&nbsp;<span style='color: #3b8413;'>E-mail envoyé avec succès</span>";
				}

				log.empty();
				log.set('html', message);
				
			}});
			this.send();
		}
		else {
			$('message_conf').set('html', "<span style='color: #de4e4e;'>Vous n'avez pas correctement rempli le fomulaire.</span>");
		}
	});

});