$(document).ready(function() {

	// profielslider
	var speed = 10000;
	$('#mask-profielen, #project li').width($('#profielslider').width());	
	$('#profielen').width($('#profielslider').width() * $('#profielen li').length);
	$('#mask-profielen, #profielen li').height($('#profielslider').height());
	$('#profielen li:first, #links a:first').addClass('selected');
	var run = setInterval('profielslider(0)', speed);	

	$('#links a').click(function () {
		clearInterval(run);
	    $('#profielen li, #links a').removeClass('selected');
		goto('.' + $(this).attr('rel'));
		run = setInterval('profielslider(0)', speed);
		return false;
	});

    $('#btn-next').click(function () {
		clearInterval(run);
        profielslider(0); 
		run = setInterval('profielslider(0)', speed);
        return false;
    });
    $('#btn-prev').click(function () {
		clearInterval(run);
        profielslider(1); 
		run = setInterval('profielslider(0)', speed);
        return false;
    });
});

function profielslider(prev) {
	var current_slide = $('#profielen li.selected').length ? $('#profielen li.selected') : $('#profielen li:first');
	var current_links = $('#links a.selected').length ? $('#links a.selected') : $('#links a:first');
	if (prev) {
		var next_slide = (current_slide.prev().length) ? current_slide.prev() : $('#profielen li:last');
		var next_links = (current_links.prev().length) ? current_links.prev() : $('#links a:last');
		} else {
		var next_slide = (current_slide.next().length) ? current_slide.next() : $('#profielen li:first');
		var next_links = (current_links.next().length) ? current_links.next() : $('#links a:first');
	}
	$('#profielen li, #links a').removeClass('selected');
	next_slide.addClass('selected');
	next_links.addClass('selected');
	$('#mask-profielen').scrollTo(next_slide, 5000);
	}
function goto(slide) {
    $('#mask-profielen').scrollTo(slide, 5000);
    $(slide).addClass('selected');
	}