$(document).ready(function(){
	
	$("div .site").hover(
	  function () {
		$(this).removeClass('site');
		$(this).addClass('site_on');
	  }, 
	  function () {
		$(this).removeClass('site_on');
		$(this).addClass('site');
	  }
	);
	
	$("div .siteFR").hover(
	  function () {
		$(this).removeClass('siteFR');
		$(this).addClass('siteFR_on');
	  }, 
	  function () {
		$(this).removeClass('siteFR_on');
		$(this).addClass('siteFR');
	  }
	);
	
	$("div .siteUK").hover(
	  function () {
		$(this).removeClass('siteUK');
		$(this).addClass('siteUK_on');
	  }, 
	  function () {
		$(this).removeClass('siteUK_on');
		$(this).addClass('siteUK');
	  }
	);
	
	$("div .siteDE").hover(
	  function () {
		$(this).removeClass('siteDE');
		$(this).addClass('siteDE_on');
	  }, 
	  function () {
		$(this).removeClass('siteDE_on');
		$(this).addClass('siteDE');
	  }
	);
	
	$("div .fb_facebook").hover(
	  function () {
		$(this).removeClass('fb_facebook');
		$(this).addClass('fb_facebook_on');
	  }, 
	  function () {
		$(this).removeClass('fb_facebook_on');
		$(this).addClass('fb_facebook');
	  }
	);
	
	$("div .fb_game").hover(
	  function () {
		$(this).removeClass('fb_game');
		$(this).addClass('fb_game_on');
	  }, 
	  function () {
		$(this).removeClass('fb_game_on');
		$(this).addClass('fb_game');
	  }
	);
	
	$("div .apple").hover(
	  function () {
		$(this).removeClass('apple');
		$(this).addClass('apple_on');
	  }, 
	  function () {
		$(this).removeClass('apple_on');
		$(this).addClass('apple');
	  }
	);
	
	$("div .buzz").hover(
	  function () {
		$(this).removeClass('buzz');
		$(this).addClass('buzz_on');
	  }, 
	  function () {
		$(this).removeClass('buzz_on');
		$(this).addClass('buzz');
	  }
	);
	
	$("div .love").hover(
	  function () {
		$(this).removeClass('love');
		$(this).addClass('love_on');
	  }, 
	  function () {
		$(this).removeClass('love_on');
		$(this).addClass('love');
	  }
	);
	
	$("div .youtube").hover(
	  function () {
		$(this).removeClass('youtube');
		$(this).addClass('youtube_on');
	  }, 
	  function () {
		$(this).removeClass('youtube_on');
		$(this).addClass('youtube');
	  }
	);

	
	/****************************************************************/
	/*****				ACCES DIRECT ET RETOUR HOME				 ****/
	/****************************************************************/
	
	$('#logo').click(function(){
		$('#slideInner').animate({'left' :'0px'},tempsTransition);
		checkRadio(0);
		currentPosition = 0;
		if(valeur==1){stat('kassius_2010','','','','logo_retour')};
	});
	
	$('#agence').click(function(){
		window.open("http://www.facebook.com/kassiusparis");
		if(valeur==1){stat('kassius_2010','','','','lien_agence')};				  
	});
	
	
	$('#award').click(function(){
							   
		$('#slideInner').animate({'left' : '-13995px'},tempsTransition);
		checkRadio(15);
		currentPosition = 15;		
		if(valeur==1){stat('kassius_2010','','','','acces_awards')};
	});
	
	$('#link1 .site').click(function(){
		window.open("http://www.zenith-watches.com");
		if(valeur==1){stat('kassius_2010','','','','site_zenith')};				  
	});
	
	$('#link1 .fb_game').click(function(){
		window.open("http://www.facebook.com/zenithwatches");
		if(valeur==1){stat('kassius_2010','','','','fb_game_zenith')};				  
	});
	
	$('#link2 .site').click(function(){
		window.open("http://www.mamma-mia.fr/");
		if(valeur==1){stat('kassius_2010','','','','site_mamamia')};				  
	});
	
	$('#link2 .fb').click(function(){
		window.open("http://www.facebook.com/mammamialemusical");
		if(valeur==1){stat('kassius_2010','','','','facebook_mamamia')};				  
	});
	
	$('#link3 .site').click(function(){
		window.open("http://www.barrierepoker.fr");
		if(valeur==1){stat('kassius_2010','','','','site_barrierePoker')};				  
	});
	
	$('#link3 .youtube').click(function(){
		window.open("http://www.youtube.com/watch?v=9JOgw2pSbqA");
		if(valeur==1){stat('kassius_2010','','','','youtube_barrierePoker')};				  
	});
	
	$('#link3 .apple').click(function(){
		//window.open("http://www.kassius.fr/");
		//alert('lien manquant');
		if(valeur==1){stat('kassius_2010','','','','applestore_barrierePoker')};				  
	});
	
	$('#link3 .buzz').click(function(){
		window.open("http://www.youtube.com/watch?v=UcjenCke7L4");
		if(valeur==1){stat('kassius_2010','','','','buzz_barrierePoker')};				  
	});
	
	$('#link4 .site').click(function(){
		window.open("http://www.protex-condoms.com");
		if(valeur==1){stat('kassius_2010','','','','site_protex_love')};				  
	});
	
	$('#link4 .love').click(function(){
		window.open("http://www.protex.fr/jeu-concours");
		if(valeur==1){stat('kassius_2010','','','','site_love_recruitment')};				  
	});
	
	$('#link5 .site').click(function(){
		window.open("http://www.parionsensemble.fr/");
		if(valeur==1){stat('kassius_2010','','','','site_PE')};				  
	});
	
	$('#link5 .youtube').click(function(){
		window.open("http://www.youtube.com/watch?v=Zk-K0i5rvDQ");
		if(valeur==1){stat('kassius_2010','','','','youtube_PE_voyante')};				  
	});
	
	$('#link6 .site').click(function(){
		window.open("http://www.neufboxevolution.sfr.fr/");
		if(valeur==1){stat('kassius_2010','','','','site_SFR_Evo')};				  
	});
	
	$('#link6 .youtube').click(function(){
		window.open("http://www.youtube.com/watch?v=k2BgI2ER80M");
		if(valeur==1){stat('kassius_2010','','','','youtube_SFR_Evo')};				  
	});
	
	$('#link7 .site').click(function(){
		window.open("http://www.petitsfilous.fr/");
		if(valeur==1){stat('kassius_2010','','','','site_petitsFilous')};				  
	});
	
	$('#link8 .youtube').click(function(){
		window.open("http://www.youtube.com/watch?v=6ousaAxhgsQ");
		if(valeur==1){stat('kassius_2010','','','','youtube_fdj_poulpe')};				  
	});
	
	$('#link9 .site').click(function(){
		window.open("http://www.forest-hill.com/");
		if(valeur==1){stat('kassius_2010','','','','site_forestHill')};				  
	});
	
	$('#link10 .site').click(function(){
		window.open("https://boxecommerce.laposte.fr/");
		if(valeur==1){stat('kassius_2010','','','','site_boxEcommerce')};				  
	});
	
	$('#link10 .youtube').click(function(){
		window.open("http://www.youtube.com/watch?v=q-8uY8OBttw");
		if(valeur==1){stat('kassius_2010','','','','youtube_boxEcommerce')};				  
	});
	
	$('#link11 .site').click(function(){
		window.open("http://colissimo.fr/particuliers/home.jsp");
		if(valeur==1){stat('kassius_2010','','','','site_finilaleche')};				  
	});
	
	$('#link11 .youtube').click(function(){
		window.open("http://www.youtube.com/watch?v=tQeY9OMsSXc");
		if(valeur==1){stat('kassius_2010','','','','youtube_finilaleche')};				  
	});
	
	$('#link12 .site').click(function(){
		window.open("http://www.zidane.fr/");
		if(valeur==1){stat('kassius_2010','','','','site_zidane')};				  
	});
	
	$('#link15 .siteFR').click(function(){
		window.open("http://www.c4.citroen.com/fr_FR");
		if(valeur==1){stat('kassius_2010','','','','site_citroen_FR')};				  
	});
	$('#link15 .siteUK').click(function(){
		window.open("http://www.c4.citroen.com/en_GB");
		if(valeur==1){stat('kassius_2010','','','','site_citroen_UK')};				  
	});
	$('#link15 .siteDE').click(function(){
		window.open("http://www.c4.citroen.com/de_DE");
		if(valeur==1){stat('kassius_2010','','','','site_citroen_DE')};				  
	});
	
	$('#link16 .site').click(function(){
		window.open("http://www.sunnyd.fr/");
		if(valeur==1){stat('kassius_2010','','','','site_sunnyD')};				  
	});
	
	$('#link16 .fb_facebook').click(function(){
		window.open("http://www.facebook.com/pages/Sunny-Delight-France/129200333780529");
		if(valeur==1){stat('kassius_2010','','','','facebook_sunnyD')};				  
	});
	
	/****************************************************************/
	/*****				CREATION DU SLIDE SHOW					 ****/
	/****************************************************************/
	
	var retour = true;
	var tempsTransition = 500;
	var currentPosition = 0;
	var slideWidth = 933;
	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)
	{
		$('#app').fadeOut('fast');
		// 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();
		
		if(valeur==1){stat('kassius_2010','','','','fleche_page_' + currentPosition + '')};
	}
    
  });
	
	$('.puce')
    .bind('click', function(event){
    
	
	if(anim == false)
	{
		$('#app').fadeOut('fast');
		// 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();
		
		if(valeur==1){stat('kassius_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;
		
		
		/* RECUPERATION DE LA POSITION DU event.target */
		
		var hauteurDiv =  $(id_bulle).height();
		var largeurDiv = $(id_bulle).width();
		
		var positionTop = top + hauteurDiv - 12;
		var positionleft = left - largeurDiv + 28;
		
		$(id_bulle).stop(true,true).fadeIn('medium');
		
		$(id_bulle).css({ 'top':''+positionTop+'px'});
		$(id_bulle).css({ 'left':''+positionleft+'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 leftImage = offset.left;
			
			image = this.id;
			
			affiche(this.id,leftImage,topImage);
	
		},function(){
			
			cache(this.id);
			
		});
		
		
	});

	
$("#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'});
	
});