$(document).ready(function(){ initScroll(); initTabs();});


function initScroll(){
		var api = $("#scroll").scrollable({
		 items: '#tools',
		 size: 1,
		 clickable: false
		}).navigator({api: true});
		
		api.onStart(function(e, i){
		 if(i){
		 	$("#intro").fadeOut("slow");
			}else { $("#intro").fadeIn(1000); }
		
		 $("#t0").toggleClass("active", i == 0);
		});
		
		$("#t0").click(function(){ $("#scroll").scrollable().begin(); });
}

function initTabs(){
$("ul.tabs").tabs("div.panes > div");
}