// JavaScript Document
var num;
var posv;
var taille;

$(document).ready(function(){

i=1;

$("#prct").fadeTo({duration:500},0.3);

$("#num").text(i);

$("#navigation").hide();
$("#masque").hide();

$("#masque").fadeIn("slow",function(){
		$("#navigation").slideDown({duration:500});							 
							 });





$("#svt").click(
		function(){
			if(i==1){
				$("#prct").fadeTo({duration:500},1);
			}
			posv = $("#masque").offset().left;
				if(posv >= '-3500' && i<8) {
					$("#masque").animate( 
					{marginLeft:'-=541px'});
					$("#num").text(i+=1);
				}
				
				if(i==8){
					$("#svt").fadeTo({duration:500},0.3);
				}else{
					$("#svt").fadeTo({duration:500},1);
				}
			}
				
	);	 


$("#prct").click(
				
		function(){
			if(i==8){
				$("#svt").fadeTo({duration:500},1);
			}
			posv = $("#masque").offset().left;
				if(posv <='-243' && i>=2){
					$("#masque").animate( 
					{marginLeft:'+=541px'});
					$("#num").text(i-=1);
				}
				
				if(i==1){
					$("#prct").fadeTo({duration:500},0.3);
				}else{
					$("#prct").fadeTo({duration:500},1);
				}
			}
	);	 




});