$(document).ready(function() {

	var myDiapo = $(".diaporama1").jDiaporama({
		debugMode : false,
		delay : 6,
		theme : "border",
		useThumbs : false,
		thumbsDir : "img/galerie/thumbs/",
		width : 900,
		height : 580,
		transition : "default",
		auto : true,                                       // Le diaporama se lit automatiquement
		animationSpeed : "slow",                           // Vitesse d'animation
		controls : true,                                   // Affichage des boutons de contrôle
		status_controls : true,                            // Affichage des boutons de contrôle du bottom (miniatures)
		statusPosition : "bottom",                         // Position de la status bar
		keyboard : true,                                   // Navigation au clavier
		infos : true,                                      // Affichage des informations sur l'image
		onrollover : true,                                 // Affiche des infos uniquement au rollover sur l'image
		currentimage : false,                               // Affiche du compteur
		paused : false,                                    // Diaporama en pause au début
		boucles : 0,                                       // Nombre de boucles avant que le diaporama ne s'arrête, 0 = illimité
		sens : "right",                                    // Sens du diaporama par défaut
		random : false,                                    // Lecture aléatoire
		transition : "slide",                              // Transition: "fade" ou "slice" ou ["slice", "fade"] pour un affichage aléatoire parmi celles choisies
		animationEasing : "easeInQuint",                   // Easing pour les animations
		constraintWidth : true,                            // Adapter la taille de l'image automatiquement
		nbSlices : 10,                                     // Nombre de tranches horizontales pour les transitions
		nbSlicesH : 6,                       // Nombre de tranches verticales pour les transitions
	});

	$("#prev").click(function() {
		myDiapo.data("jDiaporama").prev();
	})
	$("#next").click(function() {
		myDiapo.data("jDiaporama").next();
	})
	$("#decreaseSlices").click(function() {
		nbSlices = myDiapo.data("jDiaporama").getOption('nbSlices');
		myDiapo.data("jDiaporama").changeOption("nbSlices", --nbSlices);
	})
	$(".diaporama1").parent().parent().parent().bind("jDiaporama:pause", function(event, pause) {
		if(!pause)
			$("#togglePause").val("Pause");
		else
			$("#togglePause").val("Play");
	})
	$("#togglePause").click(function() {
		myDiapo.data("jDiaporama").pauseSlider();
	})
});
$('.contact').live("click", function() {
	var action = $(this).attr('id');

	if($('.contact').hasClass('active_link')) {
		return false;
	} else {
		$(".about").removeClass("active_link");
		$('.contact').addClass('active_link');
		getContactForm(action);
	}

	return false;
})
$('.index').live("click", function() {
	var action = 'index';
	$(".about").removeClass("active_link");
	$('.contact').removeClass('active_link');
	getHomePage(action);
	return false;
})
$('.about').live("click", function() {
	var action = $(this).attr('id');

	if($('.about').hasClass('active_link')) {
		return false;
	} else {
		$(".contact").removeClass("active_link");
		$('.about').addClass('active_link');
		getAbout(action);
	}

	return false;
})
function getXhr() {
	var xhr = null;
	if(window.XMLHttpRequest) // Firefox et autres
		xhr = new XMLHttpRequest();
	else if(window.ActiveXObject) { // Internet Explorer
		try {
			xhr = new ActiveXObject("Msxml2.XMLHTTP");
		} catch (e) {
			xhr = new ActiveXObject("Microsoft.XMLHTTP");
		}
	} else { // XMLHttpRequest non supporté par le navigateur
		alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest...");
		xhr = false;
	}
	return xhr;
}

