var curelement = 'Wipe1'; // Starting element that is on top
var wipenum = 4; // Number of elements that are stacked
var wipewidth = 582; // How far (in pixels) to slide before stopping
var isrunning = false; // prevent multiple clicks for slideLeft

// Slide an element left out of view
// Then send it back under the other elements back into position
function slideLeft(newelement,pos)
{
  if (newelement == curelement)
  {
    return;
  }
  if (!pos)
  {
    if (isrunning)
    {
      return;
    }
    pos = 0;
    sendToBack(curelement);
    setZIndex(newelement,2);
    changeElementClass(curelement + 'Button','Deselected');
    changeElementClass(newelement + 'Button','Selected');
    isrunning = true;
  }
  if (pos <= -wipewidth)
  {
    setZIndex(curelement,1);
    setZIndex(newelement,3);
    document.getElementById(curelement).style.left = 0;
    curelement = newelement;
    isrunning = false;
    return;
  }
  var newpos = (parseInt(pos) - 20);
  document.getElementById(curelement).style.left = parseInt(newpos) + 'px';
  setTimeout('slideLeft("' + newelement + '",' + newpos + ');',10);
}

// Send all elements to z-index 1, argument is the excepted element
function sendToBack(except)
{
  for (i = 1; i <= wipenum; i++)
  {
    if ('Wipe' + i != except)
    {
      document.getElementById('Wipe' + i).style.zIndex = 1;
    }
  }
}

// Unhide multiple hidden elements
function restoreImages()
{
  for (i = 1; i <= wipenum; i++)
  {
    makeElementVisible('Wipe' + i);
  }
}

// Delay of the restoreImages() function
function delayRestoreImages()
{
  setTimeout('restoreImages();',700);
}

// Unhide an element (change style visibility = 'visible'
function makeElementVisible(element)
{
  document.getElementById(element).style.visibility = 'visible';
}

// Attach the delayRestoreImages() function
if (typeof window.addEventListener != 'undefined')
{
  window.addEventListener('load', delayRestoreImages, false);
}
else if (typeof document.addEventListener != 'undefined')
{
  document.addEventListener('load', delayRestoreImages, false);
}
else if (typeof window.attachEvent != 'undefined')
{
  window.attachEvent('onload', delayRestoreImages);
}