var CLASSES = new Array();
CLASSES["textarea"] = ["cadreAreaFocus", "cadreArea"];
CLASSES["text"] = ["cadreLineFocus", "cadreLine"];



var preloaded = new Array();
function preload_images() {
    for (var i = 0; i < arguments.length; i++){
        preloaded[i] = document.createElement('img');
        preloaded[i].setAttribute('src',arguments[i]);
    };    
};


function initButton(elementId, classNameOnFocus, classNameOnBlur) {
	var button = document.getElementById(elementId);
	button.onmouseover = button.onfocus = function(event) {
		button.className = classNameOnFocus;
	};
	button.onmouseout = button.onblur = function(event) {
		button.id = classNameOnBlur;
	};
	return button;
}


function initElement(elementId, defaultText, isValidFunc) {
	var element = document.getElementById(elementId);
	var classname = CLASSES[element.type];
	if(classname)
		return initElementText(element, defaultText, classname[0], classname[1], isValidFunc);
	alert("type d'element inconnu " + element.type);
	return null;
}

function initElementText(element, defaultText, classOnFocus, classOnBlur, isValidFunc) {
	element.value = defaultText;
	element.changed = false;
	element.onfocus = function(event) {
		if(!element.changed) {
			element.value = "";
		}
		element.className = classOnFocus;
	};
	element.onblur = function(event) {
		element.changed = isValidFunc(element);
		if(!element.changed) {
			element.value = defaultText;
		}
		element.className = classOnBlur;
	};
	return element;
}