;(function( $ , win , undefined){
	$.fn.xq_navbar = function( _option ){
		var defaults = {
			"bgcolor"	: "#38927a",		//导航条颜色
			"type"		: "line",	//定义导航类型    下划线 underline 上划线overline 双划线line 块级背景block 
			"liwidth"	: "avg",		//设置导航项的宽度类型 auto：自动  ， avg：评分， 30：指定具体宽度 
			"hcolor"	: ["blue","rgb(10,100,100)","red","pink","green","rgba(23,234,22,1)","rgb(230,230,230)"]//指定每一个导航项的颜色。不指定或指定不够默认 #ccc；统一颜色可直接传入颜色值
		}
		var _self	=	$(this);
		var xq_li	=	_self.find(".xq_navli");
		this.navbar	=	_self.find(".xq_navbar");
		this.num	=	_self.find(".xq_navli").length;
		this.width	=	this.navbar.width();
		this.height	=	this.navbar.height();
		$.extend( defaults , _option ? _option : {} );
		this.init	=	function(){
			this.navbar.css({"background":defaults.bgcolor,"line-height":this.height+"px"});
			switch(defaults.liwidth){
				case "auto":
					xq_li.css({"padding":"0px 10px",});
					break;
				case "avg":
					xq_li.css({"width":this.width/this.num+"px",});
					break;
				default:
					xq_li.css({"width":defaults.liwidth+"px",});
					break;
			}
			this.bindmouseover(defaults.type);
		}
		this.bindmouseover=function(type){
			switch(type){
				case "block":
					this.block();
					break;
				case "beat":
					this.beat();
					break;
				default :
					this.line();
					break;
			}
		}
		this.line=function(){
			var move=$("<div/>",{"class":"xq_move"}).css({ "height":"2px","left":"-100px","width":"100px"}).appendto(_self);
			switch(defaults.type){
				case "underline":
					move.css({"bottom":"0px"});
					break;
				case "overline":
					move.css({"top":"0px"});
					break;
				case "line":
					move.css({"top":"0px"});
					$("<div/>",{"class":"xq_move"}).css({ "bottom":"0px","height":"1px","left":"-100px","width":"100px"}).appendto(_self);
					break;
			}
			var width;
			var movelist=_self.find(".xq_move");
			xq_li.on('mouseover',function(){
				width=$(this).width();
				if( defaults.liwidth == "auto" ){
					width	+=	20;
				}
				var left	=	$(this).offset().left-_self.offset().left;
				var index	=	$(this).index();
				var color	=	$.isarray(defaults.hcolor) ? (defaults.hcolor[index] ? defaults.hcolor[index] : "#ccc") : $.trim(defaults.hcolor);
				$(this).css({"color":color});
				movelist.css({ "background" : color , "left" : left , "width" : width+"px"});
			});
			this.navbar.on('mouseout',function(){
				xq_li.css({"color":"#fff"});
				movelist.css({"left":"-100px","width":"100px"});
			});
		}
		this.block=function(){
			var background;
			xq_li.on('mouseover',function(){
				var index	=	$(this).index();
				background	=	$(this).css("background");
				var bgcolor	=	$.isarray(defaults.hcolor) ? (defaults.hcolor[index] ? defaults.hcolor[index] : "#ccc") : $.trim(defaults.hcolor);
				$(this).css("background",bgcolor);
			});
			xq_li.on('mouseout',function(){
				$(this).css("background",background);
			});
		}
		this.beat=function(){
			var animarr=["flash","leftdown","shake","bounce","bigsmall","centerspin","centerturn","runspin","xyspin"];
			xq_li.each(function(){
				$(this).addclass("animated");
				var anima=animarr[math.floor(math.random()*animarr.length)];
				var background;
				$(this).on('mouseover',function(){
					var index	=	$(this).index();
					background	=	$(this).css("background");
					var bgcolor	=	$.isarray(defaults.hcolor) ? (defaults.hcolor[index] ? defaults.hcolor[index] : "#ccc") : $.trim(defaults.hcolor);
					$(this).css("background",bgcolor).addclass(anima);
				});
				$(this).on('mouseout',function(){
					$(this).css("background",background).removeclass(anima);
				});
			});
		}
		this.init();
	}
})(jquery,window)