// Inspired by http://hslpicker.com/
(function() {
    var cl = function(o) {
        if (window.console) console.log(o);
    };
    var Background = {
        init: function() {
            // tmp disable
            //this.backgroundColor = 'hsl(120, 34%, 64%)';
            this.delta = 5;
            this.lowerBound = 0;
            this.upperBound = 360;
            this.$container = $('html');
            this.setBackgroundColor(this.backgroundColor, this.$container);
            cl(this.getBackgroundColor(this.$container));
        },
        getHue: function() {
            cl(this.backgroundColor);
        },
        setBackgroundColor: function(color, element) {
            cl(color);
            element.css({
                backgroundColor: color
            });
        },
        getBackgroundColor: function(element) {
            return element.css('backgroundColor');
        }
    };
    $(document).ready(function() {
        Background.init();
    });
})();