var d=document;		
var imageObjArray;
var currentImg = 0;
var containerObj,captionObj;
var dims;
var wIndex=0;
var hIndex=0;
var zInterval = null;
var INCREMENT = 500;

function init() {
	if(!d.getElementById)return;
	d.getElementById("imageContainer").style.display = "block";
	imageObjArray = getImageDimensions(d.getElementById("imageContainer"));
	imageObjArray[0][0].style.display = "block";
	resetOpacity(imageObjArray[0][0],99);
	containerObj = d.getElementById("imageContainer");
	containerObj.style.width = imageObjArray[0][1] + "px";
	containerObj.style.height = imageObjArray[0][2] + "px";
}

function resetOpacity(obj,val) {
	if(window.opera)return;
	/*obj.style.MozOpacity = val/10;
	obj.style.opacity = val/10;*/
	//obj.style.filter = "alpha(opacity="+val*10+")";
}

function getImageDimensions(parentObj) {
	imgArray = parentObj.getElementsByTagName("img");
	nImage = new Array();
	for(i=0;i<imgArray.length;i++) {
		nImage[i] = new Array();
		nImage[i][0] = imgArray[i];
		nImage[i][1] = imgArray[i].getAttribute("xwidth");
		nImage[i][2] = imgArray[i].getAttribute("xheight");
		imgArray[i].style.display = "none";
		resetOpacity(imgArray[i],0);
	}
	return nImage;
}

function showImage(imgIndex) {
	//alert(imgIndex)
	if(zInterval != null || imgIndex == currentImg) return;
	imageObjArray[currentImg][0].style.display = "none";
	resetOpacity(imageObjArray[currentImg][0],0);
	currentImg = imgIndex;

	imageObjArray[currentImg][0].style.display = "block";
	containerObj.style.width = imageObjArray[currentImg][1] + "px";
	containerObj.style.height = imageObjArray[currentImg][2] + "px";
	curOpacity = 0;
	zInterval = setInterval("fadeImage()",1);
}

	var opacitySpeed = 2;	// Speed of opacity - switching between large images - Lower = faster
	var opacitySteps = 50; 	// Also speed of opacity - Higher = faster
	var slideSpeed = 5;	// Speed of thumbnail slide - Lower = faster
	var slideSteps = 8;	// Also speed of thumbnail slide - Higher = faster
	var columnsOfThumbnails = 4;	// Hardcoded number of thumbnail columns, use false if you want the script to figure it out dynamically.
	
	/* Don't change anything below here */
	var DHTMLgoodies_largeImage = false;
	var DHTMLgoodies_imageToShow = false;
	var DHTMLgoodies_currentOpacity = 100;
	var DHTMLgoodies_slideWidth = false;
	
	var currentUnqiueOpacityId = false;
	var DHTMLgoodies_currentActiveImage = false;
	var DHTMLgoodies_thumbSlideInProgress = false;
	
	var browserIsOpera = navigator.userAgent.indexOf('Opera')>=0?true:false;
	var thumbsColIndex = 1;
	var thumbsLeftPos = false;
	
	function initGalleryScript()
	{
		DHTMLgoodies_largeImage = document.getElementById('imageContainer').getElementsByTagName('IMG')[0];
		var innerDiv = document.getElementById('siteNav');
		DHTMLgoodies_thumbDiv = document.getElementById('siteNav');
	}
	
	function showPreview(imagePath,inputObj,sDiv) {	
		if(imagePath == curImage) {
			return;
		} else {
			if(DHTMLgoodies_currentActiveImage){
				if(DHTMLgoodies_currentActiveImage==inputObj.getElementsByTagName('IMG')[0]){
				//return;
				}
				DHTMLgoodies_currentActiveImage.className='';
			}
			DHTMLgoodies_currentActiveImage = inputObj.getElementsByTagName('IMG')[0];
			DHTMLgoodies_currentActiveImage.className='activeImage';
			
			DHTMLgoodies_imageToShow = "../siteImg/catImg/"+ imagePath;
			var tmpImage = new Image();
			tmpImage.src = imagePath;
			curImage = imagePath;
			currentUnqiueOpacityId = Math.random();
			moveOpacity(opacitySteps*-1,currentUnqiueOpacityId);
		}
	}
	
	function setOpacity()
	{
		if(document.all)
		{
			DHTMLgoodies_largeImage.style.filter = 'alpha(opacity=' + DHTMLgoodies_currentOpacity + ')';
		}else{
			DHTMLgoodies_largeImage.style.opacity = DHTMLgoodies_currentOpacity/100;
		}		
	}
	function moveOpacity(speed,uniqueId)
	{
		
		if(browserIsOpera){
			DHTMLgoodies_largeImage.src = DHTMLgoodies_imageToShow;
			return;
		}
		
		DHTMLgoodies_currentOpacity = DHTMLgoodies_currentOpacity + speed;
		if(DHTMLgoodies_currentOpacity<=5 && speed<0){
		
			var tmpParent = DHTMLgoodies_largeImage.parentNode; 
			DHTMLgoodies_largeImage.parentNode.removeChild(DHTMLgoodies_largeImage);
			DHTMLgoodies_largeImage = document.createElement('IMG');
			tmpParent.appendChild(DHTMLgoodies_largeImage);
			setOpacity();
			DHTMLgoodies_largeImage.src = DHTMLgoodies_imageToShow;
		
			speed=opacitySteps;
		}
		if(DHTMLgoodies_currentOpacity>=99 && speed>0)DHTMLgoodies_currentOpacity=99;		
		setOpacity();	
		if(DHTMLgoodies_currentOpacity>=99 && speed>0)return;		
		if(uniqueId==currentUnqiueOpacityId)setTimeout('moveOpacity(' + speed + ',' + uniqueId + ')',opacitySpeed);		
	}
	
	function findPosX(obj)
  {
    var curleft = 0;
    if(obj.offsetParent)
        while(1) 
        {
          curleft += obj.offsetLeft;
          if(!obj.offsetParent)
            break;
          obj = obj.offsetParent;
        }
    else if(obj.x)
        curleft += obj.x;
    return curleft;
  }

  function findPosY(obj)
  {
    var curtop = 0;
    if(obj.offsetParent)
        while(1)
        {
          curtop += obj.offsetTop;
          if(!obj.offsetParent)
            break;
          obj = obj.offsetParent;
        }
    else if(obj.y)
        curtop += obj.y;
    return curtop;
  }

	addEvent(window,"load", init);