
function styleForms(){
	if( document.addEventListener && $('AjaxForm')){
    $('AjaxForm').hide();
    $('AjaxForm').select('li label').each(function(el){
      var labelContent = el.innerHTML;
      var labelWidth = el.getStyle('width');
      var labelSpan = document.createElement( 'span' );
      labelSpan.setStyle({display:'block'});
      labelSpan.setStyle({width: labelWidth});
      labelSpan.innerHTML = labelContent;
      el.setStyle({display: '-moz-inline-box'});
      el.innerHTML = null;
      el.appendChild(labelSpan);
    });
		$('AjaxForm').select('div').each(function(el){
      //el.setStyle({display: '-moz-inline-box'});
		});
	  $('AjaxForm').show();
  
    $('AjaxForm').select('input[type="checkbox"]').each(function(el){
      el.setStyle({marginBottom: 0});
    });
	}
}
document.observe('dom:loaded', styleForms);

PasswordInputs = function(input1, input2, mainInput, isNew) {

	this.input1 = input1;
	this.input2 = input2;
	this.mainInput = mainInput;
	this.isNew = isNew;
	
	PasswordInputs.inputs[this.input1.id] = this;
	PasswordInputs.inputs[this.input2.id] = this;

	this.initialize = function() {
		this.input1.onblur = new Function("PasswordInputs.passwordBlur('" + this.input1.id + "')");
		this.input1.onfocus = new Function("PasswordInputs.passwordFocus('" + this.input1.id + "')");
		this.input2.onblur = new Function("PasswordInputs.passwordBlur('" + this.input2.id + "')");
		this.input2.onfocus = new Function("PasswordInputs.passwordFocus('" + this.input2.id + "')");

		if(this.isNew) {
			this.input1.value = "";
			this.input2.value = "";
		} else {
			this.input1.value = this.maskValue;
			this.input2.value = this.maskValue;
		}
	}

	this.maskValue = "********";
	

	
	this.validate = function() {
		if(this.input1.value != this.maskValue) {
			if(this.input1.value != this.input2.value) {
				AjaxForms.DisplayError("Passwords do not match");
				return false;
			}
		}
		
		return true;
	}
	
	this.passwordBlur = PasswordInputs.passwordBlur;
	this.passwordFocus = PasswordInputs.passwordFocus;
}

PasswordInputs.inputs = {};


PasswordInputs.passwordFocus = function(id, context) {
	if(typeof(context) == "undefined") {
		PasswordInputs.inputs[id].passwordFocus(id, true);
		return;
	}

	if($(id).value == this.maskValue) {
		$(id).value = "";
	}
}

PasswordInputs.passwordBlur = function(id, context) {
	if(typeof(context) == "undefined") {
		PasswordInputs.inputs[id].passwordBlur(id, true);
		return;
	}
		
	if($(id).value == "") {
		if(!this.isNew) {
			$(id).value = this.maskValue;
		}
	} else {
		this.mainInput.value = $(id).value;
		if(id == this.input1.id) {
			if(this.input2.value == this.maskValue) {
				this.input2.value = "";
			}
		} else {
			if(this.input1.value == this.maskValue) {
				this.input2.value = "";
			}
		}
	}
}

staffChanged = function(id) {
	$(id + "_Other").style.display =
		(Tools.GetSelected($(id)) == "Other") ? "" : "none";
}

