// Set things before site is loaded
window.addEvent('domready', function() {
    $$('.ImageTextText').setStyles({
        visability:'hidden',
        opacity:0
    });
});

//Make things happen when all is loaded
window.addEvent('load', function() {
    //set all imagesDivs to size matches the image
    $$('.ImageTextImage').each(function(Item) {
        Item.getParent('div').setStyles({
            'width' : Item.getElements('img')[0].getStyle('width'),
            'height' : Item.getElements('img')[0].getStyle('height')
        });
    });

    // set the width and margin depending on imagesize
    $$('.ImageTextText').each(function(Item) {
        Item.setStyle('width', Item.getParent('div').getStyle('width'));
        Item.setStyle('margin-top', Item.getParent('div').getStyle('height').toFloat() - Item.getStyle('height').toFloat());
    });

    // show the text
    $$('.ImageTextText').fade('in');

    $$('#bergtakt').addEvent('click', function() {
        window.location='bergtakt.html';
    });
    $$('#mark').addEvent('click', function() {
        window.location='mark.html';
    });
    $$('#nybyggnation').addEvent('click', function() {
        window.location='nybyggnation.html';
    });
    $$('#flerbostader').addEvent('click', function() {
        window.location = 'flerbostader.html';
    });
    $$('#offbyggnader').addEvent('click', function() {
        window.location = 'offentligabyggnader.html';
    });
});