// Code by Dylan of Vagabond Brigade using JQuery Tools

// execute your scripts when the DOM is ready. this is a good habit 
$(document).ready(function() {
	/* fade thumbnails */
	$(".thumb").fadeTo(0, 0.5);
	
	$(".thumb").hover(function(){
		$(this).fadeTo(150,0.8);
	},function(){
		$(this).fadeTo(300,0.5);
	});
	
	/* fader for nextPage/prevPage/home links */
	$(".nextPage").fadeTo(0, 0.5);

	$(".button").hover(function(){
		$(this).fadeTo(150,0.8);
	},function(){
		$(this).fadeTo(300,0.5);
	});

    // initialize scrollable2 
	var api_lg = $(".scrollable2").scrollable({size:1, api:true, keyboard:'static', loop: true}); 
	var api_sm = $(".scrollable").scrollable({size: 5,api:true, vertical:true, keyboard:'static'});
	api_lg.focus();
	
	$('div.items').click(function () {
	   api_lg.seekTo(api_sm.getClickIndex())
	});
});