(function ($) {
	
	$(document).ready(function() {
		
		$('.node-zooma-product-page .field-name-field-screen-shot').prepend('<h2>Screenshots</h2>');
	
		var marginInterval = 2;
		var direction = "stop";
				
		$('.thumbs-left').mousedown(function(e) {						
			e.preventDefault();
			direction = "left";
			moveLeft();
		}).mouseup(function(e) {			
			e.preventDefault();
			direction = "stop";
		});
				
		$('.thumbs-right').mousedown(function(e) {
			e.preventDefault();
			direction = "right";
			moveRight();
				
		}).mouseup(function(e) {
			e.preventDefault();
			direction = "stop";			
		});
		
		function moveLeft() { 
			console.log($('.view-portfolio .views-slideshow-pager-fields').css('margin-left').replace('px',''));
			if(direction == "left" && $('.view-portfolio .views-slideshow-pager-fields').css('margin-left').replace('px','') < 0) {
				console.log('move left');
				$('.view-portfolio .views-slideshow-pager-fields').animate({
						'margin-left': '+='+marginInterval
					  }, 0, function() {
				});	
				setTimeout(function() { moveLeft(); },6);								
			}
		}
		function moveRight() {			
			console.log("calc width=" + ( 130 * $('.view-portfolio .views-slideshow-pager-fields .views-slideshow-pager-field-item').size() ) );
			console.log("margin=" + $('.view-portfolio .views-slideshow-pager-fields').css('margin-left').replace('px','') );
				
			if(direction == "right" && 
				$('.view-portfolio .views-slideshow-pager-fields').css('margin-left').replace('px','') > (-1 * 59 * $('.view-portfolio .views-slideshow-pager-fields .views-slideshow-pager-field-item').size())) {
				console.log('move right');	
				$('.view-portfolio .views-slideshow-pager-fields').animate({
						'margin-left': '-='+marginInterval
					  }, 0, function() {
				});			
				setTimeout(function() { moveRight() },6);					
			}
		}	
	});	
})(jQuery);;