window.onload = function(){
    if($("form") != undefined){
        var btn_mas_info = $("btn_mas_info");
        var nombre = $("nombre");
        var hidden_nombre = $F("hidden_nombre");
        var email = $("email");
        var hidden_email = $F("hidden_email");

        nombre.observe("click", function(){
            if(nombre.value == hidden_nombre){
                nombre.value = "";
            }
        });

        nombre.observe("blur", function(){
            if($F(nombre).blank()){
                nombre.value = hidden_nombre;
            }
        });

        email.observe("click", function(){
            if(email.value == hidden_email){
                email.value = "";
            }
        });

        email.observe("focus", function(){
            if(email.value == hidden_email){
                email.value = "";
            }
        });

        email.observe("blur", function(){
            if($F(email).blank()){
                email.value = hidden_email;
            }
        });

        btn_mas_info.observe("click", function(){
            if (!$F(nombre).blank() && !$F(email).blank()) {
                if ((nombre.value != hidden_nombre) && (email.value != hidden_email)) {                    
                    _validate_data();
                    nombre.value = hidden_nombre;
                    email.value = hidden_email;
                }
                else{
                    _show_msg_error("error");
                    _clear_msg("success");
                }
            }
            else{
                _show_msg_error("error");
                _clear_msg("success");
            }
        });
    }
}

function _clear_msg(oid){
    $(oid).className = "hidden";
}

function _show_msg_success(oid){
    $(oid).className = "msg msgsuccess";
}

function _show_msg_error(oid){
    $(oid).className = "msg msgerror";
}

function _validate_data(){
    var url = "process.php";
    var nombre = $F("nombre");
    var email = $F("email");
    var valores = "nombre=" + nombre + "&email=" + email;    
    $Ajax(url, {
        metodo: $metodo.POST,
        parametros: valores,
        onfinish: function(respuesta){
            if(respuesta == "error"){
                _show_msg_error("error");
            }
            else{
                _show_msg_success("success");
            }
        },
        avisoCargando: "cargando",
        tipoRespuesta: $tipo.TEXT,
        onerror: function(e){
            alert($H(e).inspect())
        }
    });
}
