function addHMRCategory(){
	var arrayHMR = new Array();
	var mystring = "";
	
	arrayHMR[0]="--- choose one ---";
	arrayHMR[1]="entrees";
	arrayHMR[2]="shakes/smoothies";
	arrayHMR[3]="puddings";
	arrayHMR[4]="cereals";
	arrayHMR[5]="soups";
	arrayHMR[6]="BeneFit Bars";
	for (i=0;i<arrayHMR.length;i++){
		mystring+="<option value='"+arrayHMR[i]+"'>"+arrayHMR[i]+"</option>";
	}
	document.write(mystring);
}

function addHMRProducts(){
	var arrayHMR = new Array();
	var mystring = "";
	arrayHMR[0]="--- choose one ---";
	arrayHMR[1]="entrees";
	arrayHMR[2]="shakes/smoothies";
	arrayHMR[3]="puddings";
	arrayHMR[4]="cereals";
	arrayHMR[5]="soups";
	arrayHMR[6]="BeneFit Bars";
	for (i=0;i<=arrayHMR.length;i++){
		mystring+="<option value='"+arrayHMR[i]+"'>"+arrayHMR[i]+"</option>";
	}
	document.write(mystring);
}

var xmlDoc = false;
var x = false;
var hmrproduct = "";
var mySafariname ="";
var mySafaricat="";

function processReqChange()
{    
    //XML is loaded and ready to parse data
   if ((xmlDoc.readyState==4)&&(xmlDoc.status == 200))
   {

   x = xmlDoc.responseXML.getElementsByTagName("hmrproduct");

   getPossibleProducts(mySafaricat);
   if (xmlobj.parseError.errorCode != 0)
 {
	//alert(xmlobj.parseError.reason);
	//return;
	}
//alert(xmlobj.documentElement);

   }
} 	

function displayHMRproduct(myname, mycat){
mySafariname = myname;
mySafaricat=mycat;
	var arrayFile = new Array();
	var arrayHMR = new Array();
	
	arrayHMR[0]="--- choose one ---";
	arrayHMR[1]="entrees";
	arrayHMR[2]="shakes/smoothies";
	arrayHMR[3]="puddings";
	arrayHMR[4]="cereals";
	arrayHMR[5]="soups";
	arrayHMR[6]="BeneFit Bars";
	
	arrayFile[0]="--- choose one ---";
	arrayFile[1]="hmr_entrees.xml";
	arrayFile[2]="hmr_shakes_smoothies.xml";
	arrayFile[3]="hmr_shakes_smoothies.xml";
	arrayFile[4]="hmr_cereals.xml";
	arrayFile[5]="hmr_soups.xml";
	arrayFile[6]="hmr_benefitbar.xml";

	var myindex;
	
	for (var i=0;i<arrayHMR.length;i++){
		if (arrayHMR[i] == mycat){
			myindex = i;
			break;
		}
	}
	
	var xmlpath = "/xml/"+arrayFile[myindex];

if(BrowserDetect.browser == "Safari"){

if(window.XMLHttpRequest && !(window.ActiveXObject)) {
    	try {
			xmlDoc = new XMLHttpRequest();
        } catch(e) {
			xmlDoc = false;
        }
    // branch for IE/Windows ActiveX version
    } else if(window.ActiveXObject) {
       	try {
        	xmlDoc = new ActiveXObject("Msxml2.XMLHTTP");
      	} catch(e) {
        	try {
          		xmlDoc = new ActiveXObject("Microsoft.XMLHTTP");
        	} catch(e) {
          		xmlDoc = false;
        	}
		}
    }
	if(xmlDoc) {
		
        var url = xmlpath;
		xmlDoc.onreadystatechange = processReqChange; //process data when XML is loaded
		xmlDoc.open("GET", url, true);
		xmlDoc.send("");
	}



} else {
try //Internet Explorer
  {
  xmlDoc=new ActiveXObject("Microsoft.XMLDOM");
  }
catch(e)
  {
  try //Firefox, Mozilla, Opera, etc.
    {
    xmlDoc=document.implementation.createDocument("","",null);
    }
  catch(e)
    {
    alert(e.message);
   // return;
    }
  }
  

xmlDoc.async=false;
//xmlDoc.load("/data.xml");
xmlDoc.load(xmlpath);
x=xmlDoc.getElementsByTagName("hmrproduct");

getPossibleProducts(myname);
}


	
}
	
function getPossibleProducts(myname){

	hmrproduct = new Array();
    //hmrproduct.length = 0; //needed for multiple hmr product support
    
	for (var i=0;i<x.length;i++){
		if (x[i].nodeType==1) { 
  			//Process only element (nodeType 1) nodes

				//known that there are 3 elements that make up hmrproduct by looking at the formatting
				var productinfo = x[i].getElementsByTagName("productname")[0].childNodes[0].nodeValue;
				productinfo += "@";
				productinfo += x[i].getElementsByTagName("productimg")[0].childNodes[0].nodeValue;
				productinfo += "@";
				productinfo += x[i].getElementsByTagName("storeurl")[0].childNodes[0].nodeValue;

				hmrproduct[i] = productinfo;
		}
	}
	formatPossibleProducts(myname);
}

