var selected=1;

function changeOpacity(opacity)
{
  var object = document.getElementById("photo"+selected).style;
  object.opacity = (opacity / 100);
  object.KhtmlOpacity = (opacity / 100);
  object.filter = "alpha(opacity=" + opacity + ")";
}

function changePhoto(photo)
{
  document.getElementById("photo"+selected).style.display='none';

  selected=photo;
  changeOpacity(0);
  document.getElementById("photo"+photo).style.display='inline';
}

function pageno(newPage)
{
  if (newPage < 1)
    newPage = 1;

  if (newPage > maxImage)
    newPage = maxImage;

  if (selected == newPage)
      return;

  document.getElementById("href"+selected).className="hyperlink";
  document.getElementById("href"+newPage).className="selected";

  var timer = 0;
  for (var opacity = 100; opacity >= 0; opacity -= 4)
  {
    setTimeout("changeOpacity(" + opacity + ")", (++ timer * 20));
  }

  setTimeout("changePhoto('" + newPage + "')", (++ timer * 20));

  for (opacity = 0; opacity <= 100; opacity += 4)
  {
    setTimeout("changeOpacity(" + opacity + ")", (++ timer * 20));
  }
}

function next()
{
  var current=selected;
  pageno (++ current);
}

function prev()
{
  var current=selected;
  pageno (-- current);
}


// ------
left = new Image(20,11)
left.src = "images/left.jpg";

left_on = new Image(20,11)
left_on.src = "images/left_on.jpg";

right = new Image(20,11)
right.src = "images/right.jpg";

right_on = new Image(20,11)
right_on.src = "images/right_on.jpg";


function leftOn ()
{
  document.getElementById("Left").src = left_on.src;
}

function leftOff ()
{
  document.getElementById("Left").src = left.src;
}


function rightOn ()
{
  document.getElementById("Right").src = right_on.src;
}

function rightOff ()
{
  document.getElementById("Right").src = right.src;
}