/************************************************************************************************************
	(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 previewImage = false;
	var previewImageParent = false;
	var slideSpeed = 0;
	var previewImagePane = false;
	var slideEndMarker = false;
	var galleryContainer = false;
	var imageGalleryCaptions = new Array();

	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 initSlide(e)
	{
		if(document.all)e = event;
		
		// This code changes the arrow images color by replacing the image with the -over version of it.
		if(this.src.indexOf('over')<0)this.src = this.src.replace('.png','-over.png');
		
		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 initGalleryScript()
	{
		previewImageParent = document.getElementById('theImages');
		previewImagePane = document.getElementById('theImages').getElementsByTagName('DIV')[0];
		previewImagePane.style.top = '0px';
		galleryContainer  = document.getElementById('galleryContainer');
		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;
		
		slidePreviewPane();
		
	}
	
	

	/* Horizontal case */

	var arrowImageWidth = 35;

	function initSlideH(e)
	{
		if(document.all)e = event;
		
		// This code changes the arrow images color by replacing the image with the -over version of it.
		if(this.src.indexOf('over')<0)this.src = this.src.replace('.png','-over.png');
		
		slideSpeed = e.clientY + Math.max(document.body.scrollRight,document.documentElement.scrollRight) - getLeftPos(this);
		if(this.src.indexOf('down')>=0){
			slideSpeed = (slideSpeed)*-1;	
		}else{
			slideSpeed = arrowImageWidth - slideSpeed;
		}
		slideSpeed = Math.round(slideSpeed * 10 / arrowImageWidth);
	}
	
	function stopSlideH()
	{		
		slideSpeed = 0;
		this.src = this.src.replace('-over','');
	}
	
	function slidePreviewPaneH()
	{
		if(slideSpeed!=0){
			var topPos = previewImagePane.style.left.replace(/[^\-0-9]/g,'')/1;	
		
			if(slideSpeed<0 && slideEndMarker.offsetLeft<(previewImageParent.offsetWidth - leftPos)){
				slideSpeed=0;
			
			}
			leftPos = leftPos + slideSpeed;
			if(leftPos>0)leftPos=0;

		 	previewImagePane.style.left = leftPos + 'px';
	 	
		}
	 	setTimeout('slidePreviewPaneH()',30);		
	}
	
	function initGalleryScriptH()
	{
		previewImageParent = document.getElementById('HtheImages');
		previewImagePane = document.getElementById('HtheImages').getElementsByTagName('SPAN')[0];
		previewImagePane.style.left = '0px';
		galleryContainer  = document.getElementById('HgalleryContainer');
		slideEndMarker = document.getElementById('HslideEnd');
		
		document.getElementById('arrow_left_image').onmousemove = initSlideH;
		document.getElementById('arrow_left_image').onmouseout = stopSlideH;
		
		document.getElementById('arrow_right_image').onmousemove = initSlideH;
		document.getElementById('arrow_right_image').onmouseout = stopSlideH;
		
		slidePreviewPaneH();
		
	}