﻿
var $_default=function(id){return document.getElementById(id);}
//鼠标经过事件
     function addEventOn(labelID,switchID,maxNum){
         for(i=1;i<=maxNum;i++){
           var obj = $_default(labelID+i);
           if(obj)
              obj.onmouseover= JSsetSwitch(labelID,switchID,i,maxNum);
         }
        JSshowSwitch(labelID,switchID,1,maxNum);
     }
//单击事件
     function addEventOnclick(labelID,switchID,maxNum){
         for(i=1;i<=maxNum;i++){
           var obj = $_default(labelID+i);
           if(obj)
              obj.onclick= JSsetSwitch(labelID,switchID,i,maxNum);
         }
        JSshowSwitch(labelID,switchID,1,maxNum);
     }
     
     var JSsetSwitch=function(labelID,switchID,num,maxNum){
        return function(){JSshowSwitch(labelID,switchID,num,maxNum);}
     }
     function JSshowSwitch(labelID,switchID,num,maxNum){
       var obj;
         for(i=1;i<=maxNum;i++){
           obj = $_default(labelID+i);
           if(obj){obj.className=null;}
           obj = $_default(switchID+i);
           if(obj){obj.style.display="none";}
         }
        obj = $_default(labelID+num);
        if(obj){obj.className="selected";}
        obj = $_default(switchID+num);
        if(obj){obj.style.display="";}
     }
     
/********样式二（指定样式）****************/
//单击事件(指定样式)
     function addEventCssName(labelID,switchID,maxNum,CssNone,CssSelect){
         for(i=1;i<=maxNum;i++){
           var obj = $_default(labelID+i);
           if(obj)
              obj.onclick= JSsetSwitch_Css(labelID,switchID,i,maxNum,CssNone,CssSelect);
         }
        JSshowSwitch_Css(labelID,switchID,1,maxNum,CssNone,CssSelect);
     }
     function addEventCssName_on(labelID,switchID,maxNum,CssNone,CssSelect){
         for(i=1;i<=maxNum;i++){
           var obj = $_default(labelID+i);
           if(obj)
              obj.onmouseover= JSsetSwitch_Css(labelID,switchID,i,maxNum,CssNone,CssSelect);
         }
        JSshowSwitch_Css(labelID,switchID,1,maxNum,CssNone,CssSelect);
     }
     
     var JSsetSwitch_Css=function(labelID,switchID,num,maxNum,CssNone,CssSelect){
        return function(){JSshowSwitch_Css(labelID,switchID,num,maxNum,CssNone,CssSelect);}
     }
     function JSshowSwitch_Css(labelID,switchID,num,maxNum,CssNone,CssSelect){
       var obj;
         for(i=1;i<=maxNum;i++){
           obj = $_default(labelID+i);
           if(obj){obj.className=CssNone;}
           obj = $_default(switchID+i);
           if(obj){obj.style.display="none";}
         }
        obj = $_default(labelID+num);
        if(obj){obj.className=CssSelect;}
        obj = $_default(switchID+num);
        if(obj){obj.style.display="";}
     }
