$(document).ready(function() {
	var main = $('#main-scrollable').scrollable({
		size: 1,
		clickable: false,
		globalNav: true,
		next: '.dummy',
		prev: '.dummy',
		item: '.main-item',
		items: '.main-items',
		loop: true,
		onStart: function(event, index) {
			var scroller = secondary.eq(index).scrollable();
			if(scroller.getSize() <= 1 && scroller.getIndex() == 0) {
				scroller.getNaviButtons().eq(0).bind('click', previousProject);
				scroller.getNaviButtons().eq(1).bind('click', nextProject);
			}
			$('div.column-1', event.target.getItems()).hide();
			scroller.focus();
		},
		onSeek: function(event, index) {
			$('div.column-1', event.target.getItems().eq(index)).fadeIn('normal');
		}
	}).navigator('ul#navi');
	
	var secondary = $('.secondary-scrollable');
	secondary.each(function(index) {
		$(this).scrollable({
			size: 1,
			onSeek: function(event, index) {
				if(index > 0) {
					this.getNaviButtons().eq(0).unbind('click', previousProject);
				}
				else if(index == 0) {
					this.getNaviButtons().eq(0).bind('click', previousProject);
				}
				if(this.getSize() == (index + 1)) {
					this.getNaviButtons().eq(1).bind('click', nextProject);
				} else {
					this.getNaviButtons().eq(1).unbind('click', nextProject);
				}
			},
			onReload: function(event, index) {
				if(event.target.getIndex() == 0) {
					this.getNaviButtons().eq(0).bind('click', previousProject);
				}
			}
		});
	});
	
	function previousProject(event) {
		if(main.eq(0).scrollable().getIndex() <= 0) {
			main.eq(0).scrollable().end();
		}
		else if(main.eq(0).scrollable().getIndex() > 0) {
			main.eq(0).scrollable().prev();
		}
		$(event.target).unbind('click', nextProject);
	}
	
	function nextProject(event) {
		main.eq(0).scrollable().next();
	}
});