﻿function $t(){}
$t.prototype = {
	$do : function(menus,divs,openClass,closeClass){
		var _this = this;
		if(menus.length != divs.length)
		{alert("菜单层数量和内容层数量不一致!");
			return false;}				
		for(var i = 0 ; i < menus.length ; i++)
		{	_this.$(menus[i]).value = i;
		
			_this.$(menus[i]).onmouseover = function(){
				for(var j = 0 ; j < menus.length ; j++)
				{	_this.$(menus[j]).className = closeClass[j];
					_this.$(divs[j]).style.display = "none";}
					
				_this.$(menus[this.value]).className = openClass[this.value];
				
				_this.$(divs[this.value]).style.display = "block";				
			}}},
	$ : function(oid){	if(typeof(oid) == "string")
		return document.getElementById(oid);
		return oid;	}
		}				

window.onload = function(){
	var $tabs = new $t();
	$tabs.$do(["a1","a2","a3"],["b1","b2","b3"],["bq1","bq1","bq1"],["bq2","bq2","bq2"]);
	$tabs.$do(["e1","e2","e3","e4","e5","e6","e7","e8","e9"],["f1","f2","f3","f4","f5","f6","f7","f8","f9"],["ef1","ef1","ef1","ef1","ef1","ef1","ef1","ef1","ef1"],["ef2","ef2","ef2","ef2","ef2","ef2","ef2","ef2","ef2"]);

}