function createCookie(name,value,days) {
	if (days)
	{
		var date = new Date();
		date.setTime(date.getTime()+(days*24*60*60*1000));
		var expires = "; expires="+date.toGMTString();
	}
	else var expires = "";
	document.cookie = name+"="+value+expires+"; path=/";
}

function readCookie(name) {
	var nameEQ = name + "=";
	var ca = document.cookie.split(';');
	for(var i=0;i < ca.length;i++)
	{
		var c = ca[i];
		while (c.charAt(0)==' ') c = c.substring(1,c.length);
		if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
	}
	return null;
}

function switchOudNieuw() {
	var oud = document.getElementById('ouweZooi');
	var nieuw = document.getElementById('nieuweZooi');
	var koekje = readCookie('zooiPersistor');
	
	if (koekje == null || koekje == 'oud') {
		oud.style.display = 'none';
		nieuw.style.display = '';
		createCookie('zooiPersistor', 'nieuw', 365);
	} else {
		oud.style.display = '';
		nieuw.style.display = 'none';
		createCookie('zooiPersistor', 'oud', 365);
	}
}

function initOudNieuw() {
	var oud = document.getElementById('ouweZooi');
	var nieuw = document.getElementById('nieuweZooi');
	var koekje = readCookie('zooiPersistor');
	
	if (koekje == null || koekje == 'nieuw') {
		oud.style.display = 'none';
		nieuw.style.display = '';
		createCookie('zooiPersistor', 'nieuw', 365);
	} else {
		oud.style.display = '';
		nieuw.style.display = 'none';
		createCookie('zooiPersistor', 'oud', 365);
	}
}

function isIn (zeValue, zeArray) {
	for (var i=0; i < zeArray.length; i++) {
		if (zeArray[i] == zeValue) {
			return true;
		}
	}

	return false;
}

function getReadPosts(threadId) {
	var cookieContents = readCookie('kb_postsRead_'+threadId);
	var postsArray;

	if (cookieContents != null) {
		postsArray = cookieContents.split('|');
	} else {
		postsArray = new Array;
	}

	return postsArray;
}

function addPostToCookie(threadId, postId) {
	var posts = getReadPosts(threadId);

	if (!isIn(postId, posts)) {
		posts[posts.length] = postId;
	}

	createCookie('kb_postsRead_'+threadId, posts.join('|'), 365);
}

function applyReadPostStyle (threadId) {
	var posts = getReadPosts(threadId);

	for (var i=0; i < posts.length; i++) {
		var element = document.getElementById('boom_'+posts[i]);
		if (element != null) {
			element.className = 'postBoomRead';
		}
	}
}