function togglediv(id) {
	    //first hide question box and whatever object is currently displayed
		
				

        document.getElementById('questionbox').style.display="none";
		document.getElementById('object1').style.display="none";
		document.getElementById('object2').style.display="none";
		document.getElementById('object3').style.display="none";
		document.getElementById('object4').style.display="none";
		document.getElementById('object5').style.display="none";
		
		//display the answerbox
		document.getElementById('answerbox').style.display="block";
		//hide all the interior div tags
	
  //display the requested object	
	switch(id)
{
case 1:
  //display object1 div
  document.getElementById('object1').style.display="block";
  break;
case 2:
  document.getElementById('object2').style.display="block";
  break;
case 3:
  document.getElementById('object3').style.display="block";
  break;
case 4:
  document.getElementById('object4').style.display="block";
  break;
case 5:
  document.getElementById('object5').style.display="block";
  break;
  
}
		
}