// JavaScript Document

/*
Pour utilisation, inclure ce script et il suffit d'avoir un (ou plusieurs) "input" de type "text" avec "value" qui égale soit "Recherche" soit "Search".
*/

window.addEventListener?window.addEventListener("load",initSearchBox,false):window.attachEvent("onload",initSearchBox);

function initSearchBox() {
	var inputs = document.getElementsByTagName("input");
	for (i=0;i<inputs.length;i++) {
		if ((inputs[i].getAttribute("type")=="text") && ((inputs[i].getAttribute("value")=="Recherche")||(inputs[i].getAttribute("value")=="Search"))) {
			new searchBox (i,inputs[i].getAttribute("value"));
		}
	}
}

function searchBox (id,searchExpression) {
	var box = document.getElementsByTagName("input")[id];
	box.addEventListener?box.addEventListener("click",clearField,true):box.onclick = clearField;
	box.addEventListener?box.addEventListener("blur",resetField,true):box.onblur = resetField;
	var hasFocus=false;
	function clearField() {
			if (box.value==searchExpression) {
				box.value="";
				hasFocus=true;
			}
			else {
				if (hasFocus) {
					box.focus();
				}
				else {
					box.select();
					hasFocus=true;
				}
			}
	}
	function resetField() {
			var pValue=box.value.replace(/\s*$/,"");
			if (pValue=="") {
				box.value=searchExpression;
			}
			hasFocus=false;
	}
}