// set the event handler
window.onload = initDocumentEvents;


// this is what is done when the document is fully loaded...
function initDocumentEvents()
{		
	initDocument();
	
	//alert("your mum");
	showHide('a1');
	showHide('a2');
	showHide('a3');
	showHide('a4');
	showHide('a5');
	showHide('a6');
	showHide('a7');
	showHide('a8');
	showHide('a9');
	showHide('a10');
	showHide('a11');
	showHide('a12');
	
	setOnClick('q1');
	setOnClick('q2');
	setOnClick('q3');
	setOnClick('q4');
	setOnClick('q5');
	setOnClick('q6');
	setOnClick('q7');
	setOnClick('q8');
	setOnClick('q9');
	setOnClick('q10');
	setOnClick('q11');
	setOnClick('q12');
	
	
}



//shows or hides the given element
function showHide(id)
{
	var thing = document.getElementById(id);
	if (thing.style.display == ''){
		thing.style.display = 'none';
	}else{
		thing.style.display = '';
	}
}

// assigns onmouseclick value to given heading.
function setOnClick(id){
	var thing = document.getElementById(id);
	thing.style.cursor='pointer';
	thing.onclick = function(){
		//alert("your mum");
		var id = this.id;
		var idNumber=id.replace(/q/, "a");
		showHide(idNumber);
	}
}