// hide/show product info

function toggleRecipes() {
	if ($('recipe_icon').hasClassName('selected')) {
		$('recipe_icon').removeClassName('selected');
		$('recipes').setOpacity(0).hide();
	} else {
		showObj($('recipes'), $('recipe_icon'));
	}
	return false;
}
function toggleIngredients() {
	if ($('ingredient_icon').hasClassName('selected')) {
		$('ingredient_icon').removeClassName('selected');
		$('ingredients').setOpacity(0).hide();
	} else {
		showObj($('ingredients'), $('ingredient_icon'));
	}
	return false;
}
function toggleNutritional() {
	if ($('nutritional_icon').hasClassName('selected')) {
		$('nutritional_icon').removeClassName('selected');
		$('nutritional').setOpacity(0).hide();
	} else {
		showObj($('nutritional'), $('nutritional_icon'));
	}
	return false;
}
function toggleFootprint() {
	if ($('footprint_icon').hasClassName('selected')) {
		$('footprint_icon').removeClassName('selected');
		$('footprint').setOpacity(0).hide();
	} else {
		showObj($('footprint'), $('footprint_icon'));
	}
}
function showObj(obj, icon) {
	// unhighlight all icons
	$('recipe_icon').removeClassName('selected');
	$('ingredient_icon').removeClassName('selected');
	$('nutritional_icon').removeClassName('selected');
	$('footprint_icon').removeClassName('selected');
	
	// highlight selected
	icon.addClassName('selected');
	
	// hide all windows
	hideProductInfo();
	
	// show selected window
	obj.show();
	new Effect.Opacity(obj, {
		from: obj.getStyle('opacity'),
		to: 1,
		duration: 0.3
	});
}
function hideObj(obj) {
	new Effect.Opacity(obj, {
		from: obj.getStyle('opacity'),
		to: 0,
		duration: 0.25
	});
}

function hideProductInfo() {
	$('recipes').setOpacity(0).hide();
	$('ingredients').setOpacity(0).hide();
	$('nutritional').setOpacity(0).hide();
	$('footprint').setOpacity(0).hide();
	return false;
}

// hide/show product package
function showPackageDetail() {
	$('package_detail').setOpacity(0);
	$('package_detail').show();
	new Effect.Opacity('package_detail', {
		from: 0, 
		to: 1, 
		duration: 0.3
	});
	return false;
}
function hidePackageDetail() {
	new Effect.Opacity('package_detail', {
		from: 1, 
		to: 0, 
		duration: 0.3,
		afterFinish:function() {
			$('package_detail').hide();
		}
	});
	return false;
}