function getHomePage(action) {
	var xhr = getXhr();
	// On défini ce qu'on va faire quand on aura la réponse
	xhr.onreadystatechange = function() {
		// On ne fait quelque chose que si on a tout reçu et que le serveur est ok
		if(xhr.readyState == 4 && xhr.status == 200) {
			//console.log(xhr.responseText);

			var html = xhr.responseText;
			$('#content').hide();
			$('#content').html(html).fadeIn('slow');
			var myDiapo = $(".diaporama1").jDiaporama({
				debugMode : false,
				delay : 6,
				theme : "border",
				useThumbs : false,
				thumbsDir : "img/galerie/thumbs/",
				width : 900,
				height : 580,
				transition : "default",
				auto : true,                                       // Le diaporama se lit automatiquement
				animationSpeed : "slow",                           // Vitesse d'animation
				controls : true,                                   // Affichage des boutons de contrôle
				status_controls : true,                            // Affichage des boutons de contrôle du bottom (miniatures)
				statusPosition : "bottom",                         // Position de la status bar
				keyboard : true,                                   // Navigation au clavier
				infos : true,                                      // Affichage des informations sur l'image
				onrollover : true,                                 // Affiche des infos uniquement au rollover sur l'image
				currentimage : false,                               // Affiche du compteur
				paused : false,                                    // Diaporama en pause au début
				boucles : 0,                                       // Nombre de boucles avant que le diaporama ne s'arrête, 0 = illimité
				sens : "right",                                    // Sens du diaporama par défaut
				random : false,                                    // Lecture aléatoire
				transition : "slide",                              // Transition: "fade" ou "slice" ou ["slice", "fade"] pour un affichage aléatoire parmi celles choisies
				animationEasing : "easeInQuint",                   // Easing pour les animations
				constraintWidth : true,                            // Adapter la taille de l'image automatiquement
				nbSlices : 10,                                     // Nombre de tranches horizontales pour les transitions
				nbSlicesH : 6,                       // Nombre de tranches verticales pour les transitions
			});
		}
	}
	xhr.open('POST', 'actions.php', true);
	xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
	xhr.send('action=' + action);
}

function getContactForm(action) {

	var xhr = getXhr();
	// On défini ce qu'on va faire quand on aura la réponse
	xhr.onreadystatechange = function() {
		// On ne fait quelque chose que si on a tout reçu et que le serveur est ok
		if(xhr.readyState == 4 && xhr.status == 200) {
			//console.log(xhr.responseText);

			var html = xhr.responseText;
			$('#content').hide();
			$('#content').html(html).fadeIn('slow');
			$('.alert_name').hide();
			$('.alert_email').hide();
			$('.alert_object').hide();
			$('.alert_message').hide();

			var myDiapo = $(".diaporama2").jDiaporama({
				debugMode : false,
				delay : 6,
				theme : "border",
				useThumbs : false,
				thumbsDir : "img/galerie/thumbs/",
				width : 450,
				height : 290,
				transition : "default",
				auto : true,                                       // Le diaporama se lit automatiquement
				animationSpeed : "slow",                           // Vitesse d'animation
				controls : true,                                   // Affichage des boutons de contrôle
				status_controls : true,                            // Affichage des boutons de contrôle du bottom (miniatures)
				statusPosition : "bottom",                         // Position de la status bar
				keyboard : true,                                   // Navigation au clavier
				infos : true,                                      // Affichage des informations sur l'image
				onrollover : true,                                 // Affiche des infos uniquement au rollover sur l'image
				currentimage : false,                               // Affiche du compteur
				paused : false,                                    // Diaporama en pause au début
				boucles : 0,                                       // Nombre de boucles avant que le diaporama ne s'arrête, 0 = illimité
				sens : "right",                                    // Sens du diaporama par défaut
				random : false,                                    // Lecture aléatoire
				transition : "slide",                              // Transition: "fade" ou "slice" ou ["slice", "fade"] pour un affichage aléatoire parmi celles choisies
				animationEasing : "easeInQuint",                   // Easing pour les animations
				constraintWidth : true,                            // Adapter la taille de l'image automatiquement
				nbSlices : 10,                                     // Nombre de tranches horizontales pour les transitions
				nbSlicesH : 6,                       // Nombre de tranches verticales pour les transitions
			});
		}
	}
	xhr.open('POST', 'actions.php', true);
	xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
	xhr.send('action=' + action);

}

