var boardRevealed = 1;
   
   var boardOver = 1;
   function rollOverBoard(id) {
      var lastPhoto = "photo_cell" + boardOver;
      var curPhoto = "photo_cell" + id;
      
      //Removes the over class from the photo the mouse was over last.
      if(document.getElementById(lastPhoto)) {
         document.getElementById(lastPhoto).className='photo';
      }
      
      //Applies the over class to the photo that the mouse is over.
      if(document.getElementById(curPhoto)) {
         document.getElementById(curPhoto).className='photo_over';
      }
      
      boardOver = id;
   }
   
   function clickBoard(id) {
      if (id !=boardRevealed ) {
         
         var lastPhoto = "photo" + boardRevealed;
         var curPhoto = "photo" + id;
///alert(curPhoto);
   //var newSrc = "images/board/photo" + id + ".jpg";

         var lastText = "speaker_text" + boardRevealed;
         var curText = "speaker_text" + id;
         
         
         //Fades the last selected photo back to 100% opacity
         new Effect.Opacity(lastPhoto, {duration:0.4, from:0.4, to:1});
         
         //Fades the selected photo to 40% opacity
         new Effect.Opacity(curPhoto, {duration:0.4, from:1.0, to:0.4});
         
      //Changes which photo appears in the top section
      //document["selectedPhoto"].src = newSrc;
//document["selectedPhoto"].src = document[curPhoto].src;
document.getElementById("selectedPhoto").src = document.getElementById(curPhoto).src;
document.getElementById("selectedPhoto").alt = document.getElementById("selectedPhoto").title = document.getElementById(curPhoto).title;
//alert(curPhoto);
         
         //Changed the text in the top section
         if(document.getElementById(lastText)) {
            document.getElementById(lastText).className='text_off';
         }
         if(document.getElementById(curText)) {
            document.getElementById(curText).className='text_on';
         }
         
         boardRevealed = id;
      }
   }