
function select_compartment(elem){
    if ( elem.value == 'other' )
    {
        
        var field = document.getElementById(elem.name);
        var box = document.createElement('box');
        box.innerHTML= '<div id="input_compartment">\n'
            +'<form>\n'
	    +'Compartment: '
            +' <input type="text" name="go_id">\n'
            +' <input type="submit" value="select" onclick="change_compartment(this.parentNode);" >\n'
            +' <input type="hidden" name="comp_id" value="' + elem.name + '">'
            +'</form> </div>';
        field.appendChild(box);

        //var posx = field.offsetLeft + field.offsetWidth + 7;
        //var posy = field.offsetTop;
        //var elem = document.getElementById("input_compartment");
        //elem.style.left = posx + "px";
        //elem.style.top = posy + "px";
    }
    return true;
}

function change_compartment(frm){
    box = document.getElementById('input_compartment');
    box.parentNode.removeChild(box);

    select = document.getElementsByName(frm.comp_id.value);

    var o = document.createElement('option');
    o.innerHTML = '<option value="' + frm.go_id.value + '"> ' + frm.go_id.value + ' </option>';
    select[0].appendChild(o);
    
    select[0].selectedIndex = select[0].length-1;

    frm.target='ida';
    return true;
}
