function showHide(theID) {
  if (document.getElementById("menu" + theID).style.display == "none") {
    document.getElementById("menu" + theID).style.display = "block";
    document.getElementById("img" + theID).src = "/Images/btnMinus.gif";
  }
  else {
    document.getElementById("menu" + theID).style.display = "none";
    document.getElementById("img" + theID).src = "/Images/btnPlus.gif";

     }
   }

   Rollimage = new Array()
   OrigImage = new Array()

   Rollimage[0] = new Image(95, 23)
   Rollimage[0].src = "/images/homebuttonroll.jpg"

   Rollimage[1] = new Image(95, 23)
   Rollimage[1].src = "/Images/barristersbuttonroll.jpg"

   Rollimage[2] = new Image(95, 23)
   Rollimage[2].src = "/images/clerksbuttonroll.jpg"

   Rollimage[3] = new Image(95, 23)
   Rollimage[3].src = "/images/PublicAccessRoll.jpg"

   Rollimage[4] = new Image(95, 23)
   Rollimage[4].src = "/images/eventsseminarsbuttonroll.jpg"

   Rollimage[5] = new Image(95, 23)
   Rollimage[5].src = "/images/contactusbuttonroll.jpg"

   Rollimage[6] = new Image(182, 104)
   Rollimage[6].src = "/images/membershomepagebuttonroll.jpg"

   Rollimage[7] = new Image(182, 104)
   Rollimage[7].src = "/images/clerkshomepagebuttonroll.jpg"
   
   Rollimage[8] = new Image(182, 104)
   Rollimage[8].src = "/images/publicaccesshomepagebuttonroll.jpg"

   Rollimage[9] = new Image(95, 23)
   Rollimage[9].src = "/images/pupilagebuttonroll.jpg"   


   OrigImage[0] = new Image(95, 23)
   OrigImage[0].src = "/images/homebutton.jpg"

   OrigImage[1] = new Image(95, 23)
   OrigImage[1].src = "/Images/barristersbutton.jpg"

   OrigImage[2] = new Image(95, 23)
   OrigImage[2].src = "/images/clerksbutton.jpg"

   OrigImage[3] = new Image(95, 23)
   OrigImage[3].src = "/images/PublicAccess.jpg"

   OrigImage[4] = new Image(95, 23)
   OrigImage[4].src = "/images/eventsseminarsbutton.jpg"

   OrigImage[5] = new Image(95, 23)
   OrigImage[5].src = "/images/contactusbutton.jpg"

   OrigImage[6] = new Image(182, 104)
   OrigImage[6].src = "/images/membershomepagebutton.jpg"

   OrigImage[7] = new Image(182, 104)
   OrigImage[7].src = "/images/clerkshomepagebutton.jpg"

   OrigImage[8] = new Image(182, 104)
   OrigImage[8].src = "/images/PublicAccessHomepageButton.jpg"

   OrigImage[9] = new Image(95, 23)
   OrigImage[9].src = "/images/pupilagebutton.jpg"      

   function swopOver(theID, x) {
     document.getElementById(theID).src = Rollimage[x].src;
   }

   function swopBack(theID, x) {
     document.getElementById(theID).src = OrigImage[x].src;
   }

   function swopOverStaff(theID, theImage) {
     if (theImage != 'NoImage') { 
      document.getElementById(theID).src = "/Images/Staff/" + theImage + "roll.jpg";
     }
     
    
   }

   function swopBackStaff(theID, theImage) {
     if (theImage != 'NoImage') {
       document.getElementById(theID).src = "/Images/Staff/" + theImage + ".jpg";
     }
     
   }