function reload_box(element)
{
    var jElement = jQuery(element);
    //jElement.html("wait...");
    var url = jElement.attr("rel");
    
    if (url) {
        if (url.indexOf("?") == -1) {
            url = url + "?" + SEARCH_QUERY_STRING;
        } else {
            url = url + "&amp;" + SEARCH_QUERY_STRING;
        }
        
        jElement.load(url);
        jElement.hide();
        jElement.fadeIn();
    }
    
}

function getAttrFromUrl(element, attrId)
{
    var jElement = jQuery(element);
    var url = jElement.attr("rel");
    var query_string = "attr="+attrId;
    
    if (url) {
        if (url.indexOf("?") == -1) {
            url = url + "?" + query_string;
        } else {
            url = url + "&amp;" + query_string;
        }
        jQuery.getJSON(url, {}, function(response) {
            if (response.completed) {
                jQuery("#"+response.field_id).val(response.value);
            }
        });
    }
}

// dynamical reloading of select in dependency on another one (using AJAX)
function dependentAjaxSelect(master, slave, control_url, initial)
{
    master = jQuery(master);
    slave = jQuery(slave);
    function reloadSlave() {
        
        jQuery.getJSON(control_url + '?val=' + master.val(), function(data) {
            var last_opt = slave.find("option").remove().end();
            
            var options = '';
            for (var i = 0; i < data.length; i++) {
                if (initial && (data[i][0] == initial)) {
                    selected_html = ' selected="selected"';
                } else {
                    selected_html = '';
                }
                options += ('<option '+ selected_html +' value="'+data[i][0]+'">'+data[i][1]+'</option>');
            }
            slave.html(options);
        });
    }
    master.change(reloadSlave);
    reloadSlave();    
}

