(function() {
    
    var W = this, active;
    
    var openExpand = function(parent) {
        var pos = $(parent).position().left;
        box.dom('div.expand', parent).css({left: pos + 'px', display: 'none'}).slideDown(300);
    };
    
    var closeExpand = function(parent) {
        box.dom('div.expand', parent).css('left', '-10000px');
    };
    
    var mouseOverMainItems = function() {
        box.dom(this).addClass('on');
        openExpand(this);
    };
    
    var mouseOutMainItems = function() {
        if(active.get(0) != this) {
            box.dom(this).removeClass('on');
        }
        closeExpand(this);
    };
    
    box.dom(function() {
        active = box.dom('#mainMenu > ul > li')
            .hover(mouseOverMainItems, mouseOutMainItems)
            .each(function() {
                box.dom('div.expand', this)
                    .prepend('<span class="expandTL"></span><span class="expandTR"></span>')
                    .append('<span class="expandBL"></span><span class="expandBR"></span>');
            })
            .filter('.on');
        
        if(W.ie6) {
            box.dom('#mainMenu div.expand li').addHoverState();
        }
        
        box.dom('#query').clearTextFields();
    });
    
})();