﻿ var mye_Focus={
	$:function(id){return document.getElementById(id);},
	$$:function(tag,obj){return (typeof obj=='object'?obj:this.$(obj)).getElementsByTagName(tag);},
	easeOut:function(t,b,c,d){return -c*((t=t/d-1)*t*t*t - 1) + b;},
	move:function(obj,dir,val,type,spd,fn){
		var t=0,b=parseInt(obj.style[dir])||0,c=val-b,d=spd||50,st=type||'linear',m=c>0?'ceil':'floor';
		if(obj[dir+'timer']) clearInterval(obj[dir+'timer']);
		obj[dir+'timer']=setInterval(function(){
			if(t<d){obj.style[dir]=Math[m](mye_Focus[st](++t,b,c,d))+'px';}
			else {clearInterval(obj[dir+'timer']);fn&&fn.call(obj);}
		},10);return this;
	},
	addList:function(obj,cla,arr){
		var s=[],n=this.$$('li',this.$$('ul',obj)[0]).length,num=cla.length;
		for(var j=0;j<num;j++){
			s.push('<ul class='+cla[j]+'>');
			for(var i=0;i<n;i++){s.push('<li>'+(cla[j]=='num'?(i+1):(cla[j]=='txt'?this.$$('li',obj)[i].innerHTML.replace(/\<img.*?\>/i,this.$$('img',obj)[i].alt):''))+'<span></span></li>')};
			s.push('</ul>');
		}; obj.innerHTML+=s.join('');
	},
	setting:function(par){
		if(window.attachEvent){window.attachEvent('onload',function(){mye_Focus[par.style](par)});}
　　		else{window.addEventListener('load',function(){mye_Focus[par.style](par)},false);}
	},
	
	mF_qiyiNE:function(par){
		var box=this.$(par.id),t=par.time*1000;
		box.removeChild(this.$$('div',box)[0]);
		this.addList(box,['txt']);
		box.innerHTML='<div class=box><div class=slide>'+box.innerHTML+'</div></div>';
		this.addList(box,['num']);
		
        var l = this.$$('img',box)[0].clientWidth,sde = this.$$('div',this.$$('div', box)[0])[0],n = this.$$('img', sde).length;
		var txt = this.$$('ul', box)[1],tip = this.$$('li',txt),btn = this.$$('ul', box)[2],index = 0;
        sde.style.width = l * n + 'px';
       
        this.$$('li', btn)[index].className = 'current';
		this.move(tip[index],'top',-34,'easeOut');
        var run = function(idx) {
            mye_Focus.$$('li', btn)[index].className = '';
            if (index == n - 1) index = -1;
            var N = idx != undefined ? idx: index + 1;
			tip[N].style.top=0+'px';
            mye_Focus.$$('li', btn)[N].className = 'current';
			mye_Focus.move(sde, 'left', -l * N, 'easeOut',50,function(){mye_Focus.move(tip[N],'top',-34,'easeOut');});
            index = N;
        }
		var auto=setInterval(function(){run()},t);
		
		for (var j=0;j<n;j++){
			this.$$('li',btn)[j].j=j;
			this.$$('li',btn)[j].onmouseover=function(){if(!this.className) run(this.j)}
		}
		box.onmouseover=function(){clearInterval(auto);}
    	box.onmouseout=function(){auto=setInterval(function(){run()},t);}
	}
};

mye_Focus.setting({
	style:'mF_qiyiNE',
	id:'mye_Focus',
	time:5
});
