$(function(){
		var	wrapper = $("<div></div>").addClass("rotate"),
				nav = $("<ul></ul>").addClass("tabs-nav"),
				panel = $(".tabs-panel-nojs").wrap(wrapper).before(nav).removeClass("tabs-panel-nojs").addClass("tabs-panel"),
				index = 0;
		
		panel.find("li").each(function(){
			var	h2 = $(this).find("h2"),
					nav_li =	$("<li></li>")
								.attr("id", "tab-" + index++)
								.append(
									$("<a></a>")
									.append(h2.find(".title"))
									.append(h2.remove().find(".subtitle"))
								).click(function(){
									if ($(this).hasClass("selected")) return;
									$(".tabs-nav li").removeClass("selected");
									$(this).addClass("selected");
									$(".tabs-panel li").hide();
									$(".tabs-panel").find("li:eq(" + $(this).attr("id").replace("tab-", "") + ")").fadeIn("fast");
								});
			nav.append(nav_li);
		});
		nav.find("li:last").addClass("last");
		nav.find("li:first").addClass("first").click();
	});