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

	

	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 displayWaitMessage2=true;	// Display a please wait message while images are loading?

  	

	var activeImage2 = false;

	var imageGalleryLeftPos2 = false;

	var imageGalleryWidth2 = false;

	var imageGalleryObj2 = false;

	var maxGalleryXPos2 = false;

	var slideSpeed2 = 0;

	var imageGalleryCaptions2 = new Array();



	// スライドショー複数個対応: morita

	// 複数のJSの初期化関数を配列に格納

	funcNum[funcNum.length] = initSlideShow2;





	function startSlide2(e2)

	{

		if(document.all)e2 = event;

		var id2 = this.id;

		this.getElementsByTagName('IMG')[0].src = 'images/' + this.id + '_over.gif';	

		if(this.id=='arrow_right2'){

			slideSpeedMultiply2 = Math.floor((e2.clientX - this.offsetLeft) / 5);

			slideSpeed2 = -1*slideSpeedMultiply2;

			slideSpeed2 = Math.max(-10,slideSpeed2);

		}else{			

			slideSpeedMultiply2 = 10 - Math.floor((e2.clientX - this.offsetLeft) / 5);

			slideSpeed2 = 1*slideSpeedMultiply2;

			slideSpeed2 = Math.min(10,slideSpeed2);

			if(slideSpeed2<0)slideSpeed2=10;

		}

	}

	

	function releaseSlide2()

	{

		var id2 = this.id;

		this.getElementsByTagName('IMG')[0].src = 'images/' + this.id + '.gif';

		slideSpeed2=0;

	}

		

	function gallerySlide2()

	{

		if(slideSpeed2!=0){

			var leftPos2 = imageGalleryObj2.offsetLeft;

			leftPos2 = leftPos2/1 + slideSpeed2;

			if(leftPos2>maxGalleryXPos2){

				leftPos2 = maxGalleryXPos2;

				slideSpeed2 = 0;

				

			}

			if(leftPos2<minGalleryXPos2){

				leftPos2 = minGalleryXPos2;

				slideSpeed2=0;

			}

			

			imageGalleryObj2.style.left = leftPos2 + 'px';

		}

		setTimeout('gallerySlide2()',20);

		

	}

	

	function showImage2()

	{

		if(activeImage2){

			activeImage2.style.filter = 'alpha(opacity=50)';	

			activeImage2.style.opacity = 0.5;

		}	

		this.style.filter = 'alpha(opacity=100)';

		this.style.opacity = 1;	

		activeImage2 = this;	

	}

	

	function initSlideShow2()

	{

		document.getElementById('arrow_left2').onmousemove = startSlide2;

		document.getElementById('arrow_left2').onmouseout = releaseSlide2;

		document.getElementById('arrow_right2').onmousemove = startSlide2;

		document.getElementById('arrow_right2').onmouseout = releaseSlide2;

		

		imageGalleryObj2 = document.getElementById('theImages2');

		imageGalleryLeftPos2 = imageGalleryObj2.offsetLeft;

		imageGalleryWidth2 = document.getElementById('galleryContainer2').offsetWidth - 20;

		maxGalleryXPos2 = imageGalleryObj2.offsetLeft; 

//		minGalleryXPos2 = imageGalleryWidth2 - document.getElementById('slideEnd2').offsetLeft;

		minGalleryXPos2 = imageGalleryWidth2 - document.getElementById('slideEnd').offsetLeft;

		minGalleryXPos2 = minGalleryXPos2 - (134 * 2);

		var slideshowImages2 = imageGalleryObj2.getElementsByTagName('IMG');

		for(var no2=0;no2<slideshowImages2.length;no2++){

			slideshowImages2[no2].onmouseover = showImage2;

		}

		

		var divs2 = imageGalleryObj2.getElementsByTagName('DIV');

		for(var no2=0;no2<divs2.length;no2++){

			if(divs2[no2].className=='imageCaption2')imageGalleryCaptions2[imageGalleryCaptions2.length] = divs2[no2].innerHTML;

		}

		gallerySlide2();

	}

	

	function showPreview2(imagePath2,imageIndex2){

		var subImages2 = document.getElementById('previewPane2').getElementsByTagName('IMG');

		if(subImages2.length==0){

			var img2 = document.createElement('IMG');

			document.getElementById('previewPane2').appendChild(img2);

		}else img2 = subImages2[0];

		

		if(displayWaitMessage2){

			document.getElementById('waitMessage2').style.display='inline';

		}

		document.getElementById('largeImageCaption2').style.display='none';

		img2.onload = function() { hideWaitMessageAndShowCaption2(imageIndex2-1); };

		img2.src = imagePath2;

		

	}

	function hideWaitMessageAndShowCaption2(imageIndex2)

	{

		document.getElementById('waitMessage2').style.display='none';	

		document.getElementById('largeImageCaption2').innerHTML = imageGalleryCaptions2[imageIndex2];

		document.getElementById('largeImageCaption2').style.display='block';

		

	}

	// スライドショー複数個対応: morita

	// このJSファイルの初期化関数はimage-slideshow.js内で実行

	//window.onload = initSlideShow2;