/************************************************************************************************************
	(C) www.dhtmlgoodies.com, November 2005
	************************************************************************************************************/
	var arrowImageHeight = 20;	// Height of arrow image in pixels;
	var displayWaitMessage=true;	// Display a please wait message while images are loading?
	
	var previewImage = false;
	var previewLeftImageParent = false;
	var leftSlideSpeed = 0;
	var previewLeftImagePane = false;
	var leftSlideEndMarker = false;
	var leftGalleryContainer = false;
	var imageGalleryCaptionsLeft = new Array();
	var largeImageToShow = 'Image001.html';
	var largeImage;
		
	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 showLeftPreview(newSrc,imageIndex,largeImage)
	{
		if(!previewImage){
			var leftImages = document.getElementById('previewPane').getElementsByTagName('IMG');
			if(leftImages.length>0){
				previewImage = leftImages[0];
			}else{
				previewImage = document.createElement('IMG');
				document.getElementById('previewPane').appendChild(previewImage);	
			}
			
			
		}
		if(displayWaitMessage){
			document.getElementById('waitMessage').style.display='inline';
		}
		document.getElementById('largeImageCaption').style.display='none';
		previewImage.onload = function() { hideWaitMessageAndShowCaptionLeft(imageIndex-1); };				
		previewImage.src = newSrc;
	
	largeImageToShow = largeImage;	
	}


	function hideWaitMessageAndShowCaptionLeft(imageIndex)
	{
		document.getElementById('waitMessage').style.display='none';	
		document.getElementById('largeImageCaption').innerHTML = imageGalleryCaptionsLeft[imageIndex];
		document.getElementById('largeImageCaption').style.display='block';
		
	}
	
	function initLeftSlide(e)
	{
		if(document.all)e = event;
		
		if(this.src.indexOf('over')<0)this.src = this.src.replace('.gif','-over.gif');
		
		leftSlideSpeed = e.clientY + Math.max(document.body.scrollTop,document.documentElement.scrollTop) - getTopPos(this);
		if(this.src.indexOf('down')>=0){
			leftSlideSpeed = (leftSlideSpeed)*-1;	
		}else{
			leftSlideSpeed = arrowImageHeight - leftSlideSpeed;
		}
		leftSlideSpeed = Math.round(leftSlideSpeed * 10 / arrowImageHeight);
	}
	
	function stopLeftSlide()
	{		
		leftSlideSpeed = 0;
		this.src = this.src.replace('-over','');
	}
	
	
	function slideLeftPreviewPane()
	{
		if(leftSlideSpeed!=0){
			var topPos = previewLeftImagePane.style.top.replace(/[^\-0-9]/g,'')/1;	
		
			if(leftSlideSpeed<0 && leftSlideEndMarker.offsetTop<(previewLeftImageParent.offsetHeight - topPos)){
				leftSlideSpeed=0;
			
			}
			topPos = topPos + leftSlideSpeed;
			if(topPos>0)topPos=0;

		 	previewLeftImagePane.style.top = topPos + 'px';
	 	
		}
	 	setTimeout('slideLeftPreviewPane()',30);		
	}
	
	function revealLeftThumbnail()
	{
		this.style.filter = 'alpha(opacity=100)';
		this.style.opacity = 1;
	}
	
	function hideLeftThumbnail()
	{
		this.style.filter = 'alpha(opacity=80)';
		this.style.opacity = 0.8;
	}
	
	function newWindow()
	{
		window.location=largeImageToShow
	}
	
	function initGalleryScript()
	{
		previewLeftImageParent = document.getElementById('leftImages');
		previewLeftImagePane = document.getElementById('leftImages').getElementsByTagName('DIV')[0];
		previewLeftImagePane.style.top = '0px';
		leftGalleryContainer  = document.getElementById('leftGalleryContainer');
		var leftImages = previewLeftImagePane.getElementsByTagName('IMG');
		for(var leftno=0;leftno<leftImages.length;leftno++){
			leftImages[leftno].onmouseover = revealLeftThumbnail;
			leftImages[leftno].onmouseout = hideLeftThumbnail;
		}
		leftSlideEndMarker = document.getElementById('leftSlideEnd');
		
		document.getElementById('left_arrow_up_image').onmousemove = initLeftSlide;
		document.getElementById('left_arrow_up_image').onmouseout = stopLeftSlide;

		document.getElementById('left_arrow_down_image').onmousemove = initLeftSlide;
		document.getElementById('left_arrow_down_image').onmouseout = stopLeftSlide;
		
		var divs = previewLeftImageParent.getElementsByTagName('DIV');
		for(var leftno=0;leftno<divs.length;leftno++){
			if(divs[leftno].className=='imageCaption')imageGalleryCaptionsLeft[imageGalleryCaptionsLeft.length] = divs[leftno].innerHTML;
		}		
		slideLeftPreviewPane();
		
	}
	
	
	window.onload = initGalleryScript;