function Pane(control_id, pane_id, val)
{
   this.div = document.getElementById(pane_id);
   this.control = document.getElementById(control_id);
   this.val = val;
   var obj = this;
   switch (this.control.type)
   {
      case 'select-one' :
      this.handler = function()
      {
         if (obj.control.value == obj.val)
         {
            obj.div.className = 'inpane';
            var inputs = obj.div.getElementsByTagName('input');
            if (inputs.length && inputs[0].type.match('text'))
            {
               inputs[0].focus();
            }
         }
         else obj.div.className = 'outpane';
      }
      addListener(this.control, 'change', this.handler);
      break;
      case 'radio' :
      case 'checkbox' :
      this.handler = function()
      {
         obj.div.className = (obj.control.checked && obj.control.value == obj.val) ? 'inpane' : 'outpane';
      }
      var rad, r = 0;
      var grp = this.control.form.elements[this.control.name];
      while (rad = grp[r++])
      {
         addListener(rad, 'click', this.handler);
      }
   }
}

function addListener(obj, evt, handler)
{
   if (obj.addEventListener)
   {
      obj.addEventListener(evt, handler, false);
   }
   else if (obj.attachEvent)
   {
      obj.attachEvent('on' + evt, handler);
   }
}

function init()
{
   new Pane('method', 'sendtoemail', 'email');
   new Pane('method', 'txt', 'txt');
}

addListener(window, 'load', init);