//vim: et:ts=4:sw=4:sts=4:ft=js
// fixme: this should be Ox.Theme, and provide Ox.Theme.set(), Ox.Theme.load, etc.
/**
    if name is given as argument, switch to this theme.
    return current theme otherwise.

    Ox.theme()
        get theme
    Ox.theme('foo')
        set theme to 'foo'
*/

Ox.UI.ready(function() {
    
    Ox.theme = function() {
        var length = arguments.length,
            classes = Ox.UI.$body.attr('class').split(' '),
            arg, theme;
        Ox.forEach(classes, function(v) {
            if (Ox.startsWith(v, 'OxTheme')) {
                theme = v.replace('OxTheme', '').toLowerCase();
                if (length == 1) {
                    Ox.UI.$body.removeClass(v);
                }
                return false;
            }
        });
        if (length == 1) {
            arg = arguments[0]
            Ox.UI.$body.addClass('OxTheme' + Ox.toTitleCase(arg));
            if (theme) {
                $('img').each(function() {
                    var $this = $(this);
                    if (!$this.attr('src')) return; // fixme: remove, should't be neccessary
                    $this.attr({
                        src: $this.attr('src').replace(
                            '/ox.ui.' + theme + '/', '/ox.ui.' + arg + '/'
                        )
                    });
                });
                $('input[type=image]').each(function() {
                    var $this = $(this);
                    $this.attr({
                        src: $this.attr('src').replace(
                            '/ox.ui.' + theme + '/', '/ox.ui.' + arg + '/'
                        )
                    });
                });
                $('.OxLoadingIcon').each(function() {
                    var $this = $(this);
                    $this.attr({
                        src: $this.attr('src').replace(
                            '/ox.ui.' + theme + '/', '/ox.ui.' + arg + '/'
                        )
                    });
                })
            }
        }
        return theme;
    };

    Ox.theme(Ox.UI.DEFAULT_THEME);


});