$(function() {
	
	tabDirections  = $('#product-tab-directions');
	tabNutrition   = $('#product-tab-nutrition');
	tabIngredients = $('#product-tab-ingredients');
	
	sectionDirections  = $('#section-directions');
	sectionNutrition   = $('#section-nutrition');
	sectionIngredients = $('#section-ingredients');
	
	$('#product-tabs').show();
	sectionNutrition.hide();
	sectionIngredients.hide();
	
	tabDirections.click(function() {
		sectionDirections.show();
		sectionNutrition.hide();
		sectionIngredients.hide();
		
		resetTabClasses();
		tabDirections.removeClass('product-tab-directions-off');
		tabDirections.addClass('product-tab-directions-on');
	});
	
	tabNutrition.click(function() {
		sectionDirections.hide();
		sectionNutrition.show();
		sectionIngredients.hide();
		
		resetTabClasses();
		tabNutrition.removeClass('product-tab-nutrition-off');
		tabNutrition.addClass('product-tab-nutrition-on');
	});
	
	tabIngredients.click(function() {
		sectionDirections.hide();
		sectionNutrition.hide();
		sectionIngredients.show();
		
		resetTabClasses();
		tabIngredients.removeClass('product-tab-ingredients-off');
		tabIngredients.addClass('product-tab-ingredients-on');
	});
	
});


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