<!--
function update_div(pane_id, id) {
        var pane_name = "testpane";
	var url = "/2007/Sept/Dynamic_Ajax_Forms/ajax_forms.php";
        pane_name += pane_id;
	var pars = 'feature_id=' + id + '&pane_id=' + pane_id;
	new Ajax.Updater(pane_name, url, 
		{ 
			method: 'get', 
			parameters: pars
		}
	);
}

/* this function is because the ajax form elements seem to only 
   be visible to javascript and not the browser. the browser 
   won't pass on my stinkin parameters, so I'm passing them through
   a javascript redirect.  if anyone knows a better way, I'd be 
   happy to hear it!!
*/
function check_form() {
   // grab all of the input elements
   var x = document.getElementsByTagName('input');
   var GET_info = "";

   for (var i=0;i<x.length;i++) {
      // skip unchecked checkboxes
      if ((x[i].type == 'checkbox' || x[i].type == 'radio') && !x[i].checked) {
         continue;
      }

      if (i == 0) { GET_info = x[i].name + '=' + x[i].value; }
      else { GET_info +=  "&" + x[i].name + "=" + x[i].value; }
   }
   this.document.location.href='final_script.php?' + GET_info;

   return false;  // is there no better way????????
}
-->