$(function() {
	var $tabs = $("#posts");
	$tabs.tabs({fx:{opacity: "toggle"}});
	$tabs.tabs("rotate", 10000, true);
	var total = $tabs.tabs('length');
	
	var selected = 0;
	
	$tabs.bind( "tabsselect", function(event, ui) {
		selected = $tabs.tabs( "option", ui.index );
		selected = ui.index;
		showHide();
	});

	$('.next-tab').click(function() { 
		$tabs.tabs('rotate', null);
		$tabs.tabs( "option", "selected", selected+1 );
		showHide();
		return false; 
	});

	$('.prev-tab').click(function() { 
		$tabs.tabs('rotate', null);
		$tabs.tabs( "option", "selected", selected-1 );
		showHide();
		return false; 
	});

	function showHide() {
		if ( selected == (total-1) ) { $('.next-tab').addClass('inactive'); } else { $('.next-tab').removeClass('inactive'); }
		if ( selected == 0 ) { $('.prev-tab').addClass('inactive'); } else { $('.prev-tab').removeClass('inactive'); }
	}
	showHide();
});

