var $wj = jQuery.noConflict();




$wj(function(){
// main vertical scroll
$wj("#mainu").scrollable({
	vertical: true,
	keyboard: 'static',
	clickable: false,
	
	//reset steps to first page
	onBeforeSeek: function(event, i){
		
		var steps = $wj(".scrollable:eq("+i+")").data("scrollable");
		if(steps) {
			steps.begin(0);
			$wj(".navCurCount").text("1");
		}
	},
	
	// assign left/right keys to the actively viewed scrollable
	onSeek: function(event, i) {
		$wj('#mainu').center();
		horizontal.eq(i).data("scrollable").focus();
	}

	
/* --> main navigator (thumbnail images) <-- */
}).navigator("#main_navi");
	
	var horizontal = $wj(".scrollable").scrollable({ 
		circular: false, 
		prev: ".prevPage", 
		next: ".nextPage",
		
		onSeek: function(event, i){
			$wj(".navCurCount").text(i + 1);
		}	
		}).navigator(".navi");
	
	// when page loads setup keyboard focus on the first horizontal scrollable
	horizontal.eq(0).data("scrollable").focus();
});