// Mootools and JQuery compatibility
//var J = jQuery.noConflict(true);

J(document).ready(function(){

	if(navigator.appName == "Opera") {
		J(".slideshow").css({'overflow-y': 'scroll', 'overflow-x': 'hidden'});
	}
	else {
		
		//////////////////// slideshow DELUXE ////////////////////
		
		s_Reference = J(".slideshow div.block:first-child");
		
		s_NbElement = J(".slideshow div.block").length;
		
		// Ciblage de la bande de diapositives 
		J(".slideshow")
			// Englobage de la liste par la zone de visualisation 
			.wrap('<div class="slideshow-conteneur"></div>') 
			// Application d'une largeur à la bande de diapositive afin de conserver une structrure horizontale 
			.css("width", (s_Reference.width() * s_NbElement) );
		
		// Creation des liens de la pagination
		s_Pagination = Math.ceil(s_NbElement);
		var s_PagElement='';
		
		for (var i=1;i<=s_Pagination;i++)
		{
			s_PagElement += '<li><a href="#page'+i+'" rel="'+i+'"';
			if (i==1) s_PagElement += 'class="active"';
			s_PagElement += '>'+i+'</a></li>';
		}
		
		// Ciblage de la zone de visualisation    
		J(".slideshow-conteneur") 
			// Application de la largeur d'une seule diapositive 
			.width(  s_Reference.width() );
		
		J(".slideshow-conteneur") 
			// Application de la hauteur d'une seule diapositive 
			.height( s_Reference.height() );
		
		J(".slideshow-conteneur")    
			// Blocage des débordements 
			.css("overflow", "hidden")
			// Insertion des boutons de navigation 
			.after('' 
				+  '<ul class="slideshow-navigation">' 
				+  '    <li class="slideshow-prev"><a href="#"><</a></li>' 
				+  '    <li class="slideshow-next"><a href="#">></a></li>' 
				+  '</ul>'
				+	'<ul class="slideshow-pagination">'
				+		s_PagElement
				+	'</ul>'
				+  '');
		
		
		// Actions de navigation 
	 
		// Initialisation du compteur 
		s_Cpt = 0;
		
		// Initialisation du bouton précédent
		J('.slideshow-prev').hide();
	
		// Cache le bouton suivant si necessaire
		if(!(s_Cpt < (s_NbElement-1)) ) {
			J('.slideshow-next').fadeOut();
		}
			
		// Défilement auto
		showtime = setInterval("play();",8000); 
		
		J('.block, .slideshow-pagination li a, .slideshow-navigation li a').click(function(){
			clearInterval(showtime);
			
			J('object').each(function(){
				J(this).stop();
			});
		});
		
		// Clic sur le lien "Suivant" 
		J(".slideshow-next a").click(function() { 
	 
			// Si le compteur est inférieur au nombre de diaposives moins 1  
			if(s_Cpt < (s_NbElement-1) ) {
	
				// Défini la page active
				ActiveElement = J('.slideshow-pagination li a.active');
				J('.slideshow-pagination li a').removeClass('active');
				ActiveElement.parent().next().children().addClass('active');
				
				// Ajout +1 au compteur (nous allons sur la diapositive suivante) 
				s_Cpt++; 
				 
				// Mouvement du slideshow en arrière-plan 
				J(".slideshow").animate({ 
					marginLeft : - (s_Reference.width() * s_Cpt) 
				}); 
				
				// Cache le bouton suivant
				if(!(s_Cpt < (s_NbElement-1)) ) {
					J('.slideshow-next').fadeOut();
				}
				// Montre le bouton précédent
				if(s_Cpt > 0) {
					J('.slideshow-prev').fadeIn();
				}
				
			} // fin du if 
						 
			// Blocage du lien 
			return false;
	 
		}); 
	 
		// Clic sur le lien "Précédent" 
		J(".slideshow-prev a").click(function() { 
	 
			// Si le compteur est supérieur à zéro 
			if(s_Cpt > 0) { 
				
				// Défini la page active
				ActiveElement = J('.slideshow-pagination li a.active');
				J('.slideshow-pagination li a').removeClass('active');
				ActiveElement.parent().prev().children().addClass('active');
			
				// Soustraction -1 au compteur (nous allons sur la diapositive précédente) 
				s_Cpt--; 
				 
				// Mouvement du slideshow en arrière-plan 
				J(".slideshow").animate({ 
					marginLeft : - (s_Reference.width() * s_Cpt) 
				}); 
			 
				// Montre le bouton suivant
				if(s_Cpt < (s_NbElement-1) ) {
					J('.slideshow-next').fadeIn();
				}
				// Cache le bouton précédent
				if(!(s_Cpt > 0)) {
					J('.slideshow-prev').fadeOut();
				}
				
			} // fin du if 
				  
			// Blocage du lien 
			return false;
		 
		});
		
		
		
		// Clic sur un lien de la pagination
		J('.slideshow-pagination li a').click(function(){
			
			// Défini la page active
			J('.slideshow-pagination li a').removeClass('active');
			J(this).addClass('active');
			
			// Calcul du compteur
			s_Cpt=parseInt((J(this).attr('rel')-1));
			
			// Défini la valeur margin-left
			leftmargin = s_Reference.width() * s_Cpt;
			
			// Mouvement du slideshow
			J(".slideshow").fadeOut("normal", function(){
				J(".slideshow").css({ marginLeft : - (leftmargin) }).fadeIn("normal");
			});
			
			// Cache le bouton suivant
			if(!(s_Cpt < (s_NbElement-1)) ) {
				J('.slideshow-next').fadeOut();
			}
			// Montre le bouton précédent
			if(s_Cpt > 0) {
				J('.slideshow-prev').fadeIn();
			}
			// Montre le bouton suivant
			if(s_Cpt < (s_NbElement-1) ) {
				J('.slideshow-next').fadeIn();
			}
			// Cache le bouton précédent
			if(!(s_Cpt > 0)) {
				J('.slideshow-prev').fadeOut();
			}
				
			// Blocage du lien
			return false;
		});
		
		J('.slideshow-conteneur').hover(function(){
			clearInterval(showtime);
		});
		
	}
			
	});
	
	
	function play() {

		// Si le compteur est inférieur au nombre de diaposives moins 1  
		if(s_Cpt < (s_NbElement-1) ) {

			// Défini la page active
			ActiveElement = J('.slideshow-pagination li a.active');
			J('.slideshow-pagination li a').removeClass('active');
			ActiveElement.parent().next().children().addClass('active');
			
			// Ajout +1 au compteur (nous allons sur la diapositive suivante) 
			s_Cpt++; 
			 
			// Mouvement du slideshow en arrière-plan 
			J(".slideshow").animate({ 
				marginLeft : - (s_Reference.width() * s_Cpt) 
			}); 
			
			
			// Cache le bouton suivant
			if(!(s_Cpt < (s_NbElement-1)) ) {
				J('.slideshow-next').fadeOut();
			}
			// Montre le bouton précédent
			if(s_Cpt > 0) {
				J('.slideshow-prev').fadeIn();
			}
			
		}
		else {
				// Initialisation du compteur 
			s_Cpt = 0;
	
			// Initialisation du bouton précédent et suivant
			J('.slideshow-prev').fadeOut();
			J('.slideshow-next').fadeIn();
			
			 // Mouvement du slideshow en arrière-plan 
			J(".slideshow").animate({ 
				marginLeft : 0 
			});
			
			// Défini la page active
			J('.slideshow-pagination li a').removeClass('active');
			J(".slideshow-pagination li a:first").addClass('active');
			
		}// fin du if 
					 
		//alert('coucou');
}