﻿//Version：2.0
//Author:Zsea

function SwitchTab()
{
    var navArray=new Array(); //导航数组
    var ContentBox=null;      //显示内容的对象
    
    var _FocusCss="";            //显示它的内容时的样式
    var _BlurCss="";            //未显示内容时的样式
    
    this.SetFocusCss=function(css){_FocusCss=css;};
    this.SetBlurCss=function(css){_BlurCss=css;};
    this.Add=function(navId,contentId) //导航对象，内容对象
    {
        navArray[navArray.length]=new Object;
        navArray[navArray.length-1].Nav=navId;
        navArray[navArray.length-1].Content=contentId;
        
    };
    
    
    this.Mouseover=function(ev)
    {
      var pd,pc;
      if(typeof(ev)!="number")
      {
        ev = ev || window.event; // 事件    
        var target    = ev.target || ev.srcElement; // 获得事件源    
        pd=target;
      }
      else
      {
        pd=document.getElementById(navArray[ev].Nav)
      }
      //alert(_FocusCss);
        //alert(index+"\r\n"+navArray.length);
        for(var i=0;i<navArray.length;i++)
        {
            var n=document.getElementById(navArray[i].Nav);
            var c=document.getElementById(navArray[i].Content);
            if(!n||!c) continue;
            n.className=_BlurCss;
            if(pd)
            {
                if(pd.id==navArray[i].Nav)
                    pc=c;
            }
        }
        //var cb=document.getElementById(this.ContentBoxId);
        if(!pd||!pc||!ContentBox)
        {
            alert("指定了不存在的对象！\r\n"+pd.id+"\r\n"+pc.id+"\r\n"+ContentBox);
            return;
        }
        pd.className=_FocusCss;
        ContentBox.innerHTML=pc.innerHTML;
    };
    
    this.Execute=function()
    {
        for(var i=0;i<navArray.length;i++)
        {
            var t=document.getElementById(navArray[i].Nav);
            if(t)
            {
                
                var a=this.Mouseover;
                if(window.attachEvent)
                {
                    t.attachEvent("onmouseover",function(ev){
                        a(ev); 
                    });
                }
                else
                {
                    t.addEventListener("mouseover",function(ev){
                            a(ev);            
                    },false);

                }
            }
        }
        this.Mouseover(0);
    };
    
    //调置内容显示对象
    if(arguments[0])
        ContentBox=arguments[0];
}



//var tab=new SwitchTab(document.getElementById("c"));
//tab.SetBlurCss("blur");
//tab.SetFocusCss("focus");
//tab.Add("t1","c1");
//tab.Add("t2","c2");
//tab.Add("t3","c3");
//tab.Execute();
