window.addEvent('domready', function() {
    // Schuif menu maken
    var myAccordion = new Fx.Accordion($('leftMenu'), 'li span.toggler', 'li div.element', {
        opacity: false,
        show: showMenu,
        display: -1,
        onActive: function(toggler, element){
        },
        onBackground: function(toggler, element){
        }
    });
    
    // Fix voor IE7
    myAccordion.display(showMenu);
    
    // Maak CMS link
    $('footerLeft').addEvent('click', function() {
        window.open('http://cms.depoort.nl/index.php?id=116','CMS','status=no,toolbar=no,width=300,height=120');
    });
    
    // Foto album
    if($('photoalbum')) {
        // Geen logo in achtergrond tonen op producten pagina
        $('contentMiddle').setStyle('background-image', 'none');
        $('footerMiddle').setStyle('background-image', 'none');
        
        // Cache met alle teksten van de foto's. Voorkomt dat er steeds opnieuw een request wordt uitgevoerd
        var photoCommentsCache = {};
        var setPhotoComments = function(photoId) {
            // private functie die de teksten instelt
            var _setPhotoComments = function(id) {
                var data = photoCommentsCache[id];
                $('photoTitle').set('text', data.comment_short);
                $('photoText').set('html', data.comment_long.replace(/\r?\n/,'<br>'));
                
                Cufon.replace('#photoTitle', {fontFamily: 'Arial'});
                Cufon.replace('#photoText', {fontFamily: 'Arial'});
            }
            
            // Kijk of de foto in de cache voorkomt, zo niet dan een request uitvoeren
            // en dan alsnog de gegevens setten
            if(!photoCommentsCache[photoId]) {
                var request = new Request.JSON({
                    url: location.pathname,
                    onComplete: function(response) {
                        photoCommentsCache[photoId] = response;
                        _setPhotoComments(photoId);
                    }
                }).get({'aktie': 'comments_get', 'foto_id': photoId});
            }
            else {
                _setPhotoComments(photoId);
            }
        }
        
        // Alle foto's selecteren
        var photos = $('photoalbum').getElements('li');
        
        photos.addEvent('mouseover', function(e) {
            var photoId = this.getStyle('background-image').replace(/[^\d]/g, '');
            setPhotoComments(photoId);
            $('contentRight').getElement('div.photo').setStyle('background-image', this.getStyle('background-image').replace('-k', '-g'));
        });
        
        // Eerste foto tonen
        if(photos.length > 0) {
            $('contentRight').getElement('div.photo').setStyles({'height': '244px'});
            photos[0].fireEvent('mouseover');
        }
    }
    
    // Slideshow
    if($('photoSlideshow')) {
        var photos      = JSON.decode( $('photoSlideshow').get('title') );
        $('photoSlideshow').removeProperty('title');

        if(photos[0].length > 0) {
            var photoOffset = 0;
            var photoTimer  = photos[1];
            $('contentRight').getElement('div.photo').setStyles({'height': '244px'});
                        
            $('photoSlideshow').addEvent('changePhoto', function() {
                if(this.getStyle('background-image') == 'none') {
                    this.setStyle('background-image', 'url(\'/afbeeldingen/fotomod_'+photos[0][photoOffset]+'-g.jpg\')');
                    var el = this;
                    (function() {
                        el.fireEvent('changePhoto')
                    }).delay(photoTimer);
                }
                else {
                    var fxIn = new Fx.Morph(this, {
                        'duration': 'long',
                        'onComplete': function() {
                            if(this.element.get('opacity') == 1) {
                                var el = this.element;
                                (function() {
                                    el.fireEvent('changePhoto')
                                }).delay(photoTimer);
                            }
                            else {
                                photoOffset++;
                                if(photoOffset == photos[0].length - 1) {
                                    photoOffset = 0;
                                }
                                this.element.setStyle('background-image', 'url(\'/afbeeldingen/fotomod_'+photos[0][photoOffset]+'-g.jpg\')');
                                this.start({'opacity': [0, 1]});
                            }
                        }
                    });
                    fxIn.start({'opacity': [1, 0]});
                }
            });
            
            $('photoSlideshow').fireEvent('changePhoto');
        }
    }

    var newsticker = $('newsticker');
    if(newsticker) {
        var ul = newsticker.getElement('ul');
        var items = ul.getElements('li');
        var size = 0;
        items.each(function(el) {
            size += el.getSize().x;
            var clone = el.clone();
            clone.set('class', 'clone');
            clone.inject(ul);
        });

        ul.addEvents({
            mouseenter: function() {
                this.get('tween').pause();
            },
            mouseleave: function() {
                this.get('tween').resume();
            }
        });

        var ticker = function() {       
            ul.get('tween', {
                'onComplete': function() {
                    for(i = 0; i < items.length; i++) {
                        items[i].inject(ul);
                    }
                    ul.setStyle('left', 0);
                    ticker();
                },
                'property': 'left',
                'duration': (size / 50) * 1000,
                'transition': 'linear'
            }).start(-(size));
        };
        ticker();
    }

    new OverText($('zoek_opdracht'));

    var header_email = $('header-email');
    if(header_email) {
        header_email.addEvent('click', function() {
            location.href = 'mailto:info@bijlsma.nl';
        });
    }
});