function submitForm(url)
{
   document.body.style.cursor = 'wait';
  
   var pars = Form.serialize("quiz");
      
   var myAjax = new Ajax.Request(
   url, 
   {
       method: 'post',
       parameters: pars,
       onSuccess: showResponse,
       onComplete: changeCursor                
   });
}
   
function showResponse(response)
{
   document.getElementById('quizform').innerHTML = response.responseText;
}
   
function changeCursor(request, header)
{
   document.body.style.cursor = 'default';
}
   
function showDiv(divName)
{
   var width = 0;
   var height = 0;
   
   document.getElementById("learn").style.display = "none";
   document.getElementById("learnlink").className = "";
   document.getElementById("play").style.display = "none";
   document.getElementById("playlink").className = "";
   document.getElementById("test").style.display = "none";
   document.getElementById("testlink").className = "";
   document.getElementById("read").style.display = "none";
   document.getElementById("readlink").className = "";
   document.getElementById("help").style.display = "none";
   document.getElementById("helplink").className = "";
      
   document.getElementById(divName).style.display = "block";
   document.getElementById((divName + "link")).className = "selected";
   
   // This is a bit of a hack to ensure the shockwave movie
   // works between showing & hiding.
   if (divName == "play") 
   {
      width = 650;
      height = 750;
   }

   document.getElementById("shockFrame").style.height=height;
   document.getElementById("shockFrame").style.width=width;
}