var findRecipeContent = document.getElementById("recipeFood").innerHTML;

function switchPic(tab){
	var picRec = document.getElementById('findRecipe');
	var picFood = document.getElementById('nutritionLookup');

	var recipeSearchDiv = document.getElementById('recipeFood');

        var bot = document.getElementById ("hp_roundedBottom");


	if(tab == 'recipeOn'){
		picRec.src = '/diabetes/img/recipe/findaRecipe.jpg';
		picFood.src = '/diabetes/img/recipe/foodLookup.jpg';

                recipeSearchDiv.innerHTML = findRecipeContent;

                bot = document.getElementById ("hp_roundedBottom");
 
                bot.style.display = "block";

		recipeSearchDiv.style.backgroundColor = '#849f04';

	}
	else if(tab == 'nutritionOn'){

		picRec.src = '/diabetes/img/recipe/findaRecipe2.jpg';
		picFood.src = '/diabetes/img/recipe/foodLookup2.jpg';

                bot = document.getElementById ("hp_roundedBottom");

                bot.style.display = "none";

		recipeSearchDiv.innerHTML = '<form name="" action="/diabetes/diabetic-recipes/foodResults.html" method="get">' +
					     '<div class="center"><B>Enter a food:</B>&nbsp; ' +
 					     '<input type="text" size="30" name="keyword" ' +
					     'style="font-size:11px;width: 160px; height:18px; color: #000; margin-top: 0px; padding-top: 0px;">' +
					     '<input type="image" src="/diabetes/img/recipe/searchOrange.gif"  align="absmiddle" name="go" border="0"' + 
					     'alt="Find a Recipe" />&nbsp;' +
                                             '<br/><img src="/diabetes/img/recipe/orangeBottom.gif" align="absmiddle"></div></form>';


		recipeSearchDiv.style.backgroundColor = '#e17d0b';


        }
}