// JavaScript Document
function getElementsByClassName(className,context){
	context = context || document;
	if(context.getElementsByClassName){
		return context.getElementsByClassName(className);
	}
	var nodes = context.getElementsByTagName('*');
	var rets = [];
	for(var i = 0; i < nodes.length; i++){
		if(hasClass(className,nodes[i])){
			rets.push(nodes[i]);
		}
	}
	return rets;
}
function hasClass(className,node){
	var classNames = node.className.split(/\s+/);
	for(var i = 0; i < classNames.length; i++){
		if(classNames[i] == className){
			return true;
		}
	}
	return false;
}function getAlerts(){
	var alerts=[];
	for(var i=0;i<4;i++){
		alerts.push(document.getElementById('alert'+i));
	}
	return alerts;
}
window.onload=function(){
	function tabfun(myid){
	    var tabCon = document.getElementById('tabCon');
        //alert(getElementsByClassName('select',tabCon).length);     //2
		var mydiv=document.getElementById(myid);
		var h2s=mydiv.getElementsByTagName('h2');
		var sel = getElementsByClassName('select',tabCon);		//var sel = document.getElementsByClassName("select");		var dls=mydiv.getElementsByTagName('dl');
		//var strongs=mydiv.getElementsByTagName('strong');
	/*--------------------------------将所有该用到的元素取出并进行保存----------------------------*/		for(var i=0;i<h2s.length;i++){
			h2s[i].myindex=i
			h2s[i].onmouseover=function(){
				for(var i=0;i<h2s.length;i++){
					h2s[i].className=''
				}
				this.className='current01'
	/*--------------------------------标题的功能已经全部结束-----下面是内容的功能-----------------------*/
			$("div[id*='alert']").hide();
			$($("div[id*='alert']")[this.myindex]).show();
			for(var i=0;i<dls.length;i++){
				dls[i].style.display='none'
			}			dls[this.myindex].style.display='block'
			for(var i=0;i<sel.length;i++){
				sel[i].style.display='none'
			}			sel[this.myindex].style.display='block'
		//	for(var i=0;i<strongs.length;i++){
		//	strongs[i].className=''		//  }		//strongs[this.myindex].className='current02'
		}
	}
	}//我们定义了一个非常好用的函数；
	tabfun('tab3');
}
function tabfun(myid,e){// 翻页用到
	var tabCon = document.getElementById('tabCon');
    //alert(getElementsByClassName('select',tabCon).length);	var mydiv=document.getElementById(myid);
	var h2s=mydiv.getElementsByTagName('h2');
	var sel = getElementsByClassName('select',tabCon);//	var sel = document.getElementsByClassName("select");	var dls=mydiv.getElementsByTagName('dl');
	//var strongs=mydiv.getElementsByTagName('strong');
	var j=parseInt(e);
	//h2s[i].myindex=j
	for(var i=0;i<h2s.length;i++){
		h2s[i].className=''
	}
	h2s[j].className='current01'
	for(var i=0;i<dls.length;i++){
		dls[i].style.display='none'
	}	dls[j].style.display='block'
	for(var i=0;i<sel.length;i++){
		sel[i].style.display='none'
	}	sel[j].style.display='block';
	$("div[id*='alert']").hide();
	$($("div[id*='alert']")[j]).show();
	for(var i=0;i<h2s.length;i++){
		h2s[i].myindex=i
		h2s[i].onmouseover=function(){
			for(var i=0;i<h2s.length;i++){
				h2s[i].className=''
			}
			$("div[id*='alert']").hide();
			$($("div[id*='alert']")[this.myindex]).show();
			h2s[this.myindex].className='current01'
			for(var i=0;i<dls.length;i++){
				dls[i].style.display='none'
			}			dls[this.myindex].style.display='block'
			for(var i=0;i<sel.length;i++){
				sel[i].style.display='none'
			}			sel[this.myindex].style.display='block'
		}
	}
}