jQuery(document).ready(function() {
	// ---- Affiche le menu des pages media par rapport au nombre de média par shows ---- //
	var childrens = $("#list_extras").children().length;
	var nb_par_pages = 1;
	var nb_sections =  childrens;
	var num_page_extras = 0;
	var submenu = "";
	var page_selectionnee = 1;
	var offset_height = 285;
	var offet_div = 0;
	// Si il y a plus que 6 média, les liens de pages apparaissent 
	if(childrens > nb_par_pages){
		submenu += "Pages ";
		// Place le nombre de lien désiré par rapport au nombre de média
		for(var x = 0; x < nb_sections; x++){
			num_page_extras = x + 1;
			submenu += "<a href='#' class='num_page_extras'>"+ num_page_extras +"</a>"; 
		}
		// Place les boutons Previous et Next
		submenu += "<a href='#' class='extras_prev'>Previous</a>"; 
		submenu += " | ";
		submenu += "<a href='#' class='extras_next'>Next</a>"; 
		// Affiche le menu
		$("#extras_scroll").html(submenu);
		// Met le lien de la première page en active par défault
		$("a.num_page_extras:first").addClass("extras_active");
		// Détermine les changements de pages à l'Event click
		$(".num_page_extras").click(function () {
			page_selectionnee = $(this).text();
			page_selectionnee = parseInt(page_selectionnee);
			/*offet_div = ($(this).text() * (offset_height/2)) - (offset_height/2);*/
			offet_div = ($(this).text() * (offset_height)) - (offset_height);
			offet_div *= -1;
			offet_div += "px";
			$(".num_page_extras").removeClass("extras_active");
			$(this).addClass("extras_active");
			$("#list_extras").animate( { top:offet_div });
			
		});
		$(".extras_prev").click(function () {
			if(page_selectionnee > 1){
				page_selectionnee -= 1;
				/*offet_div = (page_selectionnee * (offset_height/2)) - (offset_height/2);*/
				offet_div = (page_selectionnee * (offset_height)) - (offset_height);
				offet_div *= -1;
				offet_div += "px";
				$("#list_extras").animate( { top:offet_div });
				$(".extras_active").prev().addClass("extras_active"); 
				$(".extras_active:last").removeClass("extras_active");
			}
		});
		$(".extras_next").click(function () {
			if(page_selectionnee < nb_sections){
				page_selectionnee += 1;
				/*offet_div = (page_selectionnee * (offset_height/2)) - (offset_height/2);*/
				offet_div = (page_selectionnee * (offset_height)) - (offset_height);
				offet_div *= -1;
				offet_div += "px";
				$("#list_extras").animate( { top:offet_div });
				$(".extras_active").next().addClass("extras_active"); 
				$(".extras_active:first").removeClass("extras_active");
			}
		});
	}else{
		submenu = "";
	}
});