window.addEvent('domready',function() {
    sub = $$('.sub');
    
    for ( var i = 0; i < sub.length; i++ )
    {
        sub[i].setStyles({
            'opacity': '0',
            'visibility': 'hidden'
        });
    }

    $$('#navigation a').each(function(element) {

       element.addEvent('mouseover', function(e) {
            element.set('tween', { duration: 200 });
            element.tween('background-color', '#d21243');
        });

        element.addEvent('mouseout', function(e) {
            color = "#646464";
            
            if (element.hasClass('subnavlink')) {
                color = "#aaaaaa";
            }
            
            if (!element.hasClass('active')) {
                element.set('tween', {duration: 400});
                element.tween('background-color', color);
            }
        });
    });

    subNavigation();
    
    var obj = {
        presentation: 'show', // The id of Image-Block's <div>
        duration: 2500, // The Duration of fading
        wait: 5000 // the wait-time between switching images (must be greater than duration)
    }
    show = new enhancedSlideshow( 'slideshow', obj );
});

function subNavigation() {
    $$('.navlink').each(function(element) {
        element.addEvent('mouseover', function(e) {
            e.stop();
            
            if (submenu = element.getNext('ul') ) {
                submenu.fade(1);
                var entered = false;
                
                submenu.addEvent('mouseenter', function(e) {
                    entered = true
                    submenu.fade(1);
                });
                
                submenu.addEvent('mouseleave', function(e) {
                    submenu.fade(0);
                });
                
                element.addEvent('mouseleave', function(e) {
                    if (!entered) {
                        submenu.fade(0);
                    }
                });
            }
        });
    });

}