var theInterval;
  var theIntervalID = 0;
  var slideShowIsRunning = false;
  var slideCount = 1;
  var picArray = new Array();
  var CurrentPic = 0;
  var theElt = 0;
  var picNum = 0;
  var imageCount = 0;
  var imageNum = 1;

  var anIEBrowser = "";
  var usrAgnt = navigator.userAgent;
  var StartPos = usrAgnt.indexOf("MSIE");
  var checkVer = usrAgnt.substring((StartPos + 5), usrAgnt.indexOf(".", StartPos));

  if (checkVer >= "4") {
    anIEBrowser = "Yes";
  }
  else {
    anIEBrowser = "No";
  }

  if (anIEBrowser == "Yes") {
    document.writeln('<style type="text/css">img {filter:blendTrans(duration=1)}</style>');
  }

  //Setup array of images for the selected catagory.
  function categorySetup(imgCat,imgCnt)  {
	var theImageObject = document.getElementById("image_area");
    imageCount = imgCnt;
    imageNum = 1;
    replaceCountText(imageNum, imageCount);
    CurrentPic = 0;
    //Set new image array
    picArray = new Array();

    //Turn off slide show if it is running
    if (slideShowIsRunning) {
      toggleSlideShow();
    }

    //Check to see if imgCat is INIT.  If so, set array
    //to show first image from each category. Otherwise,
    //set array to show all images of specified category.

      //Set default image for image object
      if (imgCnt <= 9) {
        theImageObject.src = imgPath+imgCat+"/pic0"+imgCnt+".jpg";
      } else {
        theImageObject.src = imgPath+imgCat+"/pic"+imgCnt+".jpg";
      }
      picNum = imgCnt;

      //Loop N times to add N number of images to the image array
      for (theElt=0; theElt<imgCnt; theElt+=1) {
        //Generate a new Image object.
        theImage = new Image();

        if (picNum <= 9) {
          imgName = imgPath+imgCat+"/pic"+"0"+picNum+".jpg";
        } else {
          imgName = imgPath+imgCat+"/pic"+picNum+".jpg";
        }
        picArray[theElt] = new Image();
        picArray[theElt].src = imgName;
        picNum = picNum - 1;
      }
    }
  
  //Change the picture to the first picture in the set.
  function first_pic() {
    var theImageObject = document.getElementById("image_area");
    CurrentPic = 0;
    if (theImageObject.filters) theImageObject.filters[0].Apply();
    theImageObject.src = picArray[0].src;
    if (theImageObject.filters) theImageObject.filters[0].Play();
  }

  //Changes the image object to the next picture when the user clicks the next button.
  function next_pic() {
    var theImageObject = document.getElementById("image_area");
    imageNum = imageNum + 1;
    if (imageNum > imageCount) imageNum = 1;
    replaceCountText(imageNum, imageCount);
	CurrentPic += 1;
    if (theImageObject.filters) theImageObject.filters[0].Apply();
    if (CurrentPic > (picArray.length - 1)) CurrentPic = 0;
    theImageObject.src = picArray[CurrentPic].src;
    if (theImageObject.filters) theImageObject.filters[0].Play();
 }

function adjustDivision() {
   var picWidth = picArray[CurrentPic].width;
   var picHeight = picArray[CurrentPic].height;
   var picDiv = getElementById("HomePagePicDiv");

   if (picWidth >= picHeight) {
      picDiv.style.left = "450";
   } else {
      picDiv.style.left = "480";
   }
}

  //Changes the image object back to the previous picture when the user clicks the previous button.
  function prev_pic() {
    var theImageObject = document.getElementById("image_area");
    imageNum = imageNum - 1;
    if (imageNum == 0) imageNum = imageCount;
	replaceCountText(imageNum, imageCount);
    CurrentPic -= 1;
    if (theImageObject.filters) theImageObject.filters[0].Apply();
    if (CurrentPic < 0) CurrentPic = (picArray.length - 1);
    theImageObject.src = picArray[CurrentPic].src;
    if (theImageObject.filters) theImageObject.filters[0].Play();
  }

  //Change the picture to the last picture in the set.
  function last_pic() {
   var theImageObject = document.getElementById("image_area");
   CurrentPic = picArray.length - 1;
   if (theImageObject.filters) theImageObject.filters[0].Apply();
   theImageObject.src = picArray[picArray.length - 1].src;
   if (theImageObject.filters) theImageObject.filters[0].Play();
  }  

  function toggleSlideShowOld() {
    if (slideShowIsRunning) {
        var stopSlideDiv = document.getElementById("StopSlideDiv");
        var startSlideDiv = document.getElementById("StartSlideDiv");
        stopSlideDiv.style.visibility = "hidden";
        startSlideDiv.style.visibility= "visible";
        stopSlideShow();
    }
    else {
        var stopSlideDiv = document.getElementById("StopSlideDiv");
        var startSlideDiv = document.getElementById("StartSlideDiv");
        stopSlideDiv.style.visibility = "visible";
        startSlideDiv.style.visibility= "hidden";
        startSlideShow();
    }
  }
  function toggleSlideShow() {
    if (slideShowIsRunning) {
        var imgPlayPause = document.getElementById("PlayPause");
        imgPlayPause.src = "http://www.chellesphotos.com/images/buttons/play.png";
		imgPlayPause.alt = "Play";
        stopSlideShow();
    }
    else {
        var imgPlayPause = document.getElementById("PlayPause");
        imgPlayPause.src = "http://www.chellesphotos.com/images/buttons/pause.png";
		imgPlayPause.alt = "Pause";
		startSlideShow();
    }
  }
  
  function startSlideShow() {
    //var theImage = document.getElementById("ToggleSlideImg")
    //theImage.src = "buttons/StopSlide.gif";
    theInterval = 7;
    theIntervalID = setInterval("flipSlide()", (theInterval * 1000));
    slideShowIsRunning = true;        
  }

  function flipSlide() {
    slideCount += 1;
    next_pic();
  }

  function stopSlideShow() {
    clearInterval(theIntervalID);
    //var theImage = document.getElementById("ToggleSlideImg")
    //theImage.src = "buttons/StartSlide.gif";
    slideShowIsRunning = false;
  }


  function replaceCountText(slideNum, imgCnt) {
    var theVisDiv = document.getElementById("PicCountDiv");
    var para = document.getElementById("CntDesc");
    var newTextStr = "";
    var newPara1 = document.createElement("span");

    newPara1TextStr = slideNum+" of "+imgCnt;
    var newPara1Text = document.createTextNode(newPara1TextStr);
    newPara1.appendChild(newPara1Text);
    newPara1.id = "CountSpan";
    var oldPara1 = document.getElementById("CountSpan");
    var replaced = para.replaceChild(newPara1,oldPara1);
}

//  function clickButton(btnName, btnPosition) {
//    var theImage = document.getElementById(btnName);
//    if (btnPosition == "Up") {
//      theImage.src = "buttons/"+btnName+"Off.gif";
//    } else {
//      theImage.src = "buttons/"+btnName+"On.gif";
//    }
//  }