// Dont modify this
     var imageArray = new Array();

     // How fast you want the fade to happen (change in opacity rate)
     var transitionSpeed = 3;
      // How fast (in millisecond) each fade should occur in (10 will be default)
     var fadeCallSpeed = 30;

     /**
      * ImageID is the string version of the <img> object that has a 'slideshow'
      * images is an array of img src values
      */
     function setImages( ImageID, arImages )
     {
          if( !imageArray[ ImageID ] )
               imageArray[ ImageID ] = new Array();

          imageArray[ ImageID ][ 'maxImages' ] = arImages.length;
          imageArray[ ImageID ][ 'canSwap' ] = true;
          imageArray[ ImageID ][ 'fadeOut' ] = null;
          imageArray[ ImageID ][ 'fadeIn' ] = null;

          // Set the start position (starting image -- this will not reflect in the browse but helps
          // us to determine what image to show next)
          imageArray[ ImageID ][ 'curPos' ] = 0;

          // For every image in the array, set them as the image for imageArray
          for( var i = 0; i < arImages.length; i++ )
          {
               imageArray[ ImageID ][ i ] = arImages[ i ];
          }
     }

     function nextImage( imageID )
     {
          // Make sure we are aloud to swap images out
          if( imageArray[ imageID ][ 'canSwap' ] == false )
               return;
          // Get this images array information
          var imgArray = imageArray[ imageID ];
          // Go up one image
          imgArray[ 'curPos' ] ++;
          // If we are too far, reset imgArray
          if( imgArray[ 'curPos' ] == imgArray[ 'maxImages' ] )
               imgArray[ 'curPos' ] = 0;
          // No more swapping until we're finished!
          imageArray[ imageID ][ 'canSwap' ] = false;
          // Begin fading the first image out
          imgArray['fadeOut'] = setInterval( 'fadeImage( \''+imageID+'\', false )', fadeCallSpeed);
     }

     function fadeImage( szImageID, bIn )
     {
          //alert(bIn);
          // get the image
          var oImg = document.getElementById( szImageID );
          if (navigator.appName.indexOf("Netscape")!=-1
               &&parseInt(navigator.appVersion) >=5 )
          {
               if( bIn )
               {
                    var curOpacity = parseFloat( oImg.style.MozOpacity );
                    // Add new value
                    curOpacity += (transitionSpeed / 100.0);
                    oImg.style.MozOpacity = curOpacity;
               }
               else
               {
                    oImg.style.MozOpacity -= (transitionSpeed / 100.0);
               }

               if( (oImg.style.MozOpacity <= .05 && !bIn) || (oImg.style.MozOpacity >= .95 && bIn) )
               {
                    if( bIn )
                    {
                         imageArray[ szImageID ][ 'canSwap' ] = true;
                         clearInterval( imageArray[szImageID]['fadeIn'] );
                    }
                    else
                    {
                         clearInterval( imageArray[szImageID]['fadeOut'] );
                         oImg.src = imageArray[ oImg.id ][ imageArray[ oImg.id ][ 'curPos' ] ];
                         imageArray[szImageID]['fadeIn'] = setInterval( 'fadeImage( \''+szImageID+'\', true )', fadeCallSpeed);
                         // Swap the image itself
                    }
               }
          }
          else if (navigator.appName.indexOf("Microsoft")!= -1
               &&parseInt(navigator.appVersion)>=4)
          {
               if( bIn )
               {
                    oImg.filters.alpha.opacity += transitionSpeed;
               }
               else
               {
                    oImg.filters.alpha.opacity -= transitionSpeed;
               }
               if( oImg.filters.alpha.opacity <= 5 || oImg.filters.alpha.opacity >= 95 )
               {
                    if( bIn )
                    {
                         imageArray[ szImageID ][ 'canSwap' ] = true;
                         clearInterval( imageArray[szImageID]['fadeIn'] );
                    }
                    else
                    {
                         clearInterval( imageArray[szImageID]['fadeOut'] );
                         oImg.src = imageArray[ oImg.id ][ imageArray[ oImg.id ][ 'curPos' ] ];
                         imageArray[szImageID]['fadeIn'] = setInterval( 'fadeImage( \''+szImageID+'\', true )', fadeCallSpeed);
                         // Swap the image itself
                    }
               }
          }

          if (document.layers){ clearInterval(si); }
     }

     // Some of the pictures I want to go through for my transition image  (These array names DO NOT matter and are only needed for SET IMAGES function)
     var FirstCol = new Array();
     FirstCol [ 0 ] = 'images/1.jpg'; FirstCol [ 1 ] = 'images/1a.jpg';
     FirstCol [ 2 ] = 'images/1b.jpg'; FirstCol [ 3 ] = 'images/1c.jpg';

     var SecCol = new Array();
     SecCol[ 0 ] = 'images/2.jpg'; SecCol[ 1 ] = 'images/2a.jpg';
     SecCol[ 2 ] = 'images/2b.jpg'; SecCol[ 3 ] = 'images/2c.jpg';

	 var ThirdCol = new Array();
     ThirdCol[ 0 ] = 'images/3.jpg'; ThirdCol[ 1 ] = 'images/3a.jpg';
     ThirdCol[ 2 ] = 'images/3b.jpg'; ThirdCol[ 3 ] = 'images/3c.jpg';

     var FourthCol = new Array();
     FourthCol[ 0 ] = 'images/4.jpg'; FourthCol[ 1 ] = 'images/4a.jpg';
     FourthCol[ 2 ] = 'images/4b.jpg'; FourthCol[ 3 ] = 'images/4c.jpg';

     var FifthCol = new Array();
     FifthCol[ 0 ] = 'images/5.jpg'; FifthCol[ 1 ] = 'images/5a.jpg';
     FifthCol[ 2 ] = 'images/5b.jpg'; FifthCol[ 3 ] = 'images/5c.jpg';

	 var SixthCol = new Array();
     SixthCol[ 0 ] = 'images/6.jpg'; SixthCol[ 1 ] = 'images/6a.jpg';
     SixthCol[ 2 ] = 'images/6b.jpg'; SixthCol[ 3 ] = 'images/6c.jpg';

     var SeventhCol = new Array();
     SeventhCol[ 0 ] = 'images/7.jpg'; SeventhCol[ 1 ] = 'images/7a.jpg';
     SeventhCol[ 2 ] = 'images/7b.jpg'; SeventhCol[ 3 ] = 'images/7c.jpg';
     // Set up your images here


    setImages( 'transition1', FirstCol );
    setImages( 'transition2', SecCol );
    setImages( 'transition3', ThirdCol );
	setImages( 'transition4', FourthCol );
    setImages( 'transition5', FifthCol );
	setImages( 'transition6', SixthCol );
	setImages( 'transition7', SeventhCol );


     // The names you pass into setImages, ie 'transition', needs to match an images id tag below in the table.