///////////////////////////////////////////////////////////////////////////////////////////
// PopMenu 1.0
// Version 1.0
// @requires jQuery v1.3.2
// 
// Copyright (c) 2009 Mark Ashley Bell
// Examples and docs at: http://markashleybell.com/jquery/jquery.popmenu.html
// 
// Dual licensed under the MIT and GPL licenses:
// http://www.opensource.org/licenses/mit-license.php
// http://www.gnu.org/licenses/gpl.html
///////////////////////////////////////////////////////////////////////////////////////////

(function($)
{
    $.fn.popMenu = function(settings)
    {
        var config = { 'delay': 300 };

        if (settings) $.extend(config, settings);
        
        this.each(function()
        {
            $(this).find('a').wrapInner('<span></span>');
        })
        
//        alert('hello');
//        $('.stub').css({'color' : '#F04'});
        
        $('a.stub').parent().bind('mouseover', function() {
                var o = $(this);
                if (o.attr('action')) clearTimeout(o.attr('action'));
                    o.attr('action', setTimeout(function() {  

                    $(o).find('ul').css('visibility', 'visible'); 

                }, config['delay']));
            }).bind('mouseout', function() {
                var o = $(this);
                if (o.attr('action')) clearTimeout(o.attr('action'));
                o.attr('action', setTimeout(function() { 

//                    $(o).find('ul:first').css('visibility', 'hidden'); 

                    $(o).find('ul:first').animate({
                        left: '-=20',
                        opacity: 0
                    }, 250, function() {
                        // Animation complete.
                        $(o).find('ul:first').css({'visibility': 'hidden', 'opacity' : '1', 'left' : '116px'}); 
                    }); 
                }, config['delay']));
            });

/**/
        return this;
    };




/*
                        $(o).find('ul:first').css({'visibility' : 'visible', 'opacity' : '0', 'left' : '96px'}).animate({
                            left: '+=20',
                            opacity: 1
                        }, 250, function() {
                            // Animation complete.
                        }); 
*/

})(jQuery);