// javascript document
var myfocus={
	$:function(id){
		return document.getelementbyid(id);
    },
	$$:function(tag,obj){
		return (typeof obj=='object'?obj:this.$(obj)).getelementsbytagname(tag);
	},
	linear:function(t,b,c,d){return c*t/d + 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;},
	opa:function(obj,v){
	if(v!=undefined) {
		v=v>100?100:(v<0?0:v); obj.style.filter = "alpha(opacity=" + v + ")"; 
		obj.style.opacity = (v / 100);
	}
	else
	    return (document.all)?((obj.filters.alpha)?obj.filters.alpha.opacity:100):((obj.style.opacity)?obj.style.opacity*100:100);
	},
 	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](myfocus[st](t++,b,c,d))+'px';
		}
	    else {
			clearinterval(obj[dir+'timer']);fn&&fn.call(myfocus);
		}
 	},10);
	return this;
    },
    fade:function(obj,type,spd,fn){
	var o=this.opa(obj),m=spd||5;
	 if(o==0) obj.style.display='';
 	 if(type=='out') m=-m;
 	 if(obj.fadetimer) clearinterval(obj.fadetimer);
 	 obj.fadetimer=setinterval(function(){
		 o+=m;myfocus.opa(obj,o);
		 if(o<=0) obj.style.display='none';
 		 if(o>=100||o<=0){clearinterval(obj.fadetimer);fn&&fn.call(myfocus);}
 	 },30);//30涓烘笎鍙樼殑鏃堕棿
	 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('<li>'+(cla[j]=='num'?(i+1):(cla[j]=='txt'?this.$$('li',obj)[i].innerhtml.replace(/\<p\>.*?\<\/p>/i,this.$$('p',obj)[i].innerhtml):''))+'</li>');
};
	     s.push('</ul>');
 	 };
	 obj.innerhtml+=s.join('');
 	 },
	 setting:function(par){//璁剧疆dom/鏂囨。鍔犺浇灏辩华鍚庢墽琛岀殑浠诲姟
		 if(window.attachevent){
			 window.attachevent('onload',function(){myfocus[par.style](par)});
		 }else{
			 window.addeventlistener('load',function(){myfocus[par.style](par)},false);
		 }
	 },
 	 mf_expo2010:function(par){
 	 var box=this.$(par.id),t=par.time*1000;
 	 this.addlist(box,['txt-bg','txt','num-bg','num']);
	 var pic=this.$$('ul',box)[0],txt=this.$$('ul',box)[2],num=this.$$('ul',box)[4],img=this.$$('li',pic),tip=this.$$('li',txt);
	 
	 var h=60;
	 //var h=tip[0].clientheight+60;
	 var n=img.length;
	 var index=0;
	 for(var i=0;i<img.length;i++){
		 this.opa(img[i],0);
		 img[i].style.display='none';
		 tip[i].style.bottom='0px';
		 tip[i].style.display='none';
		 //tip[i].style.bottom=-h+'px';
	 }
	 tip[0].style.display='';
 	 box.removechild(this.$$('div',box)[0]);
	 this.fade(img[index],'in');
	 this.fade(tip[index],'easeout');
 	 //this.move(tip[index],'bottom',0,'easeout',40);
 	 this.$$('li',num)[index].classname='current';
 	 var run=function(idx){
 		 myfocus.fade(img[index],'out');
 		 myfocus.fade(tip[index],'easein');
 		 
 		     for(var jj=0;jj<tip.length;jj++)
 		     {
     		    tip[jj].style.display='none';
 		     }
 		 
 		 
		 //myfocus.move(tip[index],'bottom','0','easein',10);
		 //myfocus.move(tip[index],'bottom',-h,'easein',10);
		 myfocus.$$('li',num)[index].classname='';
		 if(index==n-1) index=-1;
 		 var n=idx!=undefined?idx:index+1;
 		 myfocus.fade(img[n],'in');
 		 myfocus.fade(tip[n],'easeout');
 		 
 		 tip[n].style.display='';
 		 
 		 //myfocus.move(tip[n],'bottom',0,'easeout',40);
 		 myfocus.$$('li',num)[n].classname='current';
 		 index=n;
	 }
 	 var auto=setinterval(function(){run()},t);
 	 for (var j=0;j<n;j++){
		 this.$$('li',num)[j].j=j;
		 this.$$('li',num)[j].onclick=function(){run(this.j)}
 		 this.$$('li',num)[j].onmouseover=function(){if(!this.classname) this.classname = 'hover';}
 		 this.$$('li',num)[j].onmouseout=function(){if(this.classname=='hover') this.classname ='';}
 	 }
	 box.onmouseover=function(){clearinterval(auto);}
	 box.onmouseout=function(){auto=setinterval(function(){run()},t);}
	 }
	 }
myfocus.setting({style:'mf_expo2010',id:'myfocus',time:3}); //style涓洪鏍兼牱寮?id涓虹劍鐐瑰浘id,time涓烘瘡甯ч棿闅旀椂闂?绉?