/************************************************************************************************************
	(C) www.dhtmlgoodies.com, June 2006
	
	This is a script from www.dhtmlgoodies.com. You will find this and a lot of other scripts at our website.	
	
	Terms of use:
	You are free to use this script as long as the copyright message is kept intact. However, you may not
	redistribute, sell or repost it without our permission.
	
	Thank you!
	
	www.dhtmlgoodies.com
	Alf Magne Kalleland
	

	NOTE:  This script has been modified from the original.  However, the basic code is still the same,
	so the copyright has been left intact.  Many thanks to dhtmlgoodies.com for providing free scripts!
	************************************************************************************************************/	

	
	
	
	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 = 10;  // 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 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 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);		
	}

/*--------------------------------------------------------------------------------------------------------------------------------------------------------*/
	var opacitySteps_two = 10; 	// Also speed of opacity - Higher = faster
	var columnsOfThumbnails_two = 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_two = false;
	var DHTMLgoodies_imageToShow_two = false;
	var DHTMLgoodies_currentOpacity_two = 100;
	var DHTMLgoodies_slideWidth_two = false;
	var DHTMLgoodies_thumbTotalWidth_two = false;
	var DHTMLgoodies_viewableWidth_two = false;
	
	var currentUnqiueOpacityId_two = false;
	var DHTMLgoodies_currentActiveImage_two = false;
	var DHTMLgoodies_thumbDiv_two = false;
	var DHTMLgoodies_thumbSlideInProgress_two = false;
	
	var browserIsOpera = navigator.userAgent.indexOf('Opera')>=0?true:false;
	var leftArrowObj_two;
	var rightArrowObj_two;
	var thumbsColIndex_two = 1;
	var thumbsLeftPos_two = false;

	function initGalleryScript_two()
	{
		leftArrowObj_two = document.getElementById('DHTMLgoodies_leftArrow_two');		
		leftArrowObj_two.style.visibility='hidden';
		rightArrowObj_two = document.getElementById('DHTMLgoodies_rightArrow_two');	
		leftArrowObj_two.style.cursor = 'pointer';	
		rightArrowObj_two.style.cursor = 'pointer';	
		leftArrowObj_two.onclick = moveThumbnails_two;
		rightArrowObj_two.onclick = moveThumbnails_two;
		DHTMLgoodies_largeImage_two = document.getElementById('DHTMLgoodies_largeImage_two').getElementsByTagName('IMG')[0];
		var innerDiv_two = document.getElementById('DHTMLgoodies_thumbs_inner_two');
		DHTMLgoodies_slideWidth_two = innerDiv_two.getElementsByTagName('DIV')[0].offsetWidth;
		DHTMLgoodies_thumbDiv_two = document.getElementById('DHTMLgoodies_thumbs_inner_two');
		DHTMLgoodies_thumbDiv_two.style.left = '0px';
		
		var subDivs_two = DHTMLgoodies_thumbDiv_two.getElementsByTagName('DIV');
		DHTMLgoodies_thumbTotalWidth_two = 0;
		var tmpLeft_two = 0;
		for(var no=0;no<subDivs_two.length;no++){
			if(subDivs_two[no].className=='strip_of_thumbnails_two'){
				DHTMLgoodies_thumbTotalWidth_two = DHTMLgoodies_thumbTotalWidth_two + DHTMLgoodies_slideWidth_two;
				subDivs_two[no].style.left = tmpLeft_two + 'px';
				subDivs_two[no].style.top = '0px';
				tmpLeft_two = tmpLeft_two + subDivs_two[no].offsetWidth;
			}
		}

		DHTMLgoodies_viewableWidth_two = document.getElementById('DHTMLgoodies_thumbs_two').offsetWidth;
		
		
		DHTMLgoodies_currentActiveImage_two = DHTMLgoodies_thumbDiv_two.getElementsByTagName('A')[0].getElementsByTagName('IMG')[0];
		DHTMLgoodies_currentActiveImage_two.className='activeImage';
	}
	
	function moveThumbnails_two()
	{
		if(DHTMLgoodies_thumbSlideInProgress_two)return;
		DHTMLgoodies_thumbSlideInProgress_two = true;
		if(this.id=='DHTMLgoodies_leftArrow_two'){
			thumbsColIndex_two--;
			rightArrowObj_two.style.visibility='visible';
			if(DHTMLgoodies_thumbDiv_two.style.left.replace('px','')/1>=0){
				leftArrowObj_two.style.visibility='hidden';
				DHTMLgoodies_thumbSlideInProgress_two = false;
				return;
			}
			
			slideThumbs_two(slideSteps,0);
			
		}else{
			thumbsColIndex_two++;
			leftArrowObj_two.style.visibility='visible';
			var left = DHTMLgoodies_thumbDiv_two.style.left.replace('px','')/1;	
			var showArrow_two = true;
			if(DHTMLgoodies_thumbTotalWidth_two + left - DHTMLgoodies_slideWidth_two <= DHTMLgoodies_viewableWidth_two)showArrow_two = false;
			if(columnsOfThumbnails_two)showArrow_two = true;
				
			if(!showArrow_two)	
			{
				rightArrowObj_two.style.visibility='hidden';
				DHTMLgoodies_thumbSlideInProgress_two = false;
				return;
			}	
			
			slideThumbs_two((slideSteps*-1),0);
		}	
		
	}
	
	function slideThumbs_two(speed,currentPos)
	{
		var leftPos_two;
		if(thumbsLeftPos_two){
			leftPos_two= thumbsLeftPos_two;
		}else{
			var leftPos_two = DHTMLgoodies_thumbDiv_two.style.left.replace('px','')/1;
			thumbsLeftPos_two = leftPos_two;
		}
		currentPos = currentPos + Math.abs(speed);		
		var tmpLeftPos_two = leftPos_two;
		leftPos_two = leftPos_two + speed;
		thumbsLeftPos_two = leftPos_two;
		DHTMLgoodies_thumbDiv_two.style.left = leftPos_two + 'px';
		if(currentPos<DHTMLgoodies_slideWidth_two)setTimeout('slideThumbs_two(' + speed + ',' + currentPos + ')',slideSpeed);else{
			if(tmpLeftPos_two>=0 || (columnsOfThumbnails_two && thumbsColIndex_two==1)){
				document.getElementById('DHTMLgoodies_leftArrow_two').style.visibility='hidden';
			}	
			var left_two = tmpLeftPos_two;		
			var showArrow_two = true;
			if(DHTMLgoodies_thumbTotalWidth_two + left_two - DHTMLgoodies_slideWidth_two <= DHTMLgoodies_viewableWidth_two)showArrow_two=false;
			if(columnsOfThumbnails_two){
				if((thumbsColIndex_two+1)<columnsOfThumbnails_two)showArrow_two=true; else showArrow_two = false;				
			}			
			if(!showArrow_two){
				document.getElementById('DHTMLgoodies_rightArrow_two').style.visibility='hidden';
			}					
			DHTMLgoodies_thumbSlideInProgress_two = false;
		}
	
	}
	


	function showPreview_two(imagePath,inputObj)
	{		
		if(DHTMLgoodies_currentActiveImage_two){
			if(DHTMLgoodies_currentActiveImage_two==inputObj.getElementsByTagName('IMG')[0])return;
			DHTMLgoodies_currentActiveImage_two.className='';
		}
		DHTMLgoodies_currentActiveImage_two = inputObj.getElementsByTagName('IMG')[0];
		DHTMLgoodies_currentActiveImage_two.className='activeImage';
		
		DHTMLgoodies_imageToShow_two = imagePath;
		var tmpImage_two = new Image();
		tmpImage_two.src = imagePath;
		currentUnqiueOpacityId_two = Math.random();
		moveOpacity_two(opacitySteps_two*-1,currentUnqiueOpacityId_two);
	}
	
	function setOpacity_two()
	{
		if(document.all)
		{
			DHTMLgoodies_largeImage_two.style.filter = 'alpha(opacity=' + DHTMLgoodies_currentOpacity_two + ')';
		}else{
			DHTMLgoodies_largeImage_two.style.opacity = DHTMLgoodies_currentOpacity_two/100;
		}		
	}
	function moveOpacity_two(speed,uniqueId)
	{
		
		if(browserIsOpera){
			DHTMLgoodies_largeImage_two.src = DHTMLgoodies_imageToShow_two;
			return;
		}
		
		DHTMLgoodies_currentOpacity_two = DHTMLgoodies_currentOpacity_two + speed;
		if(DHTMLgoodies_currentOpacity_two<=5 && speed<0){
		
			var tmpParent_two = DHTMLgoodies_largeImage_two.parentNode; 
			DHTMLgoodies_largeImage_two.parentNode.removeChild(DHTMLgoodies_largeImage_two);
			DHTMLgoodies_largeImage_two = document.createElement('IMG');
			tmpParent_two.appendChild(DHTMLgoodies_largeImage_two);
			setOpacity_two();
			DHTMLgoodies_largeImage_two.src = DHTMLgoodies_imageToShow_two;
		
			speed=opacitySteps;
		}
		if(DHTMLgoodies_currentOpacity_two>=99 && speed>0)DHTMLgoodies_currentOpacity_two=99;		
		setOpacity_two();	
		if(DHTMLgoodies_currentOpacity_two>=99 && speed>0)return;		
		if(uniqueId==currentUnqiueOpacityId_two)setTimeout('moveOpacity_two(' + speed + ',' + uniqueId + ')',opacitySpeed);		
	}