var Option = {
    
    groups : ['level', 'timer', 'error'],
    
    show : function () {
        Option.load();
        document.getElementById('board').style.display='none';
        document.getElementById('options').style.display='block';
    },
    hide : function () {
        document.getElementById('board').style.display='block';
        document.getElementById('options').style.display='none';
    },
    
    load : function () {
        var cookie = Cookie.get('options');
        if (cookie) {
            var options = cookie.split(';');
            for (var o=0; o<options.length; o++) {
                var option = options[o].split(':');
                Option.setGroupValue(option[0], option[1]);
            }
        }
        else {
            for (var g=0; g<Option.groups.length; g++) {
                var is = document.getElementsByName(Option.groups[g]);
                for (var i=0; i<is.length; i++) {
                    if (is[i].defaultChecked) is[i].checked = true;
                }
            }
        }
    },
    save : function () {
        var options = [];
        for (var g=0; g<Option.groups.length; g++) {
            var name = Option.groups[g];
            options[options.length] = name+':'+this.getGroupValue(name);
        }
        if (Cookie.get('options') != options.join(';')) {
            var expires = new Date();
            expires.setDate(expires.getDate()+365);
            Cookie.set('options', options.join(';'), expires);
            Option.onChange();
        }
    },
    
    getGroupValue : function (groupName) {
        var is = document.getElementsByName(groupName);
        for (var i=0; i<is.length; i++) {
            if (is[i].checked) return is[i].value;
        }
        return false;
    },
    setGroupValue : function (groupName, value) {
        var is = document.getElementsByName(groupName);
        for (var i=0; i<is.length; i++) {
            if (is[i].value == value) is[i].checked = true;
        }
    },

    onChange : function () {
        if (Option.getGroupValue('timer') != 2) {
//            if (!Option.getGroupValue('timer') || !board. ) {}
        }
    }
}