/* returns true if Internet Explorer */

var IE = false;

var Netscape = false;

function ifIE(){

	if(navigator.appName == "Microsoft Internet Explorer"){

		IE = true;

	}

}

/* returns true if Netscape,Mozilla firefox */

function ifNetscape(){

	if(navigator.appName == "Netscape"){

		Netscape = true;

	}

}

ifIE();

ifNetscape();

function getEl(id){

	return document.getElementById(id);

}

function showHideElement(id){

	var el = getEl(id);

	if(el){

		if(el.style.display == "none"){

			el.style.display = "";

		}else{

			el.style.display = "none";

		}

	}

}

function showElement(id){

	var el = getEl(id);

	if(el){

		if(el.style.display == "none"){

			el.style.display = "";

		}

	}

}

function hideElement(id){

	var el = getEl(id);

	if(el){

			el.style.display = "none";

		

	}

}



// 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 > 5) {

		fieldset.className = "welldone";

	}

	else {

		fieldset.className = "";

	}

}











// 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 = "";

	}

	

	

}



// 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 = "";

	}

}









// 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++){

		// test to see if the hint span exists first

		if (inputs[i].parentNode.getElementsByTagName("span")[0]) {

			// the span exists!  on focus, show the hint

			inputs[i].onfocus = function () {

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

			}

			// when the cursor moves away from the field, hide the hint

			inputs[i].onblur = function () {

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

			}

		}

	}

	// repeat the same tests as above for selects

	var selects = document.getElementsByTagName("select");

	for (var k=0; k<selects.length; k++){

		if (selects[k].parentNode.getElementsByTagName("span")[0]) {

			selects[k].onfocus = function () {

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

			}

			selects[k].onblur = function () {

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

			}

		}

	}

	

	// repeat the same tests as above for selects

	var textareas = document.getElementsByTagName("textarea");

	for (var k=0; k<textareas.length; k++){

		if (textareas[k].parentNode.getElementsByTagName("span")[0]) {

			textareas[k].onfocus = function () {

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

			}

			textareas[k].onblur = function () {

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

			}

		}

	}

}

addLoadEvent(prepareInputsForHints);