$(document).ready(function(){
	$('#featured ul').show();
	$("#featured ul li img").attr("style","height:54px;width:80px;");
	
	$("#featured ul li").each(function (i) {
		$(this).attr("id","nav-fragment-"+i)
				.addClass("ui-tabs-nav-item");
		if ($(this).children("a").length!=0){
			$(this).children("a").attr("title",$(this).children("a").attr("href"));
			$(this).children("a").attr("href","#fragment-"+i);
			$(this).children("a").append("<span>" + $("a[href='#fragment-" + i + "'] img").attr("title") + "</span>");
		} else {
			$(this).wrapInner("<a></a>");
			$(this).children("a").attr("href","#fragment-"+i);
			$(this).children("a").append("<span>" + $("a[href='#fragment-" + i + "'] img").attr("title") + "</span>");
		};
		$(this).parent().parent().append("<div class='ui-tabs-panel'><img alt='' src='" + $(this).children("a").children("img").attr("src") + "'/><div class='info'/></div>");
	});
	$("#featured .ui-tabs-panel").each(function (i) {
		var imagetext;
		$(this).attr("id","fragment-"+i);
		if ($(".subtitle-hidden:eq(" + i + ")").text()!=''){
			imagetext = $(".subtitle-hidden:eq(" + i + ")").text();
		} else {
			imagetext = $("#nav-fragment-" + i + " img").attr("alt");
		}
		$(this).children("div").append("<h2><a>"+$("#nav-fragment-" + i + " img").attr("alt")+"</a></h2>");
		if ($("#nav-fragment-" + i + " a").attr("title").length!=0) {
			$(this).children("div").children("h2").children("a").attr("href",$("#nav-fragment-" + i + " a").attr("title"));
		} else {
			$(this).children("div").children("h2").children("a").attr("href","#");
		}
	});
	
	$("#featured").tabs({fx:{opacity: "toggle"}}).tabs("rotate", 10000, true);
	$(".info").css("top",$("#featured").height()-$(".info").height());
	$("#featured ul li").not("#nav-fragment-0, #nav-fragment-1, #nav-fragment-2, #nav-fragment-3").remove();
});