function sizeBox() {
    $('content-hider').addClass('with-border');
    content_height = $$('#content-hider div')[0].getStyle('height');
    $('content-hider').retrieve('fx').start('height', content_height);
}

function placeContent(content_div, withContent) {
    new_content = content_div.clone();
    new_content.setStyle('display', 'block');
    $('content-hider').grab(new_content);
    if (withContent) {
        new_content.setStyle('opacity', '0');
        new Fx.Tween(new_content, {'duration': 'short'}).start('opacity', '1').chain(function() {
            sizeBox();
        });
    } else {
        sizeBox();
    }
}

window.addEvent('domready', function() {
    $('vcard-input').addEvent('click', function() {
        if (this.value == "email and enter") {
            this.value = '';
        }
    });
    
    $$('#vcard-link a')[0].addEvent('click', function(ev) {
        ev.stop();
        $('vcard-link').setStyle('display', 'none');
        $('vcard-input').setStyle('display', 'block');
    });
    
    $('content-hider').store('fx', new Fx.Tween('content-hider'));
    
    $$('#nav li a').addEvent('click', function(ev) {
        ev.stop();
        active_content = $$('#content-hider div');
        content_div = $('content-' + ev.target.id);
        
        $$('#nav li a').removeClass('active-menu');
        this.addClass('active-menu');
        
        if (active_content.length > 0) {
            new Fx.Tween(active_content[0], {'duration': 'short'}).start('opacity', '0').chain(function() {
                active_content[0].destroy();
                placeContent(content_div, true);
            });
        } else {
            $('container').setStyle('background', 'none');
            placeContent(content_div, false);
        }
    });
});