window.addEvent('domready', function() {
    var status = {
        'true': 'open',
        'false': 'close'
    };

    //--horizontal
    var menuWho = new Fx.Slide('menu1', { mode: 'horizontal', duration: 500 });
    var menuWhat = new Fx.Slide('menu2', { mode: 'horizontal', duration: 500 });
    menuWho.hide();

    $('parent1').addEvent('mouseenter', function(e) {
        menuWhat.slideOut();
        menuWho.slideIn();
    });

    $('parent1').addEvent('mouseleave', function(e) {
        menuWho.slideOut();
        menuWhat.slideIn();
    });

    $('parent2').addEvent('mouseenter', function(e) {
        menuWho.slideOut();
        menuWhat.slideIn();

    });

    $('parent2').addEvent('mouseleave', function(e) {
    });

    // When Horizontal Slide ends its transition, we check for its status
    // note that complete will not affect 'hide' and 'show' methods
    menuWho.addEvent('complete', function() {
        //alert("done");
    });

$('menu2').addEvent('mouseenter', function(e) {
    RemoveArrow();
});

$('menu2').addEvent('mouseleave', function(e) {
    RestoreArrow();
});

    
});