// initialize scrollable and return the programming API
var api = jQuery("#scroll").scrollable({
    items: '#tools'

// use the navigator plugin
}).navigator().data("scrollable");


// this callback does the special handling of our "intro page"
api.onBeforeSeek(function(e, i) {

    // when on the first item: hide the intro
    if (i) {
        jQuery("#intro").fadeOut("slow");

        // dirty hack for IE7-. cannot explain
        if (jQuery.browser.msie && jQuery.browser.version < 8) {
            jQuery("#intro").hide();
        }

    // 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();

});