function getAbout(action) {

	var xhr = getXhr();
	// On défini ce qu'on va faire quand on aura la réponse
	xhr.onreadystatechange = function() {
		// On ne fait quelque chose que si on a tout reçu et que le serveur est ok
		if(xhr.readyState == 4 && xhr.status == 200) {
			//console.log(xhr.responseText);

			var html = xhr.responseText;
			$('#content').hide();
			$('#content').html(html).fadeIn("slow");
		}
	}
	xhr.open('POST', 'actions.php', true);
	xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
	xhr.send('action=' + action);

}

function sendForm(action, name, email, object, message) {

	var xhr = getXhr();
	// On défini ce qu'on va faire quand on aura la réponse
	xhr.onreadystatechange = function() {
		// On ne fait quelque chose que si on a tout reçu et que le serveur est ok
		if(xhr.readyState == 4 && xhr.status == 200) {
			//console.log(xhr.responseText);

			var html = xhr.responseText;
			$('#form').hide();
			$('#form').html(html).fadeIn("slow");
			setTimeout("window.location='http://www.stichelbaut.com/'", 5000);
		}
	}
	xhr.open('POST', 'actions.php', true);
	xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
	xhr.send('action=' + action + '&name=' + name + '&email=' + email + '&object=' + object + '&message=' + message);

}

function checkForm() {
	var email = document.form.email.value;
	var verif = /^[a-zA-Z0-9_-]+@[a-zA-Z0-9-]{2,}[.][a-zA-Z_-]{2,3}$/

	if(document.form.name.value == "") {
		$(".form-input-field-error").removeClass("form-input-field-error").addClass('form-input-field');
		$('.name').removeClass('form-input-field').addClass('form-input-field-error');

		$('.alert_email').fadeOut('slow');
		$('.alert_object').fadeOut('slow');
		$('.alert_message').fadeOut('slow');

		$('.alert_name').fadeIn('slow');
		return false;
	} else if(document.form.email.value == "") {
		$(".form-input-field-error").removeClass("form-input-field-error").addClass('form-input-field');
		$('.email').removeClass('form-input-field').addClass('form-input-field-error');

		$('.alert_name').fadeOut('slow');
		$('.alert_object').fadeOut('slow');
		$('.alert_message').fadeOut('slow');

		$('.alert_email').fadeIn('slow');
		return false;
	} else if(verif.exec(email) == null) {
		$(".form-input-field-error").removeClass("form-input-field-error").addClass('form-input-field');
		$('.email').removeClass('form-input-field').addClass('form-input-field-error');

		$('.alert_name').fadeOut('slow');
		$('.alert_object').fadeOut('slow');
		$('.alert_message').fadeOut('slow');

		$('.alert_email').fadeIn('slow');
		return false;
	} else if(document.form.object.value == "") {
		$(".form-input-field-error").removeClass("form-input-field-error").addClass('form-input-field');
		$('.object').removeClass('form-input-field').addClass('form-input-field-error');

		$('.alert_name').fadeOut('slow');
		$('.alert_email').fadeOut('slow');
		$('.alert_message').fadeOut('slow');

		$('.alert_object').fadeIn('slow');
		return false;
	} else if(document.form.message.value == "") {
		$(".form-input-field-error").removeClass("form-input-field-error").addClass('form-input-field');
		$('.message').removeClass('form-input-field').addClass('form-input-field-error');

		$('.alert_name').fadeOut('slow');
		$('.alert_email').fadeOut('slow');
		$('.alert_object').fadeOut('slow');

		$('.alert_message').fadeIn('slow');
		return false;
	} else {
		var name = document.form.name.value;
		var email = document.form.email.value;
		var object = document.form.object.value;
		var message = document.form.message.value;

		sendForm('sendForm', name, email, object, message);
		return false;
	}
}