$(function(){
	
	$('.scroller').letsrock();
	
	imageSwap();
	
	$('#index .gallery').scrollz();	
	
})

function imageSwap(){
	var big = $('.big img');
	var thumbs = $('.gallery.items a.item')
		.click(swap);
	
	function swap() {
		var url = this.href;
		
		big.attr('src', url);
		return false;
		
	}
	
	
}

$.fn.letsrock = function(){
	var stop = false;
	var step = 1;
	var railz = $('.rails', this)
		.css('position', 'relative')

	var wheelz = $('.wheels', this)
		.css('position', 'relative')
	
	var controlz = $('.control', this)
			.mousedown(check)
			.click(stopNow);
		$(controlz[0]).data('dir', 1);
		$(controlz[1]).data('dir', -1);
		
	var limitz = [];
		limitz[0] = 0;
		limitz[1] = railz.height() - wheelz.height();

		
	function check(){
		$(this).addClass('active');

		var dir =  $(this).data('dir');
		var limit = limitz[(1-dir)/2] 
				
		wheee(dir, limit);
	}
	
	function wheee(dir, limit) {
		
		if (limit != parseInt(wheelz.css('top'))) {
			stop = false;
			wheelz.animate({
				'top': '+=' + (step*dir).toString()
			}, 1, function(){
				if (!stop) {
					wheee(dir, limit)
				}
			});
		}
		return false;
	}
	
	function stopNow() {
		stop = true;
		$(this).removeClass('active');
		return false;
	}
		
}