$(document).ready(function() {
	
	$('.slideshow div.mask').children().css('opacity', 0);
	
	$imagesMax = $('.slideshow div.mask').children().length;
	$imageCur = null;
	$imageOld = null;
	
	if($imagesMax > 1){
		//bullets toevoegen
		for(var i=0; i<$imagesMax; i++){
			$('.slideshowNav').append("<a href='#'></a>");
		}
	
		$('.slideshowNav a').click(function(e){
				e.preventDefault();
				clearInterval($player);
				$imageOld = $imageCur;
				$imageCur = $imagesMax -  $(this).index() - 1;
				showImage();
			}
		);
		
		$('.slideshow a.navPrev').click(function(e){
				e.preventDefault();
				clearInterval($player);
				$imageOld = $imageCur;
				$imageCur--;
				if($imageCur < 0){
					$imageCur = $imagesMax-1;	
				}
				showImage();
			}
		);
		
		$('.slideshow a.navNext').click(function(e){
				e.preventDefault();
				clearInterval($player);
				$imageOld = $imageCur;
				$imageCur++;
				if($imageCur >= $imagesMax){
					$imageCur = 0;	
				}
				showImage();
			}
		);
		
		initPlaying();
	} else {
		$('.slideshow a.navPrev').hide();
		$('.slideshow a.navNext').hide();
		
		// eerste pic tonen
		$imageCur = 0;
		showImage();
	}
	
		
});



function showImage(){
	$oldPic = $(".slideshow .mask").children().eq($imageOld);
	$newPic = $(".slideshow .mask").children().eq($imageCur);
	
	// oude uitzetten
	if($oldPic != null){
		$('.slideshowNav').children().removeClass("active");
		$oldPic.animate({opacity: 0}, 100);
	}
	
	// nieuwe aanzetten
	$('.slideshowNav').children().eq($imagesMax-$imageCur-1).addClass("active");;
	$newPic.css("left", 690);
	$newPic.css("opacity", 0);
	$newPic.animate({opacity: 1, left: 0}, {duration: 500, easing: 'easeOutExpo'});	
}


function initPlaying(){
	$imageCur = 0;
	showImage();
	$player = setInterval(autoNext, 7500);
}

function autoNext(){
	$imageOld = $imageCur;
	$imageCur++;
	if($imageCur >= $imagesMax){
		$imageCur = 0;	
	}
	showImage();
}