function saveLayout(responseDiv, page) {
    var div = document.getElementById(responseDiv);
    div.innerHTML = '';

    // determine layout of the portlets
    var containers = document.getElementsByClassName('container');
    var queryStr = "event=saveLayout&page="+page+"&containers="+containers.length;

    containers.each(function(elem, i) {
        var portlets = elem.getChildren();
        var portletStr = "&container"+i+"=";
        portlets.each(function(pelem, j) {
            if (j > 0)
                portletStr = portletStr + "|";
                
            portletStr = portletStr + pelem.id;

            contcoords = elem.getCoordinates();
            coords = pelem.getCoordinates();
            var top = coords.top - contcoords.top;
            var left = coords.left - contcoords.left;
            
            portletStr = portletStr + ":" + top + ":" + left;
        });
        
        queryStr = queryStr + portletStr;
        
    });
    
    //alert(queryStr);
    // submit the request.
    xajax_handleRequest(queryStr, responseDiv);
}

function publishPage(responseDiv, page) {
    var div = document.getElementById(responseDiv);
    div.innerHTML = '';

    var queryStr = "event=publishPage&page="+page;    
    
    // submit the request.
    xajax_handleRequest(queryStr, responseDiv);
}