var MM_p = new Array();
function loadImage(img, i)
{
  document.targetimg.src = "images/" + img;
  if (desc[i] == null)
    document.all("descdiv").innerHTML = "";
  else
    document.all("descdiv").innerHTML = desc[i];
}

function clearStatus()
{
  document.all("StatusLine").innerHTML = "";
}

function preloadImages(a)
{
  var d=document;
  var s = '<TABLE WIDTH="100%" align="left" border="2">';
  var j = 0;
  if(!d.MM_p) d.MM_p=new Array();
    for(var i=0; i<a.length; i++)
    {
//      var p = (a.length - i) * 100 / a.length;
      if (a[i].indexOf("*")==-1)
      { d.MM_p[j]=new Image; d.MM_p[j].src="images/" + a[i];
        if (j++ == 0) loadImage(a[i], i);
        d.MM_p[j]=new Image; d.MM_p[j].src="thumbs/" + a[i];
        j++;
        s += '<TR><TD><IMG SRC="thumbs/' + a[i] + '" onmouseover="loadImage(\'' + a[i] + '\', ' + i + ')"></TD></TR>';
      }
      else
        s += '<TR><TD ALIGN="center"><strong>' + a[i].substr(1) + '</strong></TD></TR>';
//      document.all("StatusLine").innerHTML = "Loading " + p + "% Complete";
    }
    s += "</TABLE>";
//    document.all("StatusLine").innerHTML = "Loading Complete";
//    setTimeout("clearStatus()", 5000, "JavaScript");
    document.all("imagesdiv").innerHTML = s;
    checkImagesOK();
}

function checkImagesOK()
{
  var d=document;
  var j = 0;
  if(!d.MM_p) return;
    for(var i=0; i<d.MM_p.length; i++)
      if (IsImageOk(d.MM_p[i])) j++;
    var p = j * 100 / d.MM_p.length;
    if (p >= 100)
    {
      document.all("StatusLine").innerHTML = "Completed Loading Pictures";
      setTimeout("clearStatus()", 5000, "JavaScript");
    }
    else
    {
      document.all("StatusLine").innerHTML = "Loading Pictures " + FormatPercent(p) + "% Complete";
      setTimeout("checkImagesOK()", 500, "JavaScript");
    }
}

function IsImageOk(img)
{
    // During the onload event, IE correctly identifies any images that
    // weren't downloaded as not complete. Others should too. Gecko-based
    // browsers act like NS4 in that they report this incorrectly.
    if (!img.complete)
        return false;

    // However, they do have two very useful properties: naturalWidth and
    // naturalHeight. These give the true size of the image. If it failed
    // to load, either of these should be zero.
    if (typeof img.naturalWidth != "undefined" && img.naturalWidth == 0)
        return false;
    return true;
}

function FormatPercent(n)
{
  var s = new String(n);
  var l = s.length;
  var p = s.indexOf(".");
  if (p == -1) return s;
  return s.substr(0, p);
}