// Author: Brennan Stehling: http://brennan.offwhite.net/
// Credit: clagnut: http://clagnut.com/sandbox/imagefades/
// Version: 0.1

var imageId = 'galleryImage';
var thumbnailsId = 'thumbnails';
var images;
var thumbnails;
var hideContent = true;

function buildUI() {

    if (document.getElementById && images) {
        var i, tndiv, anchor, image, fnct;
        image = document.getElementById(imageId);		
        //image.src = images[0];
        tndiv = document.getElementById(thumbnailsId);
        if (tndiv) {
            for(i=0;i<images.length;i++) {
                anchor = document.createElement('a');
                anchor.href = '#';
                fnct = new Function("setImage(" + i + "); return false;");
                anchor.onclick = fnct;
                if (anchor) {
                    image = document.createElement('img');
                    if (image) {
                        image.src = thumbnails[i];
                        image.className = 'thumbnail';
                        image.alt = 'Image ' + (i + 1);
                        image.title = image.alt;
                        anchor.appendChild(image);
                        tndiv.appendChild(anchor);
                    }
                }
            }
        }
    }

}
/*
function initImage() {
	image = document.getElementById(imageId);
	setOpacity(image, 0);
	image.style.visibility = "visible";
}
*/
function setImage(img) {

	if (document.getElementById) {
		
		//if the description needs to be hidden and the photo holder shown
		if (hideContent) {
			document.getElementById("pageDescription").style.display = "none";			
			document.getElementById("photoholder").style.display = "inline";
		}

		var image = document.getElementById(imageId); 
        if (image) {
			setOpacity(image, 0);
            image.src=images[img];
			image.style.visibility = "visible";
            image.alt = 'Image ' + (img + 1);
            image.title = image.alt;			
			fadeIn(imageId,0);
        }
    }
}

function fadeInMainImg() {

  mainImgId = 'thephoto';
  image = document.getElementById(mainImgId);
  setOpacity(image, 0);
  image.style.visibility = 'visible';
  fadeIn(mainImgId,0);
  
}

function setOpacity(obj, opacity) {
  opacity = (opacity == 100)?99.999:opacity;
  
  // IE/Win
  obj.style.filter = "alpha(opacity:"+opacity+")";
  
  // Safari<1.2, Konqueror
  obj.style.KHTMLOpacity = opacity/100;
  
  // Older Mozilla and Firefox
  obj.style.MozOpacity = opacity/100;
  
  // Safari 1.2, newer Firefox and Mozilla, CSS3
  obj.style.opacity = opacity/100;
}

function fadeIn(objId,opacity) {

  if (document.getElementById) {
    obj = document.getElementById(objId);
    if (opacity <= 100) {
      setOpacity(obj, opacity);
      opacity += 10;
      window.setTimeout("fadeIn('"+objId+"',"+opacity+")", 100);
    }
  }
}

function fadeOut(objId,opacity) {

  if (document.getElementById) {
    obj = document.getElementById(objId);
    if (opacity >= 0) {
      setOpacity(obj, opacity);
      opacity -= 10;
      window.setTimeout("fadeOut('"+objId+"',"+opacity+")", 100);
    }
  }
}