/***********************************************************************************************
	
	Copyright (c) 2005 - Alf Magne Kalleland post@dhtmlgoodies.com
	
	UPDATE LOG:
	
	March, 10th, 2006 : Added support for a message while large image is loading
	
	Get this and other scripts at www.dhtmlgoodies.com
	
	You can use this script freely as long as this copyright message is kept intact.
	
	***********************************************************************************************/ 

	var activeImage = false;
	var imageGalleryLeftPos = false;
	var imageGalleryWidth = false;
	var imageGalleryObj = false;
	var maxGalleryXPos = false;
	var minGalleryXPos = false;
	var imageCnt = 0;
	var slideSpeed = 0;
	var imageGalleryCaptions = new Array();
	
	function startSlide(e)
	{
		if(document.all)e = event;
		var id = this.id;
		if(this.id=='arrow_right'){
			slideSpeed = -4;
		}else{
			slideSpeed = 4;
		}

	}
	
	function releaseSlide()
	{
		var id = this.id;
		slideSpeed=0;
	}
	
	function gallerySlide()
	{
		if(slideSpeed!=0){
			var leftPos = imageGalleryObj.offsetLeft;
			leftPos = leftPos/1 + slideSpeed;
			if(leftPos>maxGalleryXPos ){
				leftPos = maxGalleryXPos;
				slideSpeed = 0;
			}
			if(leftPos<minGalleryXPos ){
				leftPos = minGalleryXPos;
				slideSpeed = 0;
			}
			imageGalleryObj.style.left = leftPos + 'px';
		}
		setTimeout('gallerySlide()',20);
	}
	
	function showImage()
	{
		if(activeImage){
			activeImage.style.filter = 'alpha(opacity=50)';	
			activeImage.style.opacity = 0.5;
		}
		this.style.filter = 'alpha(opacity=100)';
		this.style.opacity = 1;
		activeImage = this;
	}
	
	function hiliteImage(imgElem)
	{
		imgElem.style.filter = 'alpha(opacity=100)';
		imgElem.style.opacity = 1;
		imgElem.style.padding = '0px';
		imgElem.style.border = '1px solid #0c1c8c';
		activeImage = imgElem;	
	}
	
	function initSlideShow()
	{
		try {
			document.getElementById('arrow_left').onmouseover = startSlide;
			document.getElementById('arrow_left').onmouseout = releaseSlide;
			document.getElementById('arrow_right').onmouseover = startSlide;
			document.getElementById('arrow_right').onmouseout = releaseSlide;
			} catch (e) { return;}
		
		imageGalleryObj = document.getElementById('theImages');
		var slideshowImages = imageGalleryObj.getElementsByTagName('IMG');
		imageCnt = slideshowImages.length;
		imageGalleryLeftPos = imageGalleryObj.offsetLeft;
		imageGalleryWidth = document.getElementById('galleryContainer').offsetWidth -2;
		maxGalleryXPos = imageGalleryObj.offsetLeft; 
		minGalleryXPos = ( 58 - document.getElementById('slideEnd').offsetLeft);

		for(var no=0;no<slideshowImages.length;no++){
			slideshowImages[no].onmouseover = showImage;
		}
		
		
		// alben auswahl initialisieren
		if(!isNaN(activePicture) && activePicture >= 1) { 
			try {
				activePicture--;
				activeImage = slideshowImages[activePicture];
				hiliteImage(activeImage);
				var picPos = activePicture * 58;
				imageGalleryObj.style.left = '-' + picPos + 'px';
			} catch (e) { }
		}
		gallerySlide();
	}
	
	function saveAlbum(linkElem){
		linkElem.firstChild.style.padding = '0px';
		linkElem.firstChild.style.border = '1px solid #0c1c8c';
		return true;
	}