var lock = false;
var curpage = 1;
var projecten = new Array();
var projectcount = 1;
var projectindex = 0;
var isprojectpage = false;
var setup = false;


// -- slider vars
var slidepos = 0;
var play;
var sliderslaunched = false;
var sliders = new Array();
// -- end sliders



// -- content voor projectpagina
var project_info = '';
var project_image = '';
// -- end content voor projectpagina

function showFromLeft(){
	$('#slide_center').html('');
	$('#content').html($('#slide_left').html());
	$('#content').show();
	$('#slide_left').html('');
	$("#sliders",document).css('left',-800);
	$('#sliders').css('z-index',-1);
	lock = false;
}

function showFromRight(){
	$('#slide_center').html('');
	$('#content').html($('#slide_right').html());
	$('#content').show();
	$('#slide_right').html('');
	$("#sliders",document).css('left',-800);
	$('#sliders').css('z-index',-1);
	lock = false;
}

function slideFromLeft(data){
	lock = true;
	$('#sliders').css('z-index',2);
	$('#slide_center').html($('#content').html());
	$('#content').html('');
	// t
	$('#content').hide();
	$('#slide_left').html(data);
	$("#sliders",document).animate({ left: 0 }, 500,'',function(){showFromLeft();});
}

function slideFromRight(data){
	lock = true;
	$('#sliders').css('z-index',2);
	$('#slide_center').html($('#content').html());
	$('#content').html('');
	// t
	$('#content').hide('');
	$('#slide_right').html(data);
	$("#sliders",document).animate({ left: -1600 }, 500,'',function(){showFromRight();});
}

function initSliders(){
	clearInterval(play);
	if(sliders.length==0) {
		slideFromRight('');
		$('div.blokjes').hide();
		return;
	}
	else if(sliders.length==1) {
		slideFromRight('<img src="' + sliders[0] + '"/>');
		$('div.blokjes').hide();
		return;
	}
	$('div.blokjes').show();

	for(i=0;i<8;i++){
		if(i>=(sliders.length)) {
			$('a#blokje' + i).hide();
		}
		else {
			$('a#blokje' + i).show();
		}
	}

	slidepos = 0;
	$(".blokjes a").removeClass('active');
	$(".blokjes a#blokje0").addClass('active');

	rotate = function(){
		if(slidepos==(sliders.length)) slidepos=0;

		$(".blokjes a").removeClass('active'); //Remove all active class
		$(".blokjes a#blokje" + slidepos).addClass('active');

		slideFromRight('<img src="' + sliders[slidepos] + '"/>');	
		slidepos++;
	}; 

	rotate();
	rotateSwitch = function(){
		play = setInterval(function(){
			rotate();
		}, 5000);
	};

	rotateSwitch();

	$(".blokjes a").click(function() {
		slidepos = $(this).attr('rel');
		clearInterval(play);
		if(lock) {
			$('#sliders').css('z-index',-1);
			$('#content').html('<img src="' + sliders[slidepos] + '"/>');
			lock = false;
		}
		else rotate();
		return false;
	});

}

function toggleInfo(info){
	if(info){
		clearInterval(play);
		$('.blokjes').fadeOut(250,function(){
			clearInterval(play);
			$('#info').unbind('click');
			$('#info').click(function(){toggleInfo(false);});
			$('#info').html('foto\'s');
			slideFromRight('<div class="left"><img src="' + project_image + '" /></div>' + '<div class="right">' + project_info + '</div>');
		});
	}
	else {
		$('.blokjes').fadeIn(1000);
		initSliders();
		$('#info').unbind('click');
		$('#info').click(function(){toggleInfo(true);});
		$('#info').html('info');
	}
}