link_template = '<span class="series_disclaimer_link"></span>'
block_template = '<div class="series_disclaimer_text"><h3></h3><span></span></div>'

blocks = new Array();

function insertDisclaimer(title, caption, text)
{
    // render the link: set attributes and add to DOM
    var link = $(link_template);
    link.text(caption);
    link.attr('title', title);
    link.click(toggleDisclaimer);
    link.attr('id', 'disclaimer' + blocks.length);
    var disclaimer_links = $("#disclaimer_links");
    disclaimer_links.append(link);

    // render the block
    var block = $(block_template);
    $('h3', block).text(caption);
    $('span', block).text(text);
    var heading = $("h3", block);
    heading.text(caption);
    // hide it first
    block.hide();
    var disclaimer_blocks = $("#disclaimer_blocks");
    disclaimer_blocks.append(block);
    // add to array for later referral
    blocks.push(block);
}

function toggleDisclaimer(event)
{
    // get the link that was clicked
    var link = $(event.target);
    // get the reference number
    var target = link.attr('id').replace('disclaimer', '');
    var target = parseInt(target, 10);

    // look up the block and check its state
    var block = blocks[target];
    var collapsed = block.is(':hidden');

    // hide all blocks (surely there is some better jQuery-way, though)
    for (i = 0; i < blocks.length; i++) {
        $(blocks[i]).hide();
    }

    // show the block if it was collapsed earlier
    if (collapsed) {
        block.show();
    }
}