function SliderChange(newSlide, Timed)
{
  // if they clicked back, add 1 to the slide number, else minus 1
  if(newSlide == 'plus')
  {SlideNumber = SlideNumber + 1;}
  else
  {SlideNumber = SlideNumber - 1;}

  // get the div that we want to change the content
  var slide = document.getElementById("Slider");

  // change the content depending on what slide number we have got.
  // add as many case statements as you like dude
  // you can put what ever you like in the quotes (to replace slide 1...) even html, tables and images and stuff...
  switch(SlideNumber) 
  {
    case 1: slide.innerHTML = "<img src=images/2006.3.6-1777.jpg width=200>"; break;
    case 2: slide.innerHTML = "<img src=images/2006.1.1-DSC00098.jpg width=300>"; break;
    case 3: slide.innerHTML = "<img src=images/2005.2.5-Img_0757.jpg width=275>"; break;
    case 4: slide.innerHTML = "<img src=images/2005.4.14-grading-038.jpg width=175>"; break;
    case 5: slide.innerHTML = "<img src=images/2006.2.1-DSC00041.jpg width=225>"; break;
    case 6: slide.innerHTML = "<img src='images/2005.6.9-Grading-jul-05-029.jpg' width=200>"; break;
    default: slide.innerHTML = "<img src='images/2005.5.4-Dsc00405.jpg' width=200>"; SlideNumber = 0; break; // show this when we have an unknown slide number
  }  

  if(Timed == 'Y')
  {TimerSlide();}
  else
  {clearTimeout(t);}
}

function TimerSlide()
{
  // set to change every 5 seconds
  t = setTimeout("SliderChange('plus', 'Y')", 5000);
}