function $(id){
    return document.getElementById(id);
}
window.onload=function(){
    var tabs = $("menus-tab"),
    lis = tabs.getElementsByTagName("li"),
    content = $("content"),
    divs = content.getElementsByTagName("div"),
    clearAllClass = function(arr,name){
        var lens = arr.length,re = new RegExp(name,'gi');
        for(var j = 0;j<lens;j++){
            if(re.test(arr[j].className)){
                arr[j].className = arr[j].className.replace(re,'');
            }
        }
        return arr;
    },
    addClass = function(o,name){
        var re = new RegExp(name,'gi');
        if (!re.test(o.className)) o.className += " "+name;
        return o;
    };
    for(var i=0 ,len=lis.length;i<len;i++){
        ~function(a){
            lis[a].onclick = function(){
                addClass(clearAllClass(lis,'on')[a],'on');
                addClass(clearAllClass(divs,'show')[a],'show');
            }
        }(i);
    }
}