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;	
	
	if(this.id=='RightArrow'){
		slideSpeedMultiply = Math.floor((e.clientX - this.offsetLeft) / 5);
		slideSpeed = -0.3*slideSpeedMultiply;
		slideSpeed = Math.max(-2,slideSpeed);
	}
	else{			
		slideSpeedMultiply = 10 - Math.floor((e.clientX - this.offsetLeft) / 5);
		slideSpeed = 0.3*slideSpeedMultiply;
		slideSpeed = Math.min(2,slideSpeed);
		if(slideSpeed<0)slideSpeed=2;
	}
}
	
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 showImage() {
	if(activeImage){
		//activeImage.setStyle('opacity',0.5);
		activeImage.style.filter = 'alpha(opacity=50)';	
		activeImage.style.opacity = 0.5;
	}	
	
	activeImage = this;	
	//activeImage.setStyle('opacity',1);
	activeImage.style.filter = 'alpha(opacity=100)';
	activeImage.style.opacity = 1;	
}

function initSlideShow() {
	imageGalleryObj = $('Thumbnails');
	imageGalleryObj.style.left = '25px';
	imageGalleryLeftPos = imageGalleryObj.offsetLeft;
	imageGalleryWidth = $('GalleryContent').offsetWidth - 25;
	maxGalleryXPos = imageGalleryObj.offsetLeft; 
	minGalleryXPos = imageGalleryWidth - $('SlideEnd').offsetLeft;
	
	var slideshowImages = imageGalleryObj.getElementsByTagName('img');
	for(var no=0;no<slideshowImages.length;no++){
		slideshowImages[no].onmouseover = showImage;
	}
	
	gallerySlide();
	
}

function setSlideShowEvents() {
	$('LeftArrow').onmousemove = startSlide;
	$('LeftArrow').onmouseout = releaseSlide;
	$('RightArrow').onmousemove = startSlide;
	$('RightArrow').onmouseout = releaseSlide;
}