/*
* myfocus javascript library v2.0.1
* open source under the bsd & gpl license
* 
* copyright 2012, koen lee
* http://cosmissy.com/
* 
* date: 2012/05/26
*/
(function(){
	//dom基础操作函数
	var $id=function(id){
			return typeof id==='string'?document.getelementbyid(id):id;
		},
		$tag=function(tag,parentnode){
			return ($id(parentnode)||document).getelementsbytagname(tag);
		},
		$tag_=function(tag,parentnode){
			return $getchild(tag,parentnode,'tag');
		},
		$class=function(classname,parentnode){
			var doms=$tag('*',parentnode),arr=[];
			for(var i=0,l=doms.length;i<l;i++){
				if(hasclass(classname,doms[i])){
					arr.push(doms[i]);
				}
			}
			return arr;
		},
		$class_=function(classname,parentnode){
			return $getchild(classname,parentnode);
		},
		$getchild=function(selector,parentnode,type){
			var arr=[],fn=type==='tag'?$tag:$class,doms=fn(selector,parentnode),len=doms.length;
			for(var i=0;i<len;i++){
				if(doms[i].parentnode===parentnode) arr.push(doms[i]);
				i+=fn(selector,doms[i]).length;
			}
			return arr;
		},
		hasclass=function(classname,node){
			return eval('/(^|\\s)'+classname+'(\\s|$)/').test(node.classname);
		};
	//定义myfocus全局变量
	myfocus=function(settings){
		return new myfocus.constr(settings);
	};
	//扩展
	myfocus.extend=function(){
		var arg=arguments,len=arg.length;
		if(this===myfocus){//作为方法扩展，如果只有一个参数扩展本身
			if(len===1) dest=myfocus,i=0;//扩展myfocus类
			else dest=arg[0],i=1;
		}else{//扩展引用对象本身
			dest=this,i=0;
		}
		for(i;i<len;i++){
			for(var p in arg[i]){
				dest[p]=arg[i][p];//dest属性最低
			}
		}
		return dest;
	};
	myfocus.extend({
		defconfig:{//全局默认设置
			pattern:'mf_fancy',//风格样式
			trigger:'mouseover',//触发切换模式['click'(鼠标点击)|'mouseover'(鼠标悬停)]
			txtheight:'0',//文字层高度设置[num(数字,单位像素,0表示隐藏文字层,省略设置即为默认高度)]
			wrap:false,//是否保留边框(有的话)[true|false]
			auto:true,//是否自动播放(切换)[true|false]
			time:8,//每次停留时间[num(数字,单位秒)]
			index:0,//开始显示的图片序号(从0算起)[num(数字)]
			loadimgtimeout:0,//载入图片的最长等待时间(loading画面时间)[num(数字,单位秒,0表示不等待直接播放)]
			delay:0,//触发切换模式中'mouseover'模式下的切换延迟[num(数字,单位毫秒)]
			__focusconstr__:true//程序构造参数
		},
		constr:function(settings){//构造函数
			var e=settings,len=e&&e.length;
			if(e instanceof myfocus.constr) return e;//myfocus::[]
			this.length=0;
			if(!e||(e.sort&&!len)||(e.item&&!len)){//null/array::[]/nodelist::[]
				array.prototype.push.call(this);
			}else if(e.__focusconstr__){//new myfocus
				e=$id(e.id);
				array.prototype.push.call(this,e);
				this.settings=settings;
				this.htmlulist=$tag('li',$tag('ul',e)[0]);
				this.htmlulistlength=this.htmlulist.length;
			}else if(len){//nodelist/array/字符串
				for(var i=0;i<len;i++) array.prototype.push.call(this,e[i]);
			}else{//node
				array.prototype.push.call(this,e);
			}
			return this;
		},
		fn:{splice:[].splice},//原形
		pattern:{},//风格集
		config:{}//参数集
	});
	myfocus.constr.prototype=myfocus.fn;
	myfocus.fn.extend=myfocus.pattern.extend=myfocus.config.extend=myfocus.extend;
	myfocus.fn.extend({//dom
		find:function(selector){//选择器只应用基本查找,暂不考虑用queryselectorall
			var parent=this,ischild=false,$=myfocus;
			var arr=this.parseselector(selector);
			if(this.length) for(var i=0,len=arr.length;i<len;i++){
				var dom=[],s=arr[i];
				switch(s.charat(0)){
					case '>'://children
						ischild=true;
						break;
					case '.'://class
						var cls=s.slice(1);
						var fn=ischild?$class_:$class;
						$(parent).each(function(){
							dom=dom.concat(fn(cls,this));
						});
						ischild=false;
						break;
					case '#'://id
						var id=s.slice(1),e=$id(id);
						if(e) dom.push($id(id));
						ischild=false;
						break;
					default://tag(支持'tag.class'寻找,不支持也不建议用'tag#id'寻找,请用'#id')
						var fn=ischild?$tag_:$tag,sarr=s.split('.');
						var tag=sarr[0],cls=sarr[1];
						$(parent).each(function(){
							var arr=fn(tag,this);
							for(var i=0,len=arr.length;i<len;i++){
								if(cls&&!hasclass(cls,arr[i])) continue;
								dom.push(arr[i]);
							}
						});
						ischild=false;
				}
				if(!ischild) parent=dom;//循环赋值父元素
			}
			return $(parent);
		},
		parent:function(){
			return myfocus(this[0].parentnode);
		},
		html:function(s){
			if(typeof s!=='undefined'){this[0].innerhtml=s;return this;}
			else return this[0].innerhtml;
		},
		each:function(fn){
			var doms=this;
			for(var i=0,len=doms.length;i<len;i++){
				var flag=fn.call(doms[i],i);
				if(flag===false) break;
				if(flag===true) continue;
			}
			return this;
		},
		eq:function(n){
			return myfocus(this[n]);
		},
		parseselector:function(selector){
			var chunker=/(([^[\]'"]+)+\]|\\.|([^ >+~,(\[\\]+)+|[>+~])(\s*,\s*)?/g;
			var parts=[],m;
			while((m = chunker.exec(selector)) !== null ) {
				parts.push( m[1] );//存储匹配的字符串信息
			}
			return parts;
		},
		wrap:function(html){//每次只wrap一个元素,多个请用each
			var o=this[0],e=document.createelement('div');
			e.innerhtml=html;
			var wrap=e.firstchild;
			o.parentnode.replacechild(wrap,o);
			wrap.appendchild(o);
			return this;
		},
		addhtml:function(html){
			var parent=this[0];
			var e=document.createelement('div');
			e.innerhtml=html;
			var dom=e.childnodes[0];
			parent.appendchild(dom);
			return myfocus(dom);
		},
		addlist:function(classname,type){
			var li=this.htmlulist,n=this.htmlulistlength;
			var strarr=['<div class="'+classname+'"><ul>'];
			for(var i=0;i<n;i++){
				var img=$tag('img',li[i])[0],html;
				switch(type){
					case 'num'  :html='<a>'+(i+1)+'</a><b></b>';break;//b标签主要是为了做透明背景,下同
					case 'txt'  :html=img?li[i].innerhtml.replace(/\<img(.|\n|\r)*?\>/i,img.alt)+'<p>'+img.getattribute("text")+'</p><b></b>':'';break;
					case 'thumb':html=img?'<a><img src='+(img.getattribute("thumb")||img.src)+' /></a><b></b>':'';break;
					default     :html='<a></a><b></b>';
				}
				strarr.push('<li>'+html+'</li>');
			}
			strarr.push('</ul></div>');
			return this.addhtml(strarr.join(''));
		},
		addlistnum:function(classname){
			return this.addlist(classname||'num','num');//默认class=num
		},
		addlisttxt:function(classname){
			return this.addlist(classname||'txt','txt');//默认class=txt
		},
		addlistthumb:function(classname){
			return this.addlist(classname||'thumb','thumb');//默认class=thumb
		},
		remove:function(){
			var o=this[0];
			if(o) o.parentnode.removechild(o);
		},
		repeat:function(n){
			var n=n||2,pnode=this[0].parentnode,html=pnode.innerhtml,s=[];
			for(var i=0;i<n;i++) s.push(html);
			pnode.innerhtml=s.join('');
			return myfocus(pnode).find(this[0].nodename);
		}
	});
	myfocus.fn.extend({//css
		css:function(css){//可获值或设值
			var o=this[0],value,arr=[';'],isie=myfocus.isie;
			if(!o) return this;
			if(typeof css==='string'){//获得css属性值,返回值不带单位
				if(css==='float') css=isie?'stylefloat':'cssfloat';
				if(!(value=o.style[css])) value=(isie?o.currentstyle:getcomputedstyle(o,''))[css];
				if(css==='opacity'&&value===undefined) value=1;//仅为在ie中得到默认值1
				if(value==='auto'&&(css==='width'||css==='height')) value=o['offset'+css.replace(/\w/i,function(a){return a.touppercase()})];
				var numval=parsefloat(value);
				return isnan(numval)?value:numval;
			}else{//设置css属性值,不支持('height','300px')形式,请变成-->({height:'300px'}),可以不带单位px
				for(var p in css){
					if(typeof css[p]==='number'&&!this.cssnumber[p]) css[p]+='px';
					arr.push(p.replace(/([a-z])/g,'-$1')+':'+css[p]+';');
					if(p==='opacity') arr.push('filter:alpha(opacity='+css[p]*100+')');
				}
				o.style.csstext+=arr.join('');
				return this;
			}
		},
		setopacity:function(value){//仅用于animate要求高效的核心算法中,其它情况可用css()代替
			this[0].style.opacity=value,this[0].style.filter='alpha(opacity='+value*100+')';
		},
		setanimatestyle:function(value,prop,m){//仅用于animate要求高效的核心算法中,其它情况可用css()代替
			this[0].style[prop]=math[m](value)+'px';
		},
		addclass:function(classname){
			this[0].classname+=' '+classname;
			return this;
		},
		removeclass:function(classname){
			var o=this[0],cls=classname&&o.classname,reg="/\\s*\\b"+classname+"\\b/g";
			o.classname=cls?cls.replace(eval(reg),''):'';
			return this;
		},
		cssnumber:{fillopacity:true,fontweight:true,lineheight:true,opacity:true,orphans:true,widows:true,zindex:true,zoom:true}//不加px的css,参考jquery
	});
	myfocus.fn.extend({//animate
		animate:function(attr,value,time,type,funcbefore,funcafter){//value支持相对增值'+=100',相对减值'-=100'形式
			var $o=this,o=$o[0],isopacity=attr==='opacity',diffvalue=false;
			funcbefore&&funcbefore.call(o);
			if(typeof value==='string'){
				if(/^[+-]=\d+/.test(value)) value=value.replace('=',''),diffvalue=true;
				value=parsefloat(value);
			}
			var	orival=$o.css(attr),//原始属性值
				b=isnan(orival)?0:orival,//开始值,无值时为0
				c=diffvalue?value:value-b,//差值
				d=time,//总运行时间
				e=this.easing[type],//缓动类型
				m=c>0?'ceil':'floor',//取最大绝对值
				timerid='__myfocustimer__'+attr,//计数器id
				setproperty=$o[isopacity?'setopacity':'setanimatestyle'],//属性设置方法
				origtime=(new date)*1;//原始时间值
			o[timerid]&&clearinterval(o[timerid]);
			o[timerid]=setinterval(function(){
				var t=(new date)-origtime;//已运行时间
				if(t<=d){
					setproperty.call($o,e(t,b,c,d),attr,m);
				}else{
					setproperty.call($o,b+c,attr,m);//设置最终值
					clearinterval(o[timerid]),o[timerid]=null;
					funcafter&&funcafter.call(o);
				}
			},13);
			return this;
		},
		fadein:function(time,type,fn){
			if(typeof time!=='number') fn=time,time=400;//默认400毫秒
			if(typeof type==='function') fn=type,type='';
			this.animate('opacity',1,time,type||'linear',function(){
				myfocus(this).css({display:'block',opacity:0});
			},fn);
			return this;
		},
		fadeout:function(time,type,fn){
			if(typeof time!=='number') fn=time,time=400;//默认400毫秒
			if(typeof type==='function') fn=type,type='';
			this.animate('opacity',0,time,type||'linear',null,function(){
				this.style.display='none';
				fn&&fn.call(this);
			});
			return this;
		},
		slide:function(params,time,type,fn){
			if(typeof time!=='number') fn=time,time=800;//默认800毫秒
			if(typeof type==='function') fn=type,type='';
			for(var p in params) this.animate(p,params[p],time,type||'easeout',null,fn);
			return this;
		},
		stop:function(){//停止所有运动
			var o=this[0];
			for(var p in o) if(p.indexof('__myfocustimer__')!==-1) o[p]&&clearinterval(o[p]);
			return this;
		},
		easing:{
			linear:function(t,b,c,d){return c*t/d + b;},
			swing:function(t,b,c,d) {return -c/2 * (math.cos(math.pi*t/d) - 1) + b;},
			easein:function(t,b,c,d){return c*(t/=d)*t*t*t + b;},
			easeout:function(t,b,c,d){return -c*((t=t/d-1)*t*t*t - 1) + b;},
			easeinout:function(t,b,c,d){return ((t/=d/2) < 1)?(c/2*t*t*t*t + b):(-c/2*((t-=2)*t*t*t - 2) + b);}
		}
	});
	myfocus.fn.extend({//method(fn)
		bind:function(type,fn){
			myfocus.addevent(this[0],type,fn);
			return this;
		},
		play:function(funclastframe,funccurrentframe,seamless){
			var	this_=this,p=this_.settings,n=this_.htmlulistlength,t=p.time*1000,seamless=seamless||false,//是否无缝
				float=myfocus(this_.htmlulist).css('float'),islevel=float==='left',//仅支持'left'方向和'top'方向
				direction=islevel?'left':'top',distance=islevel?p.width:p.height,//运动距离
				indexlast=0,indexcurrent=p.index;//帧索引值,默认0
			this_.find('.loading').remove();//删除loading...
			this_.run=function(value){//循环运动函数,支持+-=value
				funclastframe&&funclastframe(indexlast,n);//运行前一帧
				indexcurrent=typeof value==='string'?indexlast+parseint(value.replace('=','')):value;//fixed index
				if(indexcurrent<=-1){//prev run
					indexcurrent=n-1;//转到最后一帧
					if(seamless) this_.htmlulist[0].parentnode.style[direction]=-n*distance+'px';//无缝的ul定位
				}
				if(indexcurrent>=n){//next run
					if(!seamless) indexcurrent=0;//非无缝时转到第一帧
					if(indexcurrent>=2*n){//无缝
						this_.htmlulist[0].parentnode.style[direction]=-(n-1)*distance+'px';//无缝的ul定位
						indexcurrent=n;
					}
				}
				if(seamless&&indexlast>=n&&indexcurrent<n) indexcurrent+=n;//无缝时的按钮点击(保持同一方向)
				funccurrentframe&&funccurrentframe(indexcurrent,n,indexlast);//运行当前帧
				this_.runindex=indexlast=indexcurrent;//保存已运行的帧索引
			};
			try{this_.run(indexcurrent)}catch(e){settimeout(function(){this_.run(indexcurrent)},0)};//运行...
			if(p.auto){//自动切换
				this_.runtimer=setinterval(function(){this_.run('+=1')},t);//默认递增运行每帧
				this_.bind('mouseover',function(){//绑定事件
					clearinterval(this_.runtimer);
				}).bind('mouseout',function(){
					if(!this_.isstop) this_.runtimer=setinterval(function(){this_.run('+=1')},t);
				});
			}
			this_.find('a').each(function(){//去除ie链接虚线
				this.onfocus=function(){this.blur();}
			});
		},
		bindcontrol:function($btnlist,params){//params={thumbshownum:'略缩图显示数目(如果有)',isrunning:'运行中的标记(当需要判断时)'}
			var this_=this,p=this_.settings,type=p.trigger,delay=p.delay,par=params||{},tsnum=par.thumbshownum||p.thumbshownum;
			var run=function(){
				if(this.index!==this_.runindex&&!par.isrunning){
					this_.run(this.index);
					return false;//阻止冒泡&默认事件
				}
			};
			$btnlist.each(function(i){
				this.index=i;//记录自身索引
				var o=this,$o=myfocus(o);
				if(type==='click'){
					$o.bind('mouseover',function(){
						$o.addclass('hover');
					}).bind('mouseout',function(){
						$o.removeclass('hover');
					}).bind('click',run);
				}else if(type==='mouseover'){
					$o.bind('mouseover',function(){
						if(delay===0) run.call(o);
						else $btnlist.mouseovertimer=settimeout(function(){run.call(o)},delay);
					}).bind('mouseout',function(){
						$btnlist.mouseovertimer&&cleartimeout($btnlist.mouseovertimer);
					});
				}else{
					alert('myfocus error setting(trigger) : \"'+type+'\"');
					return false;
				};
			});
			if(tsnum){//thumb
				var float=$btnlist.css('float'),islevel=float==='left'||float==='right';
				$btnlist.dir=islevel?'left':'top';//方向
				$btnlist.n=this_.htmlulistlength;//总数
				$btnlist.shownum=tsnum;//显示数目
				$btnlist.showstart=p.index;//显示的开始索引
				$btnlist.showend=$btnlist.showstart+tsnum-1;//显示的结尾索引
				$btnlist.distance=$btnlist.css(islevel?'width':'height');//运动距离
				$btnlist.slidebody=$btnlist.parent();//运动对象(ul)
			}
		},
		scrollto:function(i,time){
			var n=this.n,dir=this.dir,$ul=this.slidebody,css={};//总数/方向/滑动body(ul)/样式
			if(i>=this.showend){//next
				this.showend=i<n-1?i+1:i;

				this.showstart=this.showend-this.shownum+1;
			}else if(i<=this.showstart){//prev
				this.showstart=i>0?i-1:0;
				this.showend=this.showstart+this.shownum-1;
			}
			css[dir]=-this.showstart*this.distance;
			$ul.slide(css,time||500,'easeout');
			return this;
		}
	});
	myfocus.extend({//init
		set:function(p,callback){
			var f=this,id=p.id,ostyle=f.initbasecss(id);
			p.pattern=p.pattern||f.defconfig.pattern;
			p.__clsname=p.pattern+'_'+id;
			f.addevent(window,'load',function(){f.onloadwindow=true});
			f.loadpattern(p,function(){
				p=f.extend({},f.defconfig,f.config[p.pattern],p);//收集完整参数
				f.getboxready(p,function(){
					var $o=f($id(id));
					p.width=p.width||$o.css('width'),p.height=p.height||$o.css('height');//获得box高/宽
					f.initcss(p,$o,ostyle);//css
					f.inithtml($o);//html
					$o.addclass(p.pattern+' '+p.__clsname);//+classname
					f.getimgready(p,function(){
						f.pattern[p.pattern](p,f);//运行pattern代码
						callback&&callback();
					});
				});
			});
		},
		onloadwindow:false,
		loadpattern:function(p,callback){
			if(this.pattern[p.pattern]){callback();return;}//如果已加载pattern
			var path=this.getfilepath()+'mf-pattern/'+p.pattern;
			var js= document.createelement("script"),css=document.createelement("link"),src=path+'.js',href=path+'.css'; 
    		js.type = "text/javascript",js.src=src;
			css.rel = "stylesheet",css.href=href;
			var head=$tag('head')[0],issuccess=0,timeout=3000;//超时3秒
			head.appendchild(css);
			head.appendchild(js);
			js.onload=js.onreadystatechange=function(){
				if(!js.readystate||js.readystate=="loaded"||js.readystate=="complete") callback(),issuccess=1;
			};
			settimeout(function(){if(!issuccess) alert('failed to load: '+src);},timeout);
		},
		getfilepath:function(){
			var path='';
			var scripts=$tag("script");
			for(var i=0,len=scripts.length;i<len;i++){
				var src=scripts[i].src;
				if(src&&/myfocus-.*?\.js/i.test(src)){
					path=src;
					break;
				}
			};
			return path.slice(0,path.lastindexof('/')+1);
		},
		getboxready:function(p,fn){
			var f=this;
			(function(){
				try{
					if(f.isie) $id(p.id).doscroll();
					else $id(p.id).innerhtml;
					fn();
				}catch(e){
					if(!f.onloadwindow) settimeout(arguments.callee,0);
				}
			})();
		},
		getimgready:function(p,callback){
			var t=p.loadimgtimeout;
			var box=$id(p.id),img=$tag('img',box),len=img.length,count=0,done=false;
			if(!t||!len){callback();return;}//无延迟
			for(var i=0;i<len;i++){
				img[i].onload=function(){
					count+=1;
					if(count==len&&!done){done=true,callback();}
				};
				if(this.isie) img[i].src=img[i].src;//修复ie bug
			};
			var t=t*1000;
			settimeout(function(){
				if(!done){done=true,callback();}
			},t);
		},
		initcss:function(p,$o,ostyle){
			var css=[],w=p.width||'',h=p.height||'';
			if(p.wrap) $o.wrap('<div class="'+p.pattern+'_wrap"></div>');
			css.push('.'+p.__clsname+' *{margin:0;padding:0;border:0;list-style:none;}.'+p.__clsname+'{position:relative;width:'+w+'px;height:'+h+'px;overflow:hidden;font:12px/1.5 verdana;text-align:left;background:#fff;visibility:visible!important;}.'+p.__clsname+' .loading{position:absolute;z-index:9999;width:100%;height:100%;color:#666;text-align:center;padding-top:'+0.26*h+'px;background:#fff;}.'+p.__clsname+' .pic{position:relative;width:'+w+'px;height:'+h+'px;overflow:hidden;}.'+p.__clsname+' .txt li{width:'+w+'px;height:'+p.txtheight+'px!important;overflow:hidden;}');
			//if(p.autozoom) css.push('.'+p.__clsname+' .pic li{text-align:center;width:'+w+'px;height:'+h+'px;}');//缩放图片居中
			try{ostyle.stylesheet.csstext=css.join('')}catch(e){ostyle.innerhtml=css.join('')}
		},
		initbasecss:function(id){
			var s='#'+id+' *{display:none}',ostyle=document.createelement('style');
			ostyle.type='text/css';
			try{ostyle.stylesheet.csstext=s}catch(e){ostyle.innerhtml=s}
			var ohead = $tag('head',document)[0];
			ohead.insertbefore(ostyle,ohead.firstchild);
			return ostyle;
		},
		inithtml:function($o){
			var $load=$o.find('.loading'),$img=$load.find('img'),img=$img[0];
			if($img.length){
				$load.addhtml('<p>'+img.alt+'</p>');
				if(!img.getattribute('src')) img.style.display='none';
			}
		}
	});
	myfocus.extend({//method(myfocus)
		isie:!!(document.all&&navigator.useragent.indexof('opera')===-1),//!(+[1,]) bug in ie9+?
		addevent:function(o,type,fn){
			var ie=this.isie,e=ie?'attachevent':'addeventlistener',t=(ie?'on':'')+type;
			o[e](t,function(e){
				var e=e||window.event,flag=fn.call(o,e);
				if(flag===false){
					if(ie) e.cancelbubble=true,e.returnvalue=false;
					else e.stoppropagation(),e.preventdefault();
				}
			},false);
		}
	});
	//支持jq
	if(typeof jquery!=='undefined'){
		jquery.fn.extend({
			myfocus:function(p,fn){
				if(!p) p={};
				p.id=this[0].id;
				if(!p.id) p.id=this[0].id='mf__id__';
				myfocus.set(p,fn);
			}
		});
	}
})();