var l = new Array();
var menuroot = 0;
var streep = new Array();
var x = 0;
var img_streepver = "plaatjes/streep_ver.gif";
var img_onderwerp = "plaatjes/onderwerp.gif";
var img_streept = "plaatjes/streep_t.gif";
var img_streephoek = "plaatjes/streep_hoek.gif";
var img_mapdicht = "plaatjes/map_dicht.gif";
var img_mapopen = "plaatjes/map_open.gif";
var img_leeg = "plaatjes/leeg.gif";
var show_parent = 'nee';

function obouw_onderwerp(id, pid, naam, type, tid, klasse) {
	l[id] = new Object();
	l[id].naam = naam;
	l[id].id = id;
	l[id].ch = new Array();
	l[id].pid = pid;
	l[id].od = 'dicht';
	l[id].type = type;
	l[id].tid = tid;
	l[id].klasse = klasse;
		
	if(pid != 'geen') {
		l[pid].ch[l[pid].ch.length] = id;
		l[id].zichtbaar = 'nee';
		l[id].diepte = l[pid].diepte + 1;
	}
	else {
		l[id].zichtbaar = 'ja';
		l[id].diepte = 0;
	}
}

function oopklik(obj) {
	id = obj.getAttribute('id');
	id = id.substring(id.indexOf('v')+1, id.length);

	if(l[id].type == 'hoofdstuk' || l[id].type == 'parent')
		if(l[id].od=='open')
			l[id].od = 'dicht';
		else
			l[id].od = 'open';
	if(l[id].type == 'les') {
//		if(l[id].klasse == 'treenietgedaan')
//			alert('U moet eerst alle voorgaande lessen afgerond hebben, voor u aan deze les kunt beginnen. U wordt nu doorgestuurd naarde eerste onvoltooide les.');
		location.href = '/pagina/cursus/les.php?les_id='+l[id].tid;
	}
	
	if(l[id].type == 'inleiding') {
//		alert(l[id].tid);
		location.href = '/pagina/cursus/hoofdstuk.php?hoofdstuk_id='+l[id].tid;
	}
	
	oLaatZien();
}

function obouw_html(i) {

	odiv = document.createElement('div');
	odiv.setAttribute('id', 'odiv'+i);
	odiv.className = "treerij";
	
	if(i != menuroot) {
		
		for(j = 0; j < l[i].diepte-1; j++) {
			ovul = document.createElement('img');
			if(streep[j] == 'ja')
				ovul.setAttribute('src', img_streepver);
			else
				ovul.setAttribute('src', img_leeg);
			odiv.appendChild(ovul);
		}
	
		if(l[i].diepte == 2 || show_parent == 'ja') {
			if(l[i].pid != 'geen' && i != l[l[i].pid].ch[l[l[i].pid].ch.length-1]) {		
				ovul = document.createElement('img');
				ovul.setAttribute('src', img_streept);
				odiv.appendChild(ovul);
				streep[l[i].diepte-1] = 'ja';
			}
			else {			
				ovul = document.createElement('img');
				ovul.setAttribute('src', img_streephoek);
				odiv.appendChild(ovul);
				streep[l[i].diepte-1] = 'nee';
			}
		}
	}
	
	ding = document.createElement('div');
	ding.className = "treebalk";

	if(l[i].ch.length > 0 && l[i].type == 'hoofdstuk') {
		dim = document.createElement('img');
		dim.setAttribute("src", img_mapdicht);
		dim.setAttribute("id", "odivm"+i);
		dim.className = "treemap";
		ding.appendChild(dim);
	}
	dsp = document.createElement('span');
	dsp.className = "treetekst " + l[i].klasse;
	plaatje = 'nee';
	if(l[i].naam.indexOf("*") == l[i].naam.length-1) {
		plaatje = 'ja';
		l[i].naam = l[i].naam.substr(0, l[i].naam.length-1);
	}
	dsp.appendChild(document.createTextNode(' '+l[i].naam+' '));	
	ding.appendChild(dsp);	

	if(plaatje == 'ja') {
		dim = document.createElement('img');
		dim.setAttribute("src", "/pagina/plaatjes/nogeenkeer.gif");
		dim.setAttribute("title", "Herhaal les");		
		ding.appendChild(dim);
	}


	odiv.onclick = function() {oopklik(this);};
	odiv.ondblclick = function() {oopklik(this);};
	odiv.appendChild(ding);
	document.getElementById('otree').appendChild(odiv);
	
	if(l[i].ch.length > 0) {
		x++;
		streep[x] = 'ja';
		for(j in l[i].ch)
			obouw_html(l[i].ch[j]);
		x--;
	}
}

function oGaan(i) {

	if(l[i].pid != 'geen')
		if(l[l[i].pid].zichtbaar == 'ja' && l[l[i].pid].od == 'open') 
			l[i].zichtbaar = 'ja';
		else
			l[i].zichtbaar = 'nee';
		
	for(j in l[i].ch)
		oGaan(l[i].ch[j]);	
}

function oLaatZien() {

	oGaan(menuroot);
	for(i in l) {
		if(l[i].zichtbaar == 'ja')
			document.getElementById('odiv'+i).style.display = "block";
		else
			document.getElementById('odiv'+i).style.display = "none";
		if(l[i].ch.length > 0 && l[i].type == 'hoofdstuk')
			if(l[i].od == "open")
				document.getElementById('odivm'+i).setAttribute("src", img_mapopen);
			else
				document.getElementById('odivm'+i).setAttribute("src", img_mapdicht);
	}
}