$("#menu").ready(function(){
	var menu = $("#menu");
	menu.css("display", "block");
	var dotIndex = 0;
	$.each($("td", menu), function(i, n){
		var isActive = $(this).attr("class");
		
		if (isActive == 'true' || isActive == 'Yes') {
			var wrapper = $('<div class="activeItem"><div class="tl"><div class="tr"><div class="stripe"></div></div></div></div>');
			var myContent = $("img", $(this));
			$(".stripe",wrapper).append(myContent);
			$(this).empty();
			$(this).append(wrapper);
			dotIndex = i + 1;
		}
		else {
			$(this).hover(function(){
			  $(this).addClass("hover");
			},function(){
			  $(this).removeClass("hover");
			});
		}
		if (i > dotIndex) {
			var dot = $('<td><img src="/images/dot.gif" alt="" width="16" height="28" /></td>');
			$(this).before(dot);
		}
	});
});


$("#bMenu").ready(function(){
	var menu = $("#bMenu");
	var dotIndex = 0;
	$.each($("a", menu), function(i, n){
		var isActive = $(this).attr("class");
		if (isActive == 'true' || isActive == 'Yes') {
			$(this).addClass("activeItem");
		}
		if (i > 0) {
			var dot = $('<span class="bullet">•</span>');
			$(this).before(dot);
		}
		
	});
});

function nFacts (n){
	$.post("/ajax/nutritionFacts/" + n,
		{
			
		},
		function(data){
			$("#content").append(data);
			$('#nutritionFacts').fadeIn(300);
		}
	 );
}
function closeNFacts(){
	$('#nutritionFacts').fadeOut(300,function(){
  		$('#nutritionFacts').remove();
	});
}