/****************************************

Info

date: 12/09/2008

coded by: Nicolás Arreguy

narreguy@hotmail.com

****************************************/



function PopUp(url, titulo, width , height)

{

 document.open(url,titulo,'resizable=0,status=1,menubar=0,toolbar=0,scrollbars=0,location=0,directories=0,width=' + width + ',height=' + height + '');

}







// This function checks if the username field

// is at least 6 characters long.

// If so, it attaches class="welldone" to the 

// containing fieldset.



function checkUsernameForLength(whatYouTyped) {

	var fieldset = whatYouTyped.parentNode;

	var txt = whatYouTyped.value;

	if (txt.length > 3) {

		fieldset.className = "welldone";

	}

	else if (txt.length < 4) {

		fieldset.className = "kindagood";

	} else {

		fieldset.className = "kindagood";

	}

}





// This function checks if the phone field

// is at least 9 characters long.

// If so, it attaches class="welldone" to the 

// containing fieldset.



function checkPhoneForLength(whatYouTyped) {

	var fieldset = whatYouTyped.parentNode;

	var txt = whatYouTyped.value;

	if (/^(\(?[0-9]{3,3}\)?|[0-9]{3,3}[-. ]?)[ ][0-9]{3,3}[-. ]?[0-9]{4,4}$/.test(txt) && txt.length > 9) {

		fieldset.className = "welldone";

	} else {

		fieldset.className = "kindagood";

	}

}



// This function checks if the phone field

// is at least 5 characters long.

// If so, it attaches class="welldone" to the 

// containing fieldset.



function checkZipForLength(whatYouTyped) {

	var fieldset = whatYouTyped.parentNode;

	var txt = whatYouTyped.value;

	if (/^[0-9]+$/.test(txt) && txt.length > 4) {

		fieldset.className = "welldone";

	} else {

		fieldset.className = "kindagood";

	}

}





// If the password is at least 4 characters long, the containing 

// fieldset is assigned class="kindagood".

// If it's at least 8 characters long, the containing

// fieldset is assigned class="welldone", to give the user

// the indication that they've selected a harder-to-crack

// password.



function checkPassword(whatYouTyped) {

	var fieldset = whatYouTyped.parentNode;

	var txt = whatYouTyped.value;

	if (txt.length > 3 && txt.length < 8) {

		fieldset.className = "kindagood";

	} else if (txt.length > 7) {

		fieldset.className = "welldone";

	} else {

		fieldset.className = "kindagood";

	}

}









// This function checks the email address to be sure

// it follows a certain pattern:

// blah@blah.blah

// If so, it assigns class="welldone" to the containing

// fieldset.



function checkEmail(whatYouTyped) {

	var fieldset = whatYouTyped.parentNode;

	var txt = whatYouTyped.value;

	if (/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/.test(txt)) {

		fieldset.className = "welldone";

	} else {

		fieldset.className = "kindagood";

	}

}









// this part is for the form field hints to display

// only on the condition that the text input has focus.

// otherwise, it stays hidden.



function addLoadEvent(func) {

  var oldonload = window.onload;

  if (typeof window.onload != 'function') {

    window.onload = func;

  } else {

    window.onload = function() {

      oldonload();

      func();

    }

  }

}





function prepareInputsForHints() {

  var inputs = document.getElementsByTagName("input");

  for (var i=0; i<inputs.length; i++){

    inputs[i].onfocus = function () {

      this.parentNode.getElementsByTagName("span")[0].style.display = "inline";

    }

    inputs[i].onblur = function () {

      this.parentNode.getElementsByTagName("span")[0].style.display = "none";

    }

  }

}

addLoadEvent(prepareInputsForHints);