// JavaScript Document
// largeur du site
var siteWidth = 998;
// stockage des margin pour les animate
var widthHide = 0;
var widthShow = 0;
// stockage de la hauteur minimale pour la div overflow hidden, afin de voir toute la div quand la fenêtre est plus petite que cette div
var heightDiv = 0;
// récupérer la div affichée
var curDiv = "";
// déclaration de la vitesse d'animation
var speed = 450;

$(document).ready( function() {
	$(".msgSent").fadeOut();
	$(".errorMsg").fadeOut();
	// enlever le scroll horzontal
	$('div#contentSite').css('overflow', 'hidden');

	// enlever le outline pour les liens suivants et précédents
	$('a.btNext').css('outline', 'none');
	$('a.btPrev').css('outline', 'none');
	$('a.btNext').fadeOut();
	$('a.btPrev').fadeOut();
	$(".socialLinks").find('a').fadeOut();
	$(".designersAccord").find('a').fadeOut();
	$('div.menu').find('div').fadeOut();

	// récupérer la largeur sur laquelle on travaille
	widthShow = $('div#contentSite').width();
	// masquer toutes les divs
	$('div.manageWidth').hide();
	// afficher le premier slide #accueil
	showNext('accueil');

	// click sur le bouton suivant
	$('a.btNext').click( function() {
		widthShow = $('div#contentSite').width();
		widthShow = widthShow - ((widthShow-siteWidth)/2);
		widthHide = -widthShow;
		hideCurrent($(this).attr('rel'));
		return false;
	});

	// click sur le bouton suivant
	$('a.btPrev').click( function() {
		widthHide = $('div#contentSite').width();
		widthHide = widthHide - ((widthHide-siteWidth)/2);
		widthShow = -widthHide;
		hideCurrent($(this).attr('rel'));
		return false;
	});

	// click sur un onglet du menu
	$('div.menu').find('a').click( function() {
		var linkPosition = $(this).position();
		var curPosition = $(this).parent().find('span').position();
		if(curPosition.left < linkPosition.left) {
			// le lien cliqué se trouve à droite de la current page, alors imitation du bouton suivant
			widthShow = $('div#contentSite').width();
			widthShow = widthShow - ((widthShow-siteWidth)/2);
			widthHide = -widthShow;
		} else {
			// le lien cliqué se trouve à gauche de la current page, alors imitation du bouton précédent
			widthHide = $('div#contentSite').width();
			widthHide = widthHide - ((widthHide-siteWidth)/2);
			widthShow = -widthHide;
		}
		hideCurrent($(this).attr('rel'));
		return false;
	});

	// quand la hauteur du navigateur change
	$(window).bind( "resize", function() {
   		$(curDiv).css('top', ($('div#contentSite').height()/2) + 'px')
	});

	$('.txtMini').focusin( function() {
		$(this).val('');
	});

	$('.txtMini').focusout( function() {
		if($(this).val() == '') { $(this).val($(this).attr('title')); }
	});

	$('input#btSend').click(function() {
		prepareMail();
		return false;
	});

});


function changeBackcolor(hexaColor) {
	$("body").css('background', hexaColor);
}

// masquer le current id
function hideCurrent(idForNext) {
	$(curDiv).find('a.btPrev').fadeOut(speed);
	$(curDiv).find('a.btNext').fadeOut(speed);
	$(curDiv).find(".socialLinks").find('a').fadeOut(speed);
	$(curDiv).find(".designersAccord").find('a').fadeOut(speed);
	$(curDiv).find('div.menu').find('div').fadeOut(speed, function() {
		$(curDiv).animate({
			'margin-left' : widthHide
		}, speed, function() {
			$(curDiv).hide();
			showNext(idForNext);
		});
	});

}

// afficher la div suivante
function showNext(idNext) {
	var myHeight = 0;
	var divShow = 'div#' + idNext;
	$(divShow).css('margin-left', widthShow + 'px');
	$(divShow).show();
	$(divShow).find('a.btPrev').hide();
	$(divShow).find('a.btNext').hide();
	// récupérer la hauteur
	heightDiv = $(divShow).height();
	$('div#contentSite').css('min-height', heightDiv + 'px');
	myHeight = (heightDiv/2);
	$(divShow).css('top', ($('div#contentSite').height()/2) + 'px');
	$(divShow).css('margin-top', '-' + myHeight + 'px');

	$(divShow).animate({
 		'margin-left' : 0
 	}, speed, function() {
		curDiv = divShow;
		$(divShow).find('a.btPrev').fadeIn(speed);
		$(divShow).find('a.btNext').fadeIn(speed);
		$(divShow).find(".socialLinks").find('a').fadeIn(speed);
		$(divShow).find(".designersAccord").find('a').fadeIn(speed);
		$(divShow).find('div.menu').find('div').fadeIn(speed);
	});
}

// gestion du formulaire de contact
function prepareMail() {
	// récupérer les valeurs
	var name = $('#name').val(),
		email = $('#email').val(),
		budget = $('#budget').val(),
		ligneProjet = $('#ligneProjet').val();

	$.ajax({
		type: "post",
		url: "sendMail.php",
		data: "name=" + name + "&email=" + email + "&budget=" + budget + "&ligneProjet=" + ligneProjet,
		error: function() {
				$(".errorMsg").text("Une erreur est survenue, merci de réessayer ultérieurement.");
				$(".errorMsg").fadeIn();
		},
		success: function (retour) {
			if(retour == "0") {
				// email envoyé
				$(".contactForm").fadeOut(speed, function() { $(".msgSent").fadeIn(speed); });

			} else if(retour == "1") {
				// une erreur dans l'envoi du mail
				$(".errorMsg").text("Une erreur est survenue, merci de réessayer ultérieurement.");
				$(".errorMsg").fadeIn();
			} else {
				// une erreur dans les données
				$(".errorMsg").text("Merci de vérifier les informations renseignées, puis de réessayer.");
				$(".errorMsg").fadeIn();
			}
		}
	});

}