document.observe("dom:loaded", function() {
    $$('#mainTool li a').each(function(el) {
        if (el.up().down('.subMenu')) {
            el.observe('mouseover', function() {
                var subMenu = el.up().down('.subMenu');
                el.up().addClassName('active');
                if (subMenu) {
                    subMenu.show();
                    subMenu.up().addClassName('active');

                    var hideList = function(e) {
                        var elt = $(Event.element(e));
                        if (!elt.descendantOf(subMenu.up())) {
                            subMenu.hide();
                            subMenu.up().removeClassName('active');
                        }
                    };
                    Event.observe(document, 'mouseover', hideList.bind(this));
                }
            });
            el.observe('mouseout', function() {

            });
        }
    });
//    $$('.labelInsideInput').each(function(container) {
//        var label = container.down('label');
//        var forAttr = label.getAttribute('for') || label.readAttribute('for');
//        var field = $(forAttr);
//        if (field) {
//            if (field.getValue()) {
//                label.hide();
//            }
//            field.observe('focus', function() {
//                label.hide();
//            }).observe('blur', function(e) {
//                var element = Event.element(e);
//                if (!$(element).getValue()) label.show();
//            });
//        }
//    });

    $$('a.hintText span').each(function(el) { el.hide(); });
    $$('a.hintText').each(function(el) {
        el.observe('mouseover', function() {
            el.down('span').setStyle({ display: 'block' });
        });
        el.observe('mouseout', function() {
            el.down('span').setStyle({ display: 'none' });
        });
    });
});