// initialize scrollable and return the programming API
var api = $("#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) {
        $("#intro").fadeOut("fast");

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

        // otherwise show the intro
    } else {
        $("#intro").fadeIn(1000);
    }

    // toggle activity for the intro thumbnail
    $("#t0").toggleClass("active", i == 0);
});

// a dedicated click event for the intro thumbnail
$("#t0").click(function () {

    // seek to the beginning (the hidden first item)
    $("#scroll").scrollable().begin();

});