// JavaScript Document
var index, thumb_width;
$(document).ready(
	function() {  		
		$('.scroll').scrollLeft(0);
		thumb_width = ((768*100)/$('.scroll-content').width());
		$('.thumb').width(thumb_width+'%');
		index = ($('.scroll-content').width() - 768)/($('.slider').width() - $('.thumb').width());
		$('.thumb').draggable({ axis: 'x', containment: 'parent', drag:autoscroll });
	}
);




function autoscroll(e, ui){
	$('.scroll').scrollLeft((ui.position.left)*index);
	$('.thumb').css({left: (ui.position.left)+'px'});
	status = ui.position.left + "-" + $('.scroll').scrollLeft();
}