var frontcolumns_navigation01={
	currentcolumn : 0,			//当前选中栏目的位置
 	isshowsecondcolumn : "",		//是否显示二级导航
	compid : "",	//组件id

	addclickevent:function(){		//给一级导航栏目就点击事件
		$(".navmenu li").each(function(i){
			$(this).bind("click", function(){

				$("#columns-"+frontcolumns_navigation01.compid+"-"+frontcolumns_navigation01.currentcolumn).removeclass("navmenubg"+frontcolumns_navigation01.currentcolumn);
				$(this).addclass("navmenubg"+i);

				if(frontcolumns_navigation01.isshowsecondcolumn.length > 0){
					$("#secondcolumns-"+frontcolumns_navigation01.compid+"-"+frontcolumns_navigation01.currentcolumn).hide();
					$("#secondcolumns-"+frontcolumns_navigation01.compid+"-"+i).show();
				}

				frontcolumns_navigation01.currentcolumn = i;
			});

		});
	},

	addmouseoverevent:function(){			//给一级导航栏目增加鼠标悬停事件
		$(".navmenu li").each(function(i){
			$(this).bind("mouseover", function(){
				$("#columns-"+frontcolumns_navigation01.compid+"-"+frontcolumns_navigation01.currentcolumn).removeclass("navmenubg"+frontcolumns_navigation01.currentcolumn);
				$(this).addclass("navmenubg"+i);

				if(frontcolumns_navigation01.isshowsecondcolumn.length > 0){
					$("#secondcolumns-"+frontcolumns_navigation01.compid+"-"+frontcolumns_navigation01.currentcolumn).hide();
					$("#secondcolumns-"+frontcolumns_navigation01.compid+"-"+i).show();
				}
			});
		});
	},

	addmouseoutevent:function(){		//给一级导航栏目增加鼠标移出事件
		$(".navmenu li").each(function(i){
			$(this).bind("mouseout", function(){
				$(this).removeclass("navmenubg"+i);
				$("#columns-"+frontcolumns_navigation01.compid+"-"+frontcolumns_navigation01.currentcolumn).addclass("navmenubg"+frontcolumns_navigation01.currentcolumn);

				if(frontcolumns_navigation01.isshowsecondcolumn.length > 0){
					$("#secondcolumns-"+frontcolumns_navigation01.compid+"-"+i).hide();
					$("#secondcolumns-"+frontcolumns_navigation01.compid+"-"+frontcolumns_navigation01.currentcolumn).show();
				}
			});
		});
	},

	setselectedcolumn:function(index){	//获取当前页面要选中的栏目的位置,默认是0
		var curcolumn = this.geturlparam(index);
		if(curcolumn != null){
			this.currentcolumn = curcolumn;
		}
	},

	setfocuscolumn: function(){		//给当前选中的一级栏目增加背景及显示其二级栏目
		$("#columns-"+frontcolumns_navigation01.compid+"-"+this.currentcolumn).addclass("navmenubg"+this.currentcolumn);
		if(this.isshowsecondcolumn.length > 0){
			$("#secondcolumns-"+frontcolumns_navigation01.compid+"-"+this.currentcolumn).show();
		}
	},

	geturlparam:function(name){	//获取url参数
      var   reg   =   new   regexp("(^|&)"+   name   +"=([^&]*)(&|$)");
      var   r   =   window.location.tostring().match(reg);
      if   (r!=null)   return   unescape(r[2]);   return   null;
  },

	init:function(compid, index, secondcolumn){		//初始化.index:表示栏目位置的参数名称,secondcolumn:是否显示二级栏目
		this.compid = compid;
		this.isshowsecondcolumn = secondcolumn;
		this.setselectedcolumn(compid+"-"+index);
		this.addclickevent();
		this.addmouseoverevent();
		this.addmouseoutevent();

		this.setfocuscolumn();
	},

	//导航扩展样式效果
	extevents:function(compid, showsecond){
		var extcurrentcolumn = this.geturlparam(compid+"firstcolumnid");
		var secondcolumnid = this.geturlparam(compid+"secondcolumnid");

		if(extcurrentcolumn == null){
			extcurrentcolumn =  $("#"+compid+" ul.nav-first .first").attr("id");
		}else{
			extcurrentcolumn = "columns"+extcurrentcolumn;
		}
		if(secondcolumnid == null){
			secondcolumnid =  $("#"+compid+" #"+extcurrentcolumn+" .nav-second .nav-sec-main ul li:first a").attr("id");
		}else{
			secondcolumnid = "cols"+secondcolumnid;
		}

		$("#"+compid+" #"+extcurrentcolumn).addclass("current");
		$("#"+compid+" #"+secondcolumnid).addclass("current-a");
		$("#"+compid+" #"+extcurrentcolumn+"sub").show();

		if(showsecond){
			 $("#"+compid+" ul.nav-first li[id^='columns']").hover(
				  function () {
				    if($(this).attr("id") != extcurrentcolumn){
							$("#"+compid+" #"+extcurrentcolumn).removeclass("current");
							$("#"+compid+" #"+extcurrentcolumn+"sub").hide();

							$(this).addclass("current");
							$("#"+compid+" #"+$(this).attr("id")+"sub").show();
							if(!$(this).find(".nav-second .nav-sec-main a").hasclass("current-a")){
								$(this).find(".nav-second .nav-sec-main a:first").addclass("current-a")
							}
						}
				  },
				  function () {
						$(this).removeclass("current");
						$("#"+compid+" #"+$(this).attr("id")+"sub").hide();

				    $("#"+compid+" #"+extcurrentcolumn).addclass("current");
						$("#"+compid+" #"+extcurrentcolumn+"sub").show();
				  }
				);

				$("#"+compid+" ul.nav-first li[id^='columns']").click(function(){
					$("#"+compid+" #"+extcurrentcolumn).removeclass("current");
					$("#"+compid+" #"+extcurrentcolumn+"sub").hide();
					$(this).addclass("current");
					$("#"+compid+" #"+$(this).attr("id")+"sub").show();

					extcurrentcolumn = $("#"+compid+" ul.nav-first li.current").attr("id");
			  });

				$("#"+compid+" ul.nav-first .nav-second .nav-sec-main a").click(function(){
					$(this).parent().parent().find("a").removeclass("current-a");
					$(this).addclass("current-a");

					var cursecid = $(this).parents(".nav-second").attr("id");
					if(cursecid !== extcurrentcolumn+"sub"){
						$("#"+compid+" #"+extcurrentcolumn).removeclass("current");
						$("#"+compid+" #"+extcurrentcolumn+"sub").hide();
						extcurrentcolumn = cursecid.substring(0, cursecid.length-3);
						$("#"+compid+" #"+extcurrentcolumn).addclass("current");
						$("#"+compid+" #"+cursecid).show();
					}
			  });
		}else{
			 $("#"+compid+" ul.nav-first li[id^='columns']").hover(
				  function () {
				    if($(this).attr("id") != extcurrentcolumn){
							$("#"+compid+" #"+extcurrentcolumn).removeclass("current");
							$(this).addclass("current");
						}
				  },
				  function () {
						$(this).removeclass("current");
				    $("#"+compid+" #"+extcurrentcolumn).addclass("current");
				  }
				);

				$("#"+compid+" ul.nav-first li[id^='columns']").click(function(){
					$("#"+compid+" #"+extcurrentcolumn).removeclass("current");
					$(this).addclass("current");

					extcurrentcolumn = $("#"+compid+" ul.nav-first li.current").attr("id");
			  });
		}
	},
	
	
	//f2样式的js效果
	//** all levels navigational menu- (c) dynamic drive dhtml code library: http://www.dynamicdrive.com
	//** script download/ instructions page: http://www.dynamicdrive.com/dynamicindex1/ddlevelsmenu/
	//** usage terms: http://www.dynamicdrive.com/notice.htm
	//** current version: 2.2 see changelog.txt for details
	
	ddlevelsmenu : {
	
		enableshim: true, //enable iframe shim to prevent drop down menus from being hidden below select or flash elements? (tip: disable if not in use, for efficiency)
		
		arrowpointers:{
			downarrow: ["../images/columns/arrow-down.gif", 11,7], //[path_to_down_arrow, arrowwidth, arrowheight]
			rightarrow: ["../images/columns/arrow-right.gif", 12,12], //[path_to_right_arrow, arrowwidth, arrowheight]
			showarrow: {toplevel: true, sublevel: true} //show arrow images on top level items and sub level items, respectively?
		},
		hideinterval: 200, //delay in milliseconds before entire menu disappears onmouseout.
		effects: {enableswipe: true, enablefade: true, duration: 200},
		httpsiframesrc: "blank.htm", //if menu is run on a secure (https) page, the iframe shim feature used by the script should point to an *blank* page *within* the secure area to prevent an ie security prompt. specify full url to that page on your server (leave as is if not applicable).
		
		///no need to edit beyond here////////////////////
		
		topmenuids: [], //array containing ids of all the primary menus on the page
		topitems: {}, //object array containing all top menu item links
		subuls: {}, //object array containing all uls
		lastactivesubul: {}, //object object containing info for last mouse out menu item's ul
		topitemsindex: -1,
		ulindex: -1,
		hidetimers: {}, //object array timer
		shimadded: false,
		nonff: !/firefox[\/\s](\d+\.\d+)/.test(navigator.useragent), //detect non ff browsers
		getoffset:function(what, offsettype){
			return (what.offsetparent)? what[offsettype]+this.getoffset(what.offsetparent, offsettype) : what[offsettype]
		},
		
		getoffsetof:function(el){
			el._offsets={left:this.getoffset(el, "offsetleft"), top:this.getoffset(el, "offsettop")}
		},
		
		getwindowsize:function(){
			this.docwidth=window.innerwidth? window.innerwidth-10 : this.standardbody.clientwidth-10
			this.docheight=window.innerheight? window.innerheight-15 : this.standardbody.clientheight-18
		},
		
		gettopitemsdimensions:function(){
			for (var m=0; m<this.topmenuids.length; m++){
				var topmenuid=this.topmenuids[m]
				for (var i=0; i<this.topitems[topmenuid].length; i++){
					var header=this.topitems[topmenuid][i]
					var submenu=document.getelementbyid(header.getattribute('rel'))
					header._dimensions={w:header.offsetwidth, h:header.offsetheight, submenuw:submenu.offsetwidth, submenuh:submenu.offsetheight}
				}
			}
		},
		
		iscontained:function(m, e){
			var e=window.event || e
			var c=e.relatedtarget || ((e.type=="mouseover")? e.fromelement : e.toelement)
			while (c && c!=m)try {c=c.parentnode} catch(e){c=m}
			if (c==m)
				return true
			else
				return false
		},
		
		addpointer:function(target, imgclass, imginfo, beforeorafter){
			var pointer=document.createelement("img")
			pointer.src=imginfo[0]
			pointer.style.width=imginfo[1]+"px"
			pointer.style.height=imginfo[2]+"px"
			if(imgclass=="frontcolumn_navigation01_rightarrowpointer"){
				pointer.style.left=target.offsetwidth-imginfo[2]-2+"px"
			}
			pointer.classname=imgclass
			var target_firstel=target.childnodes[target.firstchild.nodetype!=1? 1 : 0] //see if the first child element within a is a span (found in sliding doors technique)
			if (target_firstel && target_firstel.tagname=="span"){
				target=target_firstel //arrow should be added inside this span instead if found
			}
			if (beforeorafter=="before")
				target.insertbefore(pointer, target.firstchild)
			else
				target.appendchild(pointer)
		},
		
		css:function(el, targetclass, action){
			var needle=new regexp("(^|\\s+)"+targetclass+"($|\\s+)", "ig")
			if (action=="check")
				return needle.test(el.classname)
			else if (action=="remove")
				el.classname=el.classname.replace(needle, "")
			else if (action=="add" && !needle.test(el.classname))
				el.classname+=" "+targetclass
		},
		
		addshimmy:function(target){
			var shim=(!window.opera)? document.createelement("iframe") : document.createelement("div") //opera 9.24 doesnt seem to support transparent iframes
			shim.classname="frontcolumn_navigation01_ddiframeshim"
			shim.setattribute("src", location.protocol=="https:"? this.httpsiframesrc : "about:blank")
			shim.setattribute("frameborder", "0")
			target.appendchild(shim)
			try{
				shim.style.filter='progid:dximagetransform.microsoft.alpha(style=0,opacity=0)'
			}
			catch(e){}
			return shim
		},
		
		positionshim:function(header, submenu, dir, scrollx, scrolly){
			if (header._istoplevel){
				var scrolly=window.pageyoffset? window.pageyoffset : this.standardbody.scrolltop
				var topgap=header._offsets.top-scrolly
				var bottomgap=scrolly+this.docheight-header._offsets.top-header._dimensions.h
				if (topgap>0){
					this.shimmy.topshim.style.left=scrollx+"px"
					this.shimmy.topshim.style.top=scrolly+"px"
					this.shimmy.topshim.style.width="99%"
					this.shimmy.topshim.style.height=topgap+"px" //distance from top window edge to top of menu item
				}
				if (bottomgap>0){
					this.shimmy.bottomshim.style.left=scrollx+"px"
					this.shimmy.bottomshim.style.top=header._offsets.top + header._dimensions.h +"px"
					this.shimmy.bottomshim.style.width="99%"
					this.shimmy.bottomshim.style.height=bottomgap+"px" //distance from bottom of menu item to bottom window edge
				}
			}
		},
		
		hideshim:function(){
			this.shimmy.topshim.style.width=this.shimmy.bottomshim.style.width=0
			this.shimmy.topshim.style.height=this.shimmy.bottomshim.style.height=0
		},
		
		
		buildmenu:function(mainmenuid, header, submenu, submenupos, istoplevel, dir){
			header._master=mainmenuid //indicate which top menu this header is associated with
			header._pos=submenupos //indicate pos of sub menu this header is associated with
			header._istoplevel=istoplevel
			if (istoplevel){
				this.addevent(header, function(e){
				frontcolumns_navigation01.ddlevelsmenu.hidemenu(frontcolumns_navigation01.ddlevelsmenu.subuls[this._master][parseint(this._pos)])
				}, "click")
			}
			this.subuls[mainmenuid][submenupos]=submenu
			header._dimensions={w:header.offsetwidth, h:header.offsetheight, submenuw:submenu.offsetwidth, submenuh:submenu.offsetheight}
			this.getoffsetof(header)
			//submenu.style.left=0
 			//submenu.style.top=0
			submenu.style.visibility="hidden"
			this.addevent(header, function(e){ //mouseover event
				if (!frontcolumns_navigation01.ddlevelsmenu.iscontained(this, e)){
					var submenu=frontcolumns_navigation01.ddlevelsmenu.subuls[this._master][parseint(this._pos)]
					if (this._istoplevel){
						frontcolumns_navigation01.ddlevelsmenu.css(this, "selected", "add")
					cleartimeout(frontcolumns_navigation01.ddlevelsmenu.hidetimers[this._master][this._pos])
					}
					frontcolumns_navigation01.ddlevelsmenu.getoffsetof(header)
					var scrollx=window.pagexoffset? window.pagexoffset : frontcolumns_navigation01.ddlevelsmenu.standardbody.scrollleft
					var scrolly=window.pageyoffset? window.pageyoffset : frontcolumns_navigation01.ddlevelsmenu.standardbody.scrolltop
					var submenurightedge=this._offsets.left + this._dimensions.submenuw + (this._istoplevel && dir=="topbar"? 0 : this._dimensions.w)
					var submenubottomedge=this._offsets.top + this._dimensions.submenuh
					//sub menu starting left position
					var menuleft=(this._istoplevel? this._offsets.left + (dir=="sidebar"? this._dimensions.w : 0) : this._dimensions.w)
					if (submenurightedge-scrollx>frontcolumns_navigation01.ddlevelsmenu.docwidth){
						menuleft+= -this._dimensions.submenuw + (this._istoplevel && dir=="topbar" ? this._dimensions.w : -this._dimensions.w)
					}
					submenu.style.left=menuleft+"px"
					//sub menu starting top position
					var menutop=(this._istoplevel? this._offsets.top + (dir=="sidebar"? 0 : this._dimensions.h) : this.offsettop)
					if (submenubottomedge-scrolly>frontcolumns_navigation01.ddlevelsmenu.docheight){ //no room downwards?
						if (this._dimensions.submenuh<this._offsets.top+(dir=="sidebar"? this._dimensions.h : 0)-scrolly){ //move up?
							menutop+= - this._dimensions.submenuh + (this._istoplevel && dir=="topbar"? -this._dimensions.h : this._dimensions.h)
						}
						else{ //top of window edge
							menutop+= -(this._offsets.top-scrolly) + (this._istoplevel && dir=="topbar"? -this._dimensions.h : 0)
						}
					}
					submenu.style.top=menutop+"px"
					if (frontcolumns_navigation01.ddlevelsmenu.enableshim && (frontcolumns_navigation01.ddlevelsmenu.effects.enableswipe==false || frontcolumns_navigation01.ddlevelsmenu.nonff)){ //apply shim immediately only if animation is turned off, or if on, in non ff2.x browsers
						frontcolumns_navigation01.ddlevelsmenu.positionshim(header, submenu, dir, scrollx, scrolly)
					}
					else{
						submenu.ffscrollinfo={x:scrollx, y:scrolly}
					}
					frontcolumns_navigation01.ddlevelsmenu.showmenu(header, submenu, dir)
				}
			}, "mouseover")
			this.addevent(header, function(e){ //mouseout event
				var submenu=frontcolumns_navigation01.ddlevelsmenu.subuls[this._master][parseint(this._pos)]
				if (this._istoplevel){
					if (!frontcolumns_navigation01.ddlevelsmenu.iscontained(this, e) && !frontcolumns_navigation01.ddlevelsmenu.iscontained(submenu, e)) //hide drop down ul if mouse moves out of menu bar item but not into drop down ul itself
						frontcolumns_navigation01.ddlevelsmenu.hidemenu(submenu)
				}
				else if (!this._istoplevel && !frontcolumns_navigation01.ddlevelsmenu.iscontained(this, e)){
					frontcolumns_navigation01.ddlevelsmenu.hidemenu(submenu)
				}
		
			}, "mouseout")
		},
		
		setopacity:function(el, value){
			el.style.opacity=value
			if (typeof el.style.opacity!="string"){ //if it's not a string (ie: number instead), it means property not supported
				el.style.mozopacity=value
				if (el.filters){
					el.style.filter="progid:dximagetransform.microsoft.alpha(opacity="+ value*100 +")"
				}
			}
		},
		
		showmenu:function(header, submenu, dir){
			if (this.effects.enableswipe || this.effects.enablefade){
				if (this.effects.enableswipe){
					var endpoint=(header._istoplevel && dir=="topbar")? header._dimensions.submenuh : header._dimensions.submenuw
					submenu.style.width=submenu.style.height=0
					submenu.style.overflow="hidden"
				}
				if (this.effects.enablefade){
					this.setopacity(submenu, 0) //set opacity to 0 so menu appears hidden initially
				}
				submenu._curanimatedegree=0
				submenu.style.visibility="visible"
				clearinterval(submenu._animatetimer)
				submenu._starttime=new date().gettime() //get time just before animation is run
				submenu._animatetimer=setinterval(function(){frontcolumns_navigation01.ddlevelsmenu.revealmenu(header, submenu, endpoint, dir)}, 10)
			}
			else{
				submenu.style.visibility="visible"
			}
		},
		
		revealmenu:function(header, submenu, endpoint, dir){
			var elapsed=new date().gettime()-submenu._starttime //get time animation has run
			if (elapsed<this.effects.duration){
				if (this.effects.enableswipe){
					if (submenu._curanimatedegree==0){ //reset either width or height of sub menu to "auto" when animation begins
						submenu.style[header._istoplevel && dir=="topbar"? "width" : "height"]="auto"
					}
					submenu.style[header._istoplevel && dir=="topbar"? "height" : "width"]=(submenu._curanimatedegree*endpoint)+"px"
				}
				if (this.effects.enablefade){
					this.setopacity(submenu, submenu._curanimatedegree)
				}
			}
			else{
				clearinterval(submenu._animatetimer)
				if (this.effects.enableswipe){
					submenu.style.width="auto"
					submenu.style.height="auto"
					submenu.style.overflow="visible"
				}
				if (this.effects.enablefade){
					this.setopacity(submenu, 1)
					submenu.style.filter=""
				}
				if (this.enableshim && submenu.ffscrollinfo) //if this is ff browser (meaning shim hasn't been applied yet
					this.positionshim(header, submenu, dir, submenu.ffscrollinfo.x, submenu.ffscrollinfo.y)
			}
			submenu._curanimatedegree=(1-math.cos((elapsed/this.effects.duration)*math.pi)) / 2
		},
		
		hidemenu:function(submenu){
			if (typeof submenu._pos!="undefined"){ //if submenu is outermost ul drop down menu
				this.css(this.topitems[submenu._master][parseint(submenu._pos)], "selected", "remove")
				if (this.enableshim)
					this.hideshim()
			}
			clearinterval(submenu._animatetimer)
			//submenu.style.left=0
			//submenu.style.top="-1000px"
			submenu.style.visibility="hidden"
		},
		
		
		addevent:function(target, functionref, tasktype) {
			if (target.addeventlistener)
				target.addeventlistener(tasktype, functionref, false);
			else if (target.attachevent)
				target.attachevent('on'+tasktype, function(){return functionref.call(target, window.event)});
		},
		
		domready:function(functionref){ //based on code from the jquery library
			if (dd_domreadycheck){
				functionref()
				return
			}
			// mozilla, opera and webkit nightlies currently support this event
			if (document.addeventlistener) {
				// use the handy event callback
				document.addeventlistener("domcontentloaded", function(){
					document.removeeventlistener("domcontentloaded", arguments.callee, false )
					functionref();
					dd_domreadycheck=true
				}, false )
			}
			else if (document.attachevent){
				// if ie and not an iframe
				// continually check to see if the document is ready
				if ( document.documentelement.doscroll && window == window.top) (function(){
					if (dd_domreadycheck){
						functionref()
						return
					}
					try{
						// if ie is used, use the trick by diego perini
						// http://javascript.nwbox.com/iecontentloaded/
						document.documentelement.doscroll("left")
					}catch(error){
						settimeout( arguments.callee, 0)
						return;
					}
					//and execute any waiting functions
					functionref();
					dd_domreadycheck=true
				})();
			}
			if (document.attachevent && parent.length>0) //account for page being in iframe, in which above doesn't fire in ie
				this.addevent(window, function(){functionref()}, "load");
		},
		
		
		init:function(mainmenuid, dir){
			this.standardbody=(document.compatmode=="css1compat")? document.documentelement : document.body
			this.topitemsindex=-1
			this.ulindex=-1
			this.topmenuids.push(mainmenuid)
			this.topitems[mainmenuid]=[] //declare array on object
			this.subuls[mainmenuid]=[] //declare array on object
			this.hidetimers[mainmenuid]=[] //declare hide entire menu timer
			if (this.enableshim && !this.shimadded){
				this.shimmy={}
				this.shimmy.topshim=this.addshimmy(document.body) //create top iframe shim obj
				this.shimmy.bottomshim=this.addshimmy(document.body) //create bottom iframe shim obj
				this.shimadded=true
			}
			var menubar=document.getelementbyid(mainmenuid)
			var alllinks=menubar.getelementsbytagname("a")
			this.getwindowsize()
			for (var i=0; i<alllinks.length; i++){
				if (alllinks[i].getattribute('rel')){
					this.topitemsindex++
					this.ulindex++
					var menuitem=alllinks[i]
					this.topitems[mainmenuid][this.topitemsindex]=menuitem //store ref to main menu links
					var dropul=document.getelementbyid(menuitem.getattribute('rel'))
					//document.body.appendchild(dropul) //move main uls to end of document
					dropul.style.zindex=2000 //give drop down menus a high z-index
					dropul._master=mainmenuid  //indicate which main menu this main ul is associated with
					dropul._pos=this.topitemsindex //indicate which main menu item this main ul is associated with
					this.addevent(dropul, function(){frontcolumns_navigation01.ddlevelsmenu.hidemenu(this)}, "click")
					var arrowclass=(dir=="sidebar")? "frontcolumn_navigation01_rightarrowpointer" : "frontcolumn_navigation01_downarrowpointer"
					var arrowpointer=(dir=="sidebar")? this.arrowpointers.rightarrow : this.arrowpointers.downarrow
					if (this.arrowpointers.showarrow.toplevel)
						this.addpointer(menuitem, arrowclass, arrowpointer, (dir=="sidebar")? "before" : "after")
					this.buildmenu(mainmenuid, menuitem, dropul, this.ulindex, true, dir) //build top level menu
					dropul.onmouseover=function(){
						cleartimeout(frontcolumns_navigation01.ddlevelsmenu.hidetimers[this._master][this._pos])
					}
					this.addevent(dropul, function(e){ //hide menu if mouse moves out of main ul element into open space
						if (!frontcolumns_navigation01.ddlevelsmenu.iscontained(this, e) && !frontcolumns_navigation01.ddlevelsmenu.iscontained(frontcolumns_navigation01.ddlevelsmenu.topitems[this._master][parseint(this._pos)], e)){
							var dropul=this
							if (frontcolumns_navigation01.ddlevelsmenu.enableshim)
								frontcolumns_navigation01.ddlevelsmenu.hideshim()
							frontcolumns_navigation01.ddlevelsmenu.hidetimers[this._master][this._pos]=settimeout(function(){
								frontcolumns_navigation01.ddlevelsmenu.hidemenu(dropul)
							}, frontcolumns_navigation01.ddlevelsmenu.hideinterval)
						}
					}, "mouseout")
					var subuls=dropul.getelementsbytagname("ul")
					for (var c=0; c<subuls.length; c++){
						this.ulindex++
						var parentli=subuls[c].parentnode
						if (this.arrowpointers.showarrow.sublevel)
							this.addpointer(parentli.getelementsbytagname("a")[0], "frontcolumn_navigation01_rightarrowpointer", this.arrowpointers.rightarrow, "before")
						this.buildmenu(mainmenuid, parentli, subuls[c], this.ulindex, false, dir) //build sub level menus
					}
				}
			} //end for loop
			this.addevent(window, function(){frontcolumns_navigation01.ddlevelsmenu.getwindowsize(); frontcolumns_navigation01.ddlevelsmenu.gettopitemsdimensions()}, "resize")
		}
	},
	
	
	//扩展样式2js效果
	//** all levels navigational menu- (c) dynamic drive dhtml code library: http://www.dynamicdrive.com
	//** script download/ instructions page: http://www.dynamicdrive.com/dynamicindex1/ddlevelsmenu/
	//** usage terms: http://www.dynamicdrive.com/notice.htm
	
	//** current version: 2.2 see changelog.txt for details
	d2ddlevelsmenu:{
		enableshim: false, //enable iframe shim to prevent drop down menus from being hidden below select or flash elements? (tip: disable if not in use, for efficiency)
		
		arrowpointers:{
			downarrow: ["../images/columns/arrow-down.gif", 11,7], //[path_to_down_arrow, arrowwidth, arrowheight]
			rightarrow: ["../images/columns/nav-arrow-03.gif", 7,10], //[path_to_right_arrow, arrowwidth, arrowheight]
			showarrow: {toplevel: false, sublevel: true} //show arrow images on top level items and sub level items, respectively?
		},
		hideinterval: 200, //delay in milliseconds before entire menu disappears onmouseout.
		effects: {enableswipe: true, enablefade: true, duration: 200},
		httpsiframesrc: "blank.htm", //if menu is run on a secure (https) page, the iframe shim feature used by the script should point to an *blank* page *within* the secure area to prevent an ie security prompt. specify full url to that page on your server (leave as is if not applicable).
		
		///no need to edit beyond here////////////////////
		
		topmenuids: [], //array containing ids of all the primary menus on the page
		topitems: {}, //object array containing all top menu item links
		subuls: {}, //object array containing all uls
		lastactivesubul: {}, //object object containing info for last mouse out menu item's ul
		topitemsindex: -1,
		ulindex: -1,
		hidetimers: {}, //object array timer
		shimadded: false,
		nonff: !/firefox[\/\s](\d+\.\d+)/.test(navigator.useragent), //detect non ff browsers
		getoffset:function(what, offsettype){
			return (what.offsetparent)? what[offsettype]+this.getoffset(what.offsetparent, offsettype) : what[offsettype]
		},
		
		getoffsetof:function(el){
			el._offsets={left:this.getoffset(el, "offsetleft"), top:this.getoffset(el, "offsettop")}
		},
		
		getwindowsize:function(){
			this.docwidth=window.innerwidth? window.innerwidth-10 : this.standardbody.clientwidth-10
			this.docheight=window.innerheight? window.innerheight-15 : this.standardbody.clientheight-18
		},
		
		gettopitemsdimensions:function(){
			for (var m=0; m<this.topmenuids.length; m++){
				var topmenuid=this.topmenuids[m]
				for (var i=0; i<this.topitems[topmenuid].length; i++){
					var header=this.topitems[topmenuid][i]
					var submenu=document.getelementbyid(header.getattribute('rel'))
					header._dimensions={w:header.offsetwidth, h:header.offsetheight, submenuw:submenu.offsetwidth, submenuh:submenu.offsetheight}
				}
			}
		},
		
		iscontained:function(m, e){
			var e=window.event || e
			var c=e.relatedtarget || ((e.type=="mouseover")? e.fromelement : e.toelement)
			while (c && c!=m)try {c=c.parentnode} catch(e){c=m}
			if (c==m)
				return true
			else
				return false
		},
		
		addpointer:function(target, imgclass, imginfo, beforeorafter){
			var pointer=document.createelement("img")
			pointer.src=imginfo[0]
			pointer.style.width=imginfo[1]+"px"
			pointer.style.height=imginfo[2]+"px"
			if(imgclass=="rightarrowpointer"){
				pointer.style.left=target.offsetwidth-imginfo[2]-2+"px"
			}
			pointer.classname=imgclass
			var target_firstel=target.childnodes[target.firstchild.nodetype!=1? 1 : 0] //see if the first child element within a is a span (found in sliding doors technique)
			if (target_firstel && target_firstel.tagname=="span"){
				target=target_firstel //arrow should be added inside this span instead if found
			}
			if (beforeorafter=="before")
				target.insertbefore(pointer, target.firstchild)
			else
				target.appendchild(pointer)
		},
		
		css:function(el, targetclass, action){
			var needle=new regexp("(^|\\s+)"+targetclass+"($|\\s+)", "ig")
			if (action=="check")
				return needle.test(el.classname)
			else if (action=="remove")
				el.classname=el.classname.replace(needle, "")
			else if (action=="add" && !needle.test(el.classname))
				el.classname+=" "+targetclass;
				
		},
		
		addshimmy:function(target){
			var shim=(!window.opera)? document.createelement("iframe") : document.createelement("div") //opera 9.24 doesnt seem to support transparent iframes
			shim.classname="ddiframeshim"
			shim.setattribute("src", location.protocol=="https:"? this.httpsiframesrc : "about:blank")
			shim.setattribute("frameborder", "0")
			target.appendchild(shim)
			try{
				shim.style.filter='progid:dximagetransform.microsoft.alpha(style=0,opacity=0)'
			}
			catch(e){}
			return shim
		},
		
		positionshim:function(header, submenu, dir, scrollx, scrolly){
			if (header._istoplevel){
				var scrolly=window.pageyoffset? window.pageyoffset : this.standardbody.scrolltop
				var topgap=header._offsets.top-scrolly
				var bottomgap=scrolly+this.docheight-header._offsets.top-header._dimensions.h
				if (topgap>0){
					this.shimmy.topshim.style.left=scrollx+"px"
					this.shimmy.topshim.style.top=scrolly+"px"
					this.shimmy.topshim.style.width="99%"
					this.shimmy.topshim.style.height=topgap+"px" //distance from top window edge to top of menu item
				}
				if (bottomgap>0){
					this.shimmy.bottomshim.style.left=scrollx+"px"
					this.shimmy.bottomshim.style.top=header._offsets.top + header._dimensions.h +"px"
					this.shimmy.bottomshim.style.width="99%"
					this.shimmy.bottomshim.style.height=bottomgap+"px" //distance from bottom of menu item to bottom window edge
				}
			}
		},
		
		hideshim:function(){
			this.shimmy.topshim.style.width=this.shimmy.bottomshim.style.width=0
			this.shimmy.topshim.style.height=this.shimmy.bottomshim.style.height=0
		},
		
		
		buildmenu:function(mainmenuid, header, submenu, submenupos, istoplevel, dir){
			header._master=mainmenuid //indicate which top menu this header is associated with
			header._pos=submenupos //indicate pos of sub menu this header is associated with
			header._istoplevel=istoplevel
			if (istoplevel){
				this.addevent(header, function(e){
				frontcolumns_navigation01.d2ddlevelsmenu.hidemenu(frontcolumns_navigation01.d2ddlevelsmenu.subuls[this._master][parseint(this._pos)])
				}, "click")
			}
			this.subuls[mainmenuid][submenupos]=submenu
			header._dimensions={w:header.offsetwidth, h:header.offsetheight, submenuw:submenu.offsetwidth, submenuh:submenu.offsetheight}
			this.getoffsetof(header)
			//submenu.style.left=0
			//submenu.style.top=0
			submenu.style.visibility="hidden"
			this.addevent(header, function(e){ //mouseover event
				if (!frontcolumns_navigation01.d2ddlevelsmenu.iscontained(this, e)){
					var submenu=frontcolumns_navigation01.d2ddlevelsmenu.subuls[this._master][parseint(this._pos)]
					if (this._istoplevel){
						frontcolumns_navigation01.d2ddlevelsmenu.css(this, "selected", "add")
					cleartimeout(frontcolumns_navigation01.d2ddlevelsmenu.hidetimers[this._master][this._pos])
					}
					frontcolumns_navigation01.d2ddlevelsmenu.getoffsetof(header)
					var scrollx=window.pagexoffset? window.pagexoffset : frontcolumns_navigation01.d2ddlevelsmenu.standardbody.scrollleft
					var scrolly=window.pageyoffset? window.pageyoffset : frontcolumns_navigation01.d2ddlevelsmenu.standardbody.scrolltop
					var submenurightedge=this._offsets.left + this._dimensions.submenuw + (this._istoplevel && dir=="topbar"? 0 : this._dimensions.w)
					var submenubottomedge=this._offsets.top + this._dimensions.submenuh
					//sub menu starting left position
					var menuleft=(this._istoplevel? this._offsets.left + (dir=="sidebar"? this._dimensions.w : 0) : this._dimensions.w)
					if (submenurightedge-scrollx>frontcolumns_navigation01.d2ddlevelsmenu.docwidth){
						menuleft+= -this._dimensions.submenuw + (this._istoplevel && dir=="topbar" ? this._dimensions.w : -this._dimensions.w)
					}
					submenu.style.left=menuleft+"px"
					//sub menu starting top position
					var menutop=(this._istoplevel? this._offsets.top + (dir=="sidebar"? 0 : this._dimensions.h) : this.offsettop)
					if (submenubottomedge-scrolly>frontcolumns_navigation01.d2ddlevelsmenu.docheight){ //no room downwards?
						if (this._dimensions.submenuh<this._offsets.top+(dir=="sidebar"? this._dimensions.h : 0)-scrolly){ //move up?
							menutop+= - this._dimensions.submenuh + (this._istoplevel && dir=="topbar"? -this._dimensions.h : this._dimensions.h)
						}
						else{ //top of window edge
							menutop+= -(this._offsets.top-scrolly) + (this._istoplevel && dir=="topbar"? -this._dimensions.h : 0)
						}
					}
					submenu.style.top=menutop+"px"
					if (frontcolumns_navigation01.d2ddlevelsmenu.enableshim && (frontcolumns_navigation01.d2ddlevelsmenu.effects.enableswipe==false || frontcolumns_navigation01.d2ddlevelsmenu.nonff)){ //apply shim immediately only if animation is turned off, or if on, in non ff2.x browsers
						frontcolumns_navigation01.d2ddlevelsmenu.positionshim(header, submenu, dir, scrollx, scrolly)
					}
					else{
						submenu.ffscrollinfo={x:scrollx, y:scrolly}
					}
					frontcolumns_navigation01.d2ddlevelsmenu.showmenu(header, submenu, dir)
				}
			}, "mouseover")
			this.addevent(header, function(e){ //mouseout event
				var submenu=frontcolumns_navigation01.d2ddlevelsmenu.subuls[this._master][parseint(this._pos)]
				if (this._istoplevel){
					if (!frontcolumns_navigation01.d2ddlevelsmenu.iscontained(this, e) && !frontcolumns_navigation01.d2ddlevelsmenu.iscontained(submenu, e)) //hide drop down ul if mouse moves out of menu bar item but not into drop down ul itself
						frontcolumns_navigation01.d2ddlevelsmenu.hidemenu(submenu)
				}
				else if (!this._istoplevel && !frontcolumns_navigation01.d2ddlevelsmenu.iscontained(this, e)){
					frontcolumns_navigation01.d2ddlevelsmenu.hidemenu(submenu)
				}
		
			}, "mouseout")
		},
		
		setopacity:function(el, value){
			el.style.opacity=value
			if (typeof el.style.opacity!="string"){ //if it's not a string (ie: number instead), it means property not supported
				el.style.mozopacity=value
				if (el.filters){
					el.style.filter="progid:dximagetransform.microsoft.alpha(opacity="+ value*100 +")"
				}
			}
		},
		
		showmenu:function(header, submenu, dir){
			if (this.effects.enableswipe || this.effects.enablefade){
				if (this.effects.enableswipe){
					var endpoint=(header._istoplevel && dir=="topbar")? header._dimensions.submenuh : header._dimensions.submenuw
					submenu.style.width=submenu.style.height=0
					submenu.style.overflow="hidden"
				}
				if (this.effects.enablefade){
					this.setopacity(submenu, 0) //set opacity to 0 so menu appears hidden initially
				}
				submenu._curanimatedegree=0
				submenu.style.visibility="visible"
				clearinterval(submenu._animatetimer)
				submenu._starttime=new date().gettime() //get time just before animation is run
				submenu._animatetimer=setinterval(function(){frontcolumns_navigation01.d2ddlevelsmenu.revealmenu(header, submenu, endpoint, dir)}, 10)
			}
			else{
				submenu.style.visibility="visible"
			}
		},
		
		revealmenu:function(header, submenu, endpoint, dir){
			var elapsed=new date().gettime()-submenu._starttime //get time animation has run
			if (elapsed<this.effects.duration){
				if (this.effects.enableswipe){
					if (submenu._curanimatedegree==0){ //reset either width or height of sub menu to "auto" when animation begins
						submenu.style[header._istoplevel && dir=="topbar"? "width" : "height"]="auto"
					}
					submenu.style[header._istoplevel && dir=="topbar"? "height" : "width"]=(submenu._curanimatedegree*endpoint)+"px"
				}
				if (this.effects.enablefade){
					this.setopacity(submenu, submenu._curanimatedegree)
				}
			}
			else{
				clearinterval(submenu._animatetimer)
				if (this.effects.enableswipe){
					submenu.style.width="auto"
					submenu.style.height="auto"
					submenu.style.overflow="visible"
				}
				if (this.effects.enablefade){
					this.setopacity(submenu, 1)
					submenu.style.filter=""
				}
				if (this.enableshim && submenu.ffscrollinfo) //if this is ff browser (meaning shim hasn't been applied yet
					this.positionshim(header, submenu, dir, submenu.ffscrollinfo.x, submenu.ffscrollinfo.y)
			}
			submenu._curanimatedegree=(1-math.cos((elapsed/this.effects.duration)*math.pi)) / 2
		},
		
		hidemenu:function(submenu){
			if (typeof submenu._pos!="undefined"){ //if submenu is outermost ul drop down menu
				this.css(this.topitems[submenu._master][parseint(submenu._pos)], "selected", "remove")
				if (this.enableshim)
					this.hideshim()
			}
			clearinterval(submenu._animatetimer)
			//submenu.style.left=0
			//submenu.style.top="-1000px"
			submenu.style.visibility="hidden"
		},
		
		
		addevent:function(target, functionref, tasktype) {
			if (target.addeventlistener)
				target.addeventlistener(tasktype, functionref, false);
			else if (target.attachevent)
				target.attachevent('on'+tasktype, function(){return functionref.call(target, window.event)});
		},
		
		init:function(mainmenuid, dir){
			this.standardbody=(document.compatmode=="css1compat")? document.documentelement : document.body
			this.topitemsindex=-1
			this.ulindex=-1
			this.topmenuids.push(mainmenuid)
			this.topitems[mainmenuid]=[] //declare array on object
			this.subuls[mainmenuid]=[] //declare array on object
			this.hidetimers[mainmenuid]=[] //declare hide entire menu timer
			if (this.enableshim && !this.shimadded){
				this.shimmy={}
				this.shimmy.topshim=this.addshimmy(document.body) //create top iframe shim obj
				this.shimmy.bottomshim=this.addshimmy(document.body) //create bottom iframe shim obj
				this.shimadded=true
			}
			var menubar=document.getelementbyid(mainmenuid)
			var alllinks=menubar.getelementsbytagname("a")
			this.getwindowsize()
			for (var i=0; i<alllinks.length; i++){
				if (alllinks[i].getattribute('rel')){
					this.topitemsindex++
					this.ulindex++
					var menuitem=alllinks[i]
					this.topitems[mainmenuid][this.topitemsindex]=menuitem //store ref to main menu links
					var dropul=document.getelementbyid(menuitem.getattribute('rel'))
					//document.body.appendchild(dropul) //move main uls to end of document
					dropul.style.zindex=2000 //give drop down menus a high z-index
					dropul._master=mainmenuid  //indicate which main menu this main ul is associated with
					dropul._pos=this.topitemsindex //indicate which main menu item this main ul is associated with
					this.addevent(dropul, function(){frontcolumns_navigation01.d2ddlevelsmenu.hidemenu(this)}, "click")
					var arrowclass=(dir=="sidebar")? "rightarrowpointer" : "downarrowpointer"
					var arrowpointer=(dir=="sidebar")? this.arrowpointers.rightarrow : this.arrowpointers.downarrow
					if (this.arrowpointers.showarrow.toplevel)
						this.addpointer(menuitem, arrowclass, arrowpointer, (dir=="sidebar")? "before" : "after")
					this.buildmenu(mainmenuid, menuitem, dropul, this.ulindex, true, dir) //build top level menu
					dropul.onmouseover=function(){
						cleartimeout(frontcolumns_navigation01.d2ddlevelsmenu.hidetimers[this._master][this._pos])
					}
					this.addevent(dropul, function(e){ //hide menu if mouse moves out of main ul element into open space
						if (!frontcolumns_navigation01.d2ddlevelsmenu.iscontained(this, e) && !frontcolumns_navigation01.d2ddlevelsmenu.iscontained(frontcolumns_navigation01.d2ddlevelsmenu.topitems[this._master][parseint(this._pos)], e)){
							var dropul=this
							if (frontcolumns_navigation01.d2ddlevelsmenu.enableshim)
								frontcolumns_navigation01.d2ddlevelsmenu.hideshim()
							frontcolumns_navigation01.d2ddlevelsmenu.hidetimers[this._master][this._pos]=settimeout(function(){
								frontcolumns_navigation01.d2ddlevelsmenu.hidemenu(dropul)
							}, frontcolumns_navigation01.d2ddlevelsmenu.hideinterval)
						}
					}, "mouseout")
					var subuls=dropul.getelementsbytagname("ul")
					for (var c=0; c<subuls.length; c++){
						this.ulindex++
						var parentli=subuls[c].parentnode
						if (this.arrowpointers.showarrow.sublevel)
							this.addpointer(parentli.getelementsbytagname("a")[0], "rightarrowpointer", this.arrowpointers.rightarrow, "before")
						this.buildmenu(mainmenuid, parentli, subuls[c], this.ulindex, false, dir) //build sub level menus
					}
				}
			} //end for loop
			this.addevent(window, function(){frontcolumns_navigation01.d2ddlevelsmenu.getwindowsize(); frontcolumns_navigation01.d2ddlevelsmenu.gettopitemsdimensions()}, "resize")
		}
	
	},
	
 /*******************************************************************************
 * author：郭金哲 
 * date: 2011-4-18 
 * explain：数商五级导航菜单
 ******************************************************************************/
	
	nativemenu : function(menuid) {

		// 浏览器可视窗口宽度
		var _windowwidth;

		jquery(document).ready(function($) {
			_windowwidth = screen.width ;

			// 取得div下所有的ul
			var $mainmenu = $("#" + menuid + ">ul")
			var $headers = $mainmenu.find("ul").parent()

			// 对ul进行迭代
			$headers.each(function(i) {
				var $curobj = $(this)
				var $subul = $(this).find('ul:eq(0)')
				this._dimensions = {
					w : this.offsetwidth,
					h : this.offsetheight,
					subulw : $subul.outerwidth(),
					subulh : $subul.outerheight()
				}

				// 是否是顶级菜单
				this.istopheader = $curobj.parents("ul").length == 1
						? true
						: false

				$curobj.hover(function(e) {
					var $targetul = $(this).children("ul:eq(0)")
					_offsets = {
						left : $(this).offset().left,
						top : $(this).offset().top
					}

					// 一级菜单添加高亮显示
					if ($(this).parents("ul").length == 1)
						$(this).attr("class", "current");
					var menuleft = this.istopheader ? 0 : this._dimensions.w

					// 当前li是否有下一级菜单 如有则添加下一级 并判断下一级方向
					var $libul = $targetul.find("li");
					$libul.each(function(i) {
						if ($(this).children("ul").length != 0) {
							if (_offsets.left + menuleft
									+ this._dimensions.subulw * 2 > _windowwidth) {
								$(this).children("a").attr("class", "has-left");
							} else {
								$(this).children("a")
										.attr("class", "has-right");
							}
						}
					})

					// 是否是二级菜单折向还是多级菜单折向
					if (_offsets.left + menuleft + this._dimensions.subulw * 2 > _windowwidth) {
						$targetul.addclass($targetul.parents("ul").length == 1
								|| $targetul.parents("ul").attr("class")
										.indexof("left-slid") != -1
								? "left-slid"
								: "left-forward");
					}

					// 当前li添加层级关系
					$(this).attr(
							"style",
							$targetul.parents("ul").length == 1
									? "position:relative;z-index:12;"
									: "position:relative;");

					/***********************************************************
					 * 子菜单的弹出方向根据父级菜单的弹出方式弹出添加current
					 **********************************************************/
					var ulclass = $(this).children("a").attr("class");
					if(ulclass!=undefined){
					if (ulclass.indexof("left") != -1) {
						$(this).children("a").addclass(" left-current")
					} else if (ulclass.indexof("right") != -1) {
						$(this).children("a").addclass(" right-current")
					}}
					// 直接显示当前ul

					$(this).find("ul").attr("style", "visibility:visible");
					$(this).children("ul:eq(0)").find("ul").attr("style",
							"visibility:hidden");
				},

				function(e) {
					$(this).children("a").removeclass("right-current");
					$(this).children("a").removeclass("left-current");
					$(this).removeclass("current");
					$(this).find("ul").attr("style", "visibility:hidden");
				})
			})
		})
	}

	
}

$(document).ready(function(){
	var timerid = null;
	function itemshow(){
		if (timerid) return;
		timerid = setinterval(function(){
			$("#feature li.current a span").animate({top: "-55px" }, "fast");
			$("#feature li.current a p").animate({top: "-55px" }, "fast");
		}, 200);
	}
	function itemhide(){
		if (!timerid) return;
		$("#feature li.current a span").animate({top: "0px" }, "fast");
		$("#feature li.current a p").animate({top: "0px" }, "fast");
		$("#feature li.current").removeclass("current");
		clearinterval(timerid);
		timerid = null;
	}
	$("#feature li").hover(function(){
		$(this).addclass("current");
		itemshow();
	}, itemhide);
});