var myFeatures = new Array();
function change_property() {
	var selection=document.getElementsByName('feature')[0].value;
	switch(selection)
	{
		case "flash":
			document.getElementById("flash").style.display='block';
			document.getElementById("ecommerce").style.display='none';
			document.getElementById("backend").style.display='none';
			document.getElementById("multiple").style.display='none';
			document.getElementById("paymentproc").style.display='none';
			document.getElementById("account").style.display='none';
			break;
		case "ecommerce":
			document.getElementById("ecommerce").style.display='block';
			document.getElementById("flash").style.display='none';
			document.getElementById("backend").style.display='none';
			document.getElementById("multiple").style.display='none';
			document.getElementById("paymentproc").style.display='none';
			document.getElementById("account").style.display='none';
			break;
		case "backend":
			document.getElementById("backend").style.display='block';
			document.getElementById("flash").style.display='none';
			document.getElementById("ecommerce").style.display='none';
			document.getElementById("multiple").style.display='none';
			document.getElementById("paymentproc").style.display='none';
			document.getElementById("account").style.display='none';
			break;
		case "multiple":
			document.getElementById("multiple").style.display='block';
			document.getElementById("flash").style.display='none';
			document.getElementById("backend").style.display='none';
			document.getElementById("ecommerce").style.display='none';
			document.getElementById("paymentproc").style.display='none';
			document.getElementById("account").style.display='none';
			break;
		case "paymentproc":
			document.getElementById("paymentproc").style.display='block';
			document.getElementById("flash").style.display='none';
			document.getElementById("backend").style.display='none';
			document.getElementById("ecommerce").style.display='none';
			document.getElementById("multiple").style.display='none';
			document.getElementById("account").style.display='none';
			break;
		case "account":
			document.getElementById("account").style.display='block';
			document.getElementById("flash").style.display='none';
			document.getElementById("backend").style.display='none';
			document.getElementById("ecommerce").style.display='none';
			document.getElementById("paymentproc").style.display='none';
			document.getElementById("multiple").style.display='none';
			break;
		default:
			document.getElementById("account").style.display='none';
			document.getElementById("flash").style.display='none';
			document.getElementById("backend").style.display='none';
			document.getElementById("ecommerce").style.display='none';
			document.getElementById("paymentproc").style.display='none';
			document.getElementById("multiple").style.display='none';
			break;
	}
}
function addaccount(){
	var randomnumber=Math.floor(Math.random()*50);
	for (var i=0; i<document.account_form.account_choices.length; i++)  {
	if (document.account_form.account_choices[i].checked)  {
	price = document.account_form.account_choices[i].value *500;
	desc = document.account_form.account_choices[i].id;
	}
	}
	window["account"+randomnumber] = new feature("Account management with "+desc,price);
	myFeatures.push(window["account"+randomnumber]);
	addRowToTable(window["account"+randomnumber].description, window["account"+randomnumber].price);
}
function addpayment(){
	var randomnumber=Math.floor(Math.random()*50);
	for (var i=0; i<document.payment_form.payment_group.length; i++)  {
	if (document.payment_form.payment_group[i].checked)  {
	price = document.payment_form.payment_group[i].value *550;
	desc = document.payment_form.payment_group[i].id;
		if (i==2) {
			desc += " (" + document.getElementById('other_description').value + ")";	
		}
	}
	}
	window["payment"+randomnumber] = new feature("Payment Processing using "+desc,price);
	myFeatures.push(window["payment"+randomnumber]);
	addRowToTable(window["payment"+randomnumber].description, window["payment"+randomnumber].price);
}
function check_other(){
	if (document.payment_form.payment_group[2].checked)  {
	document.getElementById("other_description").style.display='';
	} else {
	document.getElementById("other_description").style.display='none';
	}
}
function addmultiple(){
	var randomnumber=Math.floor(Math.random()*50);
	var found_it
	for (var i=0; i<document.multiple_choices.design_choices.length; i++)  {
	if (document.multiple_choices.design_choices[i].checked)  {
	price = document.multiple_choices.design_choices[i].value *180;
	desc = document.multiple_choices.design_choices[i].id;	
	}
	}
	window["multiple"+randomnumber] = new feature("Multiple "+desc+" Design Choices",price);
	myFeatures.push(window["multiple"+randomnumber]);
	addRowToTable(window["multiple"+randomnumber].description, window["multiple"+randomnumber].price);
}
function addflash(){
	var randomnumber=Math.floor(Math.random()*50);
	randomFlash = "flash"+randomnumber;
	var price = document.getElementById('flash_length').value * 20;
	var w = document.getElementById('flash_length').selectedIndex;
	var desc = document.getElementById('flash_length').options[w].text;
	window["flash"+randomnumber] = new feature(desc+" Macromedia Flash video",price);
	myFeatures.push(window["flash"+randomnumber]);
	addRowToTable(window["flash"+randomnumber].description, window["flash"+randomnumber].price);
}
function addecommerce(){
	var randomnumber=Math.floor(Math.random()*50);
	randomFlash = "ecommerce"+randomnumber;
	var price = document.getElementById('num_products').value * 4;
	if (price > 3000) price = 3000;
	var w = document.getElementById('num_products').selectedIndex;
	var desc = document.getElementById('num_products').options[w].text;
	var type = document.getElementById('type_product').value;
	window["ecommerce"+randomnumber] = new feature("E-Commerce solution with "+desc +" ("+ type +")",price);
	myFeatures.push(window["ecommerce"+randomnumber]);
	addRowToTable(window["ecommerce"+randomnumber].description, window["ecommerce"+randomnumber].price);
}
function addbackend(){
	var randomnumber=Math.floor(Math.random()*50);
	randomFlash = "backend"+randomnumber;
	var found_it
	for (var i=0; i<document.backend_form.backend_complex.length; i++)  {
	if (document.backend_form.backend_complex[i].checked)  {
	
	price = document.backend_form.backend_complex[i].value *300;
	desc = document.backend_form.backend_complex[i].id;
	
	}
	}
	window["backend"+randomnumber] = new feature(desc+" Backend administration capabilities",price);
	myFeatures.push(window["backend"+randomnumber]);
	addRowToTable(window["backend"+randomnumber].description, window["backend"+randomnumber].price);
}
function feature(description,price)
{
this.description=description;
this.price=price;
}
function addRowToTable(description, price)
{
  if (myFeatures.length < 2) removeRowFromTable();
  var tbl = document.getElementById('tbl');
  var lastRow = tbl.rows.length;
  // if there's no header row in the table, then iteration = lastRow + 1
  var iteration = lastRow;
  var row = tbl.insertRow(lastRow);
  
  // select cell
  var cellRightSel = row.insertCell(0);
  var sel = document.createElement('input');
  sel.setAttribute('type', 'checkbox');
  sel.setAttribute('name',iteration);
  cellRightSel.appendChild(sel);
  
  // left cell
  var cellLeft = row.insertCell(1);
  var textNode = document.createTextNode(description);
  cellLeft.appendChild(textNode);
  
  // right cell
  var cellLeft = row.insertCell(2);
  var textNode = document.createTextNode(price);
  cellLeft.appendChild(textNode);
	
	document.getElementById('quotebox').value += "Feature: " + description + "<br />Price: " + price + "<br />";
  

}
function removeRowFromTable()
{
  var tbl = document.getElementById('tbl');
  var lastRow = tbl.rows.length;
  tbl.deleteRow(lastRow - 1);
  document.getElementById("contact").style.display='';
  document.getElementById("controls").style.display='';
}
function removeRowFromTable2(number)
{
  var tbl = document.getElementById('tbl');
  var lastRow = tbl.rows.length;
  tbl.deleteRow(number - 1);
  document.getElementById("contact").style.display='';
  document.getElementById("controls").style.display='';
}
<!--

//  The "refresh" function implementations are identical
//  to our regular "JavaScript-Refresh" example.  The only
//  difference from our JavaScript Refresh example is
//  we do not have a doLoad function that starts our
//  refresh timer (since we use a refresh button).

var sURL = unescape(window.location.pathname);

function refresh()
{
    window.location.href = sURL;
}
function validate_email(field,alerttxt)
{
with (field)
{
apos=value.indexOf("@");
dotpos=value.lastIndexOf(".");
if (apos<1||dotpos-apos<2) 
  {alert(alerttxt);return false;}
else {return true;}
}
}
function validate_required(field,alerttxt)
{
with (field)
{
  if (value==null||value=="")
  {
  alert(alerttxt);return false;
  }
  else
  {
  return true;
  }
}
}
function validate_form(thisform)
{
with (thisform)
{
if (validate_email(email,"Not a valid e-mail address!")==false||validate_required(comments,"No message entered")==false||validate_required(name,"No name entered!")==false)
  {email.focus();return false;}
}
}