$(document).ready(function () {
	// Titres accordéon
	$('#webdesign').hide();
	$('#photo').hide();
	$('#contact').hide();
	
	$('#content > div > .fixTitleHeight').bind('click', function(event){
		if ($(this).next().css('display') !== 'block') {
			$('#content > div > #open').next().slideUp(500);
			$(this).next().slideDown(500);
			$('#open').removeAttr('id');
			$(this).attr('id','open');
		}
	});
	
	// Snapshots
	$("#webdesign a").mouseenter(function () {
		$("#preview").attr('src', 'portfolio/snapshots/'+ $(this).attr('rel') +'');
		$("#preview").css('opacity', '1');
	});
	$("#webdesign a").mouseleave(function () {
		$("#preview").css('opacity', '0');
	});

	// Formulaire AJAX
	$('#contact form').submit(function(e){
		e.preventDefault();
		var emailVal = $('#email').val();
		var emailReg = /^[a-zA-Z0-9_-]+@[a-zA-Z0-9-]{2,}[.][a-zA-Z]{2,3}$/;
		var messageVal = $('#message').val();
		
		if (emailVal == "") {
			alert("J'ai besoin de votre adresse mail pour vous répondre.");
			$('#email').focus();
		} else if (!emailReg.test(emailVal)) {
			alert("Cette adresse mail n'est pas valide.");
			$('#email').focus();
		} else if (messageVal == "") {
			alert("Vous avez oublié le plus important");
			$('#message').focus();
		} else {
			// Si tout est en ordre, requete ajax
			$('#submitButton').attr('disabled','disabled');
			$.post("portfolio/sendMail.php", {email:emailVal, message:messageVal}, function(data){
				$("#contact").html(data);
			},"html");
		}
	});
	
	// Photos
	$('#galerieListe li').attr('class','hidden');
	$('#galerieListe li:first-child').attr('class','shown');
	
	$('#galerieListe li').bind('click', function(event) {
		 $('#buttonNext img').trigger('click');
	});
	$('#buttonNext img').bind('click', function(event) {
		var prevItem = $('#galerieListe li[class="shown"]');
		if(prevItem.attr('class') === $('#galerieListe li:last-child').attr('class')) {
			var nextItem = $('#galerieListe li:first-child');
		} else {
			var nextItem = prevItem.next();
		}
		prevItem.fadeOut(300, function(){prevItem.attr('class','hidden');});
		prevItem.queue(function () {
			nextItem.fadeIn(300).attr('class','shown');
			$(this).dequeue();
		});
	});
	$('#buttonPrev img').bind('click', function(event) {
		var prevItem = $('#galerieListe li[class="shown"]');
		if(prevItem.attr('class') === $('#galerieListe li:first-child').attr('class')) {
			var nextItem = $('#galerieListe li:last-child');
		} else {
			var nextItem = prevItem.prev();
		}
		prevItem.fadeOut(300, function(){prevItem.attr('class','hidden');});
		prevItem.queue(function () {
			nextItem.fadeIn(300).attr('class','shown');
			$(this).dequeue();
		});
	});
});