/**
 * 命名空间
 */
var tabcss={};

/**
 * 
 * 把该函数赋给页面元素的onmouseover事件，可以实现标签的自动切换
 * 前提：都有id，而且标签头都有类样式，分选中和未选中，可以是一个或多个
 * 标签体就是用简单的display=none 或=''切换
 * @param {string} id 当前标签头的id
 * @param {Object} arg 一个有些复杂的对象
 * {
 *   tab_id:['wz5_1','wz5_2','wz5_3'],           //几个标签头的id，按顺序
 *   content_id:['tab5_1', 'tab5_2', 'tab5_3'],  //几个标签体的id
 *   tab_select_class:['tab11_select','tab12_select','tab13_select' ],             //注：如果不同就传数组，相同只要一个即可
 *   tab_noselect_class: 'tab1_noselect'         //注：如果不同就传数组，相同只要一个即可
 * }
 */
tabcss.switch_class = function(id, arg)
{
    for (var i = 0; i < arg.tab_id.length; i++) {
      if (id == arg.tab_id[i]) {
         if(typeof arg.tab_select_class == 'string'  )
           document.getElementById(arg.tab_id[i]).className = arg.tab_select_class; //当前标签
         else
           document.getElementById(arg.tab_id[i]).className = arg.tab_select_class[i]; //当前标签
         document.getElementById(arg.content_id[i]).style.display = '';           //当前内容
      }else{
         if(typeof arg.tab_noselect_class == 'string'  )
           document.getElementById(arg.tab_id[i]).className = arg.tab_noselect_class; //当前标签
         else
           document.getElementById(arg.tab_id[i]).className = arg.tab_noselect_class[i]; //当前标签
         //document.getElementById(arg.tab_id[i]).className = arg.tab_noselect_class; //当前标签
         document.getElementById(arg.content_id[i]).style.display = 'none';           //当前内容
      }
   }
   
  
   
};