// tab panel on index page
$(document).ready(function() {
			
	// main vertical scroll
	api = $(".slider_holder").scrollable({
	
		// basic settings
		vertical: true,
		size: 1,
		clickable: false,
		api: true,
	
		// up/down keys will always control this scrollable
		//keyboard: 'static',
	
		//assign left/right keys to the actively viewed scrollable
		onSeek: function(event, i) {
			horizontal.scrollable(i).focus();
		}
	}); //.navigator(".tabs");
	
	
	$(".tabs li").live("click", function() {
		//alert($(this).attr("slider_index"));
		//console.log($(this).attr("slider_index"));
		$(".tabs li").removeClass("active");
		$(this).addClass("active");
		api.seekTo($(this).attr("slider_index"));
});
	
	// horizontal scrollables. each one is circular and has its own navigator instance
	var horizontal = $(".scrollable_tab").scrollable({size: 1}).circular().navigator(".navi").autoscroll(8000);
	
	// when page loads setup keyboard focus on the first horzontal scrollable
	horizontal.eq(0).scrollable().focus();
			
});