/**
 * @author MURA
 * @copyright insyma AG
 * @projectDescription insyma JavaScript Library HideInputValue Module
 * @version 1.0 
 * 
 * -- Info --
 * Dieses Modul fügt beim Laden einer Seite eine Funktion hinzu, welche bei Inputfelder den Value löscht, wenn man in das Feld klickt. 
 * Klickt man dann wieder aussehalb des Feldes ohne etwas eingebenen zu haben, erscheint der Value wieder!
 * 
 */
insymaHideInputValue = {
	config:{
		// Klasse der Inputfelder
		inputClass: "insymaHideInputValue",
		// Klasse bei Default-Value
		blurClass: "insymaInputBlur"
	},
	init:function() {
		var inputFields = insymaUtil.elmByClass("input", insymaHideInputValue.config.inputClass);
		for (var x = 0; x < inputFields.length; x++) {
			insymaUtil.setAttr(inputFields[x], {defaultValue: inputFields[x].value});
			insymaUtil.cssjs("add", inputFields[x], insymaHideInputValue.config.blurClass);
			// Funktion wenn Inputfeld mit Cursor verlassen wird
			inputFields[x].onblur = function() {
				if (this.value == '') {
					this.value = this.getAttribute("defaultValue")
					insymaUtil.cssjs("add", this, insymaHideInputValue.config.blurClass);
				}
			};
			// Funktion wenn in Inputfeld geklickt wird
			inputFields[x].onfocus = function() {
				if (this.value == this.getAttribute("defaultValue")) {
					this.value = '';
					insymaUtil.cssjs("remove", this, "insymaInputBlur");
				}
			};
		}
	}
}
insymaUtil.addEvent(window,'load',insymaHideInputValue.init,false);