/**
 * Note: Requires jQuery.
 */
var lastTabIndex = 0;

$(document).ready(function(){
	var tabs = $(".tabs a");
	for (i=0;i<tabs.length;i++) {
		tabs.eq(i).bind("click", {index: i}, showTab)
	}
});

function showTab(e) {
	var index = e.data.index;
	if (index != lastTabIndex) {
			$(".tabs li").removeClass("on");
			$(".tabs li").eq(index).addClass("on");
			$(".tabbedContent .item").eq(lastTabIndex).hide(500, function(){
				$(".tabbedContent .item").eq(index).slideDown();
				lastTabIndex = index;
			});
	}
}