/***********************************************************************************************
	
	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 imageGalleryLeftPos = false;
	var imageGalleryWidth = false;
	var imageGalleryObj = false;
	var maxGalleryXPos = false;
	var slideSpeed = 0;
	var imageGalleryCaptions = new Array();
	//var imax = 0;
	//var arr_ImageGallery = new Array();	
	var imgPreviousActive = 0;
	
	/* GALLERY COMPONENTS
			1. Image Source
			2. Alt
			3. Text Description
	*/
	
  	/*arr_ImageGallery[imax++] = new Array ("images/images_gallery/image1_big.jpg", "alt image 1","desc txt1 img1");
	arr_ImageGallery[imax++] = new Array ("images/images_gallery/image00_big.jpg", "alt image 2","desc txt2 img2");
	arr_ImageGallery[imax++] = new Array ("images/images_gallery/image3_big.jpg", "alt image 3","desc txt3 img3"); 	
	arr_ImageGallery[imax++] = new Array ("images/images_gallery/image4_big.jpg", "alt image 4","desc txt4 img4"); 	
	arr_ImageGallery[imax++] = new Array ("images/images_gallery/image5_big.jpg", "alt image 5","desc txt5 img5"); 	
	arr_ImageGallery[imax++] = new Array ("images/images_gallery/image6_big.jpg", "alt image 6","desc txt6 img6"); 	
	arr_ImageGallery[imax++] = new Array ("images/images_gallery/image7_big.jpg", "alt image 7","desc txt7 img7"); 	
	arr_ImageGallery[imax++] = new Array ("images/images_gallery/image8_big.jpg", "alt image 8","desc txt8 img8"); 	
	arr_ImageGallery[imax++] = new Array ("images/images_gallery/image9_big.jpg", "alt image 9","desc txt9 img9"); */	

	function Preload() { // Images Preload
		if (document.images) { 
			preload_image_object = new Array();
			
			for(i=0; i<arr_ImageGallery.length; i++) {
				preload_image_object[i] = new Image();
				preload_image_object[i].src = arr_ImageGallery[i][0];
			}
		}
	}

	function startSlide(e)
	{
		if(document.all)e = event;
		var id = this.id;
		if(this.id=='arrow_right'){
			slideSpeed = -10;
		}else{			
			slideSpeed = 10;
		}
	}
	
	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 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;
		
		imageGalleryObj = document.getElementById('theImages');
		imageGalleryLeftPos = imageGalleryObj.offsetLeft;
		imageGalleryWidth = document.getElementById('galleryContainer').offsetWidth - 14;
		maxGalleryXPos = imageGalleryObj.offsetLeft; 
		minGalleryXPos = imageGalleryWidth - document.getElementById('slideEnd').offsetLeft;
		
		gallerySlide();
		if (arr_ImageGallery.length>0)
		   {
		    showPreview('1');
		   }		
	}
	
	function showPreview(imageIndex){
		
		if (imgPreviousActive != 0) {
			var previousactiveThumb = 'thumb'+imgPreviousActive;
			document.getElementById(previousactiveThumb).style.filter = 'alpha(opacity=100)';	
			document.getElementById(previousactiveThumb).style.opacity = 0.999;
		}
		
		var activeThumb = 'thumb'+imageIndex;
		document.getElementById(activeThumb).style.filter = 'alpha(opacity=50)';	
		document.getElementById(activeThumb).style.opacity = 0.5;
		imgPreviousActive = imageIndex;
		
		document.getElementById('imgLarge').src = arr_ImageGallery[imageIndex-1][0];
		document.getElementById('imgLarge').alt = arr_ImageGallery[imageIndex-1][1];
		document.getElementById('imgLarge').onload = document.getElementById('largeImageCaption').innerHTML = arr_ImageGallery[imageIndex-1][2];
	}

	addLoadEvent(Preload);
	addLoadEvent(initSlideShow);