window.addEvent('domready',function() {
    if ($('slideshow_outer')) {
        var obj = {
            presentation: 'show', // The id of Image-Block's <div>
            duration: 2000, // The Duration of fading
            wait: 5000 // the wait-time between switching images (must be greater than duration)
        }
        show = new enhancedSlideshow( 'slideshow', obj );   
    }
    
    $$('a.manufacturer').each(function(element) {
        element.addEvent('click', function(e) {
            e.stop();
            
            addOverlay(element);
        });
    });
    
    if ( $$('.reference').length > 0 ) {
        $$('.reference').each(function(element) {
            element.addEvent('click', function(e) {
                e.stop();
                appearImage(element);
            });
        });
    }

/*
    $$('#navigation li a').each(function(element) {
        element.addEvent('mouseenter', function(e) {
            if (element.getNext('ul')) {
                element.getNext('ul').setStyle('display', 'block');
            }
        });
        
        element.getParent('li').addEvent('mouseleave', function(e) {
            if (element.getNext('ul')) {
                element.getNext('ul').setStyle('display', 'none');
            }
        });
    });
*/
});

function appearImage(element) {
    var image = element.getProperty('href');
    var cont = $('overlay');

    var wrapper = new Element('div', {'class': 'image_wrap'}).injectInside(cont);
    var close = new Element('div', {'class': 'text_right close'}).injectInside(wrapper);
    new Element('a', {'class': 'close', 'href': '#', 'id': 'close'}).set('text', 'X').injectInside(close);
    new Element('img', {'src' : image, 'alt' : 'content image'}).injectInside(wrapper);

    $('close').addEvent('click', function(e) {
        e.stop();
        cont.setStyle('display', 'none');
        cont.empty();
    });

    cont.setStyle('display', 'block');
}

function addOverlay(element) {
    var src = element.getProperty('href');
    var cont = $('overlay');
    
    var wrapper = new Element('div', {'class': 'overlay_wrap'}).injectInside(cont);
    var close = new Element('div', {'class': 'text_right close'}).injectInside(wrapper);
    new Element('a', {'class': 'close', 'href': '#', 'id': 'close'}).set('text', 'X').injectInside(close);
    new Element('iframe', { 'src': src }).injectInside(wrapper);
    
    $('close').addEvent('click', function(e) {
        e.stop();
        cont.setStyle('display', 'none');
        cont.empty();
    });

    cont.setStyle('display', 'block');
}