/// <reference path="jquery-1.3.2.js"/>

jQuery.fn.makeMenu = function(options) {
    var defaults = { fadeIn: 200, fadeOut: 200 };
    options = $.extend(defaults, options);
    var menu = '#navmenu';
    var coll = '.group';
    var item = '.item';
    var icon = 'icon16rightarrow';

    return this.each(function() {

        var menu = $(this);

        menu.children(item).each(function(i) {
            $(this).hover(Show, function() { menu.children(item).children(coll).fadeOut(options.fadeOut); });
            Init($(this));
            $(this).f
        });

        function Init(node) {
            node.children(coll).children(item).each(function(i) {
                $(this).bind('mouseover', Show);

                if ($(this).children(coll).size() > 0)
                    $('<span class="' + icon + '"/>').appendTo($(this));

                $(this).hide();
                Init($(this));
            });
        };

        function Show() {
            if ($(this).parent(coll).size() > 0) {
                var width = ($(this)[0].clientWidth);
                $(this).children(coll).css('left', width);
            }
            else if ($(this).parent(menu).size() > 0) {
                var height = ($(this).parent(menu)[0].offsetHeight) - 4;
                $(this).children(coll).css('top', height);
            }

            Hide($(this).siblings(item));
            $(this).children(coll).fadeIn(options.fadeIn);
            $(this).children(coll).children(item).fadeIn(options.fadeIn);
        };

        function Hide(node) {
            node.children(coll).hide();

            if (node.children(coll).children(item).size() > 0)
                Hide(node.children(coll).children(item));
        };
    });
};