var textImage = null;
var currentPosition = 300;
var textImageObject = null;
var mainImageObject = null;
var mainImageArray = null;
var textImageArray = null;
var imageIndex = 0;
var delay = 250;

var temp;


function textSliderInitializer(mainImageId, textImageId)
{
   if (textImageObject == null)
   {
      if(document.getElementById)
      {
         var i;
         var preloader = new Image();
      
         // get objects based on IDs
         textImageObject = document.getElementById(textImageId);
         mainImageObject = document.getElementById(mainImageId);

         // define the images to use
         mainImageArray = new Array();
         mainImageArray[0] = "Images/Intro/Cross.jpg";
         mainImageArray[1] = "Images/Intro/Music.jpg";
         mainImageArray[2] = "Images/Intro/Lily.jpg";
         mainImageArray[3] = "Images/Intro/Bob.jpg";

         // make sure the images are downloaded before we proceed
         for (i=0; i<mainImageArray.length; i++)
         {
            preloader.src = mainImageArray[i];
         }

         // define the images to use for text sliders
         textImageArray = new Array();
         textImageArray[0] = "Images/Intro/Faith.gif";
         textImageArray[1] = "Images/Intro/Ministry.gif";
         textImageArray[2] = "Images/Intro/Prayer.gif";
         textImageArray[3] = "Images/Intro/Evangelism.gif";

         // make sure the images are downloaded before we proceed
         for (i=0; i<textImageArray.length; i++)
         {
            preloader.src = textImageArray[i];
         }
         
         slideTextImage();
      }
   }
}


function slideTextImage()
{
   if (currentPosition > 2)
   {
      currentPosition -= 2;
      
      textImageObject.style.left = currentPosition + "px";
      textImageObject.style.clip = "rect(0px " + (301 - currentPosition) + "px 100px 0px)";
   }
   else if (delay > 0)
   {
      delay--;
   }
   else
   {
      imageIndex++;
      if (imageIndex >= mainImageArray.length)
      {
         imageIndex = 0;
      }
   
      mainImageObject.style.backgroundImage="url(" + mainImageArray[imageIndex] + ")";
      textImageObject.src=textImageArray[imageIndex];
   
      delay = 250;
      currentPosition = 300;
      
      textImageObject.style.left = currentPosition + "px";
      textImageObject.style.clip = "rect(0px " + (301 - currentPosition) + "px 100px 0px)";
   }
      
   setTimeout("slideTextImage()", 20)
}