// Set array of clicked items for each panel
var menuResultID = new Array(3);
menuResultID[1] = new Array();
menuResultID[2] = new Array();
menuResultID[3] = new Array();

// set control vars for clicked items
var act_ing1;
var act_ing2;
var act_ing3;

// Max Limit of clicked items for each Panel
var clickLimit=new Array(0,1,3,1);

// set count for clicked elements in each panel
var count1 = 0;
var count2 = 0;
var count3 = 0;

// Options table html data
var actname;
var actimg;
var block_desc;

// Options table ingredients html data
var spec_name;
var spec_val;
var spec_desc;

// Set array to count the ingredients sum result
var menuResultDesc = new Array();
var menuResultVal = new Array();


$(document).ready(function(){
	// load only 1 time at the beginning the tooltips data
	registerTooltip(1);
	registerTooltip(2);
	registerTooltip(3);
	
	registerAddMenuItem(1);
	registerAddMenuItem(2);
	registerAddMenuItem(3);
	
	registerReset();
});



function registerEvents(){
	ResetStepMenu();
	StartStepMenu();
	AddMenuItem();
}

function openTooltip($i){
	$(function() {
		$('#paper'+$i+' a').tooltip({
			track: true,
			delay: 0,
			showURL: false,
			bodyHandler: function() {
					return $($(this).attr("href")).html();
				},
			extraClass: "pretty paper1",
			fixPNG: true,
			opacity: 0.9
		});
	});
}


function registerTooltip($i){
	$(function() {
		$('#paper'+$i+' a').each(function (t){
			var curr_urlid = $(this).attr("id");
			var curr_tid = $(this).attr("href");
			curr_tid = curr_tid.replace("#", "");
			$.post('queries/nutrition_data.queries.php',{id:curr_urlid},function(block_desc){
				$("#"+curr_tid).show();
				$("#"+curr_tid).html(block_desc);
				$("#"+curr_tid).hide();
			});
			
		});
		openTooltip($i);
	});
}

function registerAddMenuItem($i)
{
	$('#paper'+$i+' a').click(function(){
		
		var curr_urlid = $(this).attr("id");
		var curr_tid = $(this).attr("href");
		curr_tid = curr_tid.replace("#", "");
		
		if(!$(this).hasClass('already'))
		{
			if(clickLimit[$i]<=$('#TablePanel'+$i+' tr[rel=row]').length)
			{
				alert("Reached max limit of "+clickLimit[$i]+" choices in Step "+$i+".\n\nRESET YOUR CHOICES with the below button OR click on one to subtract it.");
			}
			else
			{
				$(this).css('color','#fff');
				$(this).addClass('already');
				$.post('queries/nutrition_add.queries.php',{id:curr_urlid},function(block_desc){
					
					$('#TablePanel'+$i+' tbody:first').append(block_desc);
					CalculateTotal();
				});
			}
		}
		else
		{
			$(this).css('color','#000');
			$(this).removeClass('already');
			$('#TablePanel'+$i+' tbody').find('#tp_'+curr_urlid).remove();
			CalculateTotal();
		}
		
		return false;
	});
}

function dosdecimales(valor){
	valorParseado = (parseFloat(valor).toFixed(2)).toString().split(". ");
	valorParseado2 = valorParseado[0].toString().split("").reverse().join("").replace(/\d{3}(?=\d)/g, function(encaja){ return encaja+'.';})
	return (valorParseado2.toString().split("").reverse( ).join("")+','+valorParseado[1]);
}

function CalculateTotal()
{
	$kcal=0;$car=0;$pro=0;$total=0;
	for($i=1;$i<=3;$i++)
	{
		$('#TablePanel'+$i+' .TablePanel').each(function(){
			$kcal+=parseFloat($(this).find('.result_box_list .kcal').val());
			$car+=parseFloat($(this).find('.result_box_list .carbohydrate').val());
			$pro+=parseFloat($(this).find('.result_box_list .protein').val());
			$total++;
		});
	}
	
	if($total>0)
	{
		$html='<ul class="result_box_list"><li id="totals">'+$total.toFixed(2)+' Total:</li> <li id="totals"><font class="orange">Kcal</font> '+$kcal.toFixed(2)+'</li> <li id="totals"><font class="orange">Carb:</font> '+$car.toFixed(2)+' gr</li> <li id="totals"><font class="orange">Pro:</font> '+$pro.toFixed(2)+' gr</li></ul>';
		$('.TableResultCount').html($html);
		$('.TableResultCount').css('display','block');
	}
	else
		$('.TableResultCount').css('display','none');
}

function registerReset(){
	$('.step_menu_reset').click(function(){
		for($i=1;$i<=3;$i++)
		{
			$('#paper'+$i+' a').each(function(){
				$(this).css('color','#000');
				$(this).removeClass('already');
			});
			$('#TablePanel'+$i+' tbody').html('');
		}
		$('.TableResultCount').css('display','none');
		return false;
	});
}
