// JavaScript Document

function navigateTo(n) {
	
	//de slides schuiven op
	var transfer = 0 - ((n - 1) * 720); //het aantal pixels dat de slides moeten opschuiven
	$(".content").animate({"left": transfer + "px"}, "slow");
	
	for (i = 1; i <= 4; i++) {
		if (i == n) {
			$("#position_" + i + "").addClass("selected");
		} else {
			$("#position_" + i + "").removeClass("selected");
		}
	}
}

function changeContent(tab) {
	
	$("#container").fadeOut(500);
	
	var delay = function () {loadContent(tab);}
	
	setTimeout(delay, 500);
	
}

function loadContent(tab) {
	
	$('#loading').css('visibility','visible');  //we zetten de preloader even 'aan'
	
	//d.m.v. AJAX wordt de content ingeladen
	$.ajax({
		type: "GET",
		url: "loadContent.php",
		data: 'tab='+tab,  
		dataType: "html",
		success: function(msg)	{
		 
			if (parseInt(msg)!=0) {
				$('#container').html(msg);
				
				navigateTo(1); //eerste navigatieblokje wordt actief
				
				$('#loading').css('visibility','hidden'); //we zetten de preloader weer uit
				
				$("#container").fadeIn(500);
			}
		}
	});
	
}