function change_sort_order(order, object) {
    // in order to get the next div id (for swap innerHTML), get the next sibling of the div,
    // make a copy of the current innerHTML of the current child which is going to be overwritten
    // paste the copy in the next_sibling and paste the copy in the old sibling

    var element_properties = object.parentNode.parentNode.parentNode.parentNode;
    var nextSibling = (order == "down") ? getNextSibling(element_properties) : getPreviousSibling(element_properties);
    var currentSibling = element_properties;

        var currentId = currentSibling.id;
        var nextId = nextSibling.id;

        var currentHTML = currentSibling.innerHTML;
        var nextHTML = nextSibling.innerHTML;

        currentSibling.id = nextId;
        nextSibling.id = currentId;
        currentSibling.innerHTML = nextHTML;
        nextSibling.innerHTML = currentHTML;

        ready = false;

        url = document.location.href.split("&");
        ajaxRead(url[0] + "&action=change_child_sort_order&swap_id_one="+currentId+"&swap_id_two="+nextId, "ajax");
        change_background(currentId);
}


function change_background(id) {

    //// loop door alle tables heen, zoek op background color, en als het yellow is maak het blue.. want alleen de laatste div
    //// moet geel zijn
    var superdiv = document.getElementById("superlist");
    var len = superdiv.childNodes.length;
    for(var i = 0; i < len; i++)
    {
        var div = superdiv.childNodes[i];

        if(div.id) {
            var table = (div.firstChild.nextSibling) ? div.firstChild.nextSibling : superdiv.childNodes[i].firstChild;
            var row = document.getElementById("tr_"+div.id);
            row.style.backgroundColor = "";
        }
    }

    var div = document.getElementById(id);
    var table = (div.firstChild.nextSibling) ? div.firstChild.nextSibling : superdiv.childNodes[1].firstChild;
    var row = document.getElementById("tr_"+id);
    row.style.backgroundColor = "yellow";
    document.getElementById("button_"+div.id).focus();
    document.getElementById("button_"+div.id).blur();
}