jQuery(function() {
	
	if( $(".slider-gallery").length == 0 ) {
		return;
	}
	
	/*
	slider-gallery
	gallery-bar
	*/
	var timer = null;
	var direction = 10;
	
	
	
	var contentBar = jQuery(".gallery-bar");
	var sliderContainer = jQuery(".slider-gallery");
	jQuery(".slider-stripe-container .slider-stripe").css("opacity",0.2);
	jQuery(".gallery-bar a").lightBox({
			imageLoading:  baseUrl+'/images/lightbox/loading.gif',
			imageBtnClose: baseUrl+'/images/lightbox/close.gif',
			imageBtnPrev:  baseUrl+'/images/lightbox/prev.gif',
			imageBtnNext:  baseUrl+'/images/lightbox/next.gif'

		});
	
	var maxWidth=130;
	sliderContainer.find("img").each(function() {
		var img = new Image();
		var self = $(this);
		img.onload = function() {
			maxWidth += self.outerWidth();
		}
		img.src = $(this).attr("src");
	});
	
	var scrollArea = jQuery(".ui-slier-overlay-left, .ui-slier-overlay-right, .gallery-bar");
	var animating = true;
	var timeout;
	
	var images = sliderContainer.find("img");
	
	function autoScroll() {
		currTime = (new Date()).getTime();
		var left = parseInt(contentBar.css("left"));
		
		left += direction*((currTime - lastTime)/10);
		
		
		left = Math.min(0,left);
		left = Math.max(left,-(maxWidth-sliderContainer.innerWidth()));
		
		contentBar.css("left",left);
		
		var sliderOffsetLeft = sliderContainer.offset().left;
		var sliderOffsetInnerWidth = sliderContainer.innerWidth();
		
		images.each(function() {
			var outerWidth = $(this).outerWidth();
			var leftPos = $(this).offset().left-sliderOffsetLeft;
			
			if( leftPos < 0 ) {
				var visWidth = Math.max(0,outerWidth+leftPos);
				var percent = visWidth/outerWidth;
				$(this).css("opacity",percent);
			
			} else {
				var right = $(this).offset().left + outerWidth;
				var right2 = sliderOffsetLeft + sliderOffsetInnerWidth;
				
				
				
				if( right > right2 ) {
					
					var visWidth = Math.max(0,outerWidth+(right2-right));
					$(this).css("opacity",visWidth/outerWidth);
					
				} else {
					$(this).css("opacity",1);
				}
			}
		});
		if( animating ) {
			lastTime = (new Date()).getTime();
			timeout = window.setTimeout(autoScroll,10);
		}
	}
	scrollArea.mouseover(function() {
		lastTime = (new Date()).getTime();
		animating = true;
		timeout = window.setTimeout(autoScroll,10);
	});

	scrollArea.mouseout(function() {
		animating = false;
		window.clearTimeout(timeout);
	});


	scrollArea.mousemove(function(event) {
		var pos = sliderContainer.offset();
		var width = sliderContainer.innerWidth();
		var x = event.clientX-pos.left;
		var amount = (x-(width/2))
		var dir = ( amount<0)?1:-1;
		amount = Math.abs(x-(width/2))-150;
		amount = Math.round(Math.max(0,amount)/20);

		direction = amount*dir;
	});
})