// JavaScript Document

var FadeOut = function(current, mini, page){
	$('ul.slider li:eq('+current+')').fadeOut('fast', function(){
		current -= 1;
		$(this).remove();
		if(current == mini-1){	
			$('ul.slider li:eq('+mini+')').remove().prevAll().remove();
			$.address.value( page ); 
			return false; 
		}else{ 
			FadeOut( current, mini, page );
		}
	});
}

var Navigation = function(){
	
	$('ul.nav li a.right').unbind().click(function(e){
		e.preventDefault();
			
		current = 0;
		move = 0;
		
		$('ul.slider li img').each(function(){
			
			move += $(this).width();
			
			if( move >= $(window).width() ){
				move -= $(this).width();
				$('ul.slider').stop(true, true).animate({ 'margin-left' : '-'+ move +'px' }, function(){
					for(c = 0; c < current; c++){
						$currentLi = $('ul.slider li:eq(0)');
						$currentLi.clone().appendTo('ul.slider');
						$currentLi.remove();
					}
					$(this).css({"margin-left":0});
					IniMask();
				});
				return false;
			}
			current ++;
		});
		
	});
	
	$('ul.nav li a.left').unbind().click(function(e){
		e.preventDefault();
		
		nbImage = $("ul.slider li").length-1;
		move = 0;
		
		for(c = nbImage; c >= 0; c--){
			$currentLi = $("ul.slider li:last");
			move += $currentLi.find("img").width();
			
			if( move > $(window).width() ){
				$('ul.slider').stop(true, true).animate({ 'margin-left' : 0 }, function(){
					IniMask();																	
				});
				return false;
			}
			
			$("ul.slider").css({ 'margin-left': -move });
			$currentLi.clone(true).prependTo('ul.slider');
			$currentLi.remove();
		}
		
	});	
}

var FadeIn = function(current, maxi){
	
	$("ul.nav li:eq(2)").html(	$('ul.nav li:last').html() +" "+(current+1)+' / '+maxi+"");
	
	winWidth = $(window).width();
	if(current == 0){
		w = $(window).width();
		tempWidth = 0;
	}
	
	tempWidth += $("ul.slider li:eq("+current+") img").width();
		
	if(tempWidth >= w){ 
		w = tempWidth;
	}else{
		$("a.zoom").unbind().click(function(e){ 
			e.preventDefault();
		});	
	}
	$('ul.slider').css('width',w+'px');	
	$('ul.slider li:eq('+current+')').css('opacity',1);
	$('ul.slider li:eq('+current+') img').stop(true, true).animate({
			'opacity' : 1
		},600, function(){
		current ++;
		FadeIn( current, maxi );
	});
	if(current == maxi){
		$("ul.nav li:eq(2)").html($("ul.nav li:eq(1)").html());
		$("ul.nav li:eq(0) a, ul.nav li:eq(3) a").addClass("show");
		Loader();
		$("div#mask").addClass('galerie');
		Navigation();
	}
}

var LoadGalerie = function(id){	

	var w = 0;

	$.ajax({
		type: "POST",
		data: { id: id },
		url: 'galerie.php',
		success: function(retour) {
			
			$('#contenu div ul.slider, #contenu div ul.filtre').remove();
			$(retour).prependTo('#contenu div');
			Unbind();
			$("ul.slider li").css('opacity',0);
			
			$("ul.slider li img").css('opacity',0);
			$("ul.slider li:eq(0)").css('opacity',1);

			var loadedImage = 0;
			var nbImagesPlayer = $("ul.slider img").length;
			
			if( nbImagesPlayer > 0 ){
				
				$('ul.slider img:eq(0)').load(function(){		
					//$("ul.nav li:eq(0), ul.nav li:eq(2)").css('opacity',0);
					$("ul.nav li:eq(2)").html( $('ul.nav li:last').html() + " 0 / "+nbImagesPlayer);
					FadeIn(0, nbImagesPlayer);
				});
				
			}else{
				Loader();	
			}
		}
	});
	
}