function formatPossibleProducts(myname){
	
	var mydivtag = "";
	var myselectname = "";
	if (myname == "HMRcategory"||mySafariname=="HMRcategory"){
		mydivtag = "HMRfoodproduct";
		myselectname = "HMRproduct";
	} else {
		mydivtag = "HMRfoodproduct2";
		myselectname = "HMRproduct2";
	}
	
	document.getElementById(mydivtag).innerHTML = ""; //clear the object
	var mystring = "";
	mystring = "HMR food product<br>";
	mystring += "<select class='formSelect' name="+myselectname;
	mystring += " id="+myselectname;
	mystring += " size='1' tabindex='5' onchange='displayHMRimg(this.options[this.selectedIndex].text, this.options[this.selectedIndex].value, this.name);'>";
	var myarray = new Array();
	mystring+="<option value=''>--- choose one ---</option>";
	for (var i=0;i<hmrproduct.length;i++){
		myarray = hmrproduct[i].split("@");
	
	/* known array elements
	myarray[0] = name 
	myarray[1] = img
	myarray[2] = storeurl
	*/
	
		mystring+="<option value='"+i+"'>"+myarray[0]+"</option>";
	
	}
	document.getElementById(mydivtag).innerHTML += mystring;
	document.getElementById(mydivtag).innerHTML += "</select>";
	
	var VState = document.getElementById(mydivtag).style.display;
	if (VState=="none") {
		document.getElementById(mydivtag).style.display = "inline";
		if (myname == "HMRcategory" || mySafariname == "HMRcategory"){
			document.getElementById('displayAddHMR').innerHTML ="<INPUT TYPE='button' value='add another HMR product' ID='toggler' ONCLICK='displayHMR2()'>";
		} else {
			document.getElementById('displayAddHMR').innerHTML ="";
		}
	}
	VState = document.getElementById('numIngredients').style.display;
	if (VState=="none") {
		document.getElementById('numIngredients').style.display = "inline";
	}
	//showlayer('HMRfoodproduct');
	//showlayer('numIngredients');
}

function addNumItems(){
	var maxItems = 10;
	var mystring = "<option value='' selected='selected'>--- choose one ---</option>";
	for (i=1;i<=maxItems;i++){
		mystring+="<option value='"+i+"'>"+i+"</option>";
	}
	document.write(mystring);
}

var myimgarray = new Array();

function displayHMRimg(requestedData, objectID, ctr){
var targetObj="";
var myimgcounter=0;
    if (ctr == "HMRproduct"){
		myimgcounter = 1; //first product slot
        targetObj ="imgDisplay";
	} else {
		myimgcounter = 2; //second product slot
        targetObj ="imgDisplay2";
	}
    
	myimgarray[myimgcounter] = hmrproduct[objectID].split("@");
	document.getElementById(targetObj).innerHTML = "<a href='"+myimgarray[myimgcounter][2]+"'><img src='"+myimgarray[myimgcounter][1]+"' border='0'></a><p>&nbsp;</p>";

}


