// 02_KFT_10123_0000_TwoWkMeals Recipe List JavaScript

function updateRecipe(itemNum) {
		
		//$('#main').hide();
		
		var currentItem = itemNum;
		var cacheKilla = new Date();
		
		loadXML();
		
		function loadXML() {
			$.ajax({
				type: "GET",
				url: "Media/02_KFT_10123_0000_TwoWkMeals/xml/02_KFT_10123_0000_TwoWkMeals_RecipeList.xml?nocache=" + cacheKilla,
				dataType: "xml",
				success: function(xmlData)
				{
					xmlDataSet = xmlData;
					buildHTML();
				}
			});
		}
		
		function buildHTML () {	
			var recipeList = $('recipeList', xmlDataSet);
			var recipe = recipeList.find('recipe:eq(' + (currentItem) + ')');
			
			// image
			$('#mainImg').empty();
			$('#mainImg').addClass('loading');
			var imgPath = "Media/02_KFT_10123_0000_TwoWkMeals/img/" + $('image', recipe).text();
			var img = new Image();
			
			$(img)
				.load(function() {
					$(this).hide();
					$('#mainImg')
						.removeClass('loading')
						.append(this);
					$(this).fadeIn();
				})
				
				.error(function() {
				
				})
				
				.attr('src', imgPath);
			
			// title
			var title = recipe.attr('title');
			$('#title').html(title);
			
			// brands
			$('#brands').remove();
			var brandList = $('brands', recipe);
			if ( brandList.length != 0 ) {
				var brandLogo = $('logo', brandList).text();
				var brandString = "<div id='brands'><div id='brandLogo'><img src='Media/02_KFT_10123_0000_TwoWkMeals/img/logos/" + brandLogo + "'/></div><div id='brandSpan'>participating brands</div></div>";
				$('#rightCol').append(brandString);
			}
			
			// summary
			$('#sumContainer').empty();
			var summary = $('summary', recipe);
			var prepTime = summary.attr('prep');
			var totalTime = summary.attr('total');
			var servings = summary.attr('servings');
			var cost = summary.attr('cost');
			var sumStr = "<div><b>PREP</b>&nbsp;&nbsp;" + prepTime + " min.</div>";
			
			if (totalTime) { sumStr +=  "<div><b>TOTAL</b>&nbsp;&nbsp;" + totalTime + " min.</div>"; }
	
			 sumStr += 	"<div><b>MAKES</b>&nbsp;&nbsp;" + servings + " servings</div>" +
						"<div><b>COST PER SERVING</b> = $" + cost + "*</div>";
						
			$('#sumContainer').append(sumStr);								   
			
			
			// ingredient list
			$('#ingContainer').empty();
			var ingList = $('ingredients', recipe);
			$('item', ingList).each(function(){
				var itemName = $(this).text();
				var itemStr = "<div>" + itemName + "</div>"; 
				$('#ingContainer').append(itemStr);								   
			})
			
			// directions
			$('#dirContainer').empty();
			var stepNum = 1;
			var dirList = $('directions', recipe);
			$('step', dirList).each(function(){
				var step = $(this).text();
				//var stepStr = "<div>" + stepNum + ". " + step + "</div>";
				var stepStr = "<div>" + step + "</div>"; 
				$('#dirContainer').append(stepStr);
				stepNum ++;
			})
			
			// notes
			$('#note').empty();
			var discString = "* Cost per serving is based on approximate costs of ingredients per recipe. Prices may vary by Club and item weight.";
			var addNote = $('notes', recipe);
			if ( addNote.length != 0 ) {
				var note = $('note', addNote).text();
				discString += "<p>" + note + "</p>";
			}
			$('#note').append(discString);
			
			/*
			// additional items
			$('#addItems').empty();
			
			//serving suggestions
			var subList = $('sub', recipe);
			if ( subList.length != 0 ) {
				var divString = "<div id='subContainer' class='listBlock'><h2>substitute</h2></div>";
				$('#addItems').append(divString);
				$('subItem', subList).each(function(){
					var substitute = $(this).text();
					var subStr = "<div>" + substitute + "</div>"; 
					$('#subContainer').append(subStr);
				})
			}
			
			//serving suggestions
			var suggList = $('serving', recipe);
			if ( suggList.length != 0 ) {
				var divString = "<div id='suggContainer' class='listBlock'><h2>serving suggestion</h2></div>";
				$('#addItems').append(divString);
				$('suggestion', suggList).each(function(){
					var suggestion = $(this).text();
					var suggStr = "<div>" + suggestion + "</div>"; 
					$('#suggContainer').append(suggStr);
				})
			}
			*/
			
			$('#leftCol').fadeIn(500);
			$('#rightCol').fadeIn(500);
			
		}
		
}

function closePage() {
	// $('#leftCol').fadeOut(500);
	$('#rightCol').fadeOut(500);
	$('#mainImg').empty();
	$('#mainImg').addClass('loading');
}

function openNav() {
	$('#nav').fadeIn(1000);
}

function printPage() {
	if (window.print) {
		window.print();
	} else {
     	if(agt.indexOf("mac") != -1) { 
			alert("To print this page press Command-P."); 
		} else { 
			alert("To print this page press Control-P.");
		}
   }
}