addEvent(window,"load",setupThumbnails);
var Thumbnails = function(){};
Thumbnails.total = 1.0;
Thumbnails.maximum = 0.7;
Thumbnails.minimum = 0.4;
Thumbnails.scroll = 5;

function setupThumbnails()
{
	var thumbArea = $("thumbArea");

	if(thumbArea){
		if(thumbArea.filters){
			Thumbnails.total *= 100;
			Thumbnails.maximum *= 100;
			Thumbnails.minimum *= 100;
		}
		
	 	var links = thumbArea.getElementsByTagName("img");
	 	
	 	for(var l=0;l<links.length;l++){
	 		var link = links[l];
	 		
	 		link.parentNode.onmouseover	= showThumb(link);	 		
			link.parentNode.onmouseout	= hideThumb(link);
		}
	}
	
	var left	= $("thumbLeft");
	var right	= $("thumbRight");
	var scrollArea = $("thumbnailSlider");
	if(scrollArea){
		var thumbs	= scrollArea.getElementsByTagName("A");
	
		var width = 0;
		var dist = 0;
		
		for(var a=0;a<thumbs.length;a++){
			var w = thumbs[a].offsetWidth;
			width+=w;
			if(a >= 4) dist+=w;
		}
		
		//	Add the widths of the margins, since IE miscalculates them (2px each side)
		if(Prototype.Browser.IE) width += thumbs.length * 4;
		
		scrollArea.style.width = width+"px";
		
		if(left && right){
			if(thumbs.length > 4){
				left.style.visibility = "visible";
				right.style.visibility = "visible";
			}
			
			left.onmouseover	=	scrollLeft(scrollArea, left,right, dist);
			right.onmouseover	=	scrollRight(scrollArea, left,right, dist);
		}
	}
}

function alert2(string){	if(location.search.indexOf("debug") >= 0) alert(string); }

function showThumb(link){
	return(function(){
		var style = (link.filters) ? link.filters[0] : link.style;
		
		style.opacity = (link.className.indexOf("selected") >= 0) ? Thumbnails.total : Thumbnails.maximum;
	});
}

function hideThumb(link){
	return(function(){
		var style = (link.filters) ? link.filters[0] : link.style;

		style.opacity = (link.className.indexOf("selected") >= 0) ? Thumbnails.total : Thumbnails.minimum;
	});
}

function scrollLeft(scrollArea,left,right,dist)
{
	return(function(){
		var interval = setInterval(function(){
			var pos = parseInt(scrollArea.offsetLeft)+Thumbnails.scroll;
			if(pos > 0){
				pos = 0;
				clearInterval(interval);
			}
		
			scrollArea.style.left = pos+"px";
		},10);
		
		left.onmouseout = function(){
			clearInterval(interval);
		}	
	});
}

function scrollRight(scrollArea,left,right,dist)
{
	return(function(){
		var interval = setInterval(function(){
			var pos = parseInt(scrollArea.offsetLeft)-Thumbnails.scroll;
			if(pos < -dist) pos = -dist;
			
			scrollArea.style.left = pos+"px";
		},10);
		
		right.onmouseout = function(){
			clearInterval(interval);
		}
	});
}