/*########################################################*/
/*##########	Beeldetalage Home				##########*/
/*########################################################*/

$(document).ready(function() {	
					   
		var vCycleImages = setInterval(function() {
			var bImgLoaded = true;
			var images = $("#beeld img");
		
			for (var i = 0; i < images.length; i++) {
		 		var img = images[i];
		 		if (img.complete == false)
					bImgLoaded = false;
			}
		
			if (bImgLoaded) {
				
				$("#beeld").after('<ul id="beeldnav">').after('<div id="nav-bg"></div>').cycle({
					fx:			'fade',	
					speed:		150,
					timeout:	10000,
					before:		onBeforeCycle,
					after:		onAfterCycle,
					pager:		$("#beeldnav"),
					pagerEvent: 'click',
					pagerAnchorBuilder: function(idx, slide) { 
											return '<li><a href="javascript:void(0)">'+$(slide).find("img").attr("title")+'</a></li>'; 
										}
				});
				
				
				
				$("#beeldetalage").click(function(){
					window.location.href =  $(this).find("#beeld a:visible").attr("href");					  
				});
				
				$("#beeldetalage").hover(							 
					function(){
						$('#beeld').cycle('pause'); 
					},
					function(){
						$('#beeld').cycle('resume'); 
					}						 
				);
				
				clearInterval(vCycleImages);
			}
		}, 1000); 
});

	var tekstDelay
	function onBeforeCycle(currSlideElement, nextSlideElement, opts, forwardFlag){
		clearTimeout(tekstDelay);
		$("#beeldetalage #tekst p").fadeOut(300);
		
	}
	
	function onAfterCycle(currSlideElement, nextSlideElement, opts, forwardFlag){
		$("#beeldetalage #tekst p").hide();		
		var index = opts.currSlide+1;
		var tekstId = "#tekst-"+index;
		tekstDelay = setTimeout(function(){$(tekstId).fadeIn(500);},300);		
	}