mxl_app_tab = {
	/**
	 * 初始化标签，给定义为"a.mxl_tab_bt_active"的标签添加事件来显示隐藏相应的功能模块
	 */
	init: function(){
	  //这里考虑的是有时候有个别标签要切换页面，所以这里对a加了样式名"mxl_tab_bt_active"进行限制
	  
	  $(".mxl_tab_bt").mouseover(function(){

	  		var sTag = $(this).attr("tag");
			if(typeof sTag == "undefined" || sTag == "")
			{
				return;
			}
			
			//如果当前标签已经为活动标签，则直接返回
			if($(this).hasClass("mxl_tab_actived"))
			{
				return false;
			}
			//获取此操作对应的mxl_tab_nav
			var oTab_box_nav = $(this).parents(".mxl_tab_nav").get(0);
			//获取原来激活的标签
			var oSelected_nav = $(".mxl_tab_actived",oTab_box_nav).get(0);
		
			//调用移除方法，移除原激活标签的状态
			mxl_app_tab.removeClass(oSelected_nav);
			//调用添加方法，激活当前标签
			mxl_app_tab.addClass(this);
			return false;

	  });
	},
	/**
	 * 移除对应dom元素的激活状态
	 * @param {domElement} elm
	 */
  	removeClass: function(elm){
		$(elm).removeClass("mxl_tab_actived");
		//获取标签对应的容器的id，如果是多个容器，id直接用空格分开。
		var sTag = $(elm).attr("tag");
		//转换为容器id数组
		var aTag = sTag.split(" ");
		//遍历容器id数组，将对应的容器设为不显示
		for(var i =0, iLen = aTag.length; i < iLen; i++)
		{
	  		var oSelected_box = $("#" + aTag[i]).get(0);
	  		if(oSelected_box)
	  		{
	  			oSelected_box.style.display = "none";
	  		}
	  		
		}
	},
	/**
	 * 添加指定dom元素的激活状态
	 * @param {domElement} elm
	 */
	addClass: function(elm){
		$(elm).addClass("mxl_tab_actived");
		//获取标签对应的容器的id，如果是多个容器，id直接用空格分开。
		var sTag = $(elm).attr("tag");
		//转换为容器id数组
		var aTag = sTag.split(" ");
		//遍历容器id数组，将对应的容器设为显示
		for(var i =0, iLen = aTag.length; i < iLen; i++)
		{
	  		var oSelected_box = $("#" + aTag[i]).get(0);
	  		if(oSelected_box)
	  		{
	  			oSelected_box.style.display = "";
	  		}
		}
	}
}

