/************************************************************************************************************
	(C) www.dhtmlgoodies.com, November 2005
	************************************************************************************************************/
	var arrowImageHeight = 20;	// Height of arrow image in pixels;
	var displayWaitMessageLeft=true;	// Display a please wait message while images are loading?
	var displayWaitMessageRight=true;	// Display a please wait message while images are loading?
	
	var previewImageLeft = false;
	var previewImageRight = false;
	var previewLeftImageParent = false;
	var previewRightImageParent = false;
	var leftSlideSpeed = 0;
	var rightSlideSpeed = 0;
	var previewLeftImagePane = false;
	var previewRightImagePane = false;
	var leftSlideEndMarker = false;
	var rightSlideEndMarker = false;
	var leftGalleryContainer = false;
	var rightGalleryContainer = false;
	var imageGalleryCaptionsLeft = new Array();
	var imageGalleryCaptionsRight = new Array();
	var largeImageToShowLeft = 'arran/arran.html';
	var largeImageToShowRight = 'arran/arran.html';
	var largeImageLeft;
	var largeImageRight;
		
	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,largeImageLeft)
	{
		if(!previewImageLeft){
			var leftImages = document.getElementById('previewPaneLeft').getElementsByTagName('IMG');
			if(leftImages.length>0){
				previewImageLeft = leftImages[0];
			}else{
				previewImageLeft = document.createElement('IMG');
				document.getElementById('previewPaneLeft').appendChild(previewImageLeft);	
			}
			
			
		}
		if(displayWaitMessageLeft){
			document.getElementById('waitMessageLeft').style.display='inline';
		}
		document.getElementById('largeImageCaptionLeft').style.display='none';
		previewImageLeft.onload = function() { hideWaitMessageAndShowCaptionLeft(imageIndex-1); };				
		previewImageLeft.src = newSrc;
	
	largeImageToShowLeft = largeImageLeft;	
	}

	function showRightPreview(newSrc,imageIndex,largeImageRight)
	{
		if(!previewImageRight){
			var rightImages = document.getElementById('previewPaneRight').getElementsByTagName('IMG');
			if(rightImages.length>0){
				previewImageRight = rightImages[0];
			}else{
				previewImageRight = document.createElement('IMG');
				document.getElementById('previewPaneRight').appendChild(previewImageRight);	
			}
			
			
		}
		if(displayWaitMessageRight){
			document.getElementById('waitMessageRight').style.display='inline';
		}
		document.getElementById('largeImageCaptionRight').style.display='none';
		previewImageRight.onload = function() { hideWaitMessageAndShowCaptionRight(imageIndex-1); };				
		previewImageRight.src = newSrc;
	
	largeImageToShowRight = largeImageRight;	
	}

	function hideWaitMessageAndShowCaptionLeft(imageIndex)
	{
		document.getElementById('waitMessageLeft').style.display='none';	
		document.getElementById('largeImageCaptionLeft').innerHTML = imageGalleryCaptionsLeft[imageIndex];
		document.getElementById('largeImageCaptionLeft').style.display='block';
		
	}

	function hideWaitMessageAndShowCaptionRight(imageIndex)
	{
		document.getElementById('waitMessageRight').style.display='none';	
		document.getElementById('largeImageCaptionRight').innerHTML = imageGalleryCaptionsRight[imageIndex];
		document.getElementById('largeImageCaptionRight').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 initRightSlide(e)
	{
		if(document.all)e = event;
		
		if(this.src.indexOf('over')<0)this.src = this.src.replace('.gif','-over.gif');
		
		rightSlideSpeed = e.clientY + Math.max(document.body.scrollTop,document.documentElement.scrollTop) - getTopPos(this);
		if(this.src.indexOf('down')>=0){
			rightSlideSpeed = (rightSlideSpeed)*-1;	
		}else{
			rightSlideSpeed = arrowImageHeight - rightSlideSpeed;
		}
		rightSlideSpeed = Math.round(rightSlideSpeed * 10 / arrowImageHeight);
	}
	
	function stopRightSlide()
	{		
		rightSlideSpeed = 0;
		this.src = this.src.replace('-over','');
	}
	
	function slideLeftpreviewPaneLeft()
	{
		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('slideLeftpreviewPaneLeft()',30);		
	}
	
	function slideRightpreviewPaneLeft()
	{
		if(rightSlideSpeed!=0){
			var topPos = previewRightImagePane.style.top.replace(/[^\-0-9]/g,'')/1;	
		
			if(rightSlideSpeed<0 && rightSlideEndMarker.offsetTop<(previewRightImageParent.offsetHeight - topPos)){
				rightSlideSpeed=0;
			
			}
			topPos = topPos + rightSlideSpeed;
			if(topPos>0)topPos=0;

		 	previewRightImagePane.style.top = topPos + 'px';
	 	
		}
	 	setTimeout('slideRightpreviewPaneLeft()',30);		
	}
	
	function revealLeftThumbnail()
	{
		this.style.filter = 'alpha(opacity=100)';
		this.style.opacity = 1;
	}
	
	function revealRightThumbnail()
	{
		this.style.filter = 'alpha(opacity=100)';
		this.style.opacity = 1;
	}
	
	function hideLeftThumbnail()
	{
		this.style.filter = 'alpha(opacity=80)';
		this.style.opacity = 0.8;
	}
	
	function hideRightThumbnail()
	{
		this.style.filter = 'alpha(opacity=80)';
		this.style.opacity = 0.8;
	}
	
	function newWindowLeft()
	{
		window.location=largeImageToShowLeft
	}
	
	function newWindowRight()
	{
		window.location=largeImageToShowRight
	}
	
	function initGalleryScript()
	{
		previewLeftImageParent = document.getElementById('leftImages');
		previewLeftImagePane = document.getElementById('leftImages').getElementsByTagName('DIV')[0];
		previewLeftImagePane.style.top = '0px';
		previewRightImageParent = document.getElementById('rightImages');
		previewRightImagePane = document.getElementById('rightImages').getElementsByTagName('DIV')[0];
		previewRightImagePane.style.top = '0px';
		leftGalleryContainer  = document.getElementById('leftGalleryContainer');
		rightGalleryContainer  = document.getElementById('rightGalleryContainer');
		var leftImages = previewLeftImagePane.getElementsByTagName('IMG');
		for(var leftno=0;leftno<leftImages.length;leftno++){
			leftImages[leftno].onmouseover = revealLeftThumbnail;
			leftImages[leftno].onmouseout = hideLeftThumbnail;
		}
		var rightImages = previewRightImagePane.getElementsByTagName('IMG');
		for(var rightno=0;rightno<rightImages.length;rightno++){
			rightImages[rightno].onmouseover = revealRightThumbnail;
			rightImages[rightno].onmouseout = hideRightThumbnail;
		}	
		leftSlideEndMarker = document.getElementById('leftSlideEnd');
		rightSlideEndMarker = document.getElementById('rightSlideEnd');
		
		document.getElementById('left_arrow_up_image').onmousemove = initLeftSlide;
		document.getElementById('left_arrow_up_image').onmouseout = stopLeftSlide;

		document.getElementById('right_arrow_up_image').onmousemove = initRightSlide;
		document.getElementById('right_arrow_up_image').onmouseout = stopRightSlide;
		
		document.getElementById('left_arrow_down_image').onmousemove = initLeftSlide;
		document.getElementById('left_arrow_down_image').onmouseout = stopLeftSlide;
		
		document.getElementById('right_arrow_down_image').onmousemove = initRightSlide;
		document.getElementById('right_arrow_down_image').onmouseout = stopRightSlide;
		
		var divs = previewLeftImageParent.getElementsByTagName('DIV');
		for(var leftno=0;leftno<divs.length;leftno++){
			if(divs[leftno].className=='imageCaption')imageGalleryCaptionsLeft[imageGalleryCaptionsLeft.length] = divs[leftno].innerHTML;
		}		
		var divs = previewRightImageParent.getElementsByTagName('DIV');
		for(var rightno=0;rightno<divs.length;rightno++){
			if(divs[rightno].className=='imageCaption')imageGalleryCaptionsRight[imageGalleryCaptionsRight.length] = divs[rightno].innerHTML;
		}		
		slideLeftpreviewPaneLeft();
		slideRightpreviewPaneLeft();
		
	}
	
	
	window.onload = initGalleryScript;