/***********************************************
Expanding boxes script
***********************************************/

var state = new Array();
for (j=0;j<=200;j++) {
 		state[j] = "hidden";
}

var resultstate = new Array();
for (k=0;k<=200;k++) {
 		resultstate[k] = "hidden";
}

var questionsdone = new Array();


function putactive(i) {
				 state[i] = "active";
}
  
function questionover(i) {
			
			question = document.getElementById("question"+i);
			questiontitle = document.getElementById("question"+i+"title");
			questiontop = document.getElementById("question"+i+"top");
			
			if (state[i] == "hidden") {
				 question.className = 'questionover';
				 questiontitle.className = 'questiontitleover';
				 questiontop.className = 'questiontopover';
			}
			
			if (state[i] == "active") {
				 question.className = 'questionactiveover';
				 questiontitle.className = 'questiontitleactiveover';
				 questiontop.className = 'questiontopactiveover';
			}
			
			
}

function questionout(i) {
			
			question = document.getElementById("question"+i);
			questiontitle = document.getElementById("question"+i+"title");
			questiontop = document.getElementById("question"+i+"top");
			
			if (state[i] == "hidden") {
				 question.className = 'questionhidden';
				 questiontitle.className = 'questiontitlehidden';
				 questiontop.className = 'questiontophidden';
			}
			
			if (state[i] == "active") {
				 question.className = 'questionactive';
				 questiontitle.className = 'questiontitleactive';
				 questiontop.className = 'questiontopactive';
			}
			
			
}

function questionactivate(i) {
			
			//alert("test"+i);
			
			question = document.getElementById("question"+i);
			questiontitle = document.getElementById("question"+i+"title");
			questiontop = document.getElementById("question"+i+"top");
			arrows = document.getElementById("arrows_"+i);
			
			if (state[i] == "hidden") {
				 //alert("test2");
				 state[i] = "active";
				 question.className = 'questionactive';
				 questiontitle.className = 'questiontitleactive';
				 questiontop.className = 'questiontopactive';
				 arrows.src = '/Images/arrows_up.gif';
				 
			}
			
			else {
    			if (state[i] == "active") {
    				 state[i] = "hidden";
    				 question.className = 'questionhidden';
    				 questiontitle.className = 'questiontitlehidden';
    				 questiontop.className = 'questiontophidden';
						 arrows.src = '/Images/arrows_down.gif';
    			
    			}
			}
			
			
			
}

function enablestop(question,aantal) {
				
				$enable = true;
				questionsdone[question] = "yes";
				for (j=0;j<aantal;j++) {
					 			if (questionsdone[j] != "yes") { $enable = false; }
				}
				if ($enable == true) {
					 			document.getElementById('stopquiz').disabled=false;
				}
				 
}


function resultactive(i) {
				 resultbox = document.getElementById("results_"+i);
				 image = document.getElementById("plus_"+i);
				 if (resultstate[i] == "active") {
				 			resultstate[i] = "hidden";
							resultbox.className = 'resultboxhidden';
							image.src = '/Images/bullet_toggle_plus.gif';
							//alert(resultstate[i]);
				 }
				 else {
				 			if (resultstate[i] == "hidden") {
  				 			resultstate[i] = "active";
  							resultbox.className = 'resultboxactive';
  							image.src = '/Images/bullet_toggle_minus.gif';
  							//alert(resultstate[i]);
							}
				 }
				 
}

function collapse(start,end) {
				for (i=start;i<end;i++) {
						question = document.getElementById("question"+i);
						questiontitle = document.getElementById("question"+i+"title");
						questiontop = document.getElementById("question"+i+"top");
						arrows = document.getElementById("arrows_"+i);
						state[i] = "hidden";
    				question.className = 'questionhidden';
    				questiontitle.className = 'questiontitlehidden';
    				questiontop.className = 'questiontophidden';
						arrows.src = '/Images/arrows_down.gif';
				}
				
				//alert('test');
				
}

function expand(start,end) {
				for (i=start;i<end;i++) {
						question = document.getElementById("question"+i);
						questiontitle = document.getElementById("question"+i+"title");
						questiontop = document.getElementById("question"+i+"top");
						arrows = document.getElementById("arrows_"+i);
						state[i] = "active";
				 		question.className = 'questionactive';
				 		questiontitle.className = 'questiontitleactive';
				 		questiontop.className = 'questiontopactive';
				 		arrows.src = '/Images/arrows_up.gif';
				}
				
				//alert('test');
				
}