//
// Displays a list of page children.
//
function display_page_env(in_page_id)
{
    var i;
    var page;
    var level;
    var page_id;
    var lib_name;
    var status;
    var title;
    
    var children = new Array();
    var p_level;
    var do_collect = false;
    var li_class, li_alt;
    
    var html;
    var url;
    
    //
    // Build environment arrays for input page.
    //
    for (i=0; i<pages.length; i++)
    {
        // 
        // Parse page data.
        // 
        page = pages[i];
        
        page_id = page.id;
        level = page.level;
        status = page.status;
        lib_name = page.lib_name;
        title = page.title;
        page_abstract = page.page_abstract;
        
        //
        // Collect environment data.
        //
        if (do_collect)
        {
            if (level == (p_level + 1))
            {
                children.push(new Array(page_id, lib_name, status, title, page_abstract));
            } 
            
            if (level <= p_level)
            {
                do_collect = false;
                break;
            }
        }
        
        //
        // Set a flag for starting collect 
        // environment data.
        //
        if (page_id == in_page_id)
        {
            do_collect = true;
            p_level = parseInt(level);
        }
    }
    
    //
    // Case no children - return.
    //
    if (children.length == 0)
    {
        return;
    } 
    
    //
    // Display page children.
    //
    html = "<ul id='ul_page_env'>";   
    
    for (i=0; i<children.length; i++)
    {        
        page_id = children[i][0];
        lib_name = children[i][1];
        status = children[i][2];
        title = children[i][3];
        page_abstract = children[i][4];
         
        if (IS_HTML_MODE)
        {
            url = '../' + lib_name + '/';
            li_class = '';
            li_alt = '';
        }
        
        else
        {
            url = get_page_url(page_id);
            li_class = 'move';
            li_alt = translate('drag to move');
        }
               
        html += "<li class='handle "+li_class+"' alt='"+li_alt+"' title='"+li_alt+"' id='env_page_"+page_id+"'>";
        html += "<h2>"+title+"</h2>";
        html += page_abstract+" ";
        html += "<a class='more_info' href='"+url+"'>"+translate('more info')+"</a>";
        html += "</li>";
    }
   
    html += "</ul>";

    document.write('<div id="page_env">'+html+'</div>');
    
    //
    // jQuery for making side menu sortable.
    //
    // See: http://docs.jquery.com/UI/Sortable
    //
    if (IS_CLIENT && IS_SW_MODE)
    {
        $("#ul_page_env").sortable(
        { 
            items: 'li.handle',
            opacity: 0.6,
            revert: true,
            
            update : function () 
            { 
                var page_ids = $('#ul_page_env').sortable('toArray'); 
                
                var data = 'action=ajax_update_pages_order&page_ids=' + page_ids;
                var code = "";
                var msg_box_id = 'screen-message';
                
                ajax(data, code, msg_box_id);
            } 
        }); 
    }
}