/*#############################################################
Name: Niceforms
Version: 0.9
Author: Lucian Slatineanu
URL: http://www.badboy.ro/
#############################################################*/

// Global variables that can be used by all the functions on this page.
var hovers = new Array();
var buttons = new Array();
var onFocuses = new Array();
var onBlurs = new Array();

// This function runs when the page is loaded so put all your other onload stuff in here too.
function init()
{
	hoverEffects();
	buttonHovers();
}

function hoverEffects()
{
	// Get all elements (text inputs, passwords inputs, textareas)
	var elements = document.getElementsByTagName('input');
	var j = 0;
	for (var i = 0; i < elements.length; i++)
	{
		if((elements[i].type == 'text') || (elements[i].type == 'password'))
		{
			if (elements[i].onfocus != null) { onFocuses[j] = elements[i].onfocus; }
			if (elements[i].onblur != null) { onBlurs[j] = elements[i].onblur; }
			
			hovers[j] = elements[i];
			++j;
		}
	}
	elements = document.getElementsByTagName('textarea');
	for (var i = 0; i < elements.length; i++)
	{
		if (elements[i].onfocus != null) { onFocus[j] = elements[i].onfocus; }
		if (elements[i].onblur != null) { onBlurs[j] = elements[i].onblur; }
		
		hovers[j] = elements[i];
		++j;
	}
	
	// Add focus effects
	for (var i = 0; i < hovers.length; i++)
	{
		hovers[i].onfocus = function() { this.className += "Hovered"; }
		
		if (onFocuses[i] != null) { hovers[i].onfocus = onFocuses[i]; }
		
		hovers[i].onblur = function() { this.className = this.className.replace(/Hovered/g, ""); }
		
		if (onBlurs[i] != null) { hovers[i].onblur = onBlurs[i]; }
	}
}

function buttonHovers()
{
	// Get all buttons
	var elements = document.getElementsByTagName('input');
	var j = 0;
	for (var i = 0; i < elements.length; i++)
	{
		if (elements[i].type == 'submit')
		{
			buttons[j] = elements[i];
			++j;
		}
	}
	
	// Add hover effects
	for (var i = 0; i < buttons.length; i++)
	{
		buttons[i].onmouseover = function() { this.className += "Hovered"; }
		buttons[i].onmouseout = function() { this.className = this.className.replace(/Hovered/g, ""); }
	}
}

window.onload = init;