/*
 *   textfield watermark script
 *   - apply watermarks on input fields 
 */

function watermarkInit() {

	/* getTag() from library of scripts */
	var forms = getTag("form");

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

		/* intput field */
		var inputFields = getTag("input",forms[i]);
		for (j=0; j<inputFields.length; j++) {
			var inputType = inputFields[j].getAttribute("type");
			if (inputType == "text") {
				watermark(inputFields[j]);
			}
		}

		/* textarea field */
		var textarea = getTag("textarea");
		for (j=0; j<textarea.length; j++) {
			if (textarea[j].parentNode.className == "textarea") {
				watermark(textarea[j]);
			}
		}
		
		/* form submit clear default */
		forms[i].onsubmit = function() {
			/* check default value */
			var inputFields = getTag("input",this);
			for (j=0; j<inputFields.length; j++) {
				var inputType = inputFields[j].getAttribute("type");
				if (inputType == "text") {
					clearWM(inputFields[j]);
				}
			}
			
			var textarea = getTag("textarea");
			for (j=0; j<textarea.length; j++) {
				if (textarea[j].parentNode.className == "textarea") {
					clearWM(textarea[j]);
				}
			}
		}
	}
	
}

function watermark(elem) {
	elem.value = elem.getAttribute("title");
	elem.onblur = function() {
		if (elem.value == "" || elem.value == elem.getAttribute("title")) {
			elem.value = elem.getAttribute("title");
		}
	}
	elem.onfocus = function() {
		if (elem.value == elem.getAttribute("title")) {
			elem.value = "";
		}
	}
}

function clearWM(elem) {
	if (elem.value == elem.getAttribute("title")) {
		elem.value = "";
	}
}

window.onload = function() {
	//watermarkInit();
}