function unhide(divID) {
  var item = document.getElementById(divID);
  if (item) {
    item.className=(item.className=='hidden')?'unhidden':'hidden';
  }
}

function sameAsBilling(){
		var shippingTable = document.getElementById('shippingInfo');
		var checkbox1 = document.getElementById('same');
		if(shippingTable.style.display == 'block'){
			shippingTable.style.display = 'none';
		}
		else{
			shippingTable.style.display = 'block';
		}
}

function defaultMessageFn(){
		var defaultMessage = document.getElementById('showMessage');
		if(defaultMessage.style.display == 'table-row'){
			defaultMessage.style.display = 'none';
		}
		else{
			defaultMessage.style.display = 'table-row';
		}
}
function addInput()
			{
			  var ni = document.getElementById('inputs');
			  var numi = document.getElementById('theValue');
			  var num = (document.getElementById('theValue').value -1)+ 2;
			  numi.value = num;
			  var newdiv = document.createElement('div');
			  var divIdName = 'my'+num+'Div';
			  newdiv.setAttribute('id',divIdName);
			  newdiv.innerHTML = "<tr><td class=\"fieldName\">Option " + num + "</td><td class=\"fieldName\">Price</td></tr> <tr><td><input class=\"inputField\" type=\"text\" id=\"field" + num + "\"  size=\"12\"/></td><td><input class=\"inputField\" type=\"text\" id=\"field" + num + "\"  size=\"12\" /></td></tr>";
			  ni.appendChild(newdiv);
			}
function addInputs()
{
 var w = document.optionsSelect.numberOfOptions.selectedIndex;
 var optionsNumber = document.optionsSelect.numberOfOptions.options[w].text;
 var table =  document.getElementById('inputs');
 var rowCount = 0;
    table.innerHTML = "";			 
 var hidden = document.getElementById('tz');
 rowCount = (table.rows.length)/2;
	 if(rowCount == 0){
		hidden.innerHTML = "<input type=\"hidden\" name=\"totalOptions\" value=\""+ optionsNumber + "\" />";
		 for(var i = 1; i<=optionsNumber; i++)
		 {
			table.innerHTML += "<tbody id=\"tb" + i + "\"><tr><td class=\"fieldName\">Option " + i + "</td><td class=\"fieldName\">Price</td></tr> <tr><td><input class=\"inputField\" type=\"text\" name=\"field" + i + "\"  size=\"12\"/></td><td><input class=\"inputField\" type=\"text\" name=\"optionPrice" + i + "\"  size=\"12\" /></td></tr></tbody>";
		 }
	}
	if(rowCount > 0){
		var temp = rowCount + 1;
		//if(optionsNumber>rowCount){

			hidden.innerHTML = "<input type=\"hidden\" name=\"totalOptions" + optionsNumber + "\" />";
			for(var y = temp; y<=optionsNumber; y++)
			 {
				table.innerHTML += "<tbody id=\"tb" + y + "\"><tr><th>Option " + y + "</th><th>Price</th></tr> <tr><td><input type=\"text\" name=\"field" + y + "\"  size=\"12\"/></td><td><input type=\"text\" name=\"optionPrice" + y + "\"  size=\"12\" /></td></tr></tbody>";
			 }
		//}

	}
}

function addInputsEdit()
{
 var w = document.optionsSelect.numberOfOptions.selectedIndex;
 var optionsNumber = document.optionsSelect.numberOfOptions.options[w].text;
 var table =  document.getElementById('inputs');
 var rowCount = 0;
    table.innerHTML = "";			 
 var hidden = document.getElementById('tz');
 rowCount = (table.rows.length)/2;
	 if(rowCount == 0){
		hidden.innerHTML = "<input type=\"hidden\" name=\"totalOptions\" value=\""+ optionsNumber + "\" />";
		 for(var i = 1; i<=optionsNumber; i++)
		 {
			table.innerHTML += "<tbody id=\"tb" + i + "\"><tr><th>Option " + i + "</th><th>Price</th></tr> <tr><td><input type=\"text\" name=\"description" + i + "\""+ "value=\"test\" /></td><td><input type=\"text\" name=\"price" + i + "\" value=\"1.00\"/></td></tr></tbody>";
		 }
	}
	if(rowCount > 0){
		var temp = rowCount + 1;
		//if(optionsNumber>rowCount){

			hidden.innerHTML = "<input type=\"hidden\" name=\"totalOptions" + optionsNumber + "\" />";
			for(var y = temp; y<=optionsNumber; y++)
			 {
				table.innerHTML += "<tbody id=\"tb" + y + "\"><tr><th>Option " + y + "</th><th>Price</th></tr> <tr><td><input type=\"text\" name=\"description" + y + "\""+ "value=\"test\"/></td><td><input type=\"text\" name=\"price" + y + "\"  value=\"1.00\" /></td></tr></tbody>";
			 }
		//}

	}
}

function addOption()
{
	var hiddenNumber = document.getElementById("newAddNumber");
	var newAddNumber = 0;
	newAddNumber = hiddenNumber.value;
	//alert(newAddNumber);
	newAddNumber = parseInt(newAddNumber) + 1;
	hiddenNumber.value = newAddNumber;	
	
	var divToAdd = document.getElementById('forNewOptions');
	var hidden = document.getElementById("newOptionBool");
	var toAdd = 1;
	if (hidden) toAdd = hidden.Value;
	divToAdd.innerHTML +="<input type=\"hidden\" id = \"newOptionBool\" name=\"newOptionBool\" value=\"2\" />";
	divToAdd.innerHTML +="<table class=\"item\" id= \"newAddTable" + newAddNumber + "\"> <tr><td><strong>New Option</strong></td><td><strong>New Price</strong></td> <td></td> </tr> <tr><td><input type=\"text\" name=\"descriptionNew" + newAddNumber + "\" /></td><td><input type=\"text\" name=\"priceNew" + newAddNumber + "\" /></td>   <td><label class=\"" + newAddNumber +"\" onClick=\"deleteThis(this)\">Delete</label></td>   </tr></table>";
}

function deleteThis(myElm){	

	var divToAdd = document.getElementById('trial');
	var value = myElm.className;
	var toDelete = document.getElementById("newAddTable" + value);
	toDelete.innerHTML = "";
}