/************************************************************************************************************
	(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 = 29;	// Height of arrow image in pixels;
	var displayWaitMessage=true;	// Display a please wait message while images are loading?
	
	var arrowImageHeight_1 = 29;	// Height of arrow image in pixels;
	var displayWaitMessage_1=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 previewImage_1 = false;
	var previewImageParent_1 = false;
	var slideSpeed_1 = 0;
	var previewImagePane_1 = false;
	var slideEndMarker_1 = false;
	var galleryContainer_1 = false;
	var imageGalleryCaptions_1 = 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 showPreview(newSrc,imageIndex)
	{
		if(!previewImage){
			var images = document.getElementById('previewPane').getElementsByTagName('IMG');
			if(images.length>0){
				previewImage = images[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() { hideWaitMessageAndShowCaption(imageIndex-1); };				
		previewImage.src = newSrc;
		
	}
	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('.png','-over.png');
		
		slideSpeed = e.clientY + Math.max(document.body.scrollTop,document.documentElement.scrollTop) - getTopPos(this);
		if(this.src.indexOf('bottom_arrow')>=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');
		var 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;
		}		
		slidePreviewPane();
		
	}
	
	
	
	
	
	
	
	
	function getTopPos_1(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_1(newSrc,imageIndex)
	{
		if(!previewImage_1){
			var images_1 = document.getElementById('previewPane_1').getElementsByTagName('IMG');
			if(images_1.length>0){
				previewImage_1 = images_1[0];
			}else{
				previewImage_1 = document.createElement('IMG');
				document.getElementById('previewPane_1').appendChild(previewImage_1);	
			}
			
			
		}
		if(displayWaitMessage_1){
			document.getElementById('waitMessage_1').style.display='inline';
		}
		document.getElementById('largeImageCaption_1').style.display='none';
		previewImage_1.onload = function() { hideWaitMessageAndShowCaption_1(imageIndex-1); };				
		previewImage_1.src = newSrc;
		
	}
	function hideWaitMessageAndShowCaption_1(imageIndex)
	{
		document.getElementById('waitMessage_1').style.display='none';	
		document.getElementById('largeImageCaption_1').innerHTML = imageGalleryCaptions_1[imageIndex];
		document.getElementById('largeImageCaption_1').style.display='block';
		
	}	
	function initSlide_1(e)
	{
		if(document.all)e = event;
		
		if(this.src.indexOf('over')<0)this.src = this.src.replace('.png','-over.png');
		
		slideSpeed_1 = e.clientY + Math.max(document.body.scrollTop,document.documentElement.scrollTop) - getTopPos_1(this);
		if(this.src.indexOf('bottom_arrow')>=0){
			slideSpeed_1 = (slideSpeed_1)*-1;	
		}else{
			slideSpeed_1 = arrowImageHeight_1 - slideSpeed_1;
		}
		slideSpeed_1 = Math.round(slideSpeed_1 * 10 / arrowImageHeight_1);
	}
	
	function stopSlide_1()
	{		
		slideSpeed_1 = 0;
		this.src = this.src.replace('-over','');
	}
	
	function slidePreviewPane_1()
	{
		if(slideSpeed_1!=0){
			var topPos_1 = previewImagePane_1.style.top.replace(/[^\-0-9]/g,'')/1;	
		
			if(slideSpeed_1<0 && slideEndMarker_1.offsetTop<(previewImageParent_1.offsetHeight - topPos_1)){
				slideSpeed_1=0;
			
			}
			topPos_1 = topPos_1 + slideSpeed_1;
			if(topPos_1>0)topPos_1=0;

		 	previewImagePane_1.style.top = topPos_1 + 'px';
	 	
		}
	 	setTimeout('slidePreviewPane_1()',30);		
	}
	
	function revealThumbnail_1()
	{
		this.style.filter = 'alpha(opacity=100)';
		this.style.opacity = 1;
	}
	
	function hideThumbnail_1()
	{
		this.style.filter = 'alpha(opacity=50)';
		this.style.opacity = 0.5;
	}
	
	function initGalleryScript_1()
	{
		previewImageParent_1 = document.getElementById('theImages_1');
		previewImagePane_1 = document.getElementById('theImages_1').getElementsByTagName('DIV')[0];
		previewImagePane_1.style.top = '0px';
		galleryContainer_1  = document.getElementById('galleryContainer_1');
		var images_1 = previewImagePane_1.getElementsByTagName('IMG');
		for(var no=0;no<images_1.length;no++){
			images_1[no].onmouseover = revealThumbnail_1;
			images_1[no].onmouseout = hideThumbnail_1;
		}	
		slideEndMarker_1 = document.getElementById('slideEnd_1');
		
		document.getElementById('arrow_up_image_1').onmousemove = initSlide_1;
		document.getElementById('arrow_up_image_1').onmouseout = stopSlide_1;
		
		document.getElementById('arrow_down_image_1').onmousemove = initSlide_1;
		document.getElementById('arrow_down_image_1').onmouseout = stopSlide_1;
		var divs_1 = previewImageParent_1.getElementsByTagName('DIV');
		for(var no=0;no<divs_1.length;no++){
			if(divs_1[no].className=='imageCaption')imageGalleryCaptions_1[imageGalleryCaptions_1.length] = divs_1[no].innerHTML;
		}		
		slidePreviewPane_1();
		
	}
	
	function start_sliding() {
		initGalleryScript();
		initGalleryScript_1();
	}
	
	
	
	
	
	window.onload = start_sliding;