// minor globals for reusability
var originalBG = '#FFFFFF';
var activeBG = '#fffcf0';

// form structure
var blendInputFX = 
{
	highlight: function(e)
	{
		// get event for multiple browsers
		if(!e)
		{
			e = window.event;
		}
		if(e.target)
		{
			targ = e.target;
		}
		else if(e.srcElement)
		{
			targ = e.srcElement;
		}
		if(targ.nodeType == 3) // defeat Safari bug
		{
			targ = targ.parentNode;
		}
		// end get e
		
		// clear active color
		blendInputFX.clearActive();

		// set active elem
		targ.style.backgroundColor = activeBG;
	},

	clearActive: function()
	{
		// get all inputs
		if(document.getElementsByTagName('input'))
		{
			var inputs = document.getElementsByTagName('input');		

			// for all inputs
			for(i=0;i<inputs.length;i++)
			{
				// get html object and id			
				var thisElem = document.getElementById(inputs[i].getAttribute('id'));
				var thisId = thisElem.getAttribute('id');					
				
				// change to original bg color
				if(thisElem.type == 'text' || thisElem.type == 'password')
				{
					thisElem.style.backgroundColor = originalBG;
				}
			}
		}

		// get all selects
		if(document.getElementsByTagName('select'))
		{
			var selects = document.getElementsByTagName('select');	

			// for all selects
			for(i=0;i<selects.length;i++)
			{
				// get html object and id			
				var thisElem = document.getElementById(selects[i].getAttribute('id'));
				var thisId = thisElem.getAttribute('id');					
				
				// change to original bg color
				thisElem.style.backgroundColor = originalBG;
			}
		}

		// get all textareas
		if(document.getElementsByTagName('textarea'))
		{
			var textareas = document.getElementsByTagName('textarea');	

			// for all selects
			for(i=0;i<textareas.length;i++)
			{
				// get html object and id			
				var thisElem = document.getElementById(textareas[i].getAttribute('id'));
				var thisId = thisElem.getAttribute('id');					
				
				// change to original bg color
				thisElem.style.backgroundColor = originalBG;
			}
		}
	},

	// initalizer function
	init: function()
	{		
		// get all inputs
		if(document.getElementsByTagName('input'))
		{
			var inputs = document.getElementsByTagName('input');		

			// for all inputs
			for(i=0;i<inputs.length;i++)
			{
				// get html object and id			
				var thisElem = document.getElementById(inputs[i].getAttribute('id'));
				var thisId = thisElem.getAttribute('id');					
				
				// add event
				if(thisElem.type == 'text' || thisElem.type == 'password')
				{
					blendEvent.addEvent(thisElem,'focus', blendInputFX.highlight);
				}
			}
		}

		// get all selects
		if(document.getElementsByTagName('select'))
		{
			var selects = document.getElementsByTagName('select');	

			// for all selects
			for(i=0;i<selects.length;i++)
			{
				// get html object and id			
				var thisElem = document.getElementById(selects[i].getAttribute('id'));
				var thisId = thisElem.getAttribute('id');					
				
				// add event
				blendEvent.addEvent(thisElem,'focus', blendInputFX.highlight);
			}
		}	

		// get all textareas
		if(document.getElementsByTagName('textarea'))
		{
			var textareas = document.getElementsByTagName('textarea');	

			// for all textareas
			for(i=0;i<textareas.length;i++)
			{
				// get html object and id			
				var thisElem = document.getElementById(textareas[i].getAttribute('id'));
				var thisId = thisElem.getAttribute('id');					
				
				// add event
				blendEvent.addEvent(thisElem,'focus', blendInputFX.highlight);
			}
		}	
	}
}