var nutrition_items = new Array();

function loadNutrition(category_id, product_id){

	$.ajax({
		 type: "GET",
		 url: CI.base_url + "resources/xml/nutrition_info.xml",
		 dataType: ($.browser.msie) ? 'text' : 'xml',
		 success: function(xmlData){
			/* 
				IE FIX FOR LOCAL TESTING
				XML is treated as a string in IE (figures) so we need to convert it to XML object
			*/
			
			var data;
			
			if (typeof xmlData == 'string') {
				data = new ActiveXObject('Microsoft.XMLDOM');
				data.async = false;
				data.loadXML(xmlData);
			} else {
				data = xmlData;
			} 
			
			var html_string = ""; // builds the drop menu
			var print_string = "<h2>Nutrition</h2>"; // used to build print preview
			print_string += '<div class="description">It'+"'"+'s good to know exactly what you'+"'"+'re getting. Here you can check out in-depth nutritional information on any sub we make.</div>';
			
			$(data).find('category').each(function(i){
				
				html_string += '<li class="level1_toggle"><a href="#" class="level1_link"><span>'+$(this).attr("id")+'</span></a>';
				html_string += '<ul class="level2" id="drop_subcat_"'+i+'>';
				
				print_string += '<div class="nutrition_category">';
				print_string += '<h3>' + $(this).attr("id") + '</h3>';
				print_string += '<div class="product">'
				
				nutrition_items.push({category: $(this).attr("id"), products: new Array()});
				
				$(this).find('item').each(function(j){
					
					html_string += '<li><a href="#" class="level2_link" rel="' + i + ',' + j + '"><span>' + $(this).attr("id") + '</span></a></li>';
					
					nutrition_items[i].products.push(
						{
							product_name: $(this).attr("id"),
							img: $(this).find('img').text(),
							serving_size: $(this).find('serving_size').text(),
							calories: $(this).find('calories').text(),
							fat_cal: $(this).find('fat_cal').text(),
							total_fat: $(this).find('total_fat').text(),
							sat_fat: $(this).find('sat_fat').text(),
							trans_fat: $(this).find('trans_fat').text(),
							cholestrol: $(this).find('cholestrol').text(),
							sodium: $(this).find('sodium').text(),
							carbs: $(this).find('carbs').text(),
							fiber: $(this).find('fiber').text(),
							sugar: $(this).find('sugar').text(),
							protein: $(this).find('protein').text(),
							vitamin_a: $(this).find('vitamin_a').text(),
							vitamin_c: $(this).find('vitamin_c').text(),
							calcium: $(this).find('calcium').text(),
							iron: $(this).find('iron').text()
						}
					); // end push
					
					print_string += '<h4 class="product_name">' + $(this).attr("id") + ':&nbsp;&nbsp;<span class="header_serving_size">serving size: ' + $(this).find('serving_size').text() + 'g</span></h4>';
					print_string += '<div class="nutrition_print_info">';
					
					// Column 1
					
					print_string += '<ul>';
					
					print_string += '<li class="header"><span class="label">Calories</span><span class="value">' + $(this).find('calories').text() +'</span></li>'
					print_string += '<li class="sub"><span class="label">Calories from Fat</span><span class="value">' + $(this).find('fat_cal').text() +'</span></li>';
					print_string += '<li class="header"><span class="label">Total Fat(g)</span><span class="value">' + $(this).find('total_fat').text() +'</span></li>';
					print_string += '<li class="sub"><span class="label">Saturated Fat(g)</span><span class="value">' + $(this).find('sat_fat').text() + '</span></li>';
					print_string += '<li class="sub"><span class="label">Trans Fat(g)</span><span class="value">' + $(this).find('trans_fat').text() + '</span></li>';

					print_string += '</ul>';
                    
					// Column 2
					
					print_string += '<ul>';
					
					print_string += '<li class="header"><span class="label">Cholestrol(mg)</span><span class="value">' + $(this).find('cholestrol').text() +'</span></li>'
					print_string += '<li class="header"><span class="label">Sodium(mg)</span><span class="value">' + $(this).find('sodium').text() +'</span></li>';
					print_string += '<li class="header"><span class="label">Carbohydrates(g)</span><span class="value">' + $(this).find('carbs').text() +'</span></li>';
					print_string += '<li class="sub"><span class="label">Dietary Fiber(g)</span><span class="value">' + $(this).find('fiber').text() + '</span></li>';
					print_string += '<li class="sub"><span class="label">Sugar(g)</span><span class="value">' + $(this).find('sugar').text() + '</span></li>';
					
					print_string += '</ul>';
					
					// Column 3
					
					print_string += '<ul class="last">';
					
					print_string += '<li class="header"><span class="label">Protein(g)</span><span class="value">' + $(this).find('protein').text() +'</span></li>'
					print_string += '<li class="header"><span class="label">Vitamin A % DV</span><span class="value">' + $(this).find('vitamin_a').text() +'</span></li>';
					print_string += '<li class="header"><span class="label">Vitamin C % DV</span><span class="value">' + $(this).find('vitamin_c').text() +'</span></li>';
					print_string += '<li class="sub"><span class="label">Calcium % DV</span><span class="value">' + $(this).find('calcium').text() + '</span></li>';
					print_string += '<li class="sub"><span class="label">Iron % DV</span><span class="value">' + $(this).find('iron').text() + '</span></li>';
					
					print_string += '</ul>';
					
					print_string += '<div class="clear"></div>';
					
					
					
					print_string += '</div>';
					
				});	// end each
				
				html_string += '<li class="cap"><a><span class="lc">&nbsp;</span><span class="shadow">&nbsp;</span><span class="rc">&nbsp;</span></a></li>';
				html_string += '</ul></li>';
				
				print_string += '<div class="legal">' + $(this).find('legal').text() + '</div>';
				print_string += '</div></div>';
				
			});// end each
			
			// Add bottom cap to drop menu
			
			html_string += '<li class="cap"><span class="lc">&nbsp;</span><span class="shadow">&nbsp;</span><span class="rc">&nbsp;</span></li>';
			
			$('#level1').html(html_string);
			$('#all_nutrition').html(print_string);
			
			$('.level2_link').each(function(i){
				
				$(this).bind("click",function(){
					
					var ids = $(this).attr("rel").split(",");
					updateTotals(ids[0],ids[1]);
					
					$('#level1').removeClass('level1_on');
					
					$(this).parent().parent().removeClass('level2_on');
					
				});
			
			});
			
			$('#drop_menu_toggle').hover(function(){
				$(this).find("ul:eq(0)").addClass('level1_on');
			}, function(){
				$(this).find("ul:eq(0)").removeClass('level1_on');
			})
			
			/* Level 2 Toggles */
			
			$('.level1_toggle').each(function(i){
				
				$(this).hover(function(){
					$(this).find("ul:eq(0)").addClass('level2_on');
					}, function(){
						$(this).find("ul:eq(0)").removeClass('level2_on');
				});
				
				$(this).find("ul:eq(0)").css("top", $(this).position().top);
				
			});
			
			$('.level2 a').dropShadow({left: 3, top: 3});
		
			$('.level1').each(function(){
				$(this).addClass("level1_off");
			})
			
			$('.level2').each(function(){
				$(this).addClass("level2_off");
			})
			
			$('#print_all_nutrition_btn').bind("click", function(){													 
				window.print();												 
			});
			
			// Get the hash and see if the product exists
			
			var hash = document.location.hash.toString();
			hash = unescape(hash.replace("#",""));
			var ids = hash.split(",");
			
			var cat_id = 0;
			var prod_id = 0;
			var exit = false;
			
			if(ids != ''){
				
				for(var i=0; i < nutrition_items.length; i++){
					
					if(nutrition_items[i].category.toLowerCase() == ids[0].toLowerCase()){
						
						cat_id = i;
						
						for(var j=0; j<nutrition_items[i].products.length; j++){
							if(nutrition_items[i].products[j].product_name.toLowerCase() == ids[1].toLowerCase()){
								prod_id = j;
								exit = true;
								break;
							}// endif
							
						}// end for
						
					}// end if
					
					if(exit){
						break;
					}
					
				}// end for
				
			}
			updateTotals(category_id, product_id)
			
		 },// end success
		 error: function(XMLHttpRequest, textStatus, errorThrown){
			//alert(textStatus);
		}
	 });// end ajax
	
}// end

