/***********************************************************************************************
	
	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 displayWaitMessage=true;	// Display a please wait message while images are loading?
  	
   		
	var activeImageOnline = false;
	var imageGalleryLeftPosOnline = false;
	var imageGalleryWidthOnline = false;
	var imageGalleryObjOnline = false;
	var maxGalleryXPosOnline = false;
	var slideSpeedOnline = 0;
	var imageGalleryCaptionsOnline = new Array();
	function startSlide(e)
	{
		if(document.all)e = event;
		var id = this.id;
		this.getElementsByTagName('IMG')[0].src = 'images/' + this.id + '_over.gif';	
		if(this.id=='arrow_right'){
			slideSpeedMultiply = Math.floor((e.clientX - this.offsetLeft) / 5);
			slideSpeedOnline = -1*slideSpeedMultiply;
			slideSpeedOnline = Math.max(-10,slideSpeedOnline);
		}else{			
			slideSpeedMultiply = 10 - Math.floor((e.clientX - this.offsetLeft) / 5);
			slideSpeedOnline = 1*slideSpeedMultiply;
			slideSpeedOnline = Math.min(10,slideSpeedOnline);
			if(slideSpeedOnline<0)slideSpeedOnline=10;
		}
	}
	
	function releaseSlide()
	{
		var id = this.id;
		this.getElementsByTagName('IMG')[0].src = 'images/' + this.id + '.gif';
		slideSpeedOnline=0;
	}
		
	function gallerySlide()
	{
		if(slideSpeedOnline!=0){
			var leftPosOnline = imageGalleryObjOnline.offsetLeft;
			leftPosOnline = leftPosOnline/1 + slideSpeedOnline;
			if(leftPosOnline>maxGalleryXPosOnline){
				leftPosOnline = maxGalleryXPosOnline;
				slideSpeedOnline = 0;
				
			}
			if(leftPosOnline<minGalleryXPosOnline){
				leftPosOnline = minGalleryXPosOnline;
				slideSpeedOnline=0;
			}
			
			imageGalleryObjOnline.style.left = leftPosOnline + 'px';
		}
		setTimeout('gallerySlide()',30);
		
	}
	
	function showImage()
	{
		if(activeImageOnline){
			activeImageOnline.style.filter = 'alpha(opacity=50)';	
			activeImageOnline.style.opacity = 0.5;
		}	
		this.style.filter = 'alpha(opacity=100)';
		this.style.opacity = 1;	
		activeImageOnline = this;	
	}
	
	function initSlideShow()
	{
		document.getElementById('arrow_left').onmousemove = startSlide;
		document.getElementById('arrow_left').onmouseout = releaseSlide;
		document.getElementById('arrow_right').onmousemove = startSlide;
		document.getElementById('arrow_right').onmouseout = releaseSlide;
		
		imageGalleryObjOnline = document.getElementById('theImagesOnline');
		imageGalleryLeftPosOnline = imageGalleryObjOnline.offsetLeft;
		imageGalleryWidthOnline = document.getElementById('galleryContainerOnline').offsetWidth - 80;
		maxGalleryXPosOnline = imageGalleryObjOnline.offsetLeft; 
		minGalleryXPosOnline = imageGalleryWidthOnline - document.getElementById('slideEndOnline').offsetLeft;
		var slideshowImagesOnline = imageGalleryObjOnline.getElementsByTagName('IMG');
		for(var no=0;no<slideshowImagesOnline.length;no++){
			slideshowImagesOnline[no].onmouseover = showImage;
		}
		
		var divs = imageGalleryObjOnline.getElementsByTagName('DIV');
		for(var no=0;no<divs.length;no++){
			if(divs[no].className=='imageCaption')imageGalleryCaptionsOnline[imageGalleryCaptionsOnline.length] = divs[no].innerHTML;
		}
		gallerySlide();
	}
	
	
	function hideWaitMessageAndShowCaption(imageIndex)
	{
		document.getElementById('waitMessage').style.display='none';	
		document.getElementById('largeImageCaption').innerHTML = imageGalleryCaptions[imageIndex];
		document.getElementById('largeImageCaption').style.display='block';
		
	}