// JavaScript Document 

/*
	初始化切换菜单面板的方法
	需要切换面板的铵钮元素为li, class为tabNav
	切换面板的内容元素为div, class为tabItem
	id: 面板库的总ID
	tabNav的元素个数必需与tabItem的个数一致
	切换面板的菜单必需为a元素，激活样式为curr
*/
function initTabs(id)
{

	var dom = document.getElementById(id);
	var t_navs = dom.getElementsByTagName("li");
	var t_tabs = dom.getElementsByTagName("DIV");
	
	var navs = Array();
	var tabs = Array();
	
	for(var i=0;i<t_navs.length;i++)
	{
		if(t_navs[i].className == "tabNav")
		{
			navs.push(t_navs[i]);	
		}
	}
	
	for(var i=0;i<t_tabs.length;i++)
	{
		if(t_tabs[i].className == "tabItem")
		{
			tabs.push(t_tabs[i]);	
		}
	}

	for(var i=0;i<navs.length;i++)
	{
			if(i==0) //当第一个按钮时将按钮内的a设为curr
			{
				var a_els = navs[i].getElementsByTagName("A");
				for(var j=0;j<a_els.length;j++)
				{
						a_els[j].className = "curr";
				}
				tabs[i].style.display = "block";
			}			
			else
			{
				var a_els = navs[i].getElementsByTagName("A");
				for(var j=0;j<a_els.length;j++)
				{
						a_els[j].className = "";
				}
				tabs[i].style.display = "none";
			}
			navs[i].onmouseover =function(){ swap_tab(this, id); } //绑定事件

	}
}
function swap_tab(obj,id)
{
	var dom = document.getElementById(id);
	var t_navs = dom.getElementsByTagName("li");
	var t_tabs = dom.getElementsByTagName("DIV");
	
	var navs = Array();
	var tabs = Array();
	
	for(var i=0;i<t_navs.length;i++)
	{
		if(t_navs[i].className == "tabNav")
		{
			navs.push(t_navs[i]);	
		}
	}
	
	for(var i=0;i<t_tabs.length;i++)
	{
		if(t_tabs[i].className == "tabItem")
		{
			tabs.push(t_tabs[i]);	
		}
	}
	
	for(var i=0;i<navs.length;i++)
	{
		if(obj==navs[i])
		{
			var a_els = navs[i].getElementsByTagName("A");
			for(var j=0;j<a_els.length;j++)
			{
					a_els[j].className = "curr";
			}	
			
			tabs[i].style.display="block";
		}
		else
		{
			var a_els = navs[i].getElementsByTagName("A");
			for(var j=0;j<a_els.length;j++)
			{
					a_els[j].className = "";
			}	
			tabs[i].style.display="none";
		}
	}
	
}