var findRecipeContent = null;

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

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

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

                if (findRecipeContent != null && findRecipeContent.length != 0) {
                    recipeSearchDiv.innerHTML = findRecipeContent;

                } else {

		    recipeSearchDiv.innerHTML = '<form name="" action="/diabetes/diabetic-recipes/recipeResults.html" method="get">' +
				    	        '<div class="center"><B>Enter a keyword or ingredient:</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/search.gif" align="absmiddle" name="go" border="0"' + 
					        'alt="Find a Recipe" />&nbsp;<img src="/diabetes/img/recipe/advanced_search.gif" align="absmiddle">' +
					        '<br/></div></form>';                
                }
                var 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';
                findRecipeContent = document.getElementById ("recipeFood").innerHTML;

                var 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';


        }
}