//
//	Set up all accordion
//
function loadAccordions() {
	var verticalAccordion = new accordion('vertical_container', {
		classNames : {
			toggle : 'vertical_accordion_toggle',
			toggleActive : 'vertical_accordion_toggle_active',
			content : 'vertical_accordion_content'
		},
		defaultSize : {
			width : 880
		},
		direction : 'vertical'
	});
	
	// check query string to see if an accordion should be loaded
	// querystring variable "s" corresponds to section number 0-3
	var section = getQueryVar("s");
	if (section) {
		// Open requested one
		verticalAccordion.activate($$('#vertical_container .vertical_accordion_toggle')[section]);
	} else {
		// Open default
		verticalAccordion.activate($$('#vertical_container .accordion_toggle')[0]);
		verticalAccordion.activate($$('#vertical_container .vertical_accordion_toggle')[2]);
	}
}	

function changeBigImage(prefix, newClassName){
	document.getElementById(prefix + 'change').className = newClassName;
	positionTip(prefix);
	showTip(newClassName);
}

function getQueryVar(name){
	var qry = window.location.search.substring(1);
	var pieces = qry.split("&");
	for (i=0;i<pieces.length;i++){
		var vars = pieces[i].split("=");
		if (vars[0] == name) return vars[1];
	}
}
//
//	needed to open the first accordion nwith id="introductie" 
//
function closeTip(){
	document.getElementById("introductie").style.display = "none";
}