var page = 1;
var img_per_page = 6;
var nb_image;
var nb_page;
var fade = .35;
var last_position;
var moving = 0;
$(function(){
	$("#galerie").scrollTo(0, 0);
	
	nb_image = Math.ceil($("#galerie a").size() / 2);
	
	nb_page = Math.ceil(nb_image / img_per_page);
	
	var target_img;
	if (nb_image < img_per_page) {
		target_img = 0;
	} else { 
		target_img = ((nb_image % img_per_page) + (Math.floor(nb_image / img_per_page) * img_per_page) - img_per_page);
	}
	
	last_position =  target_img * $("a.thumbnail:first").height()  ;
	ajust_galerie_nav();
	
	$("a.thumbnail").mouseenter(function(){
		$(this).find("span").css("background", "url(../images/galerie_hover.png) 5px 4px no-repeat");
	});
	$("a.thumbnail").mouseleave(function(){
		if(!($(this).hasClass("active")))
		{
			$(this).find("span").css("background", "none");
		}
	});

	
	$("a.thumbnail:first").addClass("active");
	
	$("a#galerie_nav_moins").click(function(){
		if (page > 1 && moving == 0) {
			page--;
			ajust_galerie_nav();
		}
		
		return false;
	});
	
	$("a#galerie_nav_plus").click(function(){
		if (page < nb_page && moving == 0) {
			page++;
			ajust_galerie_nav();
		}
		
		return false;
	});
		
		
	$("a.thumbnail").click(function(){
		$("#big_image img").hide();
		var big_image = "../galerie/grande-" + $(this).attr("name");
		$("#big_image img").attr("src", big_image);
		$("a.thumbnail").not(this).removeClass("active");
		$("a.thumbnail").not(this).find("span").css("background", "none");
		$(this).addClass("active");
		return false;
	});
	
	$("#big_image img").load(function(){
		$("#big_image img").show();	
	});
	
});

function ajust_galerie_nav() {
	if (page == 1) {
		$("#galerie_nav_moins").fadeTo(200, fade);
	}
	
	if (page > 1) {
		$("#galerie_nav_moins").fadeTo(200, 1);
	}
	
	if (page == nb_page) {
		$("#galerie_nav_plus").fadeTo(200, fade);
	}
	
	if (page < nb_page) {
		$("#galerie_nav_plus").fadeTo(200, 1);
	}
	
	var position;
	if (page == nb_page) {
		position = last_position;
		//, alert("!");
	} else {
		position = ($("a.thumbnail:first").height() * img_per_page) * (page - 1);
	}
	if (position == 84) {
		position = 	532;
	}
	moving = 1;
	$("#galerie").scrollTo(position , 500, function(){
		moving = 0;	
		
	});
}