var popupBackground, popupImage;

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

    popupBackground = new Element('div#popupBackground').hide().inject($('world'));
    popupBackground.addEvent('click', function (e) {

        if (e.target.get('id') == 'popupBackground' || e.target.hasClass('popupImage')) {
            popupBackground.hide();
            popupImage.setStyles({
                opacity: 0,
                backgroundImage: 'url()'
            });
        }

    });

    popupImage = new Element('div.popupImage').inject(popupBackground);

    popupImage.set('tween', { duration: 600 });

    $$('.imageGallery .thumbnail').addEvent('click', function (e) {

        // prevent link from opening
        e.preventDefault();
        popupBackground.show();

        var source = this.get('href');

        // Request the image and show a "loading" if it's larger then X kb
        var myImage = Asset.image(source, {
            onLoad: function (img) {

                var containerSize = popupBackground.getSize();

                if (img.width > containerSize.x || img.height > containerSize.y) {
                    // Do mek if bild är large
                }
                else {
                    popupImage.setStyles({
                        'background-image': 'url(' + img.get('src') + ')',
                        opacity: 1
                    });
                }
            }
        });

    });


});