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