/* UITSPRAAK (tegel) */

var totaal;
var huidig;
var alle_uitspraken;
var uitspraken;
var eigenaars;
var bronnen = {};

var activeUitspraakId = null;
var runningRequest = null;

function setContent() {

	// Add random string to prevent cache from loading old document
	var foo = Math.random();
	
	var queryString = '?foo='+foo;

	sendRequest('inc/content_db.php'+queryString, loadContent);
}


function loadContent(req){
	data = eval('(' + req.responseText + ')');
	
	alle_uitspraken = data.uitspraken;
	eigenaars = data.eigenaars;
//	bronnen = data.bronnen;	
	
	uitspraken = new Array();
	for (var i in alle_uitspraken) {
		if (i != '0') {
			uitspraken.push(alle_uitspraken[i]);
		}
	}

	// Load any already set filter data from cookie
	if (Cookie.read('filters')) {
	//	loadFiltersFromCookie();
	}
	setFilter();
}

function filterContent(ids) {
	if (alle_uitspraken) {
	
		var selected = new Array();
		for (var i = 0; i < ids.length; i++) {
	//		if (ids.indexOf(alle_uitspraken[i].uitspraak_id) > -1) {
				selected.push(alle_uitspraken[ids[i]]);
	//		}
		}
	
		uitspraken = selected;
		totaal = uitspraken.length;
		huidig = 1;
		
	//	var kruimel = document.getElementById('kruimelpad');
	//	kruimel.innerHTML = 'Huidige selectie: ' + totaal + ' uitspraken';
					
		setUitspraak(huidig);
	}
}

function emptyContent() {

	document.getElementById('uitspraak_positie').innerHTML = '0 van 0';
	
	// id
	var cur = document.getElementById('uitspraak_id');
	cur.innerHTML = ' ';

	// type
	cur = document.getElementById('uitspraak_type');
	cur.innerHTML = ' ';

	// tekst
	cur = document.getElementById('uitspraak_tekst');
	cur.style.visibility = 'hidden';
//	cur.className = uitspraak['type'];
	cur.innerHTML = 'Geen uitspraken beschikbaar';
	var tekstMargin = Math.round(((200 - cur.clientHeight) / 2) - 20);
	cur.style.marginTop = tekstMargin+'px';
	cur.style.visibility = 'visible';	
	
	// Eigenaar
	// naam
	var cur = document.getElementById('uitspraak_eigenaar_naam');
	cur.innerHTML = ' ';

	// functie
	var cur = document.getElementById('uitspraak_eigenaar_functie');
	cur.innerHTML = ' ';	

	// CV
	
	var cv = document.getElementById('cv');
	cv.innerHTML = '';
	
	// Bron
	var elem = document.getElementById('bron');
	elem.innerHTML = '';	
}

function loadNext(){
	huidig++;
	if (huidig>totaal) huidig=1;
	setUitspraak(huidig);
}

function loadPrevious(){
	huidig--;
	if (huidig<1) huidig=totaal;
	setUitspraak(huidig);
}

function loadFirst(){
	huidig=1;
	setUitspraak(huidig);
}

function loadLast(){
	huidig=totaal;
	setUitspraak(huidig);
}

function loadUitspraak(number) {
	huidig = number;
	setUitspraak(huidig);
}

function setUitspraak(nummer) {
	if (!nummer > 0) {
		return;
	}
	document.getElementById('uitspraak_positie').innerHTML = huidig+' van '+totaal;

	var index = (nummer * 1) - 1;
	var uitspraak = uitspraken[index];
			
//	document.getElementById('uitspraak_type').innerHTML = uitspraak.type;
//	document.getElementById('uitspraak_tekst').innerHTML = uitspraak.tekst;

	/*
	// Create array with all select lists in filter menu
	var props = ['id','type','tekst'];


	for (var i = 0; i < props.length; i++) {
		var name = props[i];
		var html_id = 'uitspraak_' + name;
		var cur = document.getElementById(html_id);
		
		if (name == 'tekst') {
			cur.style.visibility = 'hidden';
		//	cur.className = uitspraak['type'];
			cur.innerHTML = uitspraak[name] ? uitspraak[name] : ' ';
			var tekstMargin = Math.round(((200 - cur.clientHeight) / 2) - 20);
			cur.style.marginTop = tekstMargin+'px';
			cur.style.visibility = 'visible';
		}
		else {
			cur.innerHTML = uitspraak[name] ? uitspraak[name] : ' ';
		}

	}
	*/
	// id
	var cur = document.getElementById('uitspraak_id');
	cur.innerHTML = uitspraak['id'] || ' ';

	// type
	cur = document.getElementById('uitspraak_type');
	cur.innerHTML = uitspraak['type'] || ' ';	
	
	// tekst
	cur = document.getElementById('uitspraak_tekst');
	cur.style.visibility = 'hidden';
//	cur.className = uitspraak['type'];
	cur.innerHTML = uitspraak['tekst'] || ' ';
	var tekstMargin = Math.round(((200 - cur.clientHeight) / 2) - 20);
	cur.style.marginTop = tekstMargin+'px';
	cur.style.visibility = 'visible';

	activeUitspraakId = uitspraak['id'];

	// Eigenaar
	setEigenaar(uitspraak.eigenaar_id);
	setCV(uitspraak.eigenaar_id);
	
	// Bron
	setBron(uitspraak.bron_id);
	


// ,'eigenaar_naam','eigenaar_functie','cv','thema','bron'

	// Always return to bron if new tile is loaded
	showBron();
	

}

