﻿
(function($){   //放置$符号的意义冲突
	jQuery.fn.superfish = function(op){ //op是"类"初始化时参数。它代表菜单的根节点UL 
	    $=jQuery;
		var sf = $.fn.superfish,
			c = sf.c,
			//声明菜单项右侧箭头对象
			$arrow = $(['<span class="',c.arrowClass,'"> &#187;</span>'].join('')),
			//鼠标进入菜单项函数
			over = function(){ 
				var $$ = $(this),menu = getMenu($$);
				//clearTimeout(menu.sfTimer); //调用getMenu方法的主要目的便是此处的
				$$.showSuperfishUl().siblings().hideSuperfishUl(); //突出显示当前菜单项，并去掉同级别兄弟菜单项的突出显示（并隐藏其子菜单）。
			},
			//鼠标移出菜单项函数
			out = function(){  
				var $$ = $(this), menu = getMenu($$), o = sf.op;
				//clearTimeout(menu.sfTimer);//清空前一次设置的Timeout
				//menu.sfTimer=setTimeout(function(){
					$$.hideSuperfishUl(); //调用隐藏方法
				//},o.delay);	
			},
			//获取父菜单
			getMenu = function($menu){  
				var menu = $menu.parents(['ul.',c.menuClass,':first'].join(''))[0];//获取当前菜单项的第一级菜单项
				sf.op = sf.o[menu.serial]; //将当前菜单的配置读入op变量中，便于各个函数调用
				return menu;
			},
			//为菜单项添加箭头
			addArrow = function($a){ $a.addClass(c.anchorClass).append($arrow.clone()); };
			
		//遍历此菜单的所有菜单项,此方法在类初始化时被调用
		return this.each(function() {
			var s = this.serial = sf.o.length;//获取sf.o的长度，以便为数组扩充容量
			var o = $.extend({},sf.defaults,op);//获取每一个菜单项的动画配置
			//$path:
			sf.o[s] = sf.op = o;//向sf.o数组中添加当前遍历元素的动画配置
			
			$('li:has(ul)',this)['hover'](over,out).each(function() {//[($.fn.hoverIntent && !o.disableHI) ? 'hoverIntent' : 'hover']
				if (o.autoArrows) addArrow( $('>a:first-child',this) );//给每个包含ul的菜单项添加事件处理函数(鼠标移入，移出，添加箭头)
			})
			//.not('.'+c.bcClass)
				.hideSuperfishUl();
			
			//tab键操作
			var $a = $('a',this); //获取菜单项中的a标签集合
			$a.each(function(i){
				var $li = $a.eq(i).parents('li');//遍历a标签集合为每一个a标签的focus blur 添加li的over,out处理程序，主要是为了tab键操作
				$a.eq(i).focus(function(){over.call($li);}).blur(function(){out.call($li);});
			});
			o.onInit.call(this);
			
		}).each(function() {
			var menuClasses = [c.menuClass];
			//判断阴影配置和浏览器，为菜单附加阴影效果。
			if (sf.op.dropShadows  && !($.browser.msie && $.browser.version < 7)) 
			    menuClasses.push(c.shadowClass);
			$(this).addClass(menuClasses.join(' '));
		}
		);
	};

	var sf = $.fn.superfish;
	sf.o = [];//参数数组保存菜单显示及动画效果的一些参数
	sf.op = {};//当前菜单的配置
	sf.IE7fix = function(){ //处理IE7以上版本阴影展示函数，IE7更换背景存在一段反映时间
		var o = sf.op;
		if ($.browser.msie && $.browser.version > 6 && o.dropShadows && o.animation.opacity!=undefined)
			this.toggleClass(sf.c.shadowClass+'-off');
		};
	sf.c = { //菜单展示时所需的一些CSS 样式
		//bcClass     : 'sf-breadcrumb',
		menuClass   : 'headMenu', //第一层菜单UL样式
		anchorClass : '', //为箭头留出位置的样式
		arrowClass  : '',//包含下级菜单的菜单项的箭头样式
		shadowClass : 'shadow' //阴影效果
	};
	sf.defaults = { //菜单显示及动画效果的一些参数
		hoverClass	: 'lihover', //鼠标悬停菜单项样式    //OMT_headmenufonthover
		pathClass	: '',//？？？？
		pathLevels	: 1, 
		delay		: 400, //延迟时间关闭时间
		animation	: {opacity:'show'},
		speed		: 'normal',
		autoArrows	: false, //是否显示箭头
		dropShadows : true,//是否显示阴影
		disableHI	: false,		// true disables hoverIntent detection
		onInit		: function(){}, // callback functions
		onBeforeShow: function(){},
		onShow		: function(){},
		onHide		: function(){}
	};
	$.fn.extend({
		hideSuperfishUl : function(){ //隐藏移出当前菜单项的鼠标悬停样式并隐藏其子菜单列表
			var o = sf.op;
			//声明一个要调用的方法
			var $ul = $(['li.',o.hoverClass].join(''),this).add(this).removeClass(o.hoverClass)
					.find('>ul').hide().css('visibility','hidden');
            //调用隐藏方法
			o.onHide.call($ul); 
			return this;
		},
		showSuperfishUl : function(){ //为当前菜单项附加鼠标悬停样式，并显示其子菜单
			var o = sf.op,
				$ul = this.addClass(o.hoverClass)
					.find('>ul:hidden').css('visibility','visible');//添加鼠标悬停样式。并查找其子菜单UL，显示之
			sf.IE7fix.call($ul);
			o.onBeforeShow.call($ul);
			$ul.animate(o.animation,o.speed,function(){ sf.IE7fix.call($ul); o.onShow.call($ul); });//动画显示子菜单
			return this;
		}
	});
})(jQuery);
