var ThemeManager = {
    themes: ['', 'themeA', 'themeC', 'themeB'],
    curTheme: 0,
    themesLoaded: false,
    LoadThemes: function () {
        if (!this.themesLoaded) {
            var fileref = document.createElement("link")
            fileref.setAttribute("rel", "stylesheet")
            fileref.setAttribute("type", "text/css")
            fileref.setAttribute("href", cf.root + '/resources/Themes.css')
            if (typeof fileref != "undefined")
                document.getElementsByTagName("head")[0].appendChild(fileref)
            this.themesLoaded = true;

        }
    },
    SelectNext: function () {
        this.LoadThemes()
        this.curTheme++
        for (var i = 0; i < this.themes.length; i++) {
            $('.themeable').removeClass(this.themes[i])
        }
        if (this.curTheme == this.themes.length) this.curTheme = 0
        $('.themeable').addClass(this.themes[this.curTheme])

    }
}

$(document).ready(function () {
    $('#TitleBarColor').click(function () { ThemeManager.SelectNext() })
    //ThemeManager.SelectNext()
    //ThemeManager.SelectNext()
    //TitleBarColor
    //alert("yes")
})