// Onready
window.addEvent("domready", function(){
    closeHeader();
});

var closeHeader = function() {
    if($defined($$('.open'))) {
        $$('.open').destroy();
    }

    var closeButton  = new Element('img', {
        'id':'button',
        'class':'close',
        'src':'tl_files/images/layout/close.gif',
        'alt':'Scroll Down',
        'width':'33',
        'height':'35'
    });

    $('header').adopt(closeButton);

    $('button').addEvent('click', function() {
        var morph = new Fx.Morph('header', {
            duration: 'long',
            transition: Fx.Transitions.Sine.easeOut,
            onComplete: openHeader()
        });

        morph.start({
            'height': [208, 70]
        });

        $$('.quote').fade(0);
    });
}

var openHeader = function() {
    if($defined($$('.close'))) {
        $$('.close').destroy();
    }

    var openButton  = new Element('img', {
        'id':'button',
        'class':'open',
        'src':'tl_files/images/layout/open.gif',
        'alt':'Scroll Down',
        'width':'33',
        'height':'35'
    });

    $('header').adopt(openButton);

    $('button').addEvent('click', function() {
        var morph = new Fx.Morph('header', {
            duration: 'long',
            transition: Fx.Transitions.Sine.easeOut,
            onComplete: closeHeader()
        });

        morph.start({
            'height': [70, 208]
        });

        $$('.quote').fade(1);
    });
}