$(function() {
	
	tabVideos      = $('#product-tab-videos');
	tabDirections  = $('#product-tab-directions');
	tabNutrition   = $('#product-tab-nutrition');
	tabIngredients = $('#product-tab-ingredients');
	
	
	var overhang = 20;
	var offset = 18;
	$('#product-tabs').show();
	
	if (tabVideos.length > 0) offset += tabVideos.width() - overhang;
	tabDirections.css('margin-left', offset);
	offset += tabDirections.width() - overhang;
	tabNutrition.css('marginLeft', offset);
	offset += tabNutrition.width() - overhang;
	tabIngredients.css('marginLeft', offset);
	
	sectionVideos      = $('#section-videos');
	sectionDirections  = $('#section-directions');
	sectionNutrition   = $('#section-nutrition');
	sectionIngredients = $('#section-ingredients');
	
	sectionNutrition.hide();
	sectionIngredients.hide();
	
	if (tabVideos.length > 0)
	{
		sectionDirections.hide();
	}
	
	tabVideos.click(function() {
		sectionVideos.show();
		sectionDirections.hide();
		sectionNutrition.hide();
		sectionIngredients.hide();
		
		resetTabClasses();
		tabVideos.removeClass('product-tab-videos-off');
		tabVideos.addClass('product-tab-videos-on');
	});
	
	tabDirections.click(function() {
		sectionVideos.hide();
		sectionDirections.show();
		sectionNutrition.hide();
		sectionIngredients.hide();
		
		resetTabClasses();
		tabDirections.removeClass('product-tab-directions-off');
		tabDirections.addClass('product-tab-directions-on');
	});
	
	tabNutrition.click(function() {
		sectionVideos.hide();
		sectionDirections.hide();
		sectionNutrition.show();
		sectionIngredients.hide();
		
		resetTabClasses();
		tabNutrition.removeClass('product-tab-nutrition-off');
		tabNutrition.addClass('product-tab-nutrition-on');
	});
	
	tabIngredients.click(function() {
		sectionVideos.hide();
		sectionDirections.hide();
		sectionNutrition.hide();
		sectionIngredients.show();
		
		resetTabClasses();
		tabIngredients.removeClass('product-tab-ingredients-off');
		tabIngredients.addClass('product-tab-ingredients-on');
	});
	
});


function resetTabClasses()
{
	tabVideos.addClass('product-tab-videos-off');
	tabDirections.addClass('product-tab-directions-off');
	tabNutrition.addClass('product-tab-nutrition-off');
	tabIngredients.addClass('product-tab-ingredients-off');
	
	tabVideos.removeClass('product-tab-videos-on');
	tabDirections.removeClass('product-tab-directions-on');
	tabNutrition.removeClass('product-tab-nutrition-on');
	tabIngredients.removeClass('product-tab-ingredients-on');
	
}