/*********************
Auteur: Eric Tremblay
*********************/
var $j = jQuery.noConflict();
$j(document).ready(function(){
	//Configuration
		  var tempsTransition = 100;
		  var affichePlayPause = true;
		  var tempsAttente = 5000;
		  var lectureAutomatique =true;
		  var icones = new Array();
		       icones['play'] = 'typo3conf/ext/mr_banner/pi1/images/play.gif';
		        icones['pause'] = 'typo3conf/ext/mr_banner/pi1/images/stop.gif';
		  var currentPosition = 1;
		 var slides = $j('.slide');
		  var numberOfSlides = slides.length;
		  var interval;
		  var lectureEnCours = false;
		   $j('.no').css({'visibility':'visible'});
		   $j('.paging').css({'visibility':'visible','opacity': '1'});
		 $j('#btn_controle').css({'background-color':'#fff','visibility':'hidden','opacity':'1'});

  // Insert controls in the DOM
  $j('#btn_controle')
    .prepend("<span class='leftControl' id='control'>Précédent</span>")
    .append("<span class='rightControl' id='control'>Suivant</span>");

  //Crée un écouteur d'évènement de type clic sur les classes .control
$j('.leftControl, .rightControl')
    .bind('click', function(){
	$j('.slide').fadeOut(5);
 if(($j(this).attr('class')=='rightControl')&&(currentPosition == numberOfSlides)){
	 currentPosition = 0;}			
if(($j(this).attr('class')=='rightControl')&&($j(this).attr('id')!='number')){
         currentPosition = parseInt(currentPosition) + 1;
         btn_off(currentPosition);}	
 if(($j(this).attr('class')=='leftControl')&&(currentPosition ==1)&&($j(this).attr('id')!='number')){                      
	currentPosition = parseInt(numberOfSlides)+1;}
 if(($j(this).attr('class')=='leftControl')&&(currentPosition >=0)&&($j(this).attr('id')!='number')){
        currentPosition = parseInt(currentPosition) - 1;
        btn_off(currentPosition);}           				
$j('#'+currentPosition).fadeIn(5);
  });
btn_off(currentPosition);
function btn_off(currentPosition){
	$j('.no').not($j(currentPosition)).addClass('off');
	$j('.no'+currentPosition).removeClass('off');
	$j('.no'+currentPosition).addClass('actif');} 
$j('.no').click(function(){
               clearInterval(interval);
	$j('.slide').fadeOut(5);
  //recupérer numéro de classe
        var no = $j(this).attr('class');
        no = no.substring(5,6);
        currentPosition =parseInt(no);   
            btn_off(currentPosition);          
	$j('#'+currentPosition).fadeIn(5);
	interval = setInterval(suivant, tempsAttente );

	});
  function suivant(){
	$j('.rightControl').click();}
  function start() { 
 	lectureEnCours = true;  
	interval = setInterval(suivant, tempsAttente );}
  function pause() { 
	lectureEnCours = false;
        clearInterval(interval);}
  
	$j('#btn_controle').prepend("<img class='navDiapo' id='control' src='' alt='Navigation diaporama' />");
	if(lectureAutomatique == true){
		$j('.navDiapo').attr('src',icones['pause']);
	}else{
	$j('.navDiapo').attr('src',icones['play']);	
	}
	$j('.navDiapo').bind('click', function(){
		if(lectureEnCours == true){
			$j(this).attr('src',icones['play']);
			pause();
		}else{
			$j(this).attr('src',icones['pause']);
			start();
		}
	});
start(); 	
});