/********************************************************************* 
Funktion für den speziellen crossbrowser Mouseover- und Focuseffekt 
> MUSS DANN NOCH IN FUNCTIONS EINGEBUNDEN WERDEN!!!

Ersetzt folgendes css:
-------------------------
onMouseOver="className='formularfeldhover'" 
onMouseOut="className='formularfeld'" 
onFocus="className='formularfeldhover'" 
onBlur="className='formularfeld'"

***********************************************************************/


function TextInputAndTextareaHoverAndFocus() {

	var myForms = document.forms;

	for (var f = 0; f < myForms.length; f++) {
 		
		//Alle Inputs 
		var myInputs = myForms[f].getElementsByTagName("INPUT");
		for (var i = 0; i < myInputs.length; i++) {
			//Input Felder vom Typ Text und Passwort
			if(myInputs[i].type == "text" || myInputs[i].type == "password" ) {
				myInputs[i].className='formularfeld'; //default setzen
				
				myInputs[i].onmouseover = function() {
					this.className='formularfeldhover'
				};
				myInputs[i].onfocus = function() {
			 		this.onmouseover();
			 		this.onmouseout = function() {};
				};
				myInputs[i].onmouseout = function() {
					this.className='formularfeld'
				};
				myInputs[i].onblur = function() {
			 		this.onmouseout = function() {this.className='formularfeld'};
			 		this.onmouseout();
				};
			//Input Buttons vom Typ Button und Submit	
			}else if(myInputs[i].type == "button" || myInputs[i].type == "submit" ) {
				myInputs[i].className='button'; //default setzen
				
				myInputs[i].onmouseover = function() {
					this.className='buttonhover'
				};
				myInputs[i].onfocus = function() {
			 		this.onmouseover();
			 		this.onmouseout = function() {};
				};
				myInputs[i].onmouseout = function() {
					this.className='button'
				};
				myInputs[i].onblur = function() {
			 		this.onmouseout = function() {this.className='button'};
			 		this.onmouseout();
				};
			}
		}
		
		//Alle Textareas		
		var myTextAreas = myForms[f].getElementsByTagName('TEXTAREA');
		for (var i = 0; i < myTextAreas.length; i++) {
			myTextAreas[i].className='formularfeld'; //default setzen
			
			myTextAreas[i].onmouseover = function() {
				this.className='formularfeldhover'
			};
			myTextAreas[i].onfocus = function() {
				this.onmouseover();
				this.onmouseout = function() {};
			};
			myTextAreas[i].onmouseout = function() {
				this.className='formularfeld'
			};
			myTextAreas[i].onblur = function() {
				this.onmouseout = function() {
					this.className='formularfeld'
				};
				this.onmouseout();
			};
		}
		
		
 	}
}