/** Tabs switch functionality */
$(document).ready(function(){
	// Binds click event to tabs elements
	$('.displayTabs ul li a').live("click", function(){
		var tab = $(this);
		var tabName = tab.attr("href");
		if(tabName == "#detailView")
		{
				tabFlag = false;
				tabFeaturedRecipe = true;
				if(typeof(sectionName) != 'undefined')
				{
					if (sectionName == "recipes")
					{
						if (productIDsQuery != "")
						{
							tabSelected = true;
						}
						else
						{
							tabSelected = false;
						}
					}
				}
				
		}
		else
		{
				tabFlag = true;
				tabFeaturedRecipe = false;
				tabSelected = false;
		}
		
		tab.parent().siblings('li').removeClass("selected");
		tab.closest('li').addClass("selected");
		if (tabName == "#detailView"){
			tab.parent().siblings('li').find("a.list").css("background-position","0 0");
			tab.css("background-position","-115px -27px");
		}
		else {
			tab.parent().siblings('li').find("a.detail").css("background-position","-115px 0");
			tab.css("background-position","0 -27px");
		}
		refreshItems();
		return false;
	});
	setupTabs();
});
// Setup the tabs functionality
function setupTabs() {
	$('ul.subTabs li a').click(function(){
		switchSubtabs($(this));
		return false;
	});
	// Binds click event to number of comments link
	$('.numComments a').click(function(){
		if($('.extendedProperties', $(this).parent().parent().parent()).is(":hidden"))
			showCommentTab($(this));
		return false;
	});
	// Initialize all tabs
	$('.extendedProperties ul.subTabs li a.defaultTab').each(function(){switchSubtabs($(this))});
}
// Switch between subtabs
function switchSubtabs(obj) {
	$('.subTabContainer', obj.parent().parent().parent()).hide();
	obj.parent().siblings('li').removeClass("selected");
	var id = obj.attr("rel");
	$(id).show();
	obj.closest('li').addClass("selected");
}
// Show comments tab directly
function showCommentTab(obj) {
	$("a.showDetails", obj.parent().parent().parent()).trigger('click');
	var id = obj.attr("href");
	var tab = $("li a[href='" + id + "']");
	tab.trigger('click');
}