
jQuery(function($) {
    $('.dropDown').one('click', openMenu);
    
    function openMenu(e) {
 
        var button = $(this).addClass('active');
 
        var menu = $('ul.dropDownOptions', this);
        
        var offset = button.offset();
        var h = (button.outerHeight) ? button.outerHeight() : button.height();
        
        menu.addClass('active').css({
            'top': offset.top + h, 'left': offset.left, 'display':'block'
        }).click(function(e) { e.stopPropagation(); }).dropShadow();
        
        
        
        var fn = function () {
	        $(document).one('click', {button: button, menu: menu}, closeMenu); 
    	}
    	setTimeout(fn, 0);
    	    
    }
    function closeMenu(e) {
    
        e.data.menu.removeClass('active').css({'display':'none'});
        e.data.button.removeClass('active');
        e.data.menu.removeShadow();
        e.data.button.one('click', openMenu);
    
    }
});
