/**
Initializes the page
**/

function init() {
    // do the magic
    extendFormElementsWithDefaultValue();
    // showcasing
    if ($('showcase')) {
        new Effect.Morph($('showcase_images'), {style: 'opacity: 1;', duration: 0.8});
        new Effect.Morph($('showcase_subject_block'), {style: 'opacity: 1;', duration: 0.8});
        // Set the height of the surrounding div according to the height of the first image
        var heightOfFirstImage = $('showcase_image_1').getHeight();
        $('showcase').style.height = heightOfFirstImage+'px';
        $('showcase_images').style.height = heightOfFirstImage+'px';
        $('showcase_subject_block').style.height = heightOfFirstImage+'px';
        startShowcase();
    }
    // de-css menu and en-js it
    initMenu();
}

// init will be called at the end of the page .. (see page footer)