(function() {
    var badge = $('navigation'),
            logo = badge.down('a.logo'),
            cons = badge.down('div.sub_nav'),
            navigation = badge.down('div.navigation'), timer = null;
    openopt = { duration: .4 },
            closeopt = { duration: .4 };

    // ninja.hide();

    badge.show().observe('mouseover', function() {
        if (timer) {
            clearTimeout(timer);
            timer = null;
            return;
        }
        navigation.setStyle({ top: '0px' }).show().morph('top:95px', openopt);
        //cons.morph('height:0px', { duration: .5 });
        logo.morph('top:105px', openopt);
    }).observe('mouseout', function() {
        timer = setTimeout(function() {
            logo.morph('top:10px', closeopt);
            //cons.morph('height:0px', closeopt);
            navigation.morph('top:0px', closeopt);
            timer = null;
        }, 500)
    }).observe();

})();