$(document).observe('dom:loaded', function() {
    $$('.toolbox .dropdown').each(function(el) {
        var content = $(el).down('.content');
        var position = $(el).positionedOffset();
        var parent = $(el).getOffsetParent();
        
        content.setStyle({position: 'absolute', left: position[0]+'px', top: position[1]+'px', zIndex: '999'});
        content.addClassName('jsDropdown');
        
        content.remove();

        var dropdownTimeout;

        $(el).observe('mouseover', function(e) {
            $(parent).appendChild(content);
        });
        $(el).observe('mouseout', function(e) {
            dropdownTimeout = setTimeout(function() {
                content.remove();
            }, 500);
        });
        content.observe('mouseover', function(e) {
            clearTimeout(dropdownTimeout)
        });
        content.observe('mouseout', function(e) {
            dropdownTimeout = setTimeout(function() {
                content.remove();
            }, 500);
        });

    });
});