// Variáveis globais
var inputs           = new Array();
var textareas        = new Array();
var elementos_efeito = new Array();

function js_init()
{
    // Inicializa o vetor com todos os campos input da página
    inputs = document.getElementsByTagName('input');
    
    // Inicializa o vetor com todos os campos textarea da página
    textareas = document.getElementsByTagName('textarea');
    
    // Aplica efeito aos campos
    js_aplica_efeito_onfocus_onblur();
}

function js_aplica_efeito_onfocus_onblur()
{
    var j = 0;

    for( var i=0; i<inputs.length; i++ )
    {
        if( inputs[i].type=='text' || inputs[i].type=='password' )
        {
            elementos_efeito[j] = inputs[i];
            ++j;
        }
    }
    
    // Textarea
	for( var i1=0; i1<textareas.length; i1++ )
    {
		elementos_efeito[j] = textareas[i1];
		++j;
	}

	// Adiciona efeito de foco
    for( var i2=0; i2<elementos_efeito.length; i2++ )
    {
        elementos_efeito[i2].onfocus = function() { this.style.borderColor = '#FFFFFF'; }
        elementos_efeito[i2].onblur  = function() { this.style.borderColor = '#999999'; }
    }
}

window.onload  = js_init;