function updateTotals(cat_id, id){
	$('#product_name').html(nutrition_items[cat_id].products[id].product_name);
	$('#product_image').html('<img src="' + nutrition_items[cat_id].products[id].img + '"/>');
	$('#serving_size').html(nutrition_items[cat_id].products[id].serving_size);
	$('#calories').html(nutrition_items[cat_id].products[id].calories);
	$('#fat_cal').html(nutrition_items[cat_id].products[id].fat_cal);
	$('#total_fat').html(nutrition_items[cat_id].products[id].total_fat);
	$('#sat_fat').html(nutrition_items[cat_id].products[id].sat_fat);
	$('#trans_fat').html(nutrition_items[cat_id].products[id].trans_fat);
	$('#cholestrol').html(nutrition_items[cat_id].products[id].cholestrol);
	$('#sodium').html(nutrition_items[cat_id].products[id].sodium);
	$('#carbs').html(nutrition_items[cat_id].products[id].carbs);
	$('#fiber').html(nutrition_items[cat_id].products[id].fiber);
	$('#sugar').html(nutrition_items[cat_id].products[id].sugar);
	$('#protein').html(nutrition_items[cat_id].products[id].protein);
	$('#vitamin_a').html(nutrition_items[cat_id].products[id].vitamin_a);
	$('#vitamin_c').html(nutrition_items[cat_id].products[id].vitamin_c);
	$('#calcium').html(nutrition_items[cat_id].products[id].calcium);
	$('#iron').html(nutrition_items[cat_id].products[id].iron);
	$('#drop_menu_products').attr("className","off");
	
	//$('.level1').css("display","none");
	
}