ÿþ/************************************************************************************************************

	(C) www.dhtmlgoodies.com, October 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

	

	************************************************************************************************************/	

	// You can modify these three values

	var slideshow2_noFading = true;	// Just normal show/hide without fading ?

	var slideshow2_timeBetweenSlides = 5000;	// Amount of time between each image(1000 = 1 second)

	var slideshow2_fadingSpeed = 20;	// Speed of fading

	

	

	/* Don't change any of these values */

	var slideshow2_galleryHeigh;	// Height of galery	

	var slideshow2_galleryContainer;	// Reference to the gallery div

	var slideshow2_galleryWidth;	// Width of gallery	

	var slideshow2_slideIndex = -1;	// Index of current image shown

	var slideshow2_slideIndexNext = false;	// Index of next image shown

	var slideshow2_imageDivs = new Array();	// Array of image divs(Created dynamically)

	var slideshow2_currentOpacity = 100;	// Initial opacity

	var slideshow2_imagesInGallery = false;	// Number of images in gallery

	

	function getGalleryImageSize(imageIndex)

	{

		if(imageIndex==slideshow2_imagesInGallery){

			showGallery();

		}else{

			var imgObj = document.getElementById('galleryImage' + imageIndex);

			var lnkObj = document.getElementById('linkImage' + imageIndex);



			var imgWidth = imgObj.width;

			var imgHeight = imgObj.height;

			if(imgWidth>50){						

				var tmpDiv = document.createElement('DIV');

				tmpDiv.id = 'galleryDiv' + imageIndex;

				tmpDiv.style.visibility = 'hidden';

				tmpDiv.className='imageInGallery';

				slideshow2_galleryContainer.appendChild(tmpDiv);



				/*new*/

				var theLink = document.createElement('a');

				theLink.setAttribute('href', lnkObj.getAttribute('href'));

				theLink.appendChild(imgObj);

				tmpDiv.appendChild(theLink);



				/*tmpDiv.appendChild(imgObj);*/

				imgObj.style.left = Math.round((slideshow2_galleryWidth - imgWidth)/2)  + "px";

				imgObj.style.top = Math.round((slideshow2_galleryHeight - imgHeight)/2)  + "px";

				tmpDiv.style.visibility = 'hidden';



				slideshow2_imageDivs.push(tmpDiv);

				imageIndex++;

				getGalleryImageSize(imageIndex);

			}else{

				setTimeout('getGalleryImageSize(' + imageIndex + ')',10);

			}

		}		

	}

	

	function showGallery()

	{

		if(slideshow2_slideIndex==-1)slideshow2_slideIndex=0; else slideshow2_slideIndex++;	// Index of next image to show

		if(slideshow2_slideIndex==slideshow2_imageDivs.length)slideshow2_slideIndex=0;

		slideshow2_slideIndexNext = slideshow2_slideIndex+1;	// Index of the next next image

		if(slideshow2_slideIndexNext==slideshow2_imageDivs.length)slideshow2_slideIndexNext = 0;

		

		slideshow2_currentOpacity=100;	// Reset current opacity



		// Displaying image divs

		slideshow2_imageDivs[slideshow2_slideIndex].style.visibility = 'visible';

		if(navigator.userAgent.indexOf('Opera')<0){

			slideshow2_imageDivs[slideshow2_slideIndexNext].style.visibility = 'visible';

		}

		

		

		if(document.all){	// IE rules

			slideshow2_imageDivs[slideshow2_slideIndex].style.filter = 'alpha(opacity=100)';

			slideshow2_imageDivs[slideshow2_slideIndexNext].style.filter = 'alpha(opacity=1)';

		}else{

			slideshow2_imageDivs[slideshow2_slideIndex].style.opacity = 0.99;	// Can't use 1 and 0 because of screen flickering in FF

			slideshow2_imageDivs[slideshow2_slideIndexNext].style.opacity = 0.01;

		}		

		



		setTimeout('revealImage()',slideshow2_timeBetweenSlides);		

	}

	

	function revealImage()

	{

		if(slideshow2_noFading){

			slideshow2_imageDivs[slideshow2_slideIndex].style.visibility = 'hidden';

			showGallery();

			return;

		}

		slideshow2_currentOpacity--;

		if(document.all){

			slideshow2_imageDivs[slideshow2_slideIndex].style.filter = 'alpha(opacity='+slideshow2_currentOpacity+')';

			slideshow2_imageDivs[slideshow2_slideIndexNext].style.filter = 'alpha(opacity='+(100-slideshow2_currentOpacity)+')';

		}else{

			slideshow2_imageDivs[slideshow2_slideIndex].style.opacity = Math.max(0.01,slideshow2_currentOpacity/100);	// Can't use 1 and 0 because of screen flickering in FF

			slideshow2_imageDivs[slideshow2_slideIndexNext].style.opacity = Math.min(0.99,(1 - (slideshow2_currentOpacity/100)));

		}

		if(slideshow2_currentOpacity>0){

			setTimeout('revealImage()',slideshow2_fadingSpeed);

		}else{

			slideshow2_imageDivs[slideshow2_slideIndex].style.visibility = 'hidden';			

			showGallery();

		}

	}

	

	function initImageGallery()

	{

		slideshow2_galleryContainer = document.getElementById('imageSlideshowHolder');

		/*slideshow2_galleryWidth = slideshow2_galleryContainer.clientWidth;*/

		slideshow2_galleryWidth = 500;

		slideshow2_galleryHeight = 373;

		/*slideshow2_galleryHeight = slideshow2_galleryContainer.clientHeight;*/

		galleryImgArray  = slideshow2_galleryContainer.getElementsByTagName('IMG');

		galleryImgArrayA = slideshow2_galleryContainer.getElementsByTagName('A');

		for(var no=0;no<galleryImgArray.length;no++){

			galleryImgArray[no].id  = 'galleryImage' + no;

			galleryImgArrayA[no].id = 'linkImage' + no;

		}

		slideshow2_imagesInGallery = galleryImgArray.length;

		getGalleryImageSize(0);

	}





/****************************************************************************************************************************/



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();

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('.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 initGalleryScriptV()

	{

		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();	

	}