// JavaScript Document

var t;

function setCookie(c_name, value, expiredays) {
	var exdate=new Date();
	exdate.setDate(exdate.getDate()+expiredays);
	document.cookie=c_name+ "=" +escape(value)+
	((expiredays==null) ? "" : ";expires="+exdate.toUTCString());
}

function eraseCookie(name) {
	createCookie(name,"",-1);
}

function getCookie(c_name) {
	if (document.cookie.length > 0) {
		c_start=document.cookie.indexOf(c_name + "=");
		
		if (c_start!=-1) {
			c_start=c_start + c_name.length+1;
			c_end=document.cookie.indexOf(";",c_start);
			
			if (c_end==-1) {
				c_end=document.cookie.length;
			}
			
			return unescape(document.cookie.substring(c_start,c_end));
		}
	}
	
	return "";
}

function activate(tab, action) {
	//de cookie van de actieve tab ophalen
	var activeTab = getCookie('activeTab');
	
	if (action == "click") {
		//de 'demo-modus' wordt uitgezet
		clearTimeout(t);
		setCookie('stopDemo', 'true', 1);
	}
	
	//als er reeds een tab is geactiveerd, moet deze weer naar de normale staat gebracht worden
	if (activeTab !== "") {
		$("#tab_" + activeTab + "").removeClass("selected");
		
		//er moet weer naar het eerste screenshot in de rij geschoven worden
		$(".content").animate({"left": "0"}, "fast");
	}
	
	//de nieuwe, gekozen tab wordt actief
	$("#tab_" + tab + "").addClass("selected");
	
	//de content laden
	changeContent(tab);
	
	//de cookie van de actieve tab opslaan
	setCookie('activeTab', '' + tab + '', 1);
}

function demo() {

	var stopDemo = getCookie('stopDemo');
	
	if (stopDemo == "") {
		goToNextTab();
	}
	
}

function goToNextTab() {
	
	var tab = getCookie('activeTab');
	if (tab == 8) {
		tab = 0;
	}
	
	var stopDemo = getCookie('stopDemo');
	
	if (stopDemo == "") {
		var demoDelay = function () { tab++; activate(tab, 'demo'); demo();}

		t = setTimeout(demoDelay, 5000);
	}
	
}

function showEmail() {
	$("#email").html("e&nbsp;<a href=\"mailto:info@domini.nl\">info@domini.nl</a>");
}

if ($(document).ready) {
	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);
			}
		}
	});
	
}