$(document).ready(function(){
	
	
	//Configuration
	var retour = true;
	var tempsTransition = 500;
	var currentPosition = 0;
	var slideWidth = 842;
	var slides = $('.pageContent');
	var numberOfSlides = slides.length;
	var anim = false;
	var actif='';
	
	page = "";
		  
  // Supprime la scrollbar en JS
  $('#scroller').css('overflow', 'hidden');

  // Attribue  #slideInner autour de  toutes les div .pageContent
  slides
    .wrapAll('<div id="slideInner"></div>')
	.css({
      'float' : 'left',
	  'display' : 'block',
      'width' : slideWidth
    });

  // Longueur de #slideInner égale au total de la longueur de tous les slides
  $('#slideInner').css('width', slideWidth * numberOfSlides);
  $('#slideInner').css('position','absolute');
  $('#slideInner').css('left','0px');

	 manageControls(currentPosition);
	 checkRadio(currentPosition);
  //Crée un écouteur d'évènement de type clic sur les classes .control
  $('.control')
    .bind('click', function(){
    
	
	if(anim == false)
	{
		// Determine la nouvelle position
		currentPosition = ($(this).attr('id')=='flecheR') ? currentPosition+1 : currentPosition-1;
		
		manageControls(currentPosition);
		checkRadio(currentPosition);
		$('#slideInner').animate({'left' : slideWidth*(-currentPosition)},tempsTransition);
		
		anim = true;
		disabled_click();
		animPage(currentPosition + 1);
		
		if(valeur==1){stat('kassius_mobile_2010','','','','fleche_page_' + currentPosition + '')};
	}
    
  });
	
	$('.puce')
    .bind('click', function(event){
    
	
	if(anim == false)
	{
		// Determine la nouvelle position
		currentPosition = Number($(event.target).attr('id').substr(9,2));
		
		manageControls(currentPosition);
		checkRadio(currentPosition);
		$('#slideInner').animate({'left' : slideWidth*(-currentPosition)},tempsTransition);
		
		anim = true;
		disabled_click();
		animPage(currentPosition + 1);
		
		if(valeur==1){stat('kassius_mobile_2010','','','','puce_page_' + currentPosition + '')};
		
	}
    
  });
	
	
	
  function updateAnim(){
	anim = false;
  }
  
  function disabled_click()
  {
	setTimeout(updateAnim,500);  
  }
  
  

  function manageControls(position){
	// Quand on arrive au dernier Slide
	// On affiche le premier de la liste 
	if(position == numberOfSlides && retour == true){
		currentPosition = 0;
	}
	
	// Quand on arrive au premier Slide
	// On affiche le dernier de la liste
	
	if(position < 0 && retour == true){
		currentPosition = numberOfSlides - 1;
	}
	

  }

	function checkRadio(puce){
		
		id_puce = puce;
		
		//alert("id puce: " + id_puce);
		
		if(actif !='' && actif != id_puce){
			//ON VERIFIE QUELLE PUCE EST CLIQUÉE ET ON LA DÉSACTIVE
			$('.puce').removeClass('puce_on')
			$('.puce').addClass('puce')
								
		}
			//ON ACTIVE LA PUCE CLIQUÉE
			$('.puce').removeClass('puce_on')
			$('#rubrique_'+id_puce).addClass('puce_on')
			
			actif = id_puce;
			
	}
	
	function affiche(id,left,top){
		
		id = id.substr(9,2);
		id_bulle = "#bulle_"+id;
		/* PLACEMENT EN TOP */
		
		
		var hauteurDiv =  $(id_bulle).height();
		var positionTop = top + hauteurDiv;
		
		/* PLACEMENT EN LEFT */
		
		var largeurDiv = $(id_bulle).width();
		var positionleft = left - largeurDiv;
		
		//alert(largeurDiv);
		$(id_bulle).stop(true,true).fadeIn('medium');
		
		$(id_bulle).css({ 'left':''+positionleft+'px'});
		$(id_bulle).css({ 'top':''+positionTop+'px'});
		
	}
	
	function cache(id){
	
	
	
		id = id.substr(9,2);
		id_bulle = "#bulle_"+id;
		
		$(id_bulle).stop(true,true).fadeOut('medium');
				
	}
	
	$("span.puce").each(function(i) {
	
	
		$(this).hover(function() {
		var offset = $(this).offset();
		//var topImage = offset.top;
		var topImage = 500;
		var leftImage;
						  
		image = this.id;
				
		switch(image){
		
			case "rubrique_1":
				leftImage=412;
			break;
			
			
			case "rubrique_2":
				leftImage=427;
			break;
			
			
			case "rubrique_3":
				leftImage=442;
			break;
			
			
			case "rubrique_4":
				leftImage=455;
			break;
			
			
			case "rubrique_5":
				leftImage=468;
			break;
			
			
			case "rubrique_6":
				leftImage=482;
			break;
			
			
			case "rubrique_7":
				leftImage=495;
			break;
			
			
			case "rubrique_8":
				leftImage=510;
			break;
			
			
			case "rubrique_9":
				leftImage=524;
			break;
			
			case "rubrique_10":
				leftImage=537;
			break;
			
			case "rubrique_11":
				leftImage=552;
			break;
			
			case "rubrique_12":
				leftImage=566;
			break;
			
			case "rubrique_13":
				leftImage=580;
			break;
			
			case "rubrique_14":
				leftImage=593;
			break;
			
			case "rubrique_15":
				leftImage=607;
			break;
			
			case "rubrique_16":
				leftImage=622;
			break;
			
			case "rubrique_17":
				leftImage=636;
			break;
		
		}
				
		affiche(this.id,leftImage,topImage);
		
		
		},function(){
		
		
			cache(this.id);
		
		});
	
	
	});
	
	$('#logo').click(function(){
	
		$('#slideInner').animate({'left' :'0px'},tempsTransition);
		checkRadio(0);
		currentPosition = 0;
		if(valeur==1){stat('kassius_mobile_2010','','','','logo_retour')};
						  
	});

	
	
function animPage(page){
	/* PAGE 2 */
	if (page == 2){
		$('#iphones2').animate({
			marginTop:'60px'
	},500,function(){
		$('span.visuel').fadeIn(300,function(){
			$('#visuel2_2').animate({
				left:'85px'
			});
			$('#visuel2_3').animate({
				left:'300px'
			});
			$('#visuel2_4').animate({
				left:'22px'
			});
			
			$('#visuel2_5').animate({
				left:'390px'
			});
		});
	});
	}
	else if (page == 3)
	{
	
	/* PAGE 3 */
	
		
	$('#iphones3').animate({
			marginTop:'60px'
	},500,function(){
		$('span.visuel').fadeIn(300,function(){
			$('#visuel3_2').animate({
				left:'65px'
			});
			$('#visuel3_3').animate({
				left:'330px'
			});
		});
	});
		
	}
	else if (page == 4)
	{

	/* PAGE 4 */
	
		
	$('#iphones4').animate({
			marginTop:'50px'
	},500,function(){
		$('span.visuel').fadeIn(300,function(){
			$('#visuel4_2').animate({
				left:'200px'
			});
			$('#visuel4_3').animate({
				left:'310px'
			});
			$('#visuel4_4').animate({
				left:'400px'
			});
		});
	});
		
	}
	else if (page == 5)
	{
	/* PAGE 5 */
	
		
	$('#iphones5').animate({
			marginTop:'55px'
	},500,function(){
		$('span.visuel').fadeIn(300,function(){
			$('#visuel5_2').animate({
				left:'75px'
			});
			$('#visuel5_3').animate({
				left:'330px'
			});
		});
	});
		
	}
	else if (page == 6)
	{
	/* PAGE 6 */
	
		
	$('#iphones6').animate({
			marginTop:'55px'
	},500,function(){
		$('span.visuel').fadeIn(300,function(){
			$('#visuel6_2').animate({
				left:'75px'
			});
			$('#visuel6_3').animate({
				left:'330px'
			});
		});
	});
		
	}
	else if (page == 7)
	{
	/* PAGE 7 */
	
		
	$('#iphones7').animate({
			marginTop:'75px'
	},500,function(){
		$('#visuel7_1').fadeIn(300,function(){
			$('#visuel7_2').fadeIn('fast');
		});
	});
		
	}
	else if (page == 8)
	{
	/* PAGE 8 */
	
		
	$('#iphones8').animate({
			marginTop:'20px'
	},500);
		
	}
	else if (page == 9)
	{
		/* PAGE 9 */
	
		
	$('#iphones9').animate({
			marginTop:'140px'
	},500,function(){
		$('span.visuel').fadeIn(300,function(){
			$('#visuel9_2').animate({
				top:'-90px'
			});
			$('#visuel9_3').animate({
				left:'230px'
			});
		});
	});
		
	}
	else if (page == 10)
	{
		/* PAGE 10 */
	
		
	$('#iphones10').animate({
			marginTop:'30px'
	},500,function(){
		$('span.visuel').fadeIn(300,function(){
			$('#visuel10_2').animate({
				left:'240px'
			});
		});
	});
		
	}
	else if (page == 11)
	{
	/* PAGE 11 */
	
		
	$('#iphones11').animate({
			marginTop:'30px'
	},500,function(){
		$('span.visuel').fadeIn(300,function(){
			$('#visuel11_2').animate({
				left:'35px'
			});
			$('#visuel11_3').animate({
				left:'320px'
			});
		});
	});
		
	}
	else if (page == 12)
	{
		/* PAGE 12 */
	
		
	$('#iphones12').animate({
			marginTop:'30px'
	},500,function(){
		$('span.visuel').fadeIn(300,function(){
			$('#visuel12_2').animate({
				left:'70px'
			});
			$('#visuel12_3').animate({
				left:'300px'
			});
			$('#visuel12_4').animate({
				left:'7px'
			});
			
			$('#visuel12_5').animate({
				left:'400px'
			});
		});
	});
		
	}
	else if (page == 13)
	{
			/* PAGE 13 */
	
		
	$('#iphones13').animate({
			marginTop:'45px'
	},500,function(){
		$('span.visuel').fadeIn(300,function(){
			$('#visuel13_1').animate({
				left:'50px'
			});
			$('#visuel13_2').animate({
				left:'275px'
			});
		});
	});
		
	}
	else if (page == 14)
	{
	/* PAGE 14 */
	
		
	$('#iphones14').animate({
			marginTop:'70px'
	},500,function(){
		$('span.visuel').fadeIn(300,function(){
			$('#visuel14_2').animate({
				left:'85px'
			});
			$('#visuel14_3').animate({
				left:'160px'
			});
			$('#visuel14_4').animate({
				left:'240px'
			});
			$('#visuel14_5').animate({
				left:'320px'
			});
			$('#visuel14_6').animate({
				left:'400px'
			});
		});
	});
		
	}
	else if (page == 15)
	{
				/* PAGE 15 */
	
		
	$('#iphones15').animate({
			marginTop:'35px'
	},500,function(){
		$('span.visuel').fadeIn(300,function(){
			$('#visuel15_2').animate({
				left:'320px'
			});
			
		});
	});
		

	}
	else if (page == 16)
	{
	/* PAGE 16 */
	
		
	$('#iphones16').animate({
			marginTop:'35px'
	},500,function(){
		$('span.visuel').fadeIn(300,function(){
			$('#visuel16_1').animate({
				left:'80px'
			});
			$('#visuel16_2').animate({
				left:'300px'
			});
		});
	});
		
	}
	else if (page == 17)
	{
		/* PAGE 17 */
	
		
	$('#iphones17').animate({
			marginTop:'40px'
	},500,function(){
		$('span.visuel').fadeIn(300,function(){
			$('#visuel17_2').animate({
				left:'45px'
			});
			$('#visuel17_3').animate({
				left:'310px'
			});
		});
	});
		
	}
}


$("#site").touchwipe({
     wipeLeft: function() { 
		if(anim == false)
		{
			// Determine la nouvelle position
			currentPosition = currentPosition+1 ;
			
			manageControls(currentPosition);
			checkRadio(currentPosition);
			$('#slideInner').animate({'left' : slideWidth*(-currentPosition)},tempsTransition);
			
			anim = true;
			disabled_click();
			animPage(currentPosition + 1);
			
		}
	 },
	 wipeRight: function() { 
	 	if(anim == false)
		{
			// Determine la nouvelle position
			currentPosition = currentPosition-1 ;
			
			manageControls(currentPosition);
			checkRadio(currentPosition);
			$('#slideInner').animate({'left' : slideWidth*(-currentPosition)},tempsTransition);
			
			anim = true;
			disabled_click();
			animPage(currentPosition + 1);
			
		} 
	 },
     //min_move_x: 20,
     preventDefaultEvents: true
});


$("#scroller").css({'display':'block'});
$("#loading").css({'display':'none'});
  	
});