var buttons = new Array();

function formsEffect() {
	//get all buttons and input
	var elements = document.getElementsByTagName('input');

	/*
	var elements1 = document.getElementsByTagName('input');
	var elements2 = document.getElementsByTagName('textarea');
	var elements = new Array();
	elements.concat(elements1, elements2);
	*/

	var j = 0;
	for (var i = 0; i < elements.length; i++) {
		//JC 2007-06-05 : pour le faire sur tous les boutons
		//if(elements[i].type=='submit') {
			buttons[j] = elements[i];
			++j;
	//	}
	}


	//and select
	elements = document.getElementsByTagName('textarea');
	j = 0;
	for (var i = 0; i < elements.length; i++) {
			buttons[j] = elements[i];
			++j;
	}




	//add hover effects
	for (var i = 0; i < buttons.length; i++) {
		//buttons[i].onmouseclick = function() {this.className = this.className.replace(/Hovered/g, ""); this.className += "Focused";}
		//Quand on tape dans l'élément :
		buttons[i].onkeypress = function() {this.className = this.className.replace(/Hovered/g, ""); this.className = this.className.replace(/Focused/g, ""); this.className += "Focused";}
		//Quand on a le focus :
		buttons[i].onfocus = function() {this.className = this.className.replace(/Hovered/g, ""); this.className = this.className.replace(/Focused/g, ""); this.className += "Focused";}
		//Quand on perd le focus :
		buttons[i].onblur = function() {this.className = this.className.replace(/Hovered/g, ""); this.className = this.className.replace(/Focused/g, "");}
		//Quand la souris passe par dessus l'élément :
		buttons[i].onmouseover = function() {this.className += "Hovered";}
		//Quand elle quitte la zone de l'élément :
		buttons[i].onmouseout = function() {this.className = this.className.replace(/Hovered/g, ""); }

	}
}