(function($){
	$(function(){
		var slider = $('#slider'), thumbs = $('#slider-thumbs a'), container=slider.find('ul.container'), li=slider.find('li'), liWidth=li.eq(0).width();		
		container.css('width', (liWidth * li.length+100)+'px').data('index', 1);
		
		thumbs.each(function(i){
			var t = $(this);
			t.data('index', i+1);
			
			t.click(function(e){
				e.preventDefault();
				var index = $(this).data('index');
				container.stop().animate({
					marginLeft: '-' + (liWidth*(index-1)) + 'px'
				}, 500).data('index', index);
			});
		});
		
		slider.find('.prev a').click(function(e){
			e.preventDefault();
			var i = container.data('index');
			if (i > 1) {
				thumbs.eq(i-2).trigger('click');
			} else {
				thumbs.eq(3).trigger('click');				
			}			
		});
		slider.find('.next a').click(function(e){
			e.preventDefault();
			var i = container.data('index');
			if (i < 4) {
				thumbs.eq(i).trigger('click');
			} else {
				thumbs.eq(0).trigger('click');				
			}			
		});
		
	});	
})(jQuery);