//var nav_gezet = false;

// Bij klik op foto deze foto in vergroting zetten
var imgLoader = null;

//var aantal_fotos_per_pagina = 9;
		
$("#fotoboek .fotos a").hover(function()
{
	link = this;
	$('#fotoboek .foto-groot p').fadeOut(200, function()
	{
		imgLoader = new Image();  
		imgLoader.onload = function()	
		{
			$('#fotoboek .foto-groot p img').attr({ src: imgLoader.src, alt: $(link).attr("title") });
			$('#fotoboek .foto-groot p a').attr({ href: $(link).attr("rel").split(" ")[1], title: $(link).attr("title"), rel: $(link).attr("rel").split(" ")[2] });
			$('#fotoboek .foto-groot p').fadeIn(200);
		}
		imgLoader.src = $(link).attr("href");	
	});
	return false;
});

$('#fotoboek .foto-groot p a').click(function()
{
	var fotonummer = $(this).attr("rel");
	$("#fotoboek .fotos a[rel$="+fotonummer+"]").trigger('click');
	return false;
});

// 4 foto's per keer
var aantal_fotos = $('#fotoboek ul.fotos').children().size();

var aantal_fotos_in_breedte = Math.ceil(aantal_fotos/ 3);
var breedte_ul = aantal_fotos_in_breedte*115;

$("#fotoboek ul.fotos").css("width", breedte_ul);

// Navigatie bouwen
var aantal_navigatie = Math.ceil(aantal_fotos/9);
$(".foto-navigatie").append("<ul><\/ul>");

var i = 1;
for(i=1; i<=aantal_navigatie; i++)
{
	if(i==1)
	{
		$(".foto-navigatie ul").append("<li><a class='actief' href='' title='"+i+"'>"+i+"<\/a><\/li>");
	}
	else
	{
		$(".foto-navigatie ul").append("<li><a href='' title='"+i+"'>"+i+"<\/a><\/li>");	
	}
}

// Navigatie bij klik naar andere foto's
$(".foto-navigatie ul li a").click(function()
{
	$(".foto-navigatie ul li a").removeClass("actief");
	$(this).addClass("actief");
	
	var margin_lijst = $(this).attr("title");
	var aantal_pixels = (margin_lijst*345)-345;
	//$("#fotoboek ul.fotos").css("margin-left", "-"+aantal_pixels+"px");
	$("#fotoboek ul.fotos").animate({ 
			marginLeft: "-"+aantal_pixels+"px"
		  }, 500, 'easeOutQuad');
	return false;

});