(function($){

    $.fn.fadingnav = function(opts){
        
        var o = {
            fadeSpeed : 300,
            initialPos : '0 0',
            hoverPos : '0 0',
            subTimeout : null
        }
        
        o = jQuery.extend(o, opts);
        
        return $(this).each(function() {
            
            var lis = $(this).children('li');
            var bgdiv = $('<div class="fadingBG" style="position: relative; width: 100%; height: 100%;"></div>');
            bgdiv.hide(0);
            
            lis.not('.active').css({ 'background-position': o.initialPos }).prepend(bgdiv);
            lis.each(function() {
                $(this).children('.fadingBG').css({
                    'background-image': $(this).css('background-image'),
                    'background-position': o.hoverPos
                });
            });
            
            lis.children('a').css({ position: 'absolute', top: 0 }).hover(
                function() {
                    
                    $(this).siblings('.fadingBG').stop(true, true).fadeIn(o.fadeSpeed);
                    $(this).siblings('.subLevel').stop(true, true).slideDown(o.fadeSpeed);
                },
                function() {
                }
	        );
            lis.hover(
                function() {
                    $(this).children('.subLevel').css('display', 'none');
                },
                function() {
                    $(this).children('.fadingBG').stop(true, true).fadeOut(o.fadeSpeed);
                    $(this).children('.subLevel:hidden').css('display', 'block');
                    $(this).children('.subLevel').stop(true, true).slideUp(o.fadeSpeed);
                }
            );
            
            
            
        });
    }
    
})(jQuery)