$(document).ready(function(){

// VARIABLES EN MEMOIRE
	window.$my =
	{
		nbeScroll : 0,
		scroll : 1
	};

	//CREA SLIDE
	$("#img ul").wrap("<div class=\"slide\"></div>");
	
	//NBE SCROLL
	$my.nbeScroll = $('#img ul > *').length;
	
	//RETAILL DU UL
	$("#img ul").css({'width':''+ ($my.nbeScroll*998) +'px'});

	//CREA DES FLECHES
	$("#img .slide").after("<div class=\"FlechLeft noactiv\"></div><div class=\"FlechRight\"></div>");
	
	//CREA OMBRE
	$("#img .slide").after("<div class=\"fle_back\"></div>");
	
	//SCROLL RIGHT
	$("#img .FlechRight").click(function () {
	
		if ($my.scroll < $my.nbeScroll){
			$my.scroll = $my.scroll+1;
			$("#img ul").animate({ "marginLeft" : "-=998px" },  600);
			btn();
		}
		
		$("#img .FlechLeft").removeClass('noactiv');
		
		if ($my.scroll == $my.nbeScroll){
			$("#img .FlechRight").addClass('noactiv');
		}
	});
	
	//SCROLL LEFT
	$("#img .FlechLeft").click(function () {

		if ($my.scroll > 1){
			$my.scroll = $my.scroll-1;
			$("#img ul").animate({ "marginLeft" : "+=998px" },  600);
			btn();
		}
		
		$("#img .FlechRight").removeClass('noactiv');
		
		if ($my.scroll == 1) {
			$("#img .FlechLeft").addClass('noactiv');
		}
	});
	
	//BTN CLICK
	$("#btn li").click(function () {
		var active = $(this).attr("class");
		active = active.replace("  ", "");
		if (active == "activ"){
			var ElemIndex = $(this).index();
			var _url = $("#img li:eq("+ElemIndex+") a").attr("href");
			document.location = _url;
		}else{
			var elemclick = $(this).index();
			$my.scroll = elemclick + 1;
			var marge = elemclick * 998;
			$("#img ul").animate({ "marginLeft" : "-"+marge+"px" },  600);
			
			if ($my.scroll == $my.nbeScroll){
				$("#img .FlechRight").addClass('noactiv');
			}else{
				$("#img .FlechRight").removeClass('noactiv');
			}
			if ($my.scroll == 1) {
				$("#img .FlechLeft").addClass('noactiv');
			}else{
				$("#img .FlechLeft").removeClass('noactiv');
			}
			btn();
		}
	});

	function btn() {
		var idbtn = $my.scroll - 1;
		$("#btn .activ").removeClass("activ");
		$("#btn li:eq("+idbtn+")").addClass("activ");
	}
	
	// CLICK GD PHOTO
	$("#img .fle_back").click(function () {
		var ElemIndex = $("#btn .activ").index();
		var _url = $("#img li:eq("+ElemIndex+") a").attr("href");
		document.location = _url;
	});
	
});