$(document).ready(
	function(){
		var currentMenu = Number($(".menu").attr("id"));
		var currentText = $.trim($(".menu li:eq("+Number(currentMenu-1)+")").children("a").text()).replace(" ","");
		//重点,这时获取每个菜单的字符长度,下面根据字符长度显示不同长度的背景图片;
		//注意,必须是每个菜单下面的子A标签的字符长度,开始因为计算的是每个菜单下面的所有字符长度,连下级菜单的字都计算进去了.为这个浪费了半天时间;
		init();
		var menuAlpha = true;
		//是否显示半透明效果,默认为显示;
		var menuAlphaNum = 80;
		//如果上面的menuAlpha为true则显示menuAlphaNum的透明度;
		var menuAllSame = false;
		//如果菜单是半透明效果,这时有下级菜单的按钮和没有下级菜单的按钮在鼠标移上去时显示的颜色(menuOverClass中的背景色)会根据menuAllSame值来渲染,如果值为false,则无下级菜单的按钮鼠标事件时背景色为半透明.如果值为true,则无下级菜单的按钮鼠标事件时背景颜色为不透明;
		var menuBgDefault = "#ccc"
		//如果menuAlpha为false时则显示menuBgDefault的默认不透明背景色;
		var menuOverClass = "menu_over";
		//当鼠标移动到菜单上的时候显示的样式,需要在样式表中建一个同名的样式;
		//注意,这个样式中不要写font-*属性,因为这个是全局,会改变所有下级菜单的字体大小;
		if(menuAlpha){
			if(menuAllSame){
				$(".sub_menu > a").wrap("<div class='sub_list'></div>");
				//当菜单半透明时,将A标签包裹一个空下级菜单,可以让本菜单在鼠标事件时背景色不透明;
			}
			$(".sub_box").wrapInner("<div class='sub_alpha'></div>");
			//给所有的菜单大框架包裹透明背景;
			$(".sub_menu").wrapInner("<div class='sub_alpha'></div>");
			//给所有的下级菜单包裹透明背景;
			if($.browser.msie){
				$(".sub_box .sub_alpha").animate({opacity:String(Number(menuAlphaNum*0.01))});
			}else{
				$(".sub_box>.sub_alpha").animate({opacity:String(Number(menuAlphaNum*0.01))});
			}
			//根据浏览器计算下级菜单背景色的透明度,非IE时只更改sub_box下的背景色;
		}else{
			$(".sub_box").css("background-color",menuBgDefault);
			$(".sub_menu").css("background-color",menuBgDefault);
			//给菜单和下级菜单一个不透明的背景色;
		}
		$(".menu li").hover(
			function(){
				$(this).children("div.sub_box").slideDown("fast");
				var stringLen = $.trim($(this).children("a").text()).replace(" ","").length;
				//重点,必须是children("a").text();
				var subBg = "/images/menu_bg_txt"+stringLen+".jpg";
				$(this).css("background","url("+subBg+") no-repeat center 3px");
				$(this).children("a").css("color","#fff")
			},
			function(){
				$(this).children("div.sub_box").slideUp("fast");
				var overText = $.trim($(this).children("a").text()).replace(" ","");
				//重点,必须是children("a").text();
				if(overText == currentText){
					return;	
				}
				$(this).css("background","url('none') no-repeat center 3px");
				$(this).children("a").css("color","#6b9a8a");
			}
		)
		$(".sub_list").hover(
			function(){
				$(this).addClass(menuOverClass);//鼠标移到二级菜单变色
				$(this).children("div.sub_menu").slideDown("fast");
			},
			function(){
				$(this).removeClass(menuOverClass);
				$(this).children("div.sub_menu").slideUp("fast");
			}
		)
		$(".sub_list a").hover(
			function(){
				$(this).addClass(menuOverClass);//鼠标移到三级菜单变色
			},
			function(){
				$(this).removeClass(menuOverClass);
			}
		)
	}				  
)
function init(){
	var currentMenu = Number($(".menu").attr("id"));
	var target = $(".menu li:eq("+Number(currentMenu-1)+")");
	var stringLen = $.trim(target.children("a").text()).replace(" ","").length;
	var subBg = "/images/menu_bg_txt"+stringLen+".jpg";
	target.css("background","url("+subBg+") no-repeat center 3px");
	target.children("a").css("color","#fff")
}