window.addEvent('domready', function(){
    var isExploreExpanded = false;
    var isAboutExpanded = false;
    
    var exploreSlide = new Fx.Slide('explore-box', {
        duration: 100
    });
    
    var aboutSlide = new Fx.Slide('about-box', {
        duration: 100
    });    
    
    //exploreSlide.hide();
    aboutSlide.hide();
    
    
    $('explore-btn').addEvent('mouseenter', function(e){
        aboutSlide.hide();
        isAboutExpanded = false;
        if (!isExploreExpanded) {
            e = new Event(e);
            exploreSlide.slideIn();
            e.stop();
            isExploreExpanded = true;
        }
    });
    
    
    $('about-btn').addEvent('mouseenter', function(e){
        exploreSlide.hide();
        isExploreExpanded = false;
        if (!isAboutExpanded) {
            e = new Event(e);
            aboutSlide.slideIn();
            e.stop();
            isAboutExpanded = true;
        }
    });
    
    
    $('about-box').addEvent('mouseleave', function(e){
        aboutSlide.hide();
        isAboutExpanded = false;
        if (!isExploreExpanded) {
            e = new Event(e);
            exploreSlide.slideIn();
            e.stop();
            isExploreExpanded = true;
        }
    });
    
    $('newmenu').addEvent('mouseleave', function(e){
        aboutSlide.hide();
        isAboutExpanded = false;
        if (!isExploreExpanded) {
            e = new Event(e);
            exploreSlide.slideIn();
            e.stop();
            isExploreExpanded = true;
        }
    });
});