/*
		check of shortcuts leeg zijn
	*/
		$(document).ready(function() {
			//Set auto slide. Slide speed in milliseconden			
			var slideSpeed = 3000;
			var fadeSpeed = 750;			
			//Shortcuts
			var slides = "#slideshow";
			var thumbs = "#thumbs";
			//Leeg laten voor uitschakeling
			var stopslide = "#stopslide";
			var startslide = "#startslide";
			var nextslide = "#nextslide";
			var prevslide = "#prevslide";
			var zoomicon = "#zoomicon";				
			var slideSize = $(slides+" a").size()-1;
			//Start slide
			function startSlide()  
			{  
				interval = setInterval(autoSlide, slideSpeed);  
			}
			//Auto slide
			function autoSlide(){			
				curIndex = $(slides+" a.active").index();			
				if (curIndex == slideSize){
					$(slides+" a:first").fadeIn(fadeSpeed);
				}
				else{
					$(slides+" a.active").next().fadeIn(fadeSpeed);
				}			
				$(slides+" a.active").fadeOut(fadeSpeed, function(){
					$(this).removeClass("active");
					if (curIndex == slideSize){
						$(slides+" a:first").addClass("active");
					}
					else{
						$(this).next().addClass("active");
					}
					$(thumbs+" img.active").removeClass("active");
					$(thumbs+" img").eq($(slides+" a.active").index()).addClass("active");					
				});
			}
			//Reset slide
			function resetSlide()
			{  
				clearInterval(interval);				
			}
			//Click handling
			$(thumbs+" img").click(function(){
				curIndex = $(this).index();	
				if (curIndex != $(slides+" a.active").index()){
					resetSlide();
					$(thumbs+" img.active").removeClass("active");
					$(this).addClass("active");
					
					$(slides+" a").eq(curIndex).fadeIn(fadeSpeed);				
					$(slides+" a.active").fadeOut(fadeSpeed, function(){
						$(this).removeClass("active");
						$(slides+" a").eq(curIndex).addClass("active");
					});
					startSlide();
				}
				else{
					// aangeklikte element is gelijk aan actieve element
				}
			});
			//Start slide
			$(startslide).click(function(){
				startSlide();
			});
			//Stop slide
			$(stopslide).click(function(){
				resetSlide();
			});
			//Next slide
			$(nextslide).click(function(){
				resetSlide();
				curIndex = $(slides+" a.active").index();			
				if (curIndex == slideSize){
					$(slides+" a:first").fadeIn(fadeSpeed);
				}
				else{
					$(slides+" a.active").next().fadeIn(fadeSpeed);
				}			
				$(slides+" a.active").fadeOut(fadeSpeed, function(){
					$(this).removeClass("active");
					if (curIndex == slideSize){
						$(slides+" a:first").addClass("active");
					}
					else{
						$(this).next().addClass("active");
					}
					$(thumbs+" img.active").removeClass("active");
					$(thumbs+" img").eq($(slides+" a.active").index()).addClass("active");					
				});
				startSlide();
			});
			//Prev slide
			$(prevslide).click(function(){
				resetSlide();
				curIndex = $(slides+" a.active").index();			
				if (curIndex == 0){
					$(slides+" a").eq(slideSize).fadeIn(fadeSpeed);
				}
				else{
					$(slides+" a").eq(curIndex-1).fadeIn(fadeSpeed);
				}			
				$(slides+" a.active").fadeOut(fadeSpeed, function(){
					$(this).removeClass("active");
					if (curIndex == 0){
						$(slides+" a").eq(slideSize).addClass("active");
					}
					else{
						$(slides+" a").eq(curIndex-1).addClass("active");
					}
					$(thumbs+" img.active").removeClass("active");
					$(thumbs+" img").eq($(slides+" a.active").index()).addClass("active");					
				});
				startSlide();
			});
			//Fancy box settings
			$("a[rel=zoomgroup]").fancybox({
				'titlePosition'	: 'over',
				'overlayOpacity'	: 0.7,
				'onStart'	: function() {
					resetSlide();
				},
				'onClosed'	: function() {
					startSlide();
				}
			});
			if (zoomicon != ''){
				$(zoomicon).click(function () {
					$(slides+" a.active").trigger('click');
				});
				//Center zoomicon in div
				var parentHeight = $(slides).height();
				var parentWidth = $(slides).width();
				var elementHeight = $(zoomicon).height();
				var elementWidth = $(zoomicon).width();			
				var top = (parentHeight / 2) - (elementHeight / 2);
				var left = (parentWidth / 2) - (elementWidth / 2);
				$(zoomicon).css("top",top+"px").css("left",left+"px");
				//Fade zoomicon
				$(slides).hover(
				  function () {
					$(zoomicon).fadeIn(200);
				  }, 
				  function () {
					$(zoomicon).fadeOut(200);
				  }
				);
			}
			//Load slider function
			if (slideSize > 0){
				startSlide();
			}
		});
				$(document).ready(function() {
		$("a.zoom").fancybox({
				'titlePosition'	: 'over',
				'overlayOpacity'	: 0.8,
				'overlayColor'	: '#333333'
			});
		});