// JavaScript Document
jQuery(document).ready(function($) {
					
	var hotarea = 20;
	var pixels = 20;
	
	var changeamount = 0;
	var containW = $("#thumbnails").width();
	var offset = $("#thumbnails").offset();
	
	
	//$("ul.thumbs").animate({marginLeft: -1000},5000);
	
	$("#thumbnails").mouseover(function(e){
		var mouseL = e.pageX/containW*100;
		var power = 0;	
		
	
				
		if(mouseL < hotarea)
			power = ((hotarea-mouseL)/hotarea);
		if(mouseL > 100-hotarea)
			power = -1*(mouseL+hotarea-100)/hotarea;
			
		changeamount = pixels*power;				
	});	
	
	$("#thumbnails").mouseout(function(){
		changeamount = 0;
	});
	
	var maxmargin = $("ul.thumbs").children().size()*100 - containW; 
	
	setInterval(function() {
		margin = Number($("ul.thumbs").css("marginLeft").replace("px", ""));
				
				
		var am = $("ul.thumbs").css('marginLeft');	


		if((changeamount>0&&(margin)<0)||(changeamount < 0 && margin+changeamount > -1*maxmargin))
		{
			margin = Math.round(Number(margin) + changeamount);
			
			//alert(changeamount);
			if(margin > 0)
				margin = 0;

			//margin = '+=' + Math.abs(changeamount);
			if(changeamount < 0)
				margin = '-=' + Math.abs(changeamount);
			if(changeamount > 0)
				margin = '+=' + Math.abs(changeamount);

			//$("ul.thumbs").css({marginLeft: margin});
			$("ul.thumbs").animate({marginLeft: margin},5);
			
			//$("a:first").html("varmargin: " + margin + ", Actual Margin: " + am);
			
				
				return;

				//$("ul.thumbs").animate({marginLeft: 900},5000);
				//$("ul.thumbs").animate({marginLeft: margin},10);	
				//$("ul.thumbs").animate({marginLeft: '+='+changeamount},changeamount);	
			
		}
		//$("ul.thumbs").css("marginLeft",margin+"px");
   	}, 20);

});