/***********************************************************************************************
	
	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?
  	
/********************start First One **********************/   		
	var activeImage = false;
	var imageGalleryLeftPos = false;
	var imageGalleryWidth = false;
	var imageGalleryObj = false;
	var maxGalleryXPos = false;
	var slideSpeed = 0;
	var imageGalleryCaptions = 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);
			slideSpeed = -1*slideSpeedMultiply;
			slideSpeed = Math.max(-10,slideSpeed);

		}else{			
			slideSpeedMultiply = 10 - Math.floor((e.clientX - this.offsetLeft) / 5);
			slideSpeed = 1*slideSpeedMultiply;
			slideSpeed = Math.min(10,slideSpeed);
			if(slideSpeed<0)slideSpeed=10;
			//alert(slideSpeed);
		}
	}
	
	function releaseSlide()
	{
		var id = this.id;
		this.getElementsByTagName('IMG')[0].src = 'images/' + this.id + '.gif';
		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=70)';	
			//activeImage.style.opacity = 0.8;
		}	
		//this.style.filter = 'alpha(opacity=100)';
		//this.style.opacity = 1;	
		//activeImage = this;	
	}

/***********************End first one ************************/
	
	
	
//********************* for second one ************************/
	var activeImage2 = false;
	var imageGalleryLeftPos2 = false;
	var imageGalleryWidth2 = false;
	var imageGalleryObj2 = false;
	var maxGalleryXPos2 = false;
	var slideSpeed2 = 0;
	var imageGalleryCaptions2 = new Array();
	
	function startSlide2(e)
	{
		if(document.all)e = event;
		var id1 = this.id;
		//alert(id1);
		if(id1=="arrow_left2")
		this.getElementsByTagName('IMG')[0].src = 'images/' + 'arrow_left' + '_over.gif';
		else if(id1=="arrow_right2")
		 this.getElementsByTagName('IMG')[0].src = 'images/' + 'arrow_right' + '_over.gif';	
		//alert(id1);
		if(id1=='arrow_right2'){
			slideSpeedMultiply2 = Math.floor((e.clientX - this.offsetLeft) / 5);
			slideSpeed2 = -1*slideSpeedMultiply2;
			slideSpeed2 = Math.max(-10,slideSpeed2);
			//alert(slideSpeed2);
		}else{			
			slideSpeedMultiply2 = 10 - Math.floor((e.clientX - this.offsetLeft) / 5);
			slideSpeed2 = 1*slideSpeedMultiply2;
			slideSpeed2 = Math.min(10,slideSpeed2);
			if(slideSpeed2<0)slideSpeed2=10;
			//alert(slideSpeed2);
		}
	}
	
	function releaseSlide2()
	{
		var id1 = this.id;
		if(id1=="arrow_left2")
		this.getElementsByTagName('IMG')[0].src = 'images/' + 'arrow_left.gif';
		else if(id1=="arrow_right2")
		 this.getElementsByTagName('IMG')[0].src = 'images/' + 'arrow_right.gif';	
		//this.getElementsByTagName('IMG')[0].src = 'images/' + this.id + '.gif';
		slideSpeed2=0;
	}
	
	function gallerySlide2()
	{
		if(slideSpeed2!=0){
			//alert(slideSpeed2);
			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;	
	}
	
/********************** second one end *******************************/

/******************** start Third one *******************************/
    var activeImage3 = false;
	var imageGalleryLeftPos3 = false;
	var imageGalleryWidth3 = false;
	var imageGalleryObj3 = false;
	var maxGalleryXPos3 = false;
	var slideSpeed3 = 0;
	var imageGalleryCaptions3 = new Array();
	
	function startSlide3(e)
	{
		if(document.all)e = event;
		var id2 = this.id;
		//alert(id2);
		if(id2=="arrow_left3")
		this.getElementsByTagName('IMG')[0].src = 'images/' + 'arrow_left' + '_over.gif';
		else if(id2=="arrow_right3")
		 this.getElementsByTagName('IMG')[0].src = 'images/' + 'arrow_right' + '_over.gif';	
		//alert(id1);
		if(id2=='arrow_right3'){
			slideSpeedMultiply3 = Math.floor((e.clientX - this.offsetLeft) / 5);
			slideSpeed3 = -1*slideSpeedMultiply3;
			slideSpeed3 = Math.max(-10,slideSpeed3);
		}else{			
			slideSpeedMultiply3 = 10 - Math.floor((e.clientX - this.offsetLeft) / 5);
			slideSpeed3 = 1*slideSpeedMultiply3;
			slideSpeed3 = Math.min(10,slideSpeed3);
			if(slideSpeed3<0)slideSpeed3=10;
		}
	}
	
	function releaseSlide3()
	{
		var id2 = this.id;
		if(id2=="arrow_left3")
		this.getElementsByTagName('IMG')[0].src = 'images/' + 'arrow_left.gif';
		else if(id2=="arrow_right3")
		 this.getElementsByTagName('IMG')[0].src = 'images/' + 'arrow_right.gif';	
		//this.getElementsByTagName('IMG')[0].src = 'images/' + this.id + '.gif';
		slideSpeed3=0;
	}
	
	function gallerySlide3()
	{
		if(slideSpeed3!=0){
			//alert(slideSpeed2);
			var leftPos3 = imageGalleryObj3.offsetLeft;
			leftPos3 = leftPos3/1 + slideSpeed3;
			if(leftPos3>maxGalleryXPos3){
				leftPos3 = maxGalleryXPos3;
				slideSpeed3 = 0;
				
			}
			if(leftPos3<minGalleryXPos3){
				leftPos3 = minGalleryXPos3;
				slideSpeed3=0;
			}
			
			imageGalleryObj3.style.left = leftPos3 + 'px';
		}
		setTimeout('gallerySlide3()',20);
		
	}
	
	
	function showImage3()
	{
		/*if(activeImage3){
			activeImage3.style.filter = 'alpha(opacity=50)';	
			activeImage3.style.opacity = 0.5;
		}*/	
		this.style.filter = 'alpha(opacity=100)';
		this.style.opacity = 1;	
		activeImage3 = this;	
	}

/********************** Third one end *******************************/

/********************** Start Forth one ****************************/
var activeImage4 = false;
	var imageGalleryLeftPos4 = false;
	var imageGalleryWidth4 = false;
	var imageGalleryObj4 = false;
	var maxGalleryXPos4 = false;
	var slideSpeed4 = 0;
	var imageGalleryCaptions4 = new Array();
	
	function startSlide4(e)
	{
		if(document.all)e = event;
		var id3 = this.id;
		//alert(id2);
		if(id3=="arrow_left4")
		this.getElementsByTagName('IMG')[0].src = 'images/' + 'arrow_left' + '_over.gif';
		else if(id3=="arrow_right4")
		 this.getElementsByTagName('IMG')[0].src = 'images/' + 'arrow_right' + '_over.gif';	
		//alert(id1);
		if(id3=='arrow_right4'){
			slideSpeedMultiply4 = Math.floor((e.clientX - this.offsetLeft) / 5);
			slideSpeed4 = -1*slideSpeedMultiply4;
			slideSpeed4 = Math.max(-10,slideSpeed4);
		}else{			
			slideSpeedMultiply4 = 10 - Math.floor((e.clientX - this.offsetLeft) / 5);
			slideSpeed4 = 1*slideSpeedMultiply4;
			slideSpeed4 = Math.min(10,slideSpeed4);
			if(slideSpeed4<0)slideSpeed4=10;
		}
	}
	
	function releaseSlide4()
	{
		var id3 = this.id;
		if(id3=="arrow_left4")
		this.getElementsByTagName('IMG')[0].src = 'images/' + 'arrow_left.gif';
		else if(id3=="arrow_right4")
		 this.getElementsByTagName('IMG')[0].src = 'images/' + 'arrow_right.gif';	
		//this.getElementsByTagName('IMG')[0].src = 'images/' + this.id + '.gif';
		slideSpeed4=0;
	}
	
	function gallerySlide4()
	{
		if(slideSpeed4!=0){
			//alert(slideSpeed2);
			var leftPos4 = imageGalleryObj4.offsetLeft;
			leftPos4 = leftPos4/1 + slideSpeed4;
			if(leftPos4>maxGalleryXPos4){
				leftPos4 = maxGalleryXPos4;
				slideSpeed4 = 0;
				
			}
			if(leftPos4<minGalleryXPos4){
				leftPos4 = minGalleryXPos4;
				slideSpeed4=0;
			}
			
			imageGalleryObj4.style.left = leftPos4 + 'px';
		}
		setTimeout('gallerySlide4()',20);
		
	}
	
	
	function showImage4()
	{
		/*if(activeImage4){
			activeImage4.style.filter = 'alpha(opacity=50)';	
			activeImage4.style.opacity = 0.5;
		}	
		this.style.filter = 'alpha(opacity=100)';
		this.style.opacity = 1;	
		activeImage4 = this;*/	
	}

/********************** End Forth one  *****************************/
		
	function initSlideShow()
	{
		/******************start first one ******************/
		imageGalleryObj = document.getElementById('theImages');
		if(imageGalleryObj!=null) {
		imageGalleryLeftPos = imageGalleryObj.offsetLeft;
		imageGalleryWidth = document.getElementById('galleryContainer').offsetWidth - 80;
		maxGalleryXPos = imageGalleryObj.offsetLeft; 
		minGalleryXPos = imageGalleryWidth - document.getElementById('slideEnd').offsetLeft;
		var slideshowImages = imageGalleryObj.getElementsByTagName('IMG');
		if(slideshowImages.length>4) { 
		document.getElementById('arrow_left').onmousemove = startSlide;
		document.getElementById('arrow_left').onmouseout = releaseSlide;
		document.getElementById('arrow_right').onmousemove = startSlide;
		document.getElementById('arrow_right').onmouseout = releaseSlide;
		}
		for(var no=0;no<slideshowImages.length;no++){
			slideshowImages[no].onmouseover = showImage;
		}
		
		var divs = imageGalleryObj.getElementsByTagName('DIV');
		for(var no=0;no<divs.length;no++){
			if(divs[no].className=='imageCaption')imageGalleryCaptions[imageGalleryCaptions.length] = divs[no].innerHTML;
		}
		gallerySlide();
		}
		/**************end first one ************/
		
		
		//**************for second one **********************/
		imageGalleryObj2 = document.getElementById('theImages2');
		if(imageGalleryObj2!=null) {
		imageGalleryLeftPos2 = imageGalleryObj2.offsetLeft;
		imageGalleryWidth2 = document.getElementById('galleryContainer2').offsetWidth - 80;
		maxGalleryXPos2 = imageGalleryObj2.offsetLeft; 
		minGalleryXPos2 = imageGalleryWidth2 - document.getElementById('slideEnd2').offsetLeft;
		var slideshowImages2 = imageGalleryObj2.getElementsByTagName('IMG');
		if(slideshowImages2.length>4) { 
		document.getElementById('arrow_left2').onmousemove = startSlide2;
		document.getElementById('arrow_left2').onmouseout = releaseSlide2;
		document.getElementById('arrow_right2').onmousemove = startSlide2;
		document.getElementById('arrow_right2').onmouseout = releaseSlide2;
		}
		for(var no=0;no<slideshowImages2.length;no++){
			slideshowImages2[no].onmouseover = showImage2;
		}
		
		var divs2 = imageGalleryObj2.getElementsByTagName('DIV');
		for(var no=0;no<divs2.length;no++){
			if(divs2[no].className=='imageCaption')imageGalleryCaptions2[imageGalleryCaptions.length] = divs2[no].innerHTML;
		}
		gallerySlide2();
		}
		///************end second ***********************/
		
		//*********************start third one *******************/
		imageGalleryObj3 = document.getElementById('theImages3');
		if(imageGalleryObj3!=null) {
		imageGalleryLeftPos3 = imageGalleryObj3.offsetLeft;
		imageGalleryWidth3 = document.getElementById('galleryContainer3').offsetWidth - 80;
		maxGalleryXPos3 = imageGalleryObj3.offsetLeft; 
		minGalleryXPos3 = imageGalleryWidth3 - document.getElementById('slideEnd3').offsetLeft;
		var slideshowImages3 = imageGalleryObj3.getElementsByTagName('IMG');
		if(slideshowImages3.length>4) { 
		document.getElementById('arrow_left3').onmousemove = startSlide3;
		document.getElementById('arrow_left3').onmouseout = releaseSlide3;
		document.getElementById('arrow_right3').onmousemove = startSlide3;
		document.getElementById('arrow_right3').onmouseout = releaseSlide3;
		}
		for(var no=0;no<slideshowImages3.length;no++){
			slideshowImages3[no].onmouseover = showImage3;
		}
		
		var divs3 = imageGalleryObj3.getElementsByTagName('DIV');
		for(var no=0;no<divs3.length;no++){
			if(divs3[no].className=='imageCaption')imageGalleryCaptions3[imageGalleryCaptions.length] = divs3[no].innerHTML;
		}
		gallerySlide3();
		}
		//** End third one ***********************/
		
		/********************8start forth one ****************/
		imageGalleryObj4 = document.getElementById('theImages4');
		if(imageGalleryObj4!=null) {
		imageGalleryLeftPos4 = imageGalleryObj4.offsetLeft;
		imageGalleryWidth4 = document.getElementById('galleryContainer4').offsetWidth - 80;
		maxGalleryXPos4 = imageGalleryObj4.offsetLeft; 
		minGalleryXPos4 = imageGalleryWidth4 - document.getElementById('slideEnd4').offsetLeft;
		var slideshowImages4 = imageGalleryObj4.getElementsByTagName('IMG');
		if(slideshowImages4.length>4) { 
		document.getElementById('arrow_left4').onmousemove = startSlide4;
		document.getElementById('arrow_left4').onmouseout = releaseSlide4;
		document.getElementById('arrow_right4').onmousemove = startSlide4;
		document.getElementById('arrow_right4').onmouseout = releaseSlide4;
		}
		for(var no=0;no<slideshowImages4.length;no++){
			slideshowImages4[no].onmouseover = showImage4;
		}
		
		var divs4 = imageGalleryObj4.getElementsByTagName('DIV');
		for(var no=0;no<divs4.length;no++){
			if(divs4[no].className=='imageCaption')imageGalleryCaptions4[imageGalleryCaptions.length] = divs4[no].innerHTML;
		}
		gallerySlide4();
		}
		/******************** End forth one *****************/
		
	}
	
	window.onload = initSlideShow;