/************************************************************************************************************
	(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
	************************************************************************************************************/
			
	var opacitySpeed = 4;	// Speed of opacity - switching between large images - Lower = faster
	var opacitySteps = 8; 	// 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 = false;	// Hardcoded number of thumbnail columns, use false if you want the script to figure it out dynamically.
	var rowsOfThumbnails = false;
	var playDelay = 5000; 
	/* Don't change anything below here */
	var DHTMLgoodies_largeImage = false;
	var DHTMLgoodies_imageToShow = false;
	var DHTMLgoodies_currentOpacity = 100;
	var DHTMLgoodies_slideWidth = false;
	var DHTMLgoodies_slideHeight = false;
	var DHTMLgoodies_thumbTotalWidth = false;
	var DHTMLgoodies_thumbTotalHeight = false
	
	var DHTMLgoodies_viewableWidth = false;
	var DHTMLgoodies_viewableHeight = 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 topArrowObj;
	var bottomArrowObj;
	var thumbsColIndex = 1;
	var thumbsRowIndex = 1;
	var thumbsLeftPos = false;
	var thumbsTopPos = false;
	
	var playIndex = 0;
	var lengthImages = 0;
	var imagesArray = new Array();
	var autoplay = true;
	
	function initGalleryScript()
	{
		leftArrowObj  = document.getElementById('DHTMLgoodies_leftArrow');
		rightArrowObj = document.getElementById('DHTMLgoodies_rightArrow');
		leftArrowObj.style.cursor = 'pointer';	
		rightArrowObj.style.cursor = 'pointer';	
		leftArrowObj.onclick = moveThumbnailsH;
		rightArrowObj.onclick = moveThumbnailsH;
		
		leftArrowObj.style.visibility='hidden';
		/*topArrowObj = document.getElementById('DHTMLgoodies_topArrow');		
		bottomArrowObj = document.getElementById('DHTMLgoodies_bottomArrow');	
		bottomArrowObj.onclick = moveThumbnailsV;
		topArrowObj.onclick = moveThumbnailsV;
		topArrowObj.style.visibility='hidden';*/
		
		DHTMLgoodies_largeImage = document.getElementById('DHTMLgoodies_largeImage').getElementsByTagName('IMG')[0];
		lengthImages = document.getElementById('DHTMLgoodies_thumbs_inner').getElementsByTagName('A').length;
		var innerDiv = document.getElementById('DHTMLgoodies_thumbs_inner');
		DHTMLgoodies_slideWidth =  innerDiv.getElementsByTagName('DIV')[0].offsetWidth;
		DHTMLgoodies_slideHeight = innerDiv.getElementsByTagName('DIV')[0].offsetHeight;
		
		DHTMLgoodies_thumbDiv = document.getElementById('DHTMLgoodies_thumbs_inner');
		DHTMLgoodies_thumbDiv.style.left = '0px';
		DHTMLgoodies_thumbDiv.style.top  = '0px';

			
		var subDivs = DHTMLgoodies_thumbDiv.getElementsByTagName('DIV');
		DHTMLgoodies_thumbTotalWidth = 0;
		DHTMLgoodies_thumbTotalHeight = 0;
		var tmpLeft = 0;
		var tmpTop  = 0;
		var numStrips = 0;
		for(var no=0;no<subDivs.length;no++){
			if(subDivs[no].className=='strip_of_thumbnails'){
				DHTMLgoodies_thumbTotalWidth = DHTMLgoodies_thumbTotalWidth + DHTMLgoodies_slideWidth;
				DHTMLgoodies_thumbTotalHeight = DHTMLgoodies_thumbTotalHeight + DHTMLgoodies_slideHeight;
				subDivs[no].style.left = tmpLeft + 'px';
				//subDivs[no].style.top = tmpTop + 'px';
				tmpLeft = tmpLeft + subDivs[no].offsetWidth;
				tmpTop  = tmpTop  + subDivs[no].offsetHeight;
				numStrips++;
			}
		}
		rowsOfThumbnails = numStrips;
		columnsOfThumbnails = numStrips;
		
		if (rowsOfThumbnails <= 3){
			rightArrowObj.style.visibility='hidden';
		}
		DHTMLgoodies_viewableWidth  = document.getElementById('DHTMLgoodies_thumbs').offsetWidth;
		DHTMLgoodies_viewableHeight = document.getElementById('DHTMLgoodies_thumbs').offsetHeight;		
		
		DHTMLgoodies_currentActiveImage = DHTMLgoodies_thumbDiv.getElementsByTagName('A')[0].getElementsByTagName('IMG')[0];
		DHTMLgoodies_currentActiveImage.className='activeImage';
	}
	
	function moveThumbnailsH()
	{
		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;
			}
			slideThumbsH(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;
			}
			slideThumbsH((slideSteps*-1),0);
		}	
		
	}

	function moveThumbnailsV()
	{
		if(DHTMLgoodies_thumbSlideInProgress)return;
		DHTMLgoodies_thumbSlideInProgress = true;
		if(this.id=='DHTMLgoodies_topArrow'){
			thumbsRowIndex--;
			bottomArrowObj.style.visibility='visible';
			if(DHTMLgoodies_thumbDiv.style.top.replace('px','')/1>=0){
				topArrowObj.style.visibility='hidden';
				DHTMLgoodies_thumbSlideInProgress = false;
				return;
			}
			slideThumbsV(slideSteps,0);
		}else{
			thumbsRowIndex++;
			topArrowObj.style.visibility='visible';
			var top = DHTMLgoodies_thumbDiv.style.top.replace('px','')/1;	
			var showArrow = true;
			if(DHTMLgoodies_thumbTotalHeight + top - DHTMLgoodies_slideHeight <= DHTMLgoodies_viewableHeight)showArrow = false;
			if(rowsOfThumbnails)showArrow = true;
				
			if(!showArrow)	
			{
				bottomArrowObj.style.visibility='hidden';
				DHTMLgoodies_thumbSlideInProgress = false;
				return;
			}
			slideThumbsV((slideSteps*-1),0);
		}	
		
	}
	
	function slideThumbsH(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('slideThumbsH(' + 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-1)showArrow=true; else showArrow = false;				
			}			
			if(!showArrow){
				document.getElementById('DHTMLgoodies_rightArrow').style.visibility='hidden';
			}					
			DHTMLgoodies_thumbSlideInProgress = false;
		}
	
	}
	
	function slideThumbsV(speed,currentPos)
	{
		var topPos;
		if(thumbsTopPos){
			topPos= thumbsTopPos;
		}else{
			var topPos = DHTMLgoodies_thumbDiv.style.top.replace('px','')/1;
			thumbsTopPos = topPos;
		}
		currentPos = currentPos + Math.abs(speed);		
		var tmpTopPos = topPos;
		topPos = topPos + speed;
		thumbsTopPos = topPos;
		DHTMLgoodies_thumbDiv.style.top = topPos + 'px';
		if(currentPos<DHTMLgoodies_slideHeight)setTimeout('slideThumbsV(' + speed + ',' + currentPos + ')',slideSpeed);else{
			if(tmpTopPos>=0 || (rowsOfThumbnails && thumbsRowIndex==1)){
				document.getElementById('DHTMLgoodies_topArrow').style.visibility='hidden';
			}	
			var top = tmpTopPos;		
			var showArrow = true;
			if(DHTMLgoodies_thumbTotalHeight + top - DHTMLgoodies_slideHeight <= DHTMLgoodies_viewableWidth)showArrow=false;
			if(rowsOfThumbnails){
				if((thumbsRowIndex+1)<rowsOfThumbnails-1)showArrow=true; else showArrow = false;				
			}			
			if(!showArrow){
				document.getElementById('DHTMLgoodies_bottomArrow').style.visibility='hidden';
			}					
			DHTMLgoodies_thumbSlideInProgress = false;
		}
	
	}

	var play = false;	
	function showImageByIndex(index){
		var link = document.getElementById('DHTMLgoodies_thumbs_inner').getElementsByTagName('A')[index];
		showPreview(link.href, link, index);
	}
	
	function start(){
		play = true;
		player();
		document.getElementById("playButtom").src ="SlideShow/slider-stop.jpg" ;
	}
	
	function player(){
		if (play){
			next();
			setTimeout("player();", playDelay);
		}
	}
	
	function stop(){
		play = false;
		document.getElementById("playButtom").src ="SlideShow/slider-play.jpg" ;
	}
	
	function next(){
		playIndex ++;
		if ( playIndex == lengthImages ) { playIndex = 0; }
		showImageByIndex(playIndex);
	}
	
	function previous(){
		playIndex --;
		if ( playIndex < 0 ) { playIndex = lengthImages -1; }
		showImageByIndex(playIndex);
	}
	
	function clickPlayButtom(){
		if ( play ){
			stop();
		}else{
			start();
		}
	}
	
	function preloadImages(){
		imagesArray = document.getElementById('DHTMLgoodies_thumbs_inner').getElementsByTagName('A');
		for ( i = 0; i< imagesArray.length; i++){
			link = imagesArray[i];
			link.image = new Image();
			link.image.src = link.href;
		}
		if (imagesArray.length == 1 ){
			document.getElementById('playerControls').style.display = "none";
		} else {
			playWhenComplete();
		}
	}
	
	function playWhenComplete(){
		if ( imagesArray[ imagesArray.length -1 ].image.complete ) {
			if ( autoplay ) { start(); }
		} else {
			setTimeout("playWhenComplete()", 3000);
		}
	}
	
	function showImage(imagePath,inputObj, index){
		stop();
		playIndex = index;
		showPreview(imagePath,inputObj, index);
	}
	
	function showPreview(imagePath,inputObj, index)
	{		
		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);
		
		if ( document.getElementById("playIndex") ) {
			document.getElementById("playIndex").innerHTML = index + 1;
		}
	}
	
	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);		
	}