/*******************

Slidebox par ferdinon
	
- Sans javascript, seule la première image est chargée
- Description des images dans une balise <span> de classe classTitre

********************/

//au chargement de la page 
$(document).ready(function() {
		
	//Ma slidebox :
	var conf = {
	
		//Sélecteur :
		sel : ".slide",
		
		//parametres :
		largeur : 450,
		vitesse : 200,
		
		//Générés par la fonction :
		suiv :	'<a href="#" class="suiv"></a>',
		prec :	'<a href="#" class="prec"></a>',
		classTitre : 'description'
		
	};
	
	slide(conf) ;
});

//Déclaration de la fonction 
this.slide = function(conf){

	$(conf.sel).each(function(i){
		
		// Sélecteurs :
		var $this = $(this) ;	
		var $slidebox = $this.find("ul").eq(0) ;

		// Eléménts créés :
		var $suiv = $(conf.suiv) ;
		var $prec = $(conf.prec) ;
		
		// Variables utiles :
		var length = $slidebox.find("li").length - 1 ;
		var focus = 0 ;
		
		// Initialisation : on transforme les liens hors focus en images hors focus :
		$this.find("ul:first>li").each(function(i) {
			if (i!=focus) {
				var $li = $(this) ;
				var $a = $li.find("a:first");
				$li.html('<img src="'+$a.attr("href")+'" alt="'+$a.attr("title")+'"/><span class="'+conf.classTitre+'">'+$a.text()+'</span>');
			}
		});		
		
		// Mise en place des "boutons" précédent et suivant :
		$this.append(
				$prec.click(function(){
					toPrec() ;
					return false ;
				})
			).append(
				$suiv.click(function(){
					toSuiv() ;
					return false ;
				})
			);
		
		// Afficher ou cacher ces boutons : 
		init() ;
		
		//Fonction utiles
		function init() {
			if (focus==length) {
				$suiv.hide() ;
			} else {
				$suiv.show() ;
			}
			if (focus==0) {	
				$prec.hide()  ;
			} else {
				$prec.show() ;
			}
		} //fonction init		
		
		function toSuiv (){

			//Animation
			$slidebox.animate(
					{right: '+='+ conf.largeur},
					conf.vitesse
			) ;
		
			//On déplace l'item ayant le focus : 
			focus++ ;
			
			//On adapte les boutons suivant et précédent
			init() ;
		} //fonction suiv
		
		function toPrec () {
		
			//Animation
			$slidebox.animate(
					{right: '-='+ conf.largeur},
					conf.vitesse
			) ;
		
			//On déplace l'item ayant le focus : 
			focus-- ;
			
			//On adapte les boutons suivant et précédent
			init() ;
		} //fonction suiv	
		

	});	


	
	

}