(function($) {
    
    // 1 // it will provide a public function to show/hide w/o a transition
    // 2 // it will operate on the lis to make them big and floaty
    // 3 // it will add ".current" to the first
    
    // MUST BE ON A DIV WITH A UL INSIDE //    
    
    function log(message)
    {               
        if (window.console && window.console.debug)
            window.console.debug(message);
    }
    
    var floater = {
        position:   'absolute',
        display:    'none',
        listStyleType:    'none'
    }
    
    var container = {
        position:   'relative',
        display:    'block',
        padding:    '0px',
        margin:     '0px'
    }
             
    $.fn.navigate = function(rel) {     
              
        $("a[rel]").removeClass('current');
        $("a[rel="+rel+"]").addClass('current');
        
        $(".navigation_page", this).each(function() {    
            $.navigation.hide($(this));
        });
                                
        $.navigation.show($("#" + rel, this));
    }
    
    $.fn.navigation = function(override) {    
        
        var options = {
            width: 800,
            height: 600
        }
        
        if(override) $.extend(options, override);
        
        return this.each(function() {    
            var obj = $(this);
            
            obj.css(container);
            
            $(".navigation_page", obj).each(function() { 
                var page = $(this);
                page.css(floater);
                var id = page.attr("id");

                $("a[rel="+id+"]").each(function() {
                    $(this).click(function() {
                        obj.navigate($(this).attr("rel"));
                        return false;
                    ;})
                });
                    
            })

            // show the first one
            $(".navigation_page:first", obj).show();
        });
    }
    
    $.navigation = {
        hide: function(obj) {
            obj.hide();
        },
        show: function(obj) {
            obj.show();
        }
    }
    
    
})(jQuery)