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

    try {
    
        $$('.overlay').each(function(el){
            el.addEvent('mouseenter', function(){
                el.fade(0.01);
            });
            
            el.addEvent('mouseleave', function(){
                el.fade(1);
            });
        });
    } 
    catch (err) {
    }
    
    var mySlideShow;
    
    try {
    
        mySlideShow = new SlideShow('slides', {
            delay: 6000,
            autoplay: true
        });
        
        $('showNext').addEvent('click', function(){
            mySlideShow.removeEvent('show', highlight);
            mySlideShow.pause();
            mySlideShow.showNext();
        });
        
        $('showPrevious').addEvent('click', function(){
            mySlideShow.removeEvent('show', highlight);
            mySlideShow.pause();
            mySlideShow.showPrevious();
        });
        
        var highlight = function(){
            var effect = new Fx.Tween('showNext', {
                link: 'chain'
            })
            
            effect.start('color', '#ffffff').start('color', '#666666');
        }
        
        mySlideShow.addEvent('show', highlight);
        
        $('showNext').addEvent('mouseenter', function(el){
            this.tween('color', '#ffffff');
        });
        
        $('showPrevious').addEvent('mouseenter', function(el){
            this.tween('color', '#ffffff');
        });
        
        $('showNext').addEvent('mouseleave', function(el){
            this.tween('color', '#666666');
        });
        
        $('showPrevious').addEvent('mouseleave', function(el){
            this.tween('color', '#666666');
        });
        
    } 
    catch (err) {
    }
    
});