var not_selected_color = 'grey';
var selected_color = 'blue';

function make_tabbed(name) {
    for (i=1; document.getElementById(name + '_' + i); i++) {
        max_i = i;
    }

    print_tabs(name, max_i);
    select_tab(name, 1, max_i);
}

function select_tab(name, select_i, max_i) {
    for (i=1; i <= max_i; i++) {
        if (i != select_i) {
            document.getElementById(name + '_selector_' + i).style.color=not_selected_color;
            document.getElementById(name + '_' + i).style.display='none';
        } else {
            document.getElementById(name + '_selector_' + i).style.color=selected_color;
            document.getElementById(name + '_' + i).style.display='block';
        }
    }
}

function print_tabs(name, max_i) {
    document.write('<p>Show page: ');
    for (i = 1; i <= max_i; i++) {
        document.write('<a id="' + name + '_selector_' + i + '" href="javascript:select_tab(' + "'" + name + "', " + i + ', ' + max_i + ')"> ' + i + ' </a> ');
    }
    document.write('</p>');
}