var fadeLevel = 25;                     // Initial fade level -> 25%
var delay = 2;                          // How long to sit on an image (sec)
var fadeDelay = 1;                      // How long to fade each image (100 mSec)
var fadeStep = 10;                      // fadeLevel increment
var imageNumber = 0;                    // Current image being shown
var totalImages = 56;                   // Number of images to be shown
var stage = 2;                          // Fade in; Hold; Fade out
var maxFadeIn = 100;                    // Upper limit for fadeLevel
var minFadeOut = 10;                    // Lower limit for fadeLevel
var showRunning = false;                // Show status
var showID;                             // Show control

img1 = new Image();
img1.src = "pics/1.jpg";
img2 = new Image();
img2.src = "pics/2.jpg";
img3 = new Image();
img3.src = "pics/3.jpg";
img4 = new Image();
img4.src = "pics/4.jpg";
img5 = new Image();
img5.src = "pics/5.jpg";
img6 = new Image();
img6.src = "pics/6.jpg";
img7 = new Image();
img7.src = "pics/7.jpg";
img8 = new Image();
img8.src = "pics/8.jpg";
img9 = new Image();
img9.src = "pics/9.jpg";
img10 = new Image();
img10.src = "pics/10.jpg";
img11 = new Image();
img11.src = "pics/11.jpg";
img12 = new Image();
img12.src = "pics/12.jpg";
img13 = new Image();
img13.src = "pics/13.jpg";
img14 = new Image();
img14.src = "pics/14.jpg";
img15 = new Image();
img15.src = "pics/15.jpg";
img16 = new Image();
img16.src = "pics/16.jpg";
img17 = new Image();
img17.src = "pics/17.jpg";
img18 = new Image();
img18.src = "pics/18.jpg";
img19 = new Image();
img19.src = "pics/19.jpg";
img20 = new Image();
img20.src = "pics/20.jpg";
img21 = new Image();
img21.src = "pics/21.jpg";
img22 = new Image();
img22.src = "pics/22.jpg";
img23 = new Image();
img23.src = "pics/23.jpg";
img24 = new Image();
img24.src = "pics/24.jpg";
img25 = new Image();
img25.src = "pics/25.jpg";
img26 = new Image();
img26.src = "pics/26.jpg";
img27 = new Image();
img27.src = "pics/27.jpg";
img28 = new Image();
img28.src = "pics/28.jpg";
img29 = new Image();
img29.src = "pics/29.jpg";
img30 = new Image();
img30.src = "pics/30.jpg";
img31 = new Image();
img31.src = "pics/31.jpg";
img32 = new Image();
img32.src = "pics/32.jpg";
img33 = new Image();
img33.src = "pics/33.jpg";
img34 = new Image();
img34.src = "pics/34.jpg";
img35 = new Image();
img35.src = "pics/35.jpg";
img36 = new Image();
img36.src = "pics/36.jpg";
img37 = new Image();
img37.src = "pics/37.jpg";
img38 = new Image();
img38.src = "pics/38.jpg";
img39 = new Image();
img39.src = "pics/39.jpg";
img40 = new Image();
img40.src = "pics/40.jpg";
img41 = new Image();
img41.src = "pics/41.jpg";
img42 = new Image();
img42.src = "pics/42.jpg";
img43 = new Image();
img43.src = "pics/43.jpg";
img44 = new Image();
img44.src = "pics/44.jpg";
img45 = new Image();
img45.src = "pics/45.jpg";
img46 = new Image();
img46.src = "pics/46.jpg";
img47 = new Image();
img47.src = "pics/47.jpg";
img48 = new Image();
img48.src = "pics/48.jpg";
img49 = new Image();
img49.src = "pics/49.jpg";
img50 = new Image();
img50.src = "pics/50.jpg";
img51 = new Image();
img51.src = "pics/51.jpg";
img52 = new Image();
img52.src = "pics/52.jpg";
img53 = new Image();
img53.src = "pics/53.jpg";
img54 = new Image();
img54.src = "pics/54.jpg";
img55 = new Image();
img55.src = "pics/55.jpg";
img56 = new Image();
img56.src = "pics/56.jpg";

function stopShow()
{
 if(showRunning)
  {
   clearTimeout(showID);
  }
 showRunning = false;
 return true;
}

function startShow()
{
 stopShow();
 imageNumber = 1;
 otherFunction();
}

function otherFunction()
{
 // Determine what needs to be done
 switch ( stage )
 {
  // Need to fade in the image
  case 1:
   fadeIt(fadeLevel);
   if ( fadeLevel < maxFadeIn )
   {
    fadeLevel = fadeLevel + fadeStep;
   }
   else
   {
    fadeLevel = maxFadeIn;
    stage = 2;
   }
   showID = setTimeout ("otherFunction()", fadeDelay * 100);
   showRunning = true;
   break;
  case 2:
   stage = 3;
   showID = setTimeout ("otherFunction()", delay * 1000);
   showRunning = true;
   break;
  case 3:
   fadeIt(fadeLevel);
   if ( fadeLevel > minFadeOut )
   {
    fadeLevel = fadeLevel - fadeStep;
   }
   else
   {
    fadeLevel = minFadeOut;
    stage = 1;
    if ( imageNumber < totalImages )
    {
     imageNumber = imageNumber + 1;
    }
    else
    {
     imageNumber = 1;
    }
    document.weddingPicture.src = eval("img" + imageNumber + ".src");
   }
   showID = setTimeout ("otherFunction()", fadeStep);
   showRunning = true;
   break;
  default:
   break;
 }
}

function fadeIt(level)
{
 var object = document.weddingPicture.style;
 object.opacity = ( level / 101 );
 object.MozOpacity = ( level / 101 );
 object.KhtmlOpacity = ( level / 101 );
 object.filter = "alpha(opacity=" + level + ")";
}