function setClipBoard(id) {
    var area = document.getElementById(id);
    if (document.all && navigator.userAgent.match(/windows/i) && area.value) {
        copyObj = area.createTextRange();
        copyObj.execCommand('Copy');
    }
}
Event.observe(window, 'load', function() {
    if (!$('vimcolor')) return;
    Form.Element.focus('code');
    $('vimcolor').onsubmit = function() {
        if (!$F('code')) {
            PPrompt.alert('Please input your code.', {
                onOk: function() {
                    Form.Element.focus('code');
                    PPrompt.close();
                }
            });
            return false;
        }
        $('submit').disabled = true;
        return true;
    };
});

Event.observe(window, 'load', function(){
    var start = new TabMaker('tab');
    start.create();
});

var TabMaker = Class.create()
TabMaker.prototype = {
    initialize: function(tab) {
        this.tabLnegth = gcn(tab).length;
        this.tabName = tab;
    },
    create: function() {
        var menu = new TabIndex(this.tabName);
        for (var i = 0; i < this.tabLnegth; i++) {
            menu.appendTab(new Tab('Tab' + i, (i==0)));
        }
        menu.setTab();
    }
}

var Tab = Class.create();
Tab.prototype = {
    initialize: function(name, open) {
        this.name = name;
        this.page = name + 'Box';
        this.open = open;
    },
    styleTab: function() {
        if (this.open)
            this.setStyle('visible', '', 'open');
        else
            this.setStyle('hidden', 'absolute', 'close');
        this.open = false;
    },
    setStyle: function(visibility, position, className){
        var page = $(this.page).style;
        var name = $(this.name);
        page.visibility = visibility;
        page.position = position;
        name.className = className;
    }
}

var TabIndex = Class.create();
TabIndex.prototype = {
    initialize : function(tab) {
        this.last = 0;
        this.tabs = new Array();
        this.tabName = tab;
    },
    getTabAt : function(index) {
        return this.tabs[index];
    },
    appendTab : function(tab) {
        this.tabs[this.last] = tab;
        gcn(this.tabName)[this.last].id = tab.name;
        gcn(this.tabName+'Box')[this.last].id = tab.page;
        this.last++;
        var link = document.createElement('a');
        link.innerHTML = $(tab.name).innerHTML;
        link.href = 'javascript:void(0);'
        $(tab.name).innerHTML = '';
        $(tab.name).appendChild(link);
        $(tab.name).onclick = function(){
            tab.open = true;
            this.setTab();
        }.bind(this);
    },
    getLength : function() {
        return this.last;
    },
    each : function(func) {
        for (var i = 0; i < this.getLength(); i++) {
            func(this.getTabAt(i));
        }
    },
    setTab: function() {
        this.each(function(tab) {
                tab.styleTab();
        });
    }
};
function gcn(id){
    return document.getElementsByClassName(id);
}