$(document).ready(function() {

	ixbox.init();

	$('.courriel').click(function() {
		ixbox.toggle('envoyer');
		return false;
	});


	$('.commentaires').click(function() {
		ixbox.toggle('commentaires');
		return false;
	});

});

function afficherProtections() {
	ixbox.toggle('protections');
}

var ixbox = {
	init : function() {
		$('.form-overlay .fermer').click(function() {
			ixbox.toggle($(this).parent().parent().parent().attr('id'));
		})
		$('#overlay').css('opacity', 0.8);
		$('.form-overlay').find('.loading, .confirmation, .form-erreur').hide();
		$('#envoyer form').submit(function() {
			$('strong.erreur').remove();
			$(this).find('input, textarea').removeClass('erreur');
			var valide = true;
			var langue = $('body').attr('class');

			var prenom 			= $('#prenom').val();
			var courriel 		= $('#courriel').val();
			var prenom_ami 		= $('#prenom-ami').val();
			var courriel_ami 	= $('#courriel-ami').val();

			if (prenom == "") {
				$('#prenom').addClass('erreur');
				if(langue == 'fr'){
					$('#prenom').after('<strong class="erreur">Vous devez entrer votre nom</strong>')
				}else{
					$('#prenom').after('<strong class="erreur">You must enter your name</strong>')
				}


				valide = false;
			}

			if (!courriel.match(/^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,4}$/i)) {
				$('#courriel').addClass('erreur');
				if (langue == 'fr') {
					$('#courriel').after('<strong class="erreur">Vous devez entrer un courriel valide</strong>')
				}else{
					$('#courriel').after('<strong class="erreur">You must enter a valid email</strong>')
				}


				valide = false;
			}

			if (prenom_ami == "") {
				$('#prenom-ami').addClass('erreur');
				if (langue == 'fr') {
					$('#prenom-ami').after('<strong class="erreur">Vous devez entrer le nom de votre ami</strong>')
				}else{
					$('#prenom-ami').after('<strong class="erreur">You must enter the name of your friend</strong>')
				}


				valide = false;
			}

			if (!courriel_ami.match(/^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,4}$/i)) {
				$('#courriel-ami').addClass('erreur');
				if (langue == 'fr') {
					$('#courriel-ami').after('<strong class="erreur">Vous devez entrer un courriel valide</strong>')
				}else{
					$('#courriel-ami').after('<strong class="erreur">You must enter a valid email</strong>')
				}


				valide = false;
			}

			if (valide === true) {
				$(this).find('.champs, .confirmation').hide().parent().find('.loading').show();

				// Envoi du courriel!
				$.ajax({
					type: 'POST',
					url : 'envoyer-ami.php',
					data : {
						'prenom' : prenom,
						'courriel' : courriel,
						'prenom-ami' : prenom_ami,
						'courriel-ami' : courriel_ami
					},
					success : function(data) {
						// Affichage de confirmation
						if (parseInt(data) == 1) {
							$('#envoyer form').find('.confirmation').show().parent().find('.loading, .champs').hide();
						} else {
							$('#envoyer form').find('.form-erreur').show().parent().find('.loading, .champs').hide();
						}
					}
				})
			}
			return false;
		})

		$('#commentaires form').submit(function() {

			$(this).find('input, textarea').removeClass('erreur');
			$('strong.erreur').remove();
			var valide = true;
			var langue = $('body').attr('class');

			var prenom_commentaires		= $('#prenom_commentaires').val();
			var nom_commentaires 		= $('#nom_commentaires').val();
			var courriel_commentaires 	= $('#courriel_commentaires').val();
			var message_commentaires	= $('#message_commentaires').val();

			if (prenom_commentaires == "") {
				$('#prenom_commentaires').addClass('erreur');
				if (langue == 'fr') {
					$('#prenom_commentaires').after('<strong class="erreur">Vous devez entrer votre prénom</strong>')
				}else{
					$('#prenom_commentaires').after('<strong class="erreur">You must enter your first name</strong>')
				}
				valide = false;
			}

			if (nom_commentaires == "") {
				$('#nom_commentaires').addClass('erreur');
				if (langue == 'fr') {
					$('#nom_commentaires').after('<strong class="erreur">Vous devez entrer votre nom</strong>')
				}else{
					$('#nom_commentaires').after('<strong class="erreur">You must enter your last name</strong>')
				}
				valide = false;
			}

			if (!courriel_commentaires.match(/^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,4}$/i)) {
				$('#courriel_commentaires').addClass('erreur');
				if (langue == 'fr') {
					$('#courriel_commentaires').after('<strong class="erreur">Vous devez entrer un courriel valide</strong>')
				}else{
					$('#courriel_commentaires').after('<strong class="erreur">You must enter a valid email</strong>')
				}
				valide = false;
			}

			if (message_commentaires == "") {
				$('#message_commentaires').addClass('erreur');
				if (langue == 'fr') {
					$('#message_commentaires').after('<strong class="erreur">Vous devez entrer vos commentaires</strong>')
				}else{
					$('#message_commentaires').after('<strong class="erreur">You must enter your comments</strong>')
				}
				valide = false;
			}

			if (valide === true) {
				$(this).find('.champs, .confirmation').hide().parent().find('.loading').show();

				// Envoi du courriel!
				$.ajax({
					type: 'POST',
					url : 'envoyer-commentaires.php',
					data : {
						'prenom_commentaires' : prenom_commentaires,
						'nom_commentaires' : nom_commentaires,
						'courriel_commentaires' : courriel_commentaires,
						'message_commentaires' : message_commentaires
					},
					success : function(data) {
						// Affichage de confirmation
						if (parseInt(data) == 1) {
							$('#commentaires form').find('.confirmation').show().parent().find('.loading, .champs').hide();
						} else {
							$('#commentaires form').find('.form-erreur').show().parent().find('.loading, .champs').hide();
						}
					}
				})

			}

			return false;

		})

		$(document).keyup(function(e){
			keycode = (e == null) ? event.keyCode : e.which;
			if (keycode == 27 && $('#overlay').is(':visible')) { // close
				var id = $('.form-overlay:visible').attr('id');
				ixbox.toggle(id);
			}
		});

	},
	toggle : function(id) {
		$overlay = $('#overlay');
		$overlay.bgiframe();
		$form = $('#'+id);
		if ($overlay.is(':animated')) {
			$overlay.stop();
		}
		if ($overlay.is(':visible')) {
			$overlay.fadeOut(400);
			$form.slideUp();
			$form.find('input, textarea').val("").removeClass('erreur');
			$form.find('strong.erreur').remove();
			$form.find('.loading, .confirmation, .form-erreur').hide().parent().find('.champs').show();
		} else {

			if ($.browser.msie6) {
				window.scrollTo(0,1);
			}

			$form.slideDown();
			$overlay.fadeIn();
		}
	}
};