//横向流动图片脚本
var arrowImageWidth = 70;	// Height of arrow image in pixels;
	var displayWaitMessage=true;	// Display a please wait message while images are loading?
	
	var previewImage = false;
	var previewImageParent = false;
	var slideSpeed = 0;
	var previewImagePane = false;
	var slideEndMarker = false;
	var galleryContainer = false;
	var imageGalleryCaptions = new Array();
	function getTopPos(inputObj)
	{		
	
	  var returnValue = inputObj.offsetleft;
	  while((inputObj = inputObj.offsetParent) != null)returnValue += inputObj.offsetleft;
	  return returnValue;
	}
	
	function getLeftPos(inputObj)
	{

	  var returnValue = inputObj.offsetLeft;
	  while((inputObj = inputObj.offsetParent) != null)returnValue += inputObj.offsetLeft;
	  return returnValue;
	}
		
	function showPreview(newSrc,imageIndex)
	{
		if(!previewImage){
			var images = document.getElementById('previewPane').getElementsByTagName('IMG');
			if(images.length>0){
				previewImage = images[0];
			}else{
				previewImage = document.createElement('IMG');
				document.getElementById('previewPane').appendChild(previewImage);	
			}
			
			
		}
		if(displayWaitMessage){
			document.getElementById('waitMessage').style.display='inline';
		}
		previewImage.onload = function() { hideWaitMessageAndShowCaption(imageIndex-1);};				
		previewImage.src = newSrc;
		
	}
	function hideWaitMessageAndShowCaption(imageIndex)
	{
		document.getElementById('waitMessage').style.display='none';
		
	}	
	function initSlide(e)
	{
		if(document.all)e = event;
		//判断是否结束
		if(this.src.indexOf('over')<0)this.src = this.src.replace('.gif','-over.gif');
		//计算速度
		slideSpeed = e.clientY + Math.max(document.body.scrollLeft,document.documentElement.scrollLeft) - getLeftPos(this);
	
		
		//判断方向
		if(this.src.indexOf('down')>=0){
			slideSpeed = Math.round((slideSpeed)/6);
			
		}else{
			
			slideSpeed = Math.round(slideSpeed*40/arrowImageWidth);	
		}
		
		//四舍五入
		slideSpeed = Math.round(slideSpeed * 5 / arrowImageWidth);
		if(slideSpeed>10)
			slideSpeed = 6;
	}
	
	function stopSlide()
	{		
		slideSpeed = 0;
		this.src = this.src.replace('-over','');
	}
	
	function slidePreviewPane()
	{
		if(slideSpeed!=0){
			var LeftPos = previewImagePane.style.left.replace(/[^\-0-9]/g,'')/1;	
		
			if(slideSpeed<0 && slideEndMarker.offsetleft<(previewImageParent.offsetWidth - LeftPos))
			{
				slideSpeed=0;			
			}
			
			LeftPos = LeftPos + slideSpeed;
			if(LeftPos>0)
			{
				LeftPos=0;
			}

			
			var images = previewImagePane.getElementsByTagName('IMG');
			
			var w =images.length*134+(images.length-1)*32;
			if(w>(previewImageParent.clientWidth||previewImageParent.offsetWidth))
			{
				w = w-previewImageParent.clientWidth||previewImageParent.offsetWidth;
					
			}
			else
			{
				return;
			}
			
			if(LeftPos>w)
			{
				LeftPos = w;
			}
			if(LeftPos+w<0)
			{
				LeftPos =-w;
			}
			

		 	previewImagePane.style.left = LeftPos + 'px';
	 	
		}
	 	setTimeout('slidePreviewPane()',30);		
	}
	
	function revealThumbnail()
	{
		this.style.filter = 'alpha(opacity=100)';
		this.style.opacity = 1;
	}
	
	function hideThumbnail()
	{
		this.style.filter = 'alpha(opacity=50)';
		this.style.opacity = 0.5;
	}
	
	function initGalleryScript()
	{
		previewImageParent = document.getElementById('theImages');
		previewImagePane = document.getElementById('theImages').getElementsByTagName('DIV')[0];
		previewImagePane.style.top = '0px';
		galleryContainer  = document.getElementById('galleryContainer');
		var images = previewImagePane.getElementsByTagName('IMG');
		for(var no=0;no<images.length;no++){
			images[no].onmouseover = revealThumbnail;
			images[no].onmouseout = hideThumbnail;
		}	
		slideEndMarker = document.getElementById('slideEnd');
		
		document.getElementById('arrow_up_image').onmousemove = initSlide;
		document.getElementById('arrow_up_image').onmouseout = stopSlide;
		
		document.getElementById('arrow_down_image').onmousemove = initSlide;
		document.getElementById('arrow_down_image').onmouseout = stopSlide;
		var divs = previewImageParent.getElementsByTagName('DIV');
		for(var no=0;no<divs.length;no++){
			if(divs[no].className=='imageCaption')imageGalleryCaptions[imageGalleryCaptions.length] = divs[no].innerHTML;
		}		
		slidePreviewPane();

	}
	
	
	window.onload = initGalleryScript;