$(document).ready(function(){	
   initBinding();

	$("a.recipe-E").click(function(event){
		$("#text-switch").hide();
		$("#box-menu").hide();
		$("#box-ing").hide();
		$("#milk-footer").hide();
		var flavorid = $(this).attr("rel");	
		$.getJSON("recipe.js", function(data) {
			$('#milk_text').html("<div/>");
			$.each(data.flavors, function(i,item){
				//Check to see matching flavorid from JSON
				if (item.id != flavorid) return;
				$('#milk_text div').append('<a href="milkshake.aspx?show=recipe" class="recipe_back2">&lt; BACK TO PREVIOUS PAGE</a><h2>Menu Concepts - <span>' + item.group + '</span></h2><div id="milk-recipe"><img class="left" src="' + item.image + '" alt="' + item.id + '" /><div id="milk-recipe-text" class="right"><h1>' + item.name + '</h1><span>' + item.servings + '</span><ul>' + item.ing + '</ul><p>' + item.description + '</p><p>' + item.copyright + '</p></div></div>');
				initBinding();
			});
		});
		return false;
	});
	
	$("a.recipe-D").click(function(event){
		$("#text-switch").hide();
		$("#box-menu").hide();
		$("#box-ing").hide();
		$("#milk-footer").hide();
		var flavorid = $(this).attr("rel");	
		$.getJSON("dr-recipe.js", function(data) {
			$('#milk_text').html("<div/>");
			$.each(data.flavors, function(i,item){
				//Check to see matching flavorid from JSON
				if (item.id != flavorid) return;
				$('#milk_text div').append('<a href="milkshake.aspx?show=recipe" class="recipe_back2">&lt; BACK TO PREVIOUS PAGE</a><h2>Menu Concepts - <span>' + item.group + '</span></h2><div id="milk-recipe"><img class="left" src="' + item.image + '" alt="' + item.id + '" /><div id="milk-recipe-text" class="right"><h1>' + item.name + '</h1><span>' + item.servings + '</span><ul>' + item.ing + '</ul><p>' + item.description + '</p><p>' + item.copyright + '</p></div></div>');
				initBinding();
			});
		});
		return false;
	});
	
	
});

// execute code after ajax function
function initBinding() {	
	$(".recipe_back").click(function(event){
		location.reload();
		return false;
	});
}