// Aftellen voor intro
// Document ready jquery zaken
$(document).ready(function() {
	// Prevent link from intro
	$("#intro-link").ready( function(){
		// Get new data into intro div.
		$('#woordbehang').hide();
		$('#intro').append(($('#dynamisch-intro').html()))
		$('#intro a').remove();
		$('#intro').css('width','884px').css('height', '530px').css('top', '30px').css('left','50px');
		$('.menu').addClass('frontpage-menu');
		
		$('#wrapper').append('<div class="navigation" id="prev"></div><div class="navigation" id="next"></div>');
			
	
		
		$('#wrapper #next').css('left', '944px');
		// Acticate cycle pluging on the new data.
		$('#intro').cycle({ 
			fx:     'scrollHorz',
			sync:	1,
			speed:  'slow', 
			timeout: 8000, 
			next:	'#next',
			prev:	'#prev',
			after: function(currSlideElement, nextSlideElement, options, forwardFlag){
				//var id = currSlideElement.id;
				$('#woordbehang').html(this.id);
				$('#woordbehang').css('font-size','16px');
				$('#woordbehang').css('left','50px');
				$('#woordbehang').css('width','820px');
				$('#woordbehang').show();
			}
		});	
		return false;										
	});
	// Set slideshows
	$('#image-wrapper').cycle({ 
		fx:     'scrollHorz',
		sync:	1,
		speed:  'slow', 
		timeout: 0, 
		pager:  '#nav', 
		pagerAnchorBuilder: function(idx, slide) { 
			// return selector string for existing anchor 
			return '<li><a href="#"><img src="' + slide.src + '" width="70" /></a></li>';
		}
	});
	$('#nieuws-image-wrapper').cycle({ 
		fx:     'scrollHorz',
		sync:	1,
		speed:  'slow', 
		timeout: 0, 
		next:	'#next',
		prev:	'#prev',
		after: function(currSlideElement, nextSlideElement, options, forwardFlag){
			//var id = currSlideElement.id;
			$('#image-details').html(this.id);
			$('#image-details').show();
			$('#image-details-pic').html(this.alt);
			$('#image-details-pic').show();
		}
	});
});