<!--
	// vars
	var interval = 200;
	var last_index = 200;
	var last_kolom_index = 1;
	var aantal_kolommen = 2;
	var arr_items = new Array();
	
	var window_width = 0;

	// wannneer jquery geload is...
	if(jQuery){
		// listeners
		function doOnMouseEnterAnchor(e){
			e.preventDefault(e);
			
			$(this).find(".hover_container").stop(true).fadeTo(600,1);
			$(this).find(".background").stop(true).fadeTo(600,0.65);
		}
		function doOnMouseLeaveAnchor(e){
			e.preventDefault(e);
			
			$(this).find(".hover_container").stop(true).fadeTo(400,0);
			$(this).find(".background").stop(true).fadeTo(400,0);
		}
		function doOnImageLoaded(e){
			scaleImageContent($(this));
		
			$(this).delay(parseInt($(this).attr('delay'))).fadeTo(1000,1);
			$(this).parent().delay(parseInt($(this).attr('delay'))).fadeTo(600,1);
			$(this).parent().find('.new').delay(parseInt($(this).attr('delay'))+1000).fadeTo(600,1);
		}
		/*function doOnDocumentScrolled(e){
			if(($(document).height() == $(window).scrollTop() + $(window).height())){
				// positioneer de volgende 20 items in het aantal kolommen
				last_index += interval;
				
				vulKolommen();
			}
		}*/
		function doOnContentLoaded(e){
			$("#loader").fadeTo(600,0);
			
			build(jQuery.parseJSON(e));
		}
		function doOnWindowResized(e){
			if(window_width != $(window).width()){
				window_width = $(window).width();
				
				// bepaal het aantal kolommen dat we krijgen voor deze resolutie
				// zorg ervoor dat er minimum 25px padding is voor links en rechts
				// kolommen zijn 280 breed, steeds min. 2 kolommen tonen
				aantal_kolommen = Math.floor(($(window).width() - 50) / 280) == 1 ? 2 : Math.floor(($(window).width() - 50) / 280);
				
				// set de widths
				$("body.home").width((aantal_kolommen * 280) + ((aantal_kolommen) * 5));
				$("#content").width((aantal_kolommen * 280)  + ((aantal_kolommen) * 5));
				$("#footer_inner").width((aantal_kolommen * 280)  + ((aantal_kolommen) * 5));
							
				// build de kolommen
				buildKolommen();
				
				// hervul de kolommen wanneer er al images inzitten
				if(arr_items.length > 0){
					herschikItems();
					
					// check bij het herschikken ofdat de user aan de onderkant van de pagina navigeert
					//doOnDocumentScrolled(null);
				}else{
					loadContent();
				}
			}
		}
		
		// functions
		function scaleImageContent(image){
			var img_width = $(image)[0].width;
			var img_height = $(image)[0].height;
			
			if(img_width != 280){
				img_height = parseInt(img_height*(280/img_width));
			}
		
			$(image).css({width:280,height:img_height});
			$(image).parent().css({width:280,height:img_height});
			
			$(image).parent().find("a").bind("mouseenter",doOnMouseEnterAnchor);
			$(image).parent().find("a").bind("mouseleave",doOnMouseLeaveAnchor);
			
			$(image).parent().find(".hover_container").css("opacity",0);
			$(image).parent().find(".background").css("opacity",0);
		}
		function getItemHTML(index,has_listener){
			if(arr_items[index]['jaar'] == 0) arr_items[index]['jaar'] = '';
			
			if(has_listener){
				img_str = "<img rel='"+arr_items[index]['thumb']+"' src='#' />";
			}else{
				img_str = "<img src='"+arr_items[index]['thumb']+"' />";				
			}
			
			var str_html = "<div class='home_item' id='home_item_"+index+"'><a href='"+arr_items[index]['permalink']+"'><div class='hover_container'><h2>"+arr_items[index]['titel']+"</h2><p>"+arr_items[index]['jaar']+"</p></div><div class='background'></div></a>"+img_str+"</div>";
			
			if(arr_items[index]['is_new'] == 1){
				str_html = "<div class='home_item' id='home_item_"+index+"'><a href='"+arr_items[index]['permalink']+"'><div class='hover_container'><h2>"+arr_items[index]['titel']+"</h2><p>"+arr_items[index]['jaar']+"</p></div><div class='background'></div></a><div class='new'>NEW</div>"+img_str+"</div>";
			}
			
			return str_html;
		}
		function herschikItems(){
			last_kolom_index = 1;
			
			for(var j=0; j<last_index; j++){
				if(arr_items[j] != undefined){
					$("#home_kolom_"+last_kolom_index).append(getItemHTML(j),false);
					scaleImageContent($("#home_kolom_"+last_kolom_index).find("#home_item_"+j).find("img"));
					$("#home_kolom_"+last_kolom_index).find("#home_item_"+j+" .new").fadeTo(0,1);
					
					if(last_kolom_index == aantal_kolommen) last_kolom_index = 1;
					else last_kolom_index++;
				}
			}
		}
		function vulKolommen(){			
			var delay_teller = 0;
			for(var j=last_index-interval; j<last_index; j++){
				if(arr_items[j] != undefined){
					$("#home_kolom_"+last_kolom_index).append(getItemHTML(j),true);
					
					if(!arr_items[j]['loaded']){
						$("#home_item_"+j).css("display","none");
						//$("#home_item_"+j).find("img").attr('delay',(delay_teller*100) + ($("#loader").css("display") != "none" ? 500 : 0));
						
						$("#home_item_"+j).find("img").attr('delay',(delay_teller*175));
						$("#home_item_"+j).find("img").bind("load",doOnImageLoaded);
						
						$("#home_item_"+j).find("img").attr("src",$("#home_item_"+j).find("img").attr("rel"));
						$("#home_item_"+j).find("img").attr("rel","");
						
						arr_items[j]['loaded'] = true;
						delay_teller++;
					}
					
					if(last_kolom_index == aantal_kolommen) last_kolom_index = 1;
					else last_kolom_index++;
				}
			}
		}
		function buildKolommen(){
			// unbind load events
			$(".home_item").find("img").unbind("load",doOnImageLoaded);
		
			// reset
			$("#home_kolom_wrapper").html("");
		
			// maak kolommen
			for(var i=0; i<aantal_kolommen; i++){
				$("#content #home_kolom_wrapper").append("<div class='home_kolom' id='home_kolom_"+(i+1)+"'></div>");
			}
		}
		function build(data){
			arr_items = new Array();
					
			// vul de array
			for (var id in data) {
				var arr_item = new Array();
				arr_item['id'] = data[id].id;
				arr_item['titel'] = data[id].titel;
				arr_item['permalink'] = data[id].permalink;
				arr_item['jaar'] = parseInt(data[id].jaar) == 0 ? '' : data[id].jaar;
				arr_item['categorie_titel'] = data[id].categorie_titel;
				arr_item['categorie_permalink'] = data[id].categorie_permalink;
				arr_item['thumb'] = data[id].thumb;
				arr_item['loaded'] = false;
				arr_item['is_new'] = sort == "random" ? parseInt(data[id].is_new) : 0;
				
				arr_items.push(data[id]);
			}
			
			vulKolommen();
			
			//doOnDocumentScrolled(null);
			//$(window).bind("scroll", doOnDocumentScrolled);
		}
		function loadContent(){
			$("#loader").fadeIn(300);
			
			$.get(wamplink+"/includes/scripts/gethomecontent.php?lang="+lang+"&random="+Math.random(),doOnContentLoaded);
		}
		
		// kickstart		
		doOnWindowResized(null);
		
		// listeners
		$(window).bind("resize",doOnWindowResized);
	}
-->
