var cur_content_id = -1;
    var contents   = new Array();
    var menu_names = new Array();
    
    function load_contents() {
        change_visibility();
        var divs = new Array();
        var last_article_id = -1;
        
        divs = document.getElementsByTagName('div');
        for (var i = 0; i < divs.length; i++) {
            switch (divs[i].className) {
                case 'article' :
                    last_article_id++;
                    divs[i].id = 'article_' + last_article_id;
                    contents[last_article_id] = last_article_id;
                break;
                
                case 'article_heading' :
                case 'article_text' :
                case 'article_links' :
                    divs[i].id = divs[i].className + '_' + last_article_id;
                break;
            }
        }
        
        if (-1 < contents.length) {
            cur_content_id = 0;
        }
        generate_menu();
        change_visibility(-1);
    }
    
    function generate_menu() {
        var menu_div = document.getElementById('article_menu');
        var div      = 0;
        menu_div.style.display = 'block';
        menu_div.innerHtml    = '';
                    
        for (var i = 0; i < contents.length; i++) {
            var h2   = document.createElement("h2");
            var text = document.createTextNode(menu_names[contents[i]]);
            var link = document.createElement("a");
            h2.id     = "menu_"+ contents[i];
            h2.className = 'inactive';
            h2.appendChild(link);
            link.href = "javascript:change_visibility('"+ contents[i] +"')";
            link.appendChild(text);
            menu_div.appendChild(h2);
        }
    }
    
    function change_visibility(index) {
        if ('' != index && -1 != index) {
            cur_content_id = index;
        }
        for (var i = 0; i < contents.length; i++) {
            if (cur_content_id == contents[i]) {
                document.getElementById('article_' + contents[i]).style.display = 'block';
                document.getElementById('menu_' + contents[i]).className = 'active';
                document.getElementById('article_heading_' + contents[i]).style.display = 'none';
                
            } else {
                document.getElementById('article_' + contents[i]).style.display = 'none';
                document.getElementById('menu_' + contents[i]).className = 'inactive';
                document.getElementById('article_heading_' + contents[i]).style.display = 'none';
            }
        }
    }