$(document).ready(function() {
	var slide_current = 0;
	var slides = $("div#slider_images > img");
	var slide_max = slides.length - 1;
	var activeClass = 'bolvol';

	var nav = $("div#slider_navigation");
	var links = [];

	for (var i = 0; i <= slide_max; i++) {
		var a = $('<a href="#' + i + '" class="bolleeg">' + i + '</a>');
		nav.append(a);
		links.push(a[0]);
		if (i == 0) a.addClass(activeClass);
	}

	links = $(links);

	var show = function(i) {
		slides.hide();
		slides.eq(i).fadeIn(1000);
		links.removeClass(activeClass);
		$(links[i]).addClass(activeClass);
		slide_current = i;
	};

	show(0);

	var timer;
	var setTimer = function(){
		clearTimeout(timer);
		timer = setInterval(function(){
			show((slide_current + 1) % (slide_max + 1));
		}, 10000);
	};

	setTimer();

	$("div#slider_navigation a").click(function(event){
		event.preventDefault();
		var href = parseInt($(this).attr("href").substr(1), 10);
		show(href);
		setTimer();
	});

	$('input, textarea').placeholder();

});