$(document).ready(function(){
	$("#carousel").tabs({fx: { opacity: 'toggle', duration:'slow'} }).tabs('rotate', 5000);
	
	$('#carousel').bind('tabsselect', function(event, ui) {
		var tabSelected = "#carousel" + ui.index + "feature";
		$("#carousel0feature").removeClass("on").addClass("off");
		$("#carousel1feature").removeClass("on").addClass("off");
		$("#carousel2feature").removeClass("on").addClass("off");
		$("#carousel3feature").removeClass("on").addClass("off");
		$(tabSelected).removeClass("off").addClass("on");
		if (ui.index > 1) {
			$("#carousel-content").removeClass("highlight-left").addClass("highlight-right");
		} else {
			$("#carousel-content").removeClass("highlight-right").addClass("highlight-left");	
		}
	});
});