var vakKnop = null;
var themaTimerStart = 0;
var themaTimerStart2 = 0;
var themaTimerStart3 = 0;
var IStudiePopup;

function oplinfoHeight()
{
	hoogte = document.getElementById('site_placeholder').style.height;
	document.getElementById('mask').style.height = hoogte;
}

function initTM() {
	tli = document.getElementById('themelistitems_bg');
	if(tli.addEventListener) {
		document.addEventListener('click',knopVakgebieden,false);
	} else if(tli.attachEvent) {
		document.attachEvent('onclick', knopVakgebieden);
	} 
}

function knopVakgebieden(e){
	var date = new Date(); 
	var now = date.getTime(); 
	
	/** 
	 * This prevents those browsers that like to bubble 
	 * their events (those, not using w3c event model
	 */
	if(now-themaTimerStart > 100) {
		themaTimerStart = now;
	} else {
		return;
	}

	var ele;
	if(!e)
		var e = window.event;
		
	ele = (e.srcElement?e.srcElement:e.target); 
	if (ele.nodeType == 3) 
		ele = ele.parentNode;
	
	if (vakKnop == null){
		vakKnop = document.getElementById('themelistitems_bg');
	}
	
	var parent = ele.parentNode; 
	while(parent.nodeType != 1) {
		parent = parent.parentNode;
	}


	if(ele.id == 'themelist2' || parent.id == 'themelist2') {
		if(window.event) { e.cancelBubble = true; } else { e.stopPropagation(); }
	
		if(vakKnop.style.visibility == 'visible') {
			vakKnop.style.visibility = 'hidden';
		} else {
			vakKnop.style.visibility = 'visible';
		}	
	} else {
		vakKnop.style.visibility = 'hidden';	
	}
	
}

function knopVakgebieden2()
{
	vakKnop = document.getElementById('themelistitems_bg');
	if(vakKnop.style.visibility == 'visible') 
	{ }
	else if(vakKnop.style.visibility == 'hidden')
	{
		vakKnop.style.visibility = 'visible';
	}
}

function switchThemeListItems2()
{
	themelistItems2 = document.getElementById('themelistitems3_bg');
	themelistItems3 = document.getElementById('themelistitems3b_bg');
	if(themelistItems3.style.visibility == 'hidden')
	{
		if(themelistItems2.style.visibility == 'visible') 
		{
			themelistItems2.style.visibility = 'hidden';
		}
		else
		{
			themelistItems2.style.visibility = 'visible';
			themelistItems2.style.marginLeft = '180px';
		}
	}
	else
	{
		if(themelistItems2.style.visibility == 'visible')
		{
			themelistItems2.style.visibility = 'hidden';
			document.getElementById('themelistitems3b_bg').style.marginLeft = '180px';
		}
		else
		{
			themelistItems2.style.visibility = 'visible';
			document.getElementById('themelistitems3b_bg').style.marginLeft = '420px';
		}
	}		
}

function switchThemeListItems3()
{
	themelistItems4 = document.getElementById('themelistitems3_bg');
	themelistItems5 = document.getElementById('themelistitems3b_bg');
	if(themelistItems5.style.visibility == 'hidden')
	{
		if(themelistItems4.style.visibility == 'visible')
		{
			themelistItems5.style.marginLeft = '420px';
		}
		themelistItems5.style.visibility = 'visible';
	}
	else
	{
		themelistItems5.style.marginLeft = '180px';
		themelistItems5.style.visibility = 'hidden';
	}
}

/**
* This function 'opens' en 'closes' the I-studiefaciliteiten pop-up box
**/
function switchIStudie()
{	
	IStudiePopup = document.getElementById('iStudieFaciliteiten_popup');

	if(IStudiePopup.style.visibility == 'visible')
	{
		IStudiePopup.style.visibility = 'hidden';
	} 
	else
	{
		IStudiePopup.style.visibility = 'visible';
	}		
}

/** 
 * Cookie writer for HBX
 */
 
var query = unescape(window.location.search.substring(1));
var tmp = query.split('&');
var parameters = new Array();
parameters['cmp'] = '';
for (var i = 0; i < tmp.length; i++) {
	var pos = tmp[i].indexOf('=');
	if (pos > 0) {
		var key = tmp[i].substring(0, pos);
		var val = tmp[i].substring(pos + 1);
		parameters[key] = val;
	}
}
var oc = parameters['cmp'];
var oc = oc.substr(4);
var datum = new Date();
datum.setTime(datum.getTime() + 1000 * 60 * 60 * 24 * 365);

if(oc!=''){
	document.cookie = "oorzaakCodeCookie=" + oc + "; expires=" + datum.toGMTString() + "; domain=loi.nl; path=/";
}

/** 
 * Einde cookie writer for HBX
 */
 
function toTop() {
	var windows;
	floatMenu();
	windows = (navigator.userAgent.toLowerCase().indexOf("win") != -1) ? true : false;
	if (windows) {
		window.onscroll = floatMenu;
		window.onresize = floatMenu;
	} else {
		setInterval("floatMenu()", 10)
	}
}

/** 
 * Initializing stuff for the page 
 */
//var toc = new floatingMenu();
window.onload = function() {	
	try {
		toTop();
	} catch(y) {  }
	try {
		initTM();
	} catch(y) {  }
	try {
		oplinfoHeight();
	} catch(z) {  }
}

function switchTwistie(id, def){
	element = document.getElementById(id);	
	
	if(element.style.display == '' && def != null) {
		element.style.display = def;
	}
	
	if('block' == element.style.display ){
		element.style.display = 'none';
		if (element.parentElement){
			if(element.parentElement.firstChild.nodeName != 'A') {
				element.parentElement.firstChild.firstChild.className = 'collapse';
			} else {
				element.parentElement.firstChild.className = 'collapse';
			}
		} else{
			links = document.evaluate('descendant::a', element.parentNode, null, XPathResult.ORDERED_NODE_SNAPSHOT_TYPE, null);
			links.snapshotItem(0).setAttribute('class', 'collapse');
		}
	} else{
		element.style.display = 'block';
		if (element.parentElement){
			if(element.parentElement.firstChild.nodeName != 'A') {
				// This is not so pretty, but it solves the issue when we have 
				// wrapped the a-tagg with for example a h3 tagg (see ALL_COURSES_TPL)
				element.parentElement.firstChild.firstChild.className = 'expand';
			} else {
				element.parentElement.firstChild.className = 'expand';
			}
		} else{
			links = document.evaluate('descendant::a', element.parentNode, null, XPathResult.ORDERED_NODE_SNAPSHOT_TYPE, null);
			links.snapshotItem(0).setAttribute('class', 'expand');
		}
	}
}