// initialize scrollable and return the programming API
var api = $("#scroll").scrollable({items: '#tools', circular: true}).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("slow");

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

// Geht zwei Schritte nach rechts --- ChF 23.10.2010
// api.move(2);
api.move(1);




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

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

});