// This is used for the black box on the homepage hero


window.addEvent('domready', function() {

    var myDodgyBox = new Fx.Reveal($('transparentTextArea'), { duration: 600, mode: 'vertical' });

    
    //Click the toggle button shows/hides the text area
    $('v_toggle').addEvent('click', function(e) {
        e.stop();
        myDodgyBox.toggle();
    });


    //Clicking on the box also makes it hide
    $('transparentTextArea').addEvent('click', function(e) {
        e.stop();
        myDodgyBox.toggle();
    });


    //When the box has been made visible, change the text on the button to say "Hide Content"
    myDodgyBox.addEvent('onShow', function() {
        $('v_toggle').set('html', 'Hide Content');
    });

    //When the box has been hidden, change the text on the button to say "Show Content"
    myDodgyBox.addEvent('onHide', function() {
        $('v_toggle').set('html', 'Show Content');
    });

});