Visionneuse = (function(){

	function fleche_gauche(){
		if(!jQuery(this).hasClass("fleche_gauche_inactive")){
			jQuery(this).siblings(".home_bloc_vignettes_defil").find(".home_vignettes_defil").css({
				marginLeft: function(index, value) {
				cpt = jQuery(this).parents(".visionneuse").data("compteur");
				cpt--;
				jQuery(this).parents(".visionneuse").data("compteur",cpt) ;
				
				// value est bizarrement undefined...
				//return parseInt(value)+286;
				return parseInt(jQuery(".home_vignettes_defil").css("margin-left")) + 286;
				}
			});
			test_fleche(jQuery(this).parents(".visionneuse"));
		}
		return false;
	};
	
	function fleche_droite(){
		if(!jQuery(this).hasClass("fleche_droite_inactive")){	
			jQuery(this).siblings(".home_bloc_vignettes_defil").find(".home_vignettes_defil").css({
				marginLeft: function(index, value) {
				cpt = jQuery(this).parents(".visionneuse").data("compteur");
				cpt++;
				jQuery(this).parents(".visionneuse").data("compteur",cpt);
				
				// value est bizarrement undefined...
				//return parseInt(value)-286;
				return parseInt(jQuery(".home_vignettes_defil").css("margin-left")) - 286;
				}
			});	
			test_fleche(jQuery(this).parents(".visionneuse"));
		}
		return false;
	};
		
	function test_fleche(cible){	
		if(jQuery(cible).data("compteur") == 0){
			jQuery(cible).find(".fleche_gauche").addClass("fleche_gauche_inactive");
		}
		else{
			jQuery(cible).find(".fleche_gauche").removeClass("fleche_gauche_inactive");
		}
		
		if(jQuery(cible).data("compteur") >= jQuery(cible).data("nb_vignettes")-3){
			jQuery(cible).find(".fleche_droite").addClass("fleche_droite_inactive");
		}
		else{
			jQuery(cible).find(".fleche_droite").removeClass("fleche_droite_inactive");
		}
	};
			
	function init(){
		// on rajoute une classe aux items de la future visionneuse
		jQuery(".home_visionneuse .dsc-content").each(function(){
			jQuery(this).addClass("home_vignette");
		});
		
		// on rajoute les div engloblant les items de la visionneuse
		jQuery(".home_visionneuse .home_vignette").wrapAll('<div class="visionneuse"><div class="home_bloc_vignettes_defil"><div class="home_vignettes_defil"></div></div></div>');
		
		if(jQuery(".visionneuse").find(".home_vignette").length > 3){
			// on rajoute les flèches + on initialise les fonctions de la visionneuse si on a au moins 3 items
			jQuery(".visionneuse .home_bloc_vignettes_defil").before('<a class="fleche_gauche" href="#"></a>');
			jQuery(".visionneuse .home_bloc_vignettes_defil").after('<a class="fleche_droite" href="#"></a>');
			
			jQuery(".visionneuse").data("compteur", 0).data("nb_vignettes", (jQuery(".visionneuse").find(".home_vignette").length));
			jQuery(".visionneuse").find(".home_bloc_vignettes_defil").addClass("cache_overflow");
			
			// va comprendre... (pas nécessaire pour les autres visionneuses)
			var diff = jQuery(".visionneuse").find(".home_vignette").length - 3;
			jQuery(".home_vignettes_defil").width(jQuery(".home_bloc_vignettes_defil").width() + (286*diff));
			
			jQuery(".visionneuse").find(".fleche_gauche").click(fleche_gauche);
			jQuery(".visionneuse").find(".fleche_droite").click(fleche_droite);
			test_fleche(jQuery(".visionneuse"));
		}
		else{
			// on rajoute une classe pour que la visionneuse soit centrée en css (puisque les flèches ne sont pas insérées)
			jQuery(".home_visionneuse .home_bloc_vignettes_defil").addClass("home_bloc_vignettes_nodefil");
		}
	};
	
	return {
		init:init
	};

})();



jQuery(document).ready(function () {
	Visionneuse.init();
});