function moveToUitspraak(uitspraakId) {
	if (document.getElementById('uitspraak_'+uitspraakId)) {
		var container = document.getElementById('bron');
	
		var elem = document.getElementById('uitspraak_'+uitspraakId);
		
		var location = getUitspraakRelativeTop(elem, container);
	//	alert(elem.offsetHeight);
	//	alert(location + ' in container van ' + container.scrollHeight + 'die ' + container.scrollTop + 'px is gescrolld');
		if (container.scrollHeight > container.clientHeight) {
		//	if (location > (container.scrollTop + container.clientHeight)) {
			var newPos = Math.round(location - (container.clientHeight / 3));
		//	alert(newPos);
			if (newPos < 0) newPos = 0;
			container.scrollTop = newPos;
		//	}
		}
		elem.className = 'uitspraak_active';
	}

}

	function getUitspraakRelativeTop(obj, refObj) {
		var cur = 0;
		if(obj.offsetParent) {		
			while(obj.offsetParent) {
				cur+=obj.offsetTop;
				obj = obj.offsetParent;
			}
		}
		var cur2 = 0;
		if(refObj.offsetParent) {		
			while(refObj.offsetParent) {
				cur2+=refObj.offsetTop;
				refObj = refObj.offsetParent;
			}
		}
		return cur-cur2; // + document.body.offsetTop;
	}


function setEigenaar(eigenaarId) {
	var eigenaar = eigenaars[eigenaarId];
	// naam
	var cur = document.getElementById('uitspraak_eigenaar_naam');
	cur.innerHTML = eigenaar['naam'] || ' ';

	// functie
	var cur = document.getElementById('uitspraak_eigenaar_functie');
	cur.innerHTML = eigenaar['functie'] || ' ';	
		
}

function setCV(eigenaarId) {
	var eigenaar = eigenaars[eigenaarId];
	// CV	
	var cv = document.getElementById('cv');
	cv.innerHTML = '';
	
	var cur = document.createElement('h2');
	cur.innerHTML = eigenaar['naam'] || ' ';
	cv.appendChild(cur);
	
	if (eigenaar['foto']) {
		var cur = new Image();
		cur.src = 'image/cv/' + eigenaar['foto'];
		cv.appendChild(cur);
	}
		
	cv.innerHTML += eigenaar['cv'];		
}

function loadBron(req){
	data = eval('(' + req.responseText + ')');
	
	if (!data) {
		alert('geen bron gevonden');
		return false;
	}
	var id = data.bron['id'];
	bronnen[id] = data.bron;	
	setBron(id);
}

function setBron(bronId) {
	var bron = bronnen[bronId];
	// If bron not loaded yet, get using Ajax
	if (!bron) {
		// Add random string to prevent cache from loading old document
		var foo = Math.random();
	
		var queryString = '?id='+bronId+'&foo='+foo;
		
		document.getElementById('bron').innerHTML = '';
		setClass('bron','loading');
		
		if (bronId > 0) {
			sendRequest('inc/bron_db.php'+queryString, loadBron);
		}
		return;
	}
	var elem = document.getElementById('bron');
	elem.innerHTML = '';
	
	var cur = document.createElement('h2');
	cur.innerHTML = bron['titel'] || ' ';
	elem.appendChild(cur);
	
//	var cur = document.createElement('h3');
//	cur.innerHTML = eigenaar['functie'] || ' ';
//	cv.appendChild(cur);


		
//	var cur = document.getElementById('cv_tekst');
	elem.innerHTML += bron['tekst'];

	moveToUitspraak(activeUitspraakId);

}


/* ACHTERGRONDinformatie */

function hideAllAchtergrond() {
	var allElem = document.getElementById('achtergrond_data').getElementsByTagName('div');
	for (var i = 0; i < allElem.length; i++) {
		var curElem = allElem[i];
		curElem.style.display = 'none';
	}
	
}
function setActiveAchtergrondNav(active_id) {
	// Set active navigation link
	var navLinks = ['show_bron','show_cv','show_about','show_team','show_contact'];
	for (var i = 0; i < navLinks.length; i++) {	
		if (navLinks[i] == active_id)
			setClass(navLinks[i],'active');
		else
			setClass(navLinks[i],'normal');	
	}	
	
	// Set active example link
/*	var allExamples = document.getElementById('voorbeelden').getElementsByTagName('div');
	for (var i = 0; i < allExamples.length; i++) {
		var number = i + 1;
		if (number == active_id)
			setClass('voorbeeld_'+number,'active');
		else
			setClass('voorbeeld_'+number,'normal');
	}
*/
}

function showContentItem(html_id) {
	hideAllAchtergrond();
	setActiveAchtergrondNav('show_'+html_id);
	setStyleById(html_id,'display','block');	
}

function showBron() {
	hideAllAchtergrond();
	setActiveAchtergrondNav('show_bron');
	var box = document.getElementById('bron');
//	box.style.display = 'block';
	setStyleById('bron','display','block');
//	alert('height: '+box.offsetHeight);
}

function showCV(eigenaarId) {
	if (eigenaarId) {
		setCV(eigenaarId);
	}
	hideAllAchtergrond();
	setActiveAchtergrondNav('show_cv');
	setStyleById('cv','display','block');
}

function showVoorbeeld(number) {
	hideAllAchtergrond();
	setActiveAchtergrondNav(number);
	// Get the active example out of all examples
	var allExamples = document.getElementById('voorbeelden').getElementsByTagName('div');
	var index = (number * 1) - 1;
	var curExample = allExamples[index];

	// Show current example
	curExample.style.display = 'block';
	
	// Show example container
	setStyleById('voorbeelden','display','block');
}

function showAbout() {
	hideAllAchtergrond();
	setActiveAchtergrondNav('show_about');
	setStyleById('about','display','block');
}