var opacitySpeed = 2;	// Speed of opacity - switching between large images - Lower = faster
var opacitySteps = 10; 	// 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 = 8;	 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 DHTMLgoodies_thumbTotalWidth = false;
var DHTMLgoodies_viewableWidth = false;


var pc = 0;

var currentUnqiueOpacityId = false;
var DHTMLgoodies_currentActiveImage = false;
var DHTMLgoodies_thumbDiv = false;
var DHTMLgoodies_thumbSlideInProgress = false;

var browserIsOpera = navigator.userAgent.indexOf('Opera')>=0?true:false;
var leftArrowObj;
var rightArrowObj;
var thumbsColIndex = 1;
var thumbsLeftPos = false;

function initGalleryScript()
{
	leftArrowObj = document.getElementById('DHTMLgoodies_leftArrow');		
	leftArrowObj.style.visibility='hidden';
	rightArrowObj = document.getElementById('DHTMLgoodies_rightArrow');	
	leftArrowObj.style.cursor = 'pointer';	
	rightArrowObj.style.cursor = 'pointer';	
	leftArrowObj.onclick = moveThumbnails;
	rightArrowObj.onclick = moveThumbnails;
	DHTMLgoodies_largeImage = document.getElementById('DHTMLgoodies_largeImage').getElementsByTagName('IMG')[0];
	var innerDiv = document.getElementById('DHTMLgoodies_thumbs_inner');
	DHTMLgoodies_slideWidth = innerDiv.getElementsByTagName('DIV')[0].offsetWidth;
	DHTMLgoodies_thumbDiv = document.getElementById('DHTMLgoodies_thumbs_inner');
	DHTMLgoodies_thumbDiv.style.left = '0px';
	
	var subDivs = DHTMLgoodies_thumbDiv.getElementsByTagName('DIV');
	DHTMLgoodies_thumbTotalWidth = 0;
	var tmpLeft = 0;
	for(var no=0;no<subDivs.length;no++){
		if(subDivs[no].className=='strip_of_thumbnails'){
			DHTMLgoodies_thumbTotalWidth = DHTMLgoodies_thumbTotalWidth + DHTMLgoodies_slideWidth;
			subDivs[no].style.left = tmpLeft + 'px';
			subDivs[no].style.top = '0px';
			tmpLeft = tmpLeft + subDivs[no].offsetWidth;
		}
	}

	DHTMLgoodies_viewableWidth = document.getElementById('DHTMLgoodies_thumbs').offsetWidth;
	
	
	DHTMLgoodies_currentActiveImage = DHTMLgoodies_thumbDiv.getElementsByTagName('A')[0].getElementsByTagName('IMG')[0];
	DHTMLgoodies_currentActiveImage.className='activeImage';
}

function moveThumbnails()
{
	if(DHTMLgoodies_thumbSlideInProgress)return;
	DHTMLgoodies_thumbSlideInProgress = true;
	if(this.id=='DHTMLgoodies_leftArrow'){
		thumbsColIndex--;
		rightArrowObj.style.visibility='visible';
		if(DHTMLgoodies_thumbDiv.style.left.replace('px','')/1>=0){
			leftArrowObj.style.visibility='hidden';
			DHTMLgoodies_thumbSlideInProgress = false;
			return;
		}
		
		slideThumbs(slideSteps,0);
		
	}else{
		thumbsColIndex++;
		leftArrowObj.style.visibility='visible';
		var left = DHTMLgoodies_thumbDiv.style.left.replace('px','')/1;	
		var showArrow = true;
		if(DHTMLgoodies_thumbTotalWidth + left - DHTMLgoodies_slideWidth <= DHTMLgoodies_viewableWidth)showArrow = false;
		if(columnsOfThumbnails)showArrow = true;
			
		if(!showArrow)	
		{
			rightArrowObj.style.visibility='hidden';
			DHTMLgoodies_thumbSlideInProgress = false;
			return;
		}	
		
		slideThumbs((slideSteps*-1),0);
	}	
	
}

function slideThumbs(speed,currentPos)
{
	var leftPos;
	if(thumbsLeftPos){
		leftPos= thumbsLeftPos;
	}else{
		var leftPos = DHTMLgoodies_thumbDiv.style.left.replace('px','')/1;
		thumbsLeftPos = leftPos;
	}
	currentPos = currentPos + Math.abs(speed);		
	var tmpLeftPos = leftPos;
	leftPos = leftPos + speed;
	thumbsLeftPos = leftPos;
	DHTMLgoodies_thumbDiv.style.left = leftPos + 'px';
	if(currentPos<DHTMLgoodies_slideWidth)setTimeout('slideThumbs(' + speed + ',' + currentPos + ')',slideSpeed);else{
		if(tmpLeftPos>=0 || (columnsOfThumbnails && thumbsColIndex==1)){
			document.getElementById('DHTMLgoodies_leftArrow').style.visibility='hidden';
		}	
		var left = tmpLeftPos;		
		var showArrow = true;
		if(DHTMLgoodies_thumbTotalWidth + left - DHTMLgoodies_slideWidth <= DHTMLgoodies_viewableWidth)showArrow=false;
		if(columnsOfThumbnails){
			if((thumbsColIndex+1)<columnsOfThumbnails)showArrow=true; else showArrow = false;				
		}			
		if(!showArrow){
			document.getElementById('DHTMLgoodies_rightArrow').style.visibility='hidden';
		}					
		DHTMLgoodies_thumbSlideInProgress = false;
	}

}

function showPreview(imagePath,inputObj)
{		
	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 = imagePath;
	var tmpImage = new Image();
	tmpImage.src = imagePath;
	currentUnqiueOpacityId = Math.random();
	moveOpacity(opacitySteps*-1,currentUnqiueOpacityId);
}

function loadPic (imagePath)
{
  if(pc==1||pc==2||pc==3||pc==4||pc==5||pc==6||pc==7||pc==8||pc==9)
    pc2 = "0"+pc;
  else
    pc2 = pc;
  DHTMLgoodies_imageToShow = imagePath+pc2+".jpg";
  show();
}

function nextImg(imagePath, total)
{
  if (pc < total)
  {
    pc++;
    loadPic (imagePath);
  }
}

function prevImg(imagePath, total)
{
  if (pc > 1)
  {
	pc--;
  }
  loadPic (imagePath);
}

function show () {
	var tmpImage = new Image();
	tmpImage.src = DHTMLgoodies_imageToShow;
	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);		
}