function addIngredientFields(requestedData,objectID,addone){
	
	var arrayAmount = new Array();
	arrayAmount[0]="---";
	arrayAmount[1]="1/16";
	arrayAmount[2]="1/8";
	arrayAmount[3]="1/4";
	arrayAmount[4]="1/3";
	arrayAmount[5]="1/2";
	arrayAmount[6]="2/3";
	arrayAmount[7]="3/4";
	arrayAmount[8]="1";
	arrayAmount[9]="2";
	arrayAmount[10]="3";
	arrayAmount[11]="4";
	arrayAmount[12]="5";
	arrayAmount[13]="6";
	arrayAmount[14]="7";
	arrayAmount[15]="8";
	
	var arrayMeasurement = new Array();
	arrayMeasurement[0]="---";
	arrayMeasurement[1]="dash";
	arrayMeasurement[2]="scoop";
	arrayMeasurement[3]="packet";
	arrayMeasurement[4]="tsp.";
	arrayMeasurement[5]="T.";
	arrayMeasurement[6]="c.";
	arrayMeasurement[7]="oz.";
	arrayMeasurement[8]="lb.";
	
	//alert("objectID"+objectID);
	var object = document.getElementById(objectID);
	//object.options[object.options.length] = new Option (arrSecondaryData[i], arrSecondaryData[i]);
	
	var mystring = "<table class='Staff'>";
		
	for (i=0;i<Number(requestedData);i++){
		//alert("requestedData"+requestedData);
		//mystring += document.getElementById('messageboard').innerHTML + "<br>";
		//document.getElementById('ted').innerHTML += document.getElementById('messageboard').innerHTML + "<br>";
		
		mystring +="<tr><td valign='top' align='left'>amount</td><td valign='top' align='left'>ingredient name</td></tr>";
		mystring +="<tr><td valign='top' align='left'><select name='amount"+i+"'>";
		for(j=0;j<arrayAmount.length;j++){
			mystring+="<option value='"+arrayAmount[j]+"'>"+arrayAmount[j]+"</option>";
		}
		mystring +="</select>";
	
		mystring +="<select name='measurement"+i+"'>"
		for(k=0;k<arrayMeasurement.length;k++){
			mystring+="<option value='"+arrayMeasurement[k]+"'>"+arrayMeasurement[k]+"</option>";
		}
		mystring +="</select>";
		mystring +="</td><td valign='top' align='left'><input class='text' id='ingredient"+i+"' name='ingredient"+i+"' size='40' maxlength='40'></td></tr>";
	
	}
		mystring +="</table>";
		if (addone == 1){
			var mynextvalue = Number(document.getElementById('numitems').value)+1;
			if(mynextvalue<document.getElementById('numitems').length){
				document.getElementById('numitems').value++;
				document.getElementById('listItems').innerHTML += mystring;
			}
			//document.getElementById('numitems').text = document.getElementById('numitems').text + 1;
		} else {
			document.getElementById('listItems').innerHTML = mystring;
		}
		document.getElementById('displayAdd').innerHTML ="<INPUT TYPE='button' value='add ingredient' ID='toggler' ONCLICK='addIngredientFields(1,1,1)'>";
		
		//display the next button
		var VState = document.getElementById('formButtons_next').style.display;
		if (VState=="none") {
			document.getElementById('formButtons_next').style.display = "inline";
		}
		
}

function toggle(){

	//alert(document.getElementById('myForm').length);
	var myF = document.getElementById('myForm');
	var ingredientlist = "";
	for (var i=0; i<(myForm.length); i++){
		
		if (myF.elements[i].type=="text" || myF.elements[i].type=="textarea"){
			//alert(myF.elements[i].value);
			if (myF.elements[i].name == "firstname"){
				ingredientlist += "submitted by: "+myF.elements[i].value+" ";
			} else {
				ingredientlist += myF.elements[i].value + "<br>";
			}
		} else if(myF.elements[i].type=="checkbox"){
			//alert(myF.elements[i].checked);
			ingredientlist += myF.elements[i].checked + "<br>";
		}else if(myF.elements[i].type == "select-one"){
      		//alert(myF.elements[i].name + " " + myF.elements[i].options[myF.elements[i].selectedIndex].text);
			if (myF.elements[i].name != "numitems" && myF.elements[i].name != "numsteps"){

				if(myF.elements[i].name == "HMRcategory2" && myF.elements[i].options[myF.elements[i].selectedIndex].text =="--- choose one ---"){
					//don't display category 2 if it wasn't entered.
				} else {
					//alert(myF.elements[i].name);
					if (myF.elements[i].name != "HMRproduct" && myF.elements[i].name != "HMRproduct2" ){
						ingredientlist += myF.elements[i].options[myF.elements[i].selectedIndex].text + " ";
					} else {
						ingredientlist += myF.elements[i].options[myF.elements[i].selectedIndex].text + "<br>";
					}
				}
			}	
      	}
	}
	document.getElementById('listIngredients').innerHTML = "<span class='Hed1'>Ingredient list:</span> ";
	document.getElementById('listIngredients').innerHTML += ingredientlist;
	hidelayer('steps1');
	hidelayer('ingredientEntry');
	//hide next button
			//display the next button
	var VState = document.getElementById('formButtons_next').style.display;
	if (VState=="inline") {
		document.getElementById('formButtons_next').style.display = "none";
		document.getElementById('formButtons_reset').style.display = "none";
		document.getElementById('formButtons_done').style.display = "inline";
	}
	
	showlayer('steps2');	
	showlayer('listIngredients');
	showlayer('stepsEntry');
}

function addStepFields(requestedData,objectID){
		
	var mystring = "<table class='Staff'>";
		
	for (i=1;i<=Number(requestedData);i++){
		
		mystring +="<tr><td valign='top' align='left'>&nbsp;</td><td valign='top' align='left'>&nbsp;</td></tr>";
		mystring +="<tr><td valign='top' align='left'>step "+i+": ";
		mystring +="</td><td valign='top' align='left'><input class='text' id='step"+i+"' name='step"+i+"' size='75' maxlength='75'></td></tr>";
	
	}
		mystring +="</table>";
		document.getElementById('listSteps').innerHTML = mystring;
}

function displayHMR2(){
		var VState = document.getElementById('HMRcategory2').style.display;
		if (VState=="none") {
			document.getElementById('HMRcategory2').style.display = "inline";
		}
}