var requiredInputs = new Array();
var validatingInputs = new Array();
function ValidateForm()
{
  var valid = true;
  for (var i=0; i<requiredInputs.length; i++)
  {
    if (requiredInputs[i].value.length == 0)
    {
      valid = false;
    }
  }
  for (var i=0; i<validatingInputs.length; i++)
  {
//    validatingInputs[i].disabled = !valid;
  }
  return valid;
}

var myrules = {
  '#startDate' : function(el){
    new DatePicker({
      relative : 'startDate',
      language : 'en',
      disablePastDate : true,
      disableFutureDate : false 
    });
  },
  '#endDate' : function(el){
    new DatePicker({
      relative : 'endDate',
      language : 'en',
      disablePastDate : true,
      disableFutureDate : false 
    });
  },
  '#left li.sub-menu' : function(el){
    var label = $(el).getElementsBySelector('label')[0];
    var ul = el.getElementsBySelector('ul')[0];
    label.innerHTML += '&nbsp;&gt;';
    if (getCookie(el.id) == '1')
    {
      ul.hide();
    }
    else
    {
      ul.show();
      setCookie(el.id, '0', 365);
    }
    el.getElementsBySelector('label')[0].onclick = function() {
      if (getCookie(el.id) == '0')
      {
        setCookie(el.id, '1', 365);
        new Effect.BlindUp(ul, {duration:0.2, queue:'end'});
      }
      else
      {
        setCookie(el.id, '0', 365);
        new Effect.BlindDown(ul, {duration:0.2, queue:'end'});
      }
    };
  },
  'input.required' : function(el){
    requiredInputs.push(el);
    el.onchange = function() {
      ValidateForm();
    };
  },
  'textarea.required' : function(el){
    requiredInputs.push(el);
    el.onchange = function() {
      ValidateForm();
    };
  },
  'label.required' : function(el){
    el.innerHTML += "<span class='required-star'>*</span>";
  },
  'p.required-message' : function(el){
    el.innerHTML = "All mandatory fields are highlighted by a '<span class='required'>*</span>'.";
  },
  'input.validating' : function(el){
    validatingInputs.push(el);
    //el.disabled = !ValidateForm();
    // Validate the form data
    el.onclick = function() {
      if (ValidateForm())
      {
        return true;
      }
      else
      {
        alert('Please check that all the mandatory fields in the form are filled in.');
        return false;
      }
    };
  }
};

Behaviour.register(myrules);