(function($) {
    $.fn.SanKawaNav = function(data) {
        var table = $('<table border="0" cellpadding="0" cellspacing="0"></table>').css('width', '100%').addClass('Nav');

        for (i = 0; i < data.length; i++) {
            var tuple = data[i];

            var row = $('<tr></tr>');
            table.append(row);
            var cell = $('<td></td>').css('width', '100%');
            row.append(cell);

            if (tuple.isSeparator != undefined && tuple.isSeparator) {
                cell.css('height', '10px')
                    .attr('colspan', '2')
                    .css('font-weight', 'bold')
                    .css('text-decoration', 'underline')
                    .css('padding', '2px 5px 5px 2px');
                cell.text(tuple.title);
                continue;
            }

            if (tuple.isHeader) {
                row.addClass('NavBarGroup');
                cell.text(tuple.text);
                var rightCell = $('<td><img src="Images/Nav/Nav-Right.gif" /></td>');
                row.append(rightCell);
                row.prepend('<td><img src="Images/Nav/Nav-Left.gif" /></td>');
                continue;
            }

            cell.attr('colspan', '3')
                .attr('title', tuple.title)
                .css('padding', '2px 5px 2px 7px')
                .addClass('NavCell').text(tuple.text);

            if (tuple.url != undefined) {
                cell.data('url', tuple.url);
                cell.bind('click', function(e) {
                    window.location.href = $(e.target).data('url');
                });
            }
        }

        this.append(table);

        return this;
    }
})(jQuery);