/// <reference path="xtn-1.0.js" />
/// <reference path="jquery-1.4.3.min.js" />
(function ($) {

    xtn.extend({
        layout: {
            autoAjust: function (settings) {
                var config = {
                    offsetX: 0,
                    width: 1000,
                    selector: '',
                    css: ''
                };

                if (settings) $.extend(config, settings);

                var fn = {
                    ajust: function () {
                        var space = ($(window).width() - config.width + config.offsetX) / 2;

                        if (space < -1) space = 0;

                        $(config.selector).css(config.css, space + 'px');
                    }
                };

                $(window).resize(fn.ajust);

                // first kick
                fn.ajust.call(window, undefined);
            },
            navigation: function (settings) {
                var config = {
                    selector: 'ul.ui-nav-has-seperator',
                    active: 'ui-nav-active',
                    template: '<li class="ui-nav-seperator">&nbsp;</li>'
                };

                if (settings) $.extend(config, settings);

                $(config.selector).each(function () {
                    var context = $(this);

                    $("li", context).each(function (indx) {
                        var li = $(this);
                        if (indx == 0) {
                            if (li.hasClass(config.active)) li.parent().addClass('ui-nav-item-first');
                            else li.before(config.template);
                        }

                        if (!(li.hasClass(config.active) || li.next().hasClass(config.active))) {
                            li.after(config.template);
                        }
                    });

                });
            }
        }
    }, xtn.fn);


    $(document).ready(function () {
        // init execute    

        /*

        xtn.fn.layout.autoAjust({
            offsetX: -68,
            selector: '#ui-wrapper-logos',
            css: 'margin-left'
        });

        xtn.fn.layout.autoAjust({
            offsetX: -210,
            selector: '#ui-wrapper-utils',
            css: 'margin-right'
        });

        xtn.fn.layout.autoAjust({
            offsetX: -200,
            selector: '#ui-search-box',
            css: 'margin-right'
        });

        */

        xtn.fn.layout.navigation();
    });

})(jQuery);