$(document).ready(function() {
			//Defineer elementen
			var slide = $(".slide");
			var menu = $(".menu");
			var child = menu.children("li");
			var indexer = $(".indexer");
			var active = "active";
			var timer = 10000;
			var fadespeed = 500;
			//Start position
			indexer.css("top","-293px");			
			var startOffset = parseFloat(indexer.css("top"), 10);
			var scrollHeight = (child.height()+1);
			//Eerste element actief maken
			child.eq(0).addClass(active);
			var index = menu.children("."+active).index();
			slide.eq(0).fadeIn(fadespeed, function(){
				slide.eq(0).children('span').slideDown(fadespeed);
			});
			var done = 1;
			//Klik event
			child.click(function(){
				if (done == 1){
					done = 0;
					resetSlide();
					var offset = $(this).position();
					offset = offset.top;
					newPosition = (startOffset + offset);
					menu.children("."+active).removeClass(active);
					$(this).addClass(active);
					//Fade out					
					slide.eq(index).children('span').slideUp(fadespeed, function(){
						slide.eq(index).fadeOut(fadespeed);
						index = menu.children("."+active).index();
						slide.eq(index).fadeIn(fadespeed, function(){
							slide.eq(index).children('span').slideDown(fadespeed);
						});
					});
					//Na class toevoegen sliden naar nieuwe positie
					if ($(this).hasClass(active)){
						$(indexer).animate({
							top: newPosition
						  }, fadespeed, function() {
							startSlide();
						});
					}
				}
				return false;
			});
			//Slider starten
			function startSlide()
			{  
				interval = setInterval(autoSlide, timer);
				done = 1;
			}
			function slideCode()
			{
				if (done == 1){
					done = 0;
					curPosition = parseFloat(indexer.css("top"));
					newPosition = (curPosition + scrollHeight);
					if (menu.children("."+active).next().length != 0){					
						menu.children("."+active).removeClass(active).next().addClass("active");
					}
					else{
						newPosition = startOffset;
						menu.children("."+active).removeClass(active);
						child.eq(0).addClass(active);
					}				
					if (child.hasClass(active)){
						$(indexer).animate({
							top: newPosition+"px"
						  }, fadespeed, function() {
							//Callback
						});
					}
					slide.eq(index).children('span').slideUp(fadespeed, function(){
						slide.eq(index).fadeOut(fadespeed);
						index = menu.children("."+active).index();
						slide.eq(index).fadeIn(fadespeed, function(){
							slide.eq(index).children('span').slideDown(fadespeed);
							done = 1;
						});
					});
				}
			}
			//Voer denkwerk uit
			function autoSlide()
			{
				slideCode();
			}
			//Slider stop zetten
			function resetSlide()
			{  
				clearInterval(interval);			
			}
			$(".slide.fancy").fancybox({
					'overlayOpacity'	: 0.8,
					'overlayColor'	: '#333333',
					'onStart'	: function() {
						resetSlide();
					},
					'onClosed'	: function() {
						startSlide();
					}
				});
			startSlide();
			
		});