// simple utility to clear the default value of an input 
// field to make room for user-supplied form data

function clearDefaultValue(e) { 

    var elem = Event.element(e);
    
    if (! elem.defaultCleared) {
        elem.value = "";
        elem.className="active-form-element form-input-text";
    }
    Event.stop(e);
}

/*
 *  Get around IE's lack of support for changing a elements type.
 */
function changePasswordField(elem) {
    $('display-password-header').hide();
    $('enter-password-header').show();
    $('enter-password-header').focus();
    /*$('password-header').focus();*/
}


function changeUsernameField(elem) {
	$('display-username-header').hide();
	$('enter-username-header').show();
	$('userName-header').focus();
} 
 
Event.observe(window, 'load' , function() {
        if ($('storeLocatorInput')) {
            Event.observe('storeLocatorInput', 'focus', clearDefaultValue);
        }
     
        if ($('searchInput')) {
            Event.observe('searchInput', 'focus', clearDefaultValue);
        }
    });