// sidebar activation
$(function() { 

$("#accordion").tabs("#accordion div.pane", {tabs: 'h2', effect: 'slide', initialIndex: null});
});

// add new effect to the tabs
$.tools.tabs.addEffect("slide", function(i, done) {

	// 1. upon hiding, the active pane has a dark background color
	this.getPanes().slideUp().css({backgroundColor: "#333"});

	// 2. after a pane is revealed, its background is set to its original color (transparent)
	this.getPanes().eq(i).slideDown(function()  {
		$(this).css({backgroundColor: 'transparent'});

		// the supplied callback must be called after the effect has finished its job
		done.call();
	});
});

// tutorials activation
$(function() { 

$("#tutorials").tabs("#tutorials div.tutorialspane", {tabs: 'h2', effect: 'slide', initialIndex: null});
});

// add new effect to the tabs
$.tools.tabs.addEffect("slide", function(i, done) {

	// 1. upon hiding, the active pane has a dark background color
	this.getPanes().slideUp().css({backgroundColor: "#333"});

	// 2. after a pane is revealed, its background is set to its original color (transparent)
	this.getPanes().eq(i).slideDown(function()  {
		$(this).css({backgroundColor: 'transparent'});

		// the supplied callback must be called after the effect has finished its job
		done.call();
	});
});