addLoadEvent( HandleDesigns );

var aoDynInputs = new Array();


function HandleDesigns(){
	HandleDynInputs();
}

function HandleDynInputs() {
	var aoInputElements = document.getElementsByTagName( 'input' );
	var j=0;
	
	for( var i = 0 ; i < aoInputElements.length ; i++ ){
		var oElement = 	aoInputElements.item(i);
		var sText = oElement.getAttribute( 'dynInput' );
		if( sText != null ){
			oElement.dynText = sText;
			oElement.onfocus = DynTextOnFocus;
			oElement.onblur = DynTextOnBlur;
			//oElement.onchange = DynTextOnFocus;
			if(oElement.value==""){
				oElement.value = sText;
			}
			oElement.DynCheckTextChange = DynCheckTextChange;
			
			aoDynInputs[j++] = oElement;
		}
	}
	/**
	 * Workaround: Onchange isn't fired by autocompletion
	 */
	CheckDynInputs();
}

function CheckDynInputs(){
	for (var i in aoDynInputs){
		aoDynInputs[i].DynCheckTextChange();
	}
	setTimeout('CheckDynInputs()',500);
}

function DynTextOnFocus(){
	if(this.value == this.dynText){
		this.value = "";
		replaceClass(this, "inactive", "");
	}
}

function DynTextOnBlur(){
	if(this.value == ""){
		this.value = this.dynText;
		addClass(this, "inactive");
	}
}

function DynCheckTextChange(){
	if(this.value == this.dynText){
		addClass(this, "inactive");
	} else {
		replaceClass(this, "inactive", "");
	}
}