var numPics = 8;
  var picDisplayTime = 1800;
  var wspeedH = 10;
  var wspeedV = 3.951;
  var wipe;
  var clipPosLeft;
  var clipPosTop;
  var clipPosRight;
  var clipPosBottom;
  var idPanel1;
  var idPanel2;
  var idImg1;
  var idImg2;
  var i;
  var imgH = 209;
  var imgW = 533;
  var numLoadedPics = 0;
  var allPicsAvail = false;
  var picsInterval = null;
  var topPic = 0;
  var pageLoaded = false;
  


  var picArray = new Array();
  for (i=0;i<numPics;i++) {
    picArray[i] = new Image(imgW,imgH);
    picArray[i].src = picName(i);
  }

  picsInterval = setInterval("waitOnPics()",250);
  

  
  function picName(i)
  {
    var str = "http://www.dannyayres.com/art/I" + i + "_533x209.jpg";
    return(str);
  }


  function waitOnPics()
  {
    var j;
    var k = 0;


    if (!allPicsAvail){
      for (j=0;j<numPics;j++) if (picArray[j].complete) k++;
      if (k == numPics) allPicsAvail = true;
    }
    if (!allPicsAvail) return; 
    if (pageLoaded){
      clearInterval(picsInterval);
      idImg1.src = picArray[0].src;
      idImg2.src = picArray[1].src;
      topPic = 0;
      setClipGlobals();
      setTimeout("hwipe()",picDisplayTime);
    }
  }


  function changePic()
  {
    var j;

    j = (topPic + 1) % numPics;
    idImg1.src = picArray[j].src;
    topPic = j;
    j = (topPic + 1) % numPics;
    idPanel1.style.clip = "rect(0px," + imgW + "px," + imgH + "px,0px)";
    idImg2.src = picArray[j].src;
    setTimeout("hwipe()",picDisplayTime);
  }


  function positionAnimation()
  {
    var top;
    var left;


    var idOE = document.getElementById("oE");
    var idAnimHome;
    idAnimHome = document.getElementById("animHome");
    idPanel1.style.visibility = "hidden";
    idPanel2.style.visibility = "hidden";
    top = idAnimHome.offsetTop + idOE.offsetTop + 2;
    left = idAnimHome.offsetLeft + idOE.offsetLeft + 1;
    idPanel1.style.top = top + "px";
    idPanel1.style.left = left + "px";    
    idPanel2.style.top = top + "px";
    idPanel2.style.left = left + "px";
    idPanel1.style.visibility = "visible";
    idPanel2.style.visibility = "visible";

}

  function startPicShow()
  {

    idPanel1 = document.getElementById("panel1");
    idPanel2 = document.getElementById("panel2");
    idImg1 = document.getElementById("img1");
    idImg2 = document.getElementById("img2");
    pageLoaded = true;
positionAnimation();
  }



  function hwipe()
  {
    wipe = setInterval("hwipeA()",1);
  }


  function hwipeA()
  {
    incrementClip();
    idPanel1.style.clip = "rect(" + Math.round(clipPosTop) + "px," + Math.round(clipPosRight) + "px," + Math.round(clipPosBottom) + "px," + Math.round(clipPosLeft) + "px)";
    if (isWipeDone()) {
      clearInterval(wipe);
      setClipGlobals();
      changePic();
    }
  }


  function setClipGlobals()
  {
    clipPosLeft = 0;
    clipPosTop = 0;
    clipPosBottom = imgH;
    clipPosRight = imgW;
  }

  function isWipeDone()
  {
    var j = topPic % 4;
    switch(j){
      case 0:
        if (clipPosLeft >= imgW  ||  clipPosTop >= imgH) return(true);
        return(false);
      case 1:
        if (clipPosTop >= imgH  || clipPosRight <= 0) return(true);
        return(false);
      case 2:
        if (clipPosBottom <= 0  || clipPosRight <= 0) return(true);
        return(false);
      case 3:
        if (clipPosLeft >= imgW  || clipPosBottom <= 0) return(true);
        return(false);
    }
  }

  function incrementClip()
  {
    var j = topPic % 4;
    switch(j){
      case 0:
        clipPosLeft += wspeedH;
        clipPosTop += wspeedV;
        return;
      case 1:
        clipPosRight -= wspeedH;
        clipPosTop += wspeedV;
        return;
      case 2:
        clipPosRight -= wspeedH;
        clipPosBottom -= wspeedV;
        return;
      case 3:
        clipPosLeft += wspeedH;
        clipPosBottom -= wspeedV;
        return;
    }
  }