jQuery(document).ready(function() { 
    // setup ul.tabs to work as tabs for each div directly under div.panes 
	//jQuery("ul.tabs").tabs("div.panes > div"); 
	jQuery("ul.tabs").tabs("div.panes > div"); 
});

//initialize scrollable and return the programming API 
var api = jQuery("#scroll").scrollable({ 
    items: '#tools', 
    size: 1, 
    clickable: false 
 
// use the navigator plugin 
}).navigator({api: true});

//this callback does the special handling of our "intro page" 
api.onStart(function(e, i) { 
 
    // when on the first item: hide the intro 
    if (i) { 
    	jQuery("#intro").fadeOut("slow"); 
 
    // otherwise show the intro 
    } else { 
    	jQuery("#intro").fadeIn(1000); 
    } 
 
    // toggle activity for the intro thumbnail 
    jQuery("#t0").toggleClass("active", i == 0); 
}); 
 
// a dedicated click event for the intro thumbnail 
jQuery("#t0").click(function() { 
 
    // seek to the beginning (the hidden first item) 
	jQuery("#scroll").scrollable().begin(); 
 
});