/************************************************************************************************************
	(C) www.dhtmlgoodies.com, November 2005
	
	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 arrowImageHeight = 35;	// Height of arrow image in pixels;
	var displayWaitMessage=true;	// Display a please wait message while images are loading?
	
	var previewImage = false;
	var previewImageParent = false;
	var slideSpeed = 0;
	var previewImagePane = false;
	var slideEndMarker = false;
	var galleryContainer = false;
	var imageGalleryCaptions = new Array();
		
	var imageGalleryID = new Array();
	var imageGalleryTitle = new Array();
	var images;
	var newindex=0;
	var pindex=0;
	var curpos=0;
	var flag=0;
	var autodisp=false;		
	var imgstr;
	var timeDelay;
	var path;
	function getTopPos(inputObj)
	{		
	
	  var returnValue = inputObj.offsetTop;
	  while((inputObj = inputObj.offsetParent) != null)returnValue += inputObj.offsetTop;
	  return returnValue;
	}
	
	function getLeftPos(inputObj)
	{

	  var returnValue = inputObj.offsetLeft;
	  while((inputObj = inputObj.offsetParent) != null)returnValue += inputObj.offsetLeft;
	  return returnValue;
	}
		
	
	
	function showPreview(newSrc,imageIndex)
	{
		if (flag==0)
		{
		if(newindex==-1)newindex=0;
		pindex=newindex;
		}
		newindex=imageIndex;
		if(newindex!=0)
			curpos=newindex*(-70)+70;
		else
		   curpos=newindex*(-70);
		//	
		if(!previewImage){
			var imagesd = document.getElementById('previewPane').getElementsByTagName('IMG');
			if(imagesd.length>0){
				previewImage = imagesd[0];
			}else{
				previewImage = document.createElement('IMG');
				document.getElementById('previewPane').appendChild(previewImage);	
			}
			
		}
		if(displayWaitMessage){
			document.getElementById('waitMessage').style.display='inline';
		}
		document.getElementById('largeImageCaption').style.display='inline';
		previewImage.onload = function() { hideWaitMessageAndShowCaption(imageIndex); };				
		previewImage.src = newSrc;
		//
		images[pindex].style.filter = 'alpha(opacity=50)';
		images[pindex].style.opacity = 0.5;
		
		images[newindex].style.filter = 'alpha(opacity=100)';
		images[newindex].style.opacity = 1; 
		flag=0;
		previewImagePane.style.top = curpos + 'px';

}
	
	
	function next(directory,imgarray)
	 {
		 flag=1;
		 pindex=newindex;
		 	newindex++;
 		 if(newindex>images.length-1)
	      newindex=0;
		
		if(!imgstr);
		 imgstr=imgarray.split(" ");
		 
		 newsrc=directory+imgstr[newindex];
		 
		 showPreview(newsrc,newindex);
	}
	 

	function prev(directory,imgarray)
	 {
		 flag=1;
		pindex=newindex;
 		 newindex--;
		 if(newindex<0)
		  newindex=images.length-1;
		  
		 if(!imgstr)	
		    imgstr=imgarray.split(" ");
		 newsrc=directory+imgstr[newindex];
		 
 		 showPreview(newsrc,newindex);
		 
	 }

function slideshow_automatic()
{ 
if (autodisp)
   {
	   
    
		 flag=1;
		 newindex++;
 		 if(newindex>images.length-1)
	      newindex=0; 
		 if(newindex==0)pindex=images.length-1;
		 else pindex=newindex-1;
		  //image_effects()
       //sets the timer value to 4 seconds,we can create a timing loop by using the setTimeout method
       timeDelay=setTimeout("slideshow_automatic()",3000) 
	   showPreview(path+imgstr[newindex],newindex);
     }
     
   if (autodisp==false)
   { 
     //Cancels the time-out that was set with the setTimeout method. 
      clearTimeout(timeDelay)
   }
}
 function autoOn(directory,imgarray)
 {
	 //document.getElementById('btnOff').style.display='inline';
	 //document.getElementById('btnOn').style.display='none';
	 autodisp=true;
	 path=directory;
	 if(!imgstr)
	 	imgstr=imgarray.split(" ");
	 slideshow_automatic();
 }
 function autoOff()
 {
	 autodisp=false;
	 //document.getElementById('btnOff').style.display='none';
	 //document.getElementById('btnOn').style.display='inline';
	 if(!imgstr)
	 	imgstr=imgarray.split(" ");
	 //slideshow_automatic(directory);
 }

	function hideWaitMessageAndShowCaption(imageIndex)
	{
		document.getElementById('waitMessage').style.display='none';	
		document.getElementById('largeImageCaption').innerHTML = imageGalleryCaptions[imageIndex];
		document.getElementById('largeImageCaption').style.display='block';
		
	}	

function initSlide(e)
	{
		if(document.all)e = event;
		
		if(this.src.indexOf('over')<0)this.src = this.src.replace('.gif','-over.gif');
		
		slideSpeed = e.clientY + Math.max(document.body.scrollTop,document.documentElement.scrollTop) - getTopPos(this);
		if(this.src.indexOf('down')>=0){
			slideSpeed = (slideSpeed)*-1;	
		}else{
			slideSpeed = arrowImageHeight - slideSpeed;
		}
		slideSpeed = Math.round(slideSpeed * 10 / arrowImageHeight);
	}
	
	function stopSlide()
	{		
		slideSpeed = 0;
		this.src = this.src.replace('-over','');
	}
	
	function slidePreviewPane()
	{
		if(slideSpeed!=0){
			var topPos = previewImagePane.style.top.replace(/[^\-0-9]/g,'')/1;	
		
			if(slideSpeed<0 && slideEndMarker.offsetTop<(previewImageParent.offsetHeight - topPos)){
				slideSpeed=0;
			
			}
			topPos = topPos + slideSpeed;
			if(topPos>0)topPos=0;

		 	previewImagePane.style.top = topPos + 'px';
	 	
		}
	 	setTimeout('slidePreviewPane()',30);		
	}
	
	function revealThumbnail()
	{
		this.style.filter = 'alpha(opacity=100)';
		this.style.opacity = 1;
	}
	
	function hideThumbnail()
	{
		this.style.filter = 'alpha(opacity=50)';
		this.style.opacity = 0.5;
	}
	
	function initGalleryScript()
	{
		previewImageParent = document.getElementById('theImages');
		previewImagePane = document.getElementById('theImages').getElementsByTagName('DIV')[0];
		previewImagePane.style.top = '0px';
		galleryContainer  = document.getElementById('galleryContainer');
		images = previewImagePane.getElementsByTagName('IMG');
		for(var no=0;no<images.length;no++){
			//images[no].onmouseover = revealThumbnail;
			//images[no].onmouseout = hideThumbnail;
		}	
		slideEndMarker = document.getElementById('slideEnd');
		
		document.getElementById('arrow_up_image').onmousemove = initSlide;
		document.getElementById('arrow_up_image').onmouseout = stopSlide;
		
		document.getElementById('arrow_down_image').onmousemove = initSlide;
		document.getElementById('arrow_down_image').onmouseout = stopSlide;
		var divs = previewImageParent.getElementsByTagName('DIV');
		for(var no=0;no<divs.length;no++){
			if(divs[no].className=='imageCaption')imageGalleryCaptions[imageGalleryCaptions.length] = divs[no].innerHTML;
		}
		//document.getElementById('btnOff').style.display='none';
		slidePreviewPane();
		images[0].style.filter = 'alpha(opacity=100)';
		images[0].style.opacity = 1;
	}
	
	
	window.onload = initGalleryScript;