var SelectEspecialidades = Class.create({

    select1   : null,
    select2   : null,

    initialize : function(select1, select2)
    {
        this.select1 = $(select1);
		this.select2 = $(select2);
        this.select1.observe('change', this.actualizaSelect.bindAsEventListener(this));

    },

   actualizaSelect : function(e)
    {
	html="<option value='0'>Seleccione "+this.select2.name+"</option>";
	select_innerHTML(this.select2,html);
	// Si seleccionamos la primera opción no enviamos la consulta
	if (Event.element(e).value=='-1') return;
	var options = {
	    method     : 'post',
            parameters : "cambiaSelect=especialidades&cuerpo="+Event.element(e).value,
            onSuccess  : this.cambiaSelect.bind(this)
        };
        new Ajax.Request('/usuarios/seleccionaespecialidad', options);
    },
    cambiaSelect : function(transport)
    {
	var respuesta = transport.responseText.evalJSON(true);
	var contenido = $H(respuesta.contenido);
	var salida;
	salida="<option value='0'>Seleccione "+this.select2.name+"</option>";
	if (contenido.size() > 0) {
	    contenido.each(function(pair) {
		salida +="<option value="+"'"+pair.key+"'>"+pair.value+"</option>";
               
            }.bind(this));
        }
        else {
            
        }
	select_innerHTML($(this.select2.id),salida);
    }

});

