$(document).ready(function() {

	$("a.stuurdoorPop").fancybox({ 'frameWidth': 500, 'frameHeight': 470});		
	$("a.close").click(	function () {
		parent.$('#fancy_close').trigger('click');
		}
	);
//alert(_language); En of '' niks
	
	$(".gorillaLink a").click(function(event) {
		event.preventDefault();
		$(this).blur();
		$(".gorillaLink a").removeClass("active");
		$(this).addClass("active");
		var image =  $(this).attr("href");
		$("img#placeholder").attr("width", '290');
		$("img#placeholder").attr("height", '415');
		$("img#placeholder").attr("src", image);
		$("img#placeholder").removeClass("displayNone"); 
		var description = $(this).attr("title");
		var datum=$(this).attr("datum");
		var medium=$(this).attr("medium");
		var pdf=$(this).attr("pdf");
		var dbId=$(this).attr("dbId");
		$("#desc").empty();
		$("#desc").append("<span class='ondertitel'>"+description+"</span><span class='datum'>"+medium+" "+datum+"</span>");		
		$("#tools").empty();
		if(_language=='En'){
			if(pdf != '') $("#tools").append("<span class='ondertitel'><a href='"+pdf+"' target='_blank'>Download this Gorilla (PDF)</a></span>");
		//$("#tools").append("<span class='ondertitel'><a href='stuurDoor.php?item="+dbId+"' class='stuurdoorPop iframe'>stuur deze Gorilla door</a></span>");		
		}else{
			if(pdf != '') $("#tools").append("<span class='ondertitel'><a href='"+pdf+"' target='_blank'>Download deze Gorilla (PDF)</a></span>");
		}
		
		$("#stuurdoor").show();
		$("#stuurdoor a").attr("href","stuurDoor.php?item="+dbId);
	});
	
	function makeGorilasClick() {	
	$("div.minigorilla a").click(function(event) {
		event.preventDefault();
		$(this).blur();
		var image =  $(this).attr("href");
		$("img#placeholder").attr("width", '290');
		$("img#placeholder").attr("height", '415');
		$("img#placeholder").attr("src", image);
		$("img#placeholder").removeClass("displayNone"); 
		var description = $(this).attr("title");
		var datum=$(this).attr("datum");
		var medium=$(this).attr("medium");
		var pdf=$(this).attr("pdf");
		var dbId=$(this).attr("dbId");
		$("#desc").empty();
//		$("#desc").append("<span class='datum'>"+datum+"</span><span class='ondertitel'>"+description+"</span>");
		$("#desc").append("<span class='ondertitel'>"+description+"</span><span class='datum'>"+medium+" "+datum+"</span>");		
		$("#tools").empty();
		if(_language=='En'){
			if(pdf != '') $("#tools").append("<span class='ondertitel'><a href='"+pdf+"' target='_blank'>Download this Gorilla (PDF)</a></span>");
		}else{
			if(pdf != '') $("#tools").append("<span class='ondertitel'><a href='"+pdf+"' target='_blank'>Download deze Gorilla (PDF)</a></span>");
		}
		
		$("#stuurdoor").show();
		$("#stuurdoor a").attr("href","stuurDoor.php?item="+dbId);
	});
	}
	
	makeGorilasClick();
	var gorillaPage=0;
	var gorillaFilter='';
	var uitgekomenIn=0;
	var aantalItemspp=16;
	var maxpages;
	getMaxPages();

	$("#gorillaNavi #thema").change(function(){		
		$(this).blur();
		gorillaPage=0;
		gorillaFilter=$(this).val();
		getMaxPages();
		getGorillasAjax();
	});
	
	$("#gorillaNavi #gepubliceerdin").change(function(){		
		$(this).blur();
		gorillaPage=0;
		uitgekomenIn=$(this).val();
		getMaxPages();
		getGorillasAjax();
	});	
	
	$("#nextGorillas").click(function(event) {
			event.preventDefault();
			$(this).blur();
			gorillaPage=Math.min((maxpages-1),(gorillaPage+1));
			getGorillasAjax();
		});
		
	$("#prevGorillas").click(function(event) {
			event.preventDefault();
			$(this).blur();
			gorillaPage--;
			if(gorillaPage<0)gorillaPage=0;
			getGorillasAjax();
		});
		

		
		
function getMaxPages(){
	$.getJSON(
				'gorillaAjax.php',
				{ action: "maxPages", 'thema': gorillaFilter, 'aantal': aantalItemspp, 'uitgekomenIn': uitgekomenIn},
				function(data){
					maxpages=data;
				}
			);
}

function getGorillasAjax(){
				$.getJSON(
				'gorillaAjax.php',
				{ action: "nextPage", 'thema': gorillaFilter, 'aantal': aantalItemspp, 'page':gorillaPage, 'uitgekomenIn': uitgekomenIn},
				function(data){
					// haal de inhoud van het hele blok weg
					// $(".minigorilla").
					// $("#foo").appendTo("#bar"); 
					$("#rechter_container .minigorilla").remove();
					$("#rechter_container hr").remove();
					var y=0;
					var z=0;
          $.each(data, function(i,item){
          	y++;
          	z++;
          	var html="";
          	if(y < 4) html+="<div class='minigorilla margin_right'>\n";
						else	html+="<div class='minigorilla '>\n";
						html+="<a href='"+item['imageLarge']+"' title='"+item['titel']+"' datum='"+item['datum']+"' medium='"+item['medium']+"' pdf='"+item['pdf']+"' dbId='"+item['id']+"'>";
          	html+="<img src='"+item['image']+"' width='46' height='64' border=0 alt='"+item['titel']+"' name='"+item['titel']+"'>\n";
          	html+="</a>\n";
          	html+="<span class='datum'>"+item['datum']+"</span></div>";
          	$("#rechter_container #gorillaNavi").before(html);
          	if(y > 3){ y=0; $("#rechter_container #gorillaNavi").before("<hr>");}
          });
          $("#rechter_container #gorillaNavi").before("<hr>");
          makeGorilasClick();    
				}
			);
}			

  
 });