//here you place the ids of each section, global scope to be available to the whole script:
/*var ids = new Array('SantasRun','RowanSuite','JenniferTurner','BelfastMarathon','BasingstokeKnittingGroup','25AnniversaryBall','RotaryClub');
*/




function switchId(id) 
  {
   hideallids();
   showdiv(id);
  }


function hideallids()
  {

var myList = document.getElementById("storySlot");

var ids = new Array();

for (i=0; i<myList.childNodes.length; i++)
{
 
 ids[i] = myList.childNodes[i].id;

}



   //loop through all the array and hide each div id:
    for (var i=0;i<ids.length;i++)
     {
      hidediv(ids[i]);
     }
  }


function hidediv(id)
  {
   //safe function to hide an element with a specified Id:
    if (document.getElementById)   // DOM3 = IE5, NS6
       {
         document.getElementById(id).style.display = 'none';
       }
     else
       {
         if (document.layers)      // Netscape 4
           {
            document.id.display = 'none';
           }
         else
           {     // IE4
            document.all.id.style.display = 'none';
           }
        }
  }


function showdiv(id)
  {
   //safe function to show an element with a specified ID:
    if (document.getElementById)  // DOM3 = IE5, NS6
     {
      document.getElementById(id).style.display = 'block';
     }
    else
     {
      if (document.layers)  // Netscape 4
       {
        document.id.display = 'block';
       }
      else    // IE4
       {
        document.all.id.style.display = 'block';
       }
     }
  }