var showDevLinks;
var devLinksShown = false;

function toggleTrigger()
{
    var triggerTxt = document.getElementById("triggerTxt");
    if (devLinksShown) {
        var msg = "show links \u2193";
    } else {
        var msg = "hide links \u2191";
    }
    var txtNode = document.createTextNode(msg);
    triggerTxt.replaceChild(txtNode, triggerTxt.firstChild);
    devLinksShown = !devLinksShown;
}

function initIndexPage()
{
    // Attach onclick handler to trigger link
    var triggerLink = document.getElementById("triggerLink");
    triggerLink.onclick = function() {
        showDevLinks.toggle();
        return false;
    };
    // Set up the fx.Height event
    showDevLinks = new fx.Height('devlinks', { duration: 400, 
        onComplete: toggleTrigger }
    );
    // Set toggle state of devlinks to hidden
    showDevLinks.hide();
    // The following works with a "display: none" declaration in the 
    // stylesheet to prevent the devlinks from displaying before 
    // the moo.fx effect executes
    document.getElementById('devlinks').style.display = "block";
}