function handleResponse(transport)
{
$('mealBuilderBox').innerHTML = transport.responseText;

}

function toggleAjax(key, controlAndActionString)
{


Element.show("spinnerSmall-" + key);

var myAjax = new Ajax.Request(controlAndActionString,
	{method: 'get', parameters: {keyToToggle: key}, 
	onComplete: handleResponse});

	
}

function removeAjax(key, controlAndActionString, flatId)
{	

Element.show("spinnerSmall-" + flatId);

new Ajax.Updater('mealBuilderBox', controlAndActionString, { method: 'get', parameters: {keyToRemove: key},
	onComplete: updateNutBox});



}

function updateNutBox()
{
	new Ajax.Updater('nutBox', '/food-log/refresh-nutrient-box', { method: 'get', 
		onComplete: updatePieChart});
}

function updatePieChart()
{
	new Ajax.Updater('pieChart', '/graphics/pie-chart-html', { asynchronous:true,evalScripts: true});
}




function recipeNutBoxResponse(transport)
{
$('recipeNutBox').innerHTML = transport.responseText;

}

function displaySmallNutProfile(id, controlAndActionString)
{
var myAjax = new Ajax.Request(controlAndActionString,
	{method: 'post', parameters: {nodeId: id},
	onComplete: smallNutProfileResponse});
}

function displayTreeView(controlAndActionString)
{
var myAjax = new Ajax.Request(controlAndActionString,
	{method: 'get', onComplete: handleResponse});
}

function smallNutProfileResponse(transport)
{

$('mealBuilderBox').innerHTML = transport.responseText;
}

function showProgressDiv()
{
    
    //Popup.show('waitGenerate');
    //return true;

    document.getElementById("waitGenerate").style.display="block";
    document.getElementById("generateAnimation").innerHTML = "<img src='/images/generate-animation.gif'>";
    //document.getElementById("generateForm").submit();
    return true;
}