// Page and code by Daniel Colpi

var fieldsInNameArray = imageNameArray.length;

imageNumberShown = 0;
if (listOrder != 1)
  imageNumberShown = Math.round(Math.random() * (fieldsInNameArray - 1));
else if ((listOrder == 1) && (firstImage != null))
  imageNumberShown = -1;

waitTime *= 1000;



function loadThePic()
{
  var pic = (isW3C) ? document.getElementById("randompic") : ((isAll) ? document.all["randompic"] : null);
  if (pic)
  {
    if (listOrder == 0)
      imageNumberShown = Math.round(Math.random() * (fieldsInNameArray - 1));
    else
      imageNumberShown = ((imageNumberShown + 1) % fieldsInNameArray);

    pic.src = imageNameArray[imageNumberShown];

    if (transition == "fade")
      fadeIn('randompic', 0, fadeStep, 100, fadeSpeed);
    else
      setTimeout("loadThePic()", waitTime);

  }
} // end loadThePic


function fadeOut(elemID, start, rate, limit, delay)
{
  var elem = (isW3C) ? document.getElementById(elemID) : ((isAll) ? document.all[elemID] : null);
  if (elem)
  {
    var doneYet = 0;
    oSetting = start + rate;
    if (rate > 0)
      oSetting = Math.min(oSetting, limit);
    else
      oSetting = Math.max(oSetting, limit);
    if (limit == oSetting)
      doneYet = 1;
    oSetting = Math.min(oSetting, 100);
    oSetting = Math.max(oSetting, 0);

    if (elem.style.MozOpacity)
    {
      if (oSetting > 99)
        oSetting = 99;

      elem.style.MozOpacity = (oSetting / 100);
    }

    if ((elem.filters) && (elem.filters.alpha))
      elem.filters.alpha.opacity = oSetting;

    if (elem.style.opacity)
    {
      if (oSetting > 99)
        oSetting = 99;

      elem.style.opacity = (oSetting / 100);
    }

    if (doneYet == 0)
      setTimeout('fadeOut("' + elemID + '", ' + oSetting + ', ' + rate + ', ' + limit + ', ' + delay + ')', delay);
    else
      setTimeout("loadThePic()", waitTime);
  }
} // end fadeOut


function fadeIn(elemID, start, rate, limit, delay)
{
  var elem = (isW3C) ? document.getElementById(elemID) : ((isAll) ? document.all[elemID] : null);
  if (elem)
  {
    var doneYet = 0;
    oSetting = start + rate;
    if (rate > 0)
      oSetting = Math.min(oSetting, limit);
    else
      oSetting = Math.max(oSetting, limit);
    if (limit == oSetting)
      doneYet = 1;
    oSetting = Math.min(oSetting, 100);
    oSetting = Math.max(oSetting, 0);

    if (elem.style.MozOpacity)
    {
      if (oSetting > 99)
        oSetting = 99;

      elem.style.MozOpacity = (oSetting / 100);
    }

    if ((elem.filters) && (elem.filters.alpha))
      elem.filters.alpha.opacity = oSetting;

    if (elem.style.opacity)
    {
      if (oSetting > 99)
        oSetting = 99;

      elem.style.opacity = (oSetting / 100);
    }

    if (doneYet == 0)
      setTimeout('fadeIn("' + elemID + '", ' + oSetting + ', ' + rate + ', ' + limit + ', ' + delay + ')', delay);
    else
      setTimeout('fadeOut("' + elemID + '", ' + oSetting + ', -' + rate + ', 0, ' + delay + ')', waitTime);
  }
} // end fadeIn


function randomPicGenerator()
{
  picStyle = "";

  if ((firstTransition == 1) && (transition == "fade"))
    picStyle = "filter:alpha(opacity=0);-moz-opacity:0.0; opacity:0.0;";
  if ((firstTransition == 0) && (transition == "fade"))
    picStyle = "filter:alpha(opacity=100);-moz-opacity:0.99; opacity:0.99;";

  if (firstImage != null)
    document.write('<img id="randompic" src="' + firstImage + '" alt="decorative picture with no content value" title="Be the new READ Spokesperson!" style="' + picStyle + '" />');
  else
    document.write('<img id="randompic" src="' + imageNameArray[imageNumberShown] + '" alt="decorative picture with no content value" title="Be the new READ&reg; Spokesperson!" style="' + picStyle + '" />');

  if ((firstTransition == 1) && (transition == "fade"))
    fadeIn('randompic', 0, fadeStep, 100, fadeSpeed);
  else if ((firstTransition == 0) && (transition == "fade"))
    setTimeout('fadeOut("randompic", 100, -' + fadeStep + ', 0, ' + fadeSpeed + ')', waitTime);
  else
    setTimeout("loadThePic()", waitTime);
  
} // end randomPicGenerator()