$(document).ready(function(){
	dureePanneau=2000;
	//on ajoute la pastille
	$('#secteurs').append('<span class="pastille"></span>');
	
	//event au survol des liens
	$('#secteurs a').bind('mouseenter', function(){
		//on désactive la lecture auto
		clearInterval(lectureAuto);
		
		//on met l'affichage à jout
		cible=$(this);
		maj(cible);
	})
	.bind('mouseleave', function(){
		//on relance la lecture auto
		lectureAuto=setInterval(playAuto, dureePanneau);
	});
	
	/*$('#diaporama').bind('mouseenter', function(){
		//on désactive la lecture auto
		clearInterval(lectureAuto);
	})
	.bind('mouseleave', function(){
		//on relance la lecture auto
		lectureAuto=setInterval(playAuto, dureePanneau);
	});*/
	
	
	lectureAuto=setInterval(playAuto, dureePanneau);
	
	
	//lecture automatique
	function playAuto(){
		current=$('#secteurs .light');
		
		if(current.text()==$('#secteurs li:last').text()){
			next=$('#secteurs li:first');
		}
		else {
			next=current.next('li');
		}
		//alert(next.text());
		//next=current.next('li');
		//alert(next.text());
		maj(next.children('a'));
		
	}
	
	function maj(target){
		current=$('.light');
		
		//si le lien survolé est déjà actif, on annule l'anim
		if(target.parent('li').is('.light')) {
			return false;
		}
		//mise a jour des classes
		$('.light').removeClass('light');
		target.parent('li').addClass('light');
		
		//position de l'élément selectionné
		position=target.parent('li').position();
		
		//on déplace la pastille
		$('#secteurs .pastille').stop().animate({
			left:position.left,
			width:target.parent('li').width()
			},'normal','easeOutBack', 
			function(){
				//$('#diaporama > img').removeClass('actif');
			}
		);
		
		//on affiche l'élément suivant
		arrive($('#'+fichier(target.attr('href'))));
		//on enlève l'élément qui doit partir
		depart($('#'+fichier(current.children('a').attr('href'))));
	}
	
	function depart(cible){
		//on vire l'image par la gauche
		/*cible.children('img').stop().animate({
			left:-600
		},'normal','easeInBack'
		);
		
		//fondu sur le h2
		cible.children('h2').stop().animate({
			opacity:0
		});
		
		//on vire le txt par la droite
		cible.children('.contenuDiapo').stop().animate({
			right:-700
		},'normal','easeInBack'
		);*/
		
		cible.stop().css('z-index','2').animate({'opacity':0}, function(){ $(this).css('z-index', '0') } )
	}
	
	function arrive(cible){
		//cible.addClass('actif');
		//on vire l'image par la gauche
		/*cible.children('img').stop().css({'top':600, 'left':0}).animate({
			top:0
		},'normal','easeOutBack'
		);
		
		//fondu sur le h2
		cible.children('h2').stop().css({'right':-200, 'opacity':0}).animate({
			right:0,
			opacity:1
		},'slow','easeOutBack'
		);
		
		//on vire le txt par la droite
		cible.children('.contenuDiapo').stop().css({'opacity':0, 'right':0}).animate({
			opacity:1
		},'slow','easeOutBack'
		);*/
		
		cible.stop().css('z-index','1').css('opacity', 1).show();
	}
	
	//fonction qui récupère le nom du lien qui doit correspondre à l'id du panneau à afficher
	function fichier(chaine) {  
		var adr=chaine.lastIndexOf("/");
        var fic=chaine.substring(adr+1).split(".");
        //alert("Fichier:"+fic[0]+"\r\n"+"Extension:"+fic[1]);
		return fic[0];
    }
});