$().ready(function() {	
	onScrollSeek = function(i) {
		switch(i) {
			case 1:
				$("#top_container").animate({backgroundColor: "#444851"}, 1500);
				break;
			case 2:
				$("#top_container").animate({backgroundColor: "#1d130c"}, 1500);
				break;		
			case 3:
				$("#top_container").animate({backgroundColor: "#2e2f31"}, 1500);
				break;
			case 4:
				$("#top_container").animate({backgroundColor: "#192a10"}, 1500);
				break;
			default:
				$("#top_container").animate({backgroundColor: "#231f20"}, 1500);
				break;
		}
	}
	$('.thumbs div').width($(document).width());
	
	$(window).resize(function(){
      $('.thumbs div').width($(document).width());
    });
	
	$(".scrollable").scrollable({
		size:  1,
		items: '.thumbs',  
		prev:  '.prev',
		next:  '.next',
		navi:  '.navi',
        loop:  true,
        speed: 1000,
        onBeforeSeek: onScrollSeek
	});	
	
});