// JavaScript Document
var currIng = 2;

function checkForm(){
	if($('search_type').value == "name" && $('drink_name').value == ""){
		alert('Please enter a drink name');
		return false;
	}
	return true;
}

function prepareSearch(type){
	var olObj = $('olSearchSteps');
	
	// check if search li has been created, if not make it
	if($('searchField') == null){
		var newItem = document.createElement('li');
		newItem.id = "searchField";
	} else { newItem = $('searchField'); }
						 
	
	switch(type){
		case "name":
			innerHTML = "Enter the Name of the Drink:  <br /><br /><div align='left'><input type='text' name='drink_name' id='drink_name' size='50' /></div>";
		break;
		
		case "ingredient":
			innerHTML = "<div>Select Drink Ingredient(s): <br /><br /><div id='divIngs' style='float:left; width:230px;'><select name='ing[]' id='ing1'>" + ingOpt + "</select></div>&nbsp;<div style='float:right; width:210px;padding:0px;margin-top:-15px;'><div class='link' onclick='addAnotherIngredient()'>Add Another Ingredient</div></div><br clear='all' /></div>";
			if($('drink_name')) $('drink_name').value = ""; // Clear out anything that was in the text box
		break;
		
		case "category":
			innerHTML = "Select Drink Category: <br /><br /><select name='cID' id='cID'>" + catOpt + "</select>";
			if($('drink_name')) $('drink_name').value = ""; // Clear out anything that was in the text box
		break;
		
	}
	innerHTML = innerHTML + "<br /><div align='center'><input type='submit' name='submit' value='Search' /></div>";
	newItem.innerHTML = innerHTML;
	
	olObj.appendChild(newItem);
	$('search_type').value = type;

}

function addAnotherIngredient()
{
	if(document.all){
		// IE
		var selIndx = Array()
		var ingEles = document.getElementsByName('ing[]');
		for(x = 0; x < ingEles.length; x++){
			selIndx[x] = ingEles[x].selectedIndex;
		}
		$('divIngs').innerHTML = $('divIngs').innerHTML + "<br /><br />" + "<select name='ing[]' id='ing'"+currIng+"'>"+ingOpt+"</select>";
		currIng += 1;
		for(x = 0; x < ingEles.length; x++){
			ingEles[x].selectedIndex = selIndx[x];
		}
	} else {
		// Other, better, browsers (Mozilla, Firefox, etc)
		// Try by creating a new select element and putting in the options
		var newSelect = document.createElement('select');
		var newSelectHolder = document.createElement('div');
		newSelectHolder.style.paddingTop = "10px";
		newSelect.id = "ing"+currIng;
		newSelect.name = "ing[]";
		newSelect.innerHTML = ingOpt;
		newSelectHolder.appendChild(newSelect);
		currIng += 1;
		$('divIngs').appendChild(newSelectHolder);
	}

}