/************************************************************************************************************
	(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 = 2;	// Speed of opacity - switching between large images - Lower = faster
	var opacitySteps = 10; 	// Also speed of opacity - Higher = faster
	var slideSpeed = 2;	// Speed of thumbnail slide - Lower = faster
	var slideSteps = 8;	// Also speed of thumbnail slide - Higher = faster
	
		
	/* 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 autoplay_button;
	var thumbsColIndex = 1;
	var thumbsLeftPos = false;
	var autoTimer ="";
	
	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 = document.getElementById('firstThumbnailLink').getElementsByTagName('IMG')[0];
		DHTMLgoodies_currentActiveImage.className='activeImage';
		
		//Настраиваем кнопки След, и Пред. 
	prevImage=document.getElementById('menu_browse_prev');
	nextImage=document.getElementById('menu_browse_next');
	setImageArrows();
	

		autoplay_button=document.getElementById('DHTMLgoodies_autoPlay');
		if (do_autoplay == true) {autoPlayOn();} else {autoPlayOff();}
	}
	
function autoPlay(){
	if (currentImageInCategory<lastImageInCategory) {
		document.getElementById('menu_browse_next').onclick();
	} else
	{DHTMLgoodies_thumbDiv.getElementsByTagName('A')[0].onclick();}
autoPlayOn();
}
	
function autoPlayOn(){
	if(autoTimer==""){
	autoplay_button.style.backgroundImage = "url(../images/pause.gif)";	
	autoplay_button.onclick = autoPlayOff;
	autoplay_button.title = "Turn off slideshow";
	autoTimer = window.setInterval('autoPlay();', (autoplay_interval*1000));
	
	} else {autoPlayOff();}

	
}

function autoPlayOff(){
	      autoplay_button.onclick = autoPlayOn;
		  autoplay_button.title = "Slideshow";
	if(autoTimer!=""){
						autoplay_button.style.backgroundImage = "url(../images/play.gif)";

          window.clearInterval(autoTimer);
          autoTimer="";
      }
	//	alert ('Autoplay is OFF');
}


function setImageArrows()
	{
		//Previous Arrow 
		if (currentImageInCategory>0) { 
		prevImageInCategory = currentImageInCategory - 1;
		prevImage.onclick = DHTMLgoodies_thumbDiv.getElementsByTagName('A')[prevImageInCategory].onclick;
		prevImage.style.display='';
		} else {prevImage.style.display='none';}

		//Next Arrow 
		if (currentImageInCategory<lastImageInCategory) { 
		nextImageInCategory = currentImageInCategory + 1;
		nextImage.onclick = DHTMLgoodies_thumbDiv.getElementsByTagName('A')[nextImageInCategory].onclick;
		nextImage.style.display='';
		} else {nextImage.style.display='none';}
	
	}
	
	
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)   // Меняем главное изображение
	{		
		//alert(currentImageInCategory);
		//alert(Math.ceil((currentImageInCategory+1)/6));
	// если выбрали из thumbs
		if (inputObj!=nextImage && inputObj!=prevImage) {
			for (var i=0;i<=lastImageInCategory;i++) {
			if (inputObj == DHTMLgoodies_thumbDiv.getElementsByTagName('A')[i]) { currentImageInCategory = i; }
			}
		}
	// если нажали вперед
		if (inputObj == nextImage){
			currentImageInCategory=nextImageInCategory;
			inputObj =  DHTMLgoodies_thumbDiv.getElementsByTagName('A')[currentImageInCategory];
			}
	// если нажали назад	
		if (inputObj == prevImage){
			currentImageInCategory=prevImageInCategory;
			inputObj =  DHTMLgoodies_thumbDiv.getElementsByTagName('A')[currentImageInCategory];
			}
			
			setImageArrows();
		if(DHTMLgoodies_currentActiveImage){
			if(DHTMLgoodies_currentActiveImage==inputObj.getElementsByTagName('IMG')[0])return;
			DHTMLgoodies_currentActiveImage.className='thumbnails';
		}
		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);
		//alert(currentImageInCategory);
		
		//  Поворачиваем превьюшки вперед если надо
		if (Math.ceil((currentImageInCategory+1)/6) > thumbsColIndex) 
		{
			for(var i=thumbsColIndex;i<Math.ceil((currentImageInCategory+1)/6) ;i++) {
				
				//alert('Move Forward!');
				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);
			}
		}
		
		//  Поворачиваем превьюшки вперед если надо
		if (Math.ceil((currentImageInCategory+1)/6) < thumbsColIndex) 
		{
			for(var i=thumbsColIndex;i>Math.ceil((currentImageInCategory+1)/6) ;i--) {
						//alert('Back!');
			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);
			}
		}
		//alert(Math.ceil((currentImageInCategory+1)/6));
	}
	
	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);		
	}