$(function() {
    
    var sswitch = function() {
        var $active = $('#slideshow IMG.active');

        if ( $active.length == 0 ) $active = $('#slideshow IMG:last');

        var $next =  $active.next().length ? $active.next() : $('#slideshow IMG:first');

        $active.addClass('last-active');

        $next.css({opacity: 0.0})
                .addClass('active')
                .animate({opacity: 1.0}, 1000, function() {
            $active.removeClass('active last-active');
                });
        
        //banner
                var banner = $('.hcaption div.active');
                if (banner.length == 0 ) {
                    banner = $('.hcaption div:last');
                }
                var nextbanner = banner.next().length ? banner.next() : $('.hcaption div:first');
        
                banner.addClass('last-active');
        
                nextbanner.css({opacity: 0.0}).addClass('active').animate({opacity: 0.9}, 100, function() {
                    banner.removeClass('active last-active'); 
                });
        
    }

    setInterval( sswitch, 5000 );
    
    
    var timeout    = 500;
    var closetimer = 0;
    var ddmenuitem = 0;

    function jsddm_open()
    {  
        jsddm_canceltimer();
        jsddm_close();
        ddmenuitem = $(this).find('ul').css('visibility', 'visible');
    }

    function jsddm_close()
    {  
        if(ddmenuitem) ddmenuitem.css('visibility', 'hidden');
    }

    function jsddm_timer()
    {  
        closetimer = window.setTimeout(jsddm_close, timeout);
    }

    function jsddm_canceltimer()
    {  
        if(closetimer) {  
            window.clearTimeout(closetimer);
            closetimer = null;
        }
    }

    $('#jsddm > li').bind('mouseover', jsddm_open);
    $('#jsddm > li').bind('mouseout',  jsddm_timer);
    document.onclick = jsddm_close;

    
});