var obj = {
		'width' :500,
		'height':299,
		'images': [
			{'src':'front1.jpg','title':'<strong>www.begripinbodem.nl</strong>','link':'index.html'},
			{'src':'front2.jpg','title':'<strong>Boekje: Besluit bodem- onderzoek in de praktijk</strong>','link':'index.html'},
			{'src':'front3.jpg','title':'<strong>www.tegsis.com</strong>','link':''},
			{'src':'front4.jpg','title':'<strong>De nieuwe waterwet</strong>','link':'index.html'}
		]}

function timer() {
	t=setTimeout('slideshow()',3500);
}
function stopTimer(){
	clearTimeout(t);
}
function slideshow() {
	if ($('.items-front span:last').hasClass('active')){
		$('.items-front span:first').fadeIn().addClass('active');						
		$('.items-front span:last').fadeOut().removeClass('active');			
		$('.select-container-front li:first').addClass('active');	
		$('.select-container-front li:last').removeClass('active');
	} else {
		$('.items-front span.active').next().fadeIn().addClass('active').prev().removeClass('active').hide();
		$('.select-container-front .active').next().addClass('active').prev().removeClass('active');
	}
	timer();
}
$(document).ready(function buildSlideshow() {
	$('.select-container-front a').click(function(event){
		event.preventDefault();
		if (!$(this).parent().hasClass('active')){			
			var selected = $(this).attr('name');
			$('.items-front span').removeClass('active').hide();
			$('.items-front span:eq('+(selected)+')').fadeIn().addClass('active');
			$('.select-container-front li').removeClass('active');
			$('.select-container-front li:eq('+(selected)+')').addClass('active');
			stopTimer();
			timer();
		}
	});	
	timer();
});