$(function() {
	// Scrollable HP
	$(".items .slide_hp.active .bloc_description_slide").fadeIn().animate({bottom:'0px'});
	var nbSlide = $(".slide_hp").length;
		
	// carrousel hp arsenal
	// initialisation
	for (i=2;i<=nbSlide;i++)
		{ 
			$(".items .slide_hp"+i).css("display","none");
		}
	
	// automatiquement
	function loop_hp() {
		$.doTimeout( 'loop', 4500, function(){

			var slide_actu = $(".items .slide_hp.active").attr("id");
				if (slide_actu < nbSlide)
					{
						var new_id = (slide_actu*1)+1;
						// on donne le bon etat au menu
						$(".items .slide_hp").removeClass("active");
						$(".items .slide_hp#"+new_id).addClass("active");
						$(".items .slide_hp .bloc_description_slide").fadeOut().animate({bottom:'-43px'});
						$(".items .slide_hp.active .bloc_description_slide").fadeIn().animate({bottom:'0px'});

						$position_items = $(".items").css("margin-left").replace('px', '');
						$nouvelle_position_items = $position_items-637;

						$(".items").animate({marginLeft:$nouvelle_position_items});
					}
				else
					{
						var new_id = 1;
						$(".items").animate({marginLeft:0});
						$(".items .slide_hp").removeClass("active");
						$(".items .slide_hp#"+new_id).addClass("active");
						$(".items .slide_hp.active .bloc_description_slide").fadeIn().animate({bottom:'0px'});
					}
				loop_hp();
		});
	}
	loop_hp();

	// sur action utilisateur
	$("#scrollable_hp .prev.browse.left").click(function()
		{
			$("#scrollable_hp .items").animate().stop(0);
			var slide_actu = $(".items .slide_hp.active").attr("id");
				if (slide_actu > 2)
					{
						var new_id = (slide_actu*1)-1;
						// on donne le bon etat au menu
						$(".items .slide_hp").removeClass("active");
						$(".items .slide_hp#"+new_id).addClass("active");

						$position_items = $(".items").css("margin-left").replace('px', '');
						$nouvelle_position_items = ($position_items*1)+637;

						// on gere la slide a afficher selon le clic
						$(".items").animate({marginLeft:$nouvelle_position_items});
						$(".items .slide_hp .bloc_description_slide").fadeOut().animate({bottom:'-43px'});
						$(".items .slide_hp.active .bloc_description_slide").fadeIn().animate({bottom:'0px'});
						loop_hp();
					}
				else
					{
						var new_id = 1;
						$(".items").animate({marginLeft:0});
						$(".items .slide_hp").removeClass("active");
						$(".items .slide_hp#"+new_id).addClass("active");
						$(".items .slide_hp.active .bloc_description_slide").fadeIn().animate({bottom:'0px'});
						loop_hp();
					}
		});

	// sur action utilisateur
	$("#scrollable_hp .next.browse.right").click(function()
		{
			$("#scrollable_hp .items").animate().stop(0);
			var slide_actu = $(".items .slide_hp.active").attr("id");
				if (slide_actu < nbSlide)
					{
						var new_id = (slide_actu*1)+1;
						// on donne le bon etat au menu
						$(".items .slide_hp").removeClass("active");
						$(".items .slide_hp#"+new_id).addClass("active");

						$position_items = $(".items").css("margin-left").replace('px', '');
						$nouvelle_position_items = $position_items-637;

						// on gere la slide a afficher selon le clic
						$(".items").animate({marginLeft:$nouvelle_position_items});
						$(".items .slide_hp .bloc_description_slide").fadeOut().animate({bottom:'-43px'});
						$(".items .slide_hp.active .bloc_description_slide").fadeIn().animate({bottom:'0px'});
						loop_hp();
					}
				else
					{
						var new_id = 1;
						$(".items").animate({marginLeft:0});
						$(".items .slide_hp").removeClass("active");
						$(".items .slide_hp#"+new_id).addClass("active");
						$(".items .slide_hp.active .bloc_description_slide").fadeIn().animate({bottom:'0px'});
						loop_hp();
					}
		});
});