$('document').ready(function(){
	
	$('#crea li').not(':first').hide();
	$('#vignette li a:first').addClass('active');

	var crea = "crea-1";
	$('#vignette li a').click(function(){
		if($(this).attr('href') != crea){
			crea = $(this).attr('href');
			$('#crea li').fadeOut('normal');
			$('#' + crea).fadeIn('normal');
			$('#vignette li a').removeClass('active');
			$(this).addClass('active');
		}
		return false;
	});
	
	var num = 1;

	$('#btn-next').click(function(){
		if(num == 1){
			$('#vignette').animate({
				marginLeft: -400
			}, 1200);
			num = 2;
		}else if(num == 2){
			$('#vignette').animate({
				marginLeft: -800
			}, 1200);
			num = 3;
		}else{
			$('#vignette').animate({
				marginLeft: 0
			}, 1200);
			num = 1;
		}
		return false;
	});
	
	$('#btn-previous').click(function(){
		if(num == 1){
			$('#vignette').animate({
				marginLeft: 400
			}, 1200);
			num = 2;
		}else if(num == 2){
			$('#vignette').animate({
				marginLeft: 800
			}, 1200);
			num = 3;
		}else{
			$('#vignette').animate({
				marginLeft: 0
			}, 1200);
			num = 1;
		}
		return false;
	});
	
});