jQuery(function( $ ){			

	$.preload( '#overview div img', {
		onRequest:request,
		onComplete:complete,
		onFinish:finish,
		placeholder:'/assets/img/empty.gif',
		notFound:'/assets/img/empty.gif',
		threshold: 1
	});
	
	$.preload( '#portfolio div img', {
		onRequest:request,
		onComplete:complete,
		onFinish:finish,
		placeholder:'/assets/img/empty.gif',
		notFound:'/assets/img/empty.gif',
		threshold: 1
	});
	
	function complete( data ){
		$('#loader').show();
	};
	function request( data ){
		$('#loader').show();
	};
	function finish(){//hide the summary
		$('#loader').hide();
		$('#overview').fadeIn('slow');
	};
		
});

var idkey = '1';

function portfolioKeys(event,id){
	if(isNaN(parseFloat(id))){ return false; }
   		if(event.keyCode == 37) { id = id-1; if($('#portfolio-'+id).attr("id")){ showPrev(id);} } // left -> naar links bladeren
   		if(event.keyCode == 38) { closePortfolio(id); } // up -> sluit port
   		if(event.keyCode == 39) { id = id+1; if($('#portfolio-'+id).attr("id")){ showNext(id);} } // right -> naar rechts bladeren
   		if(event.keyCode == 40) { if($('#portfolio-'+id).attr("id")){ showPortfolio(id);} } // down -> open port.
	return false;
}

function closePortfolio(id){
	$("#portfolio").children(".portfolioPartial").hide();
	$('#portfolio').hide();
	$('#portfolioNav').html("");
	$('#overview').fadeIn("slow");
	return false;
}

function showPrev(id){
	var prev = id-1;
	var next = id+1;
	if($('#portfolio-'+next).attr("id")) { var nextLink = "<div class='spacer'>-</div><div onClick='showNext("+next+")'>volgende</div>"; } else { var nextLink = ''; } 
	if($('#portfolio-'+prev).attr("id")) { var prevLink = "<div class='spacer'>-</div><div onClick='showPrev("+prev+")'>vorige</div>"; } else { var prevLink = ''; } 
	$("#portfolio").children(".portfolioPartial").hide();
	$('#portfolio-'+id).fadeIn("slow");
	$('#portfolioNav').html("<div onClick='closePortfolio("+id+");'>overzicht</div>"+nextLink+prevLink);
	var pc = $('#portfolioCredits-'+id).html();
	$('#credits').html(pc);
	idkey	 = id;
	return false;
}

function showNext(id){
	var prev = id-1;
	var next = id+1;
	if($('#portfolio-'+next).attr("id")) { var nextLink = "<div class='spacer'>-</div><div onClick='showNext("+next+")'>volgende</div>"; } else { var nextLink = ''; } 
	if($('#portfolio-'+prev).attr("id")) { var prevLink = "<div class='spacer'>-</div><div onClick='showPrev("+prev+")'>vorige</div>"; } else { var prevLink = ''; } 
	$("#portfolio").children(".portfolioPartial").hide();
	$('#portfolio-'+id).fadeIn("slow");
	$('#portfolioNav').html("<div onClick='closePortfolio("+id+");'>overzicht</div>"+nextLink+prevLink);
	var pc = $('#portfolioCredits-'+id).html();
	$('#credits').html(pc);
	idkey = id;
	return false;
}

function showPortfolio(id){
	var prev = id-1;
	var next = id+1;
	if($('#portfolio-'+next).attr("id")) { var nextLink = "<div class='spacer'>-</div><div onClick='showNext("+next+")'>volgende</div>"; } else { var nextLink = ''; } 
	if($('#portfolio-'+prev).attr("id")) { var prevLink = "<div class='spacer'>-</div><div onClick='showPrev("+prev+")'>vorige</div>"; } else { var prevLink = ''; } 
	$('#overview').hide();
	$('#portfolio').fadeIn("slow");
	$('#portfolio-'+id).fadeIn("slow");
	$('#portfolioNav').html("<div onClick='closePortfolio("+id+");'>overzicht</div>"+nextLink+prevLink);
	var pc = $('#portfolioCredits-'+id).html();
	$('#credits').html(pc);
	idkey	 = id;
	return false;
}