// focus  
function setMyFocus(ID,t){
function $(id) {return document.getElementById(id);}
function $$(tag,obj){return (typeof obj=='object'?obj:$(obj)).getElementsByTagName(tag);}
function poptit(n){
	var ts = $$('li',tit);
	var H = ts[n].clientHeight;
	var setway=function(obj,y){obj.style.bottom=y+'px';}
	var getway=function(obj){return parseInt(obj.style.bottom);}
	var y1,y2;
	var up=function(){
		y1=getway(ts[n]);
		if (ts[n].movement) clearTimeout(ts[n].movement);
		if (y1 == 0) return true;
		y1+=Math.ceil((0 - y1) / 5);
		setway(ts[n],y1);
		if(y1<0) ts[n].movement = setTimeout(up, 1);
	}
	var down=function(){
		y2=getway(ts[N]);
		if (ts[N].movement) clearTimeout(ts[N].movement);
		if (y2 == -H) return true;
		y2+=Math.floor((-H - y2) / 5);
		setway(ts[N],y2);
		if(y2>-H) ts[N].movement = setTimeout(down, 1);
	}
	for(var i=0;i<ts.length;i++){
		if (!ts[i].style.bottom) ts[i].style.bottom = -H+'px';
		if(ts[i].name=='up') var N=i;
	}
	if(!N&&n==0) {//开始载入...
		ts[n].name='up';
		var y1=getway(ts[n]);
		up();
		return true;
	} 
	if(N==n) return true;//防止快速移出移入的抖动
	ts[N].name=''
	ts[n].name='up';
	down();
	up();
}
function opa(n){//图片淡入淡出函数，效果已无

	var pics = $$('img',pic);
	for(var i=0;i<pics.length;i++){
		if(pics[i]) {pics[i].style.display='none';}
		if(pics[i].name=='out') var N=i;
	}
	if(!N&&n==0) {//开始载入...
		pics[n].name='out';
		pics[n].style.display='';
		return true;
	}
	if(N==n) return true;
	pics[N].name=''
	pics[n].name='out';
	pics[n].style.display='';

}
function classNormal() {//数字标签样式清除
    var focusBtnList = $$('li',btn);
    for (var i = 0; i < focusBtnList.length; i++) {
        focusBtnList[i].className = '';
    }
}
function autoFocusChange() {//自动运行
    if (atuokey) return;
    var focusBtnList = $$('li',btn);
    for (var i = 0; i < focusBtnList.length; i++) {
        if (focusBtnList[i].className == 'current') {
            var currentNum = i;
        }
    }
	if(currentNum<focusBtnList.length-1){
		poptit(currentNum+1);
		opa(currentNum+1);
       	classNormal();
       	focusBtnList[currentNum+1].className = 'current';
	}else if(currentNum==focusBtnList.length-1){
		poptit(0);
		opa(0);
       	classNormal();
       	focusBtnList[0].className = 'current';
	}
}
function focusChange() {//交互切换
    var focusBtnList = $$('li',btn);
    for (var i = 0; i < focusBtnList.length; i++) {
		focusBtnList[i].I=i;
		focusBtnList[i].onclick = function(){
        	poptit(this.I);
			opa(this.I);
        	classNormal();
        	focusBtnList[this.I].className = 'current';
		}
		focusBtnList[i].onmouseover = function(){
			if(!this.className) this.className = 'hover'
		}
		focusBtnList[i].onmouseout = function(){
			if(this.className=='hover') this.className ='';
		}
	}
}
function preNex(){
$("next").onmouseover=function(){
atuokey = true;
clearInterval(auto);
$("next").className="next_hover";
}
$("pre").onmouseover=function(){
atuokey = true;
clearInterval(auto);
$("pre").className="pre_hover";
}
$("next").onmouseout=function(){
atuokey = false;
$("next").className="next";
auto=setInterval(autoFocusChange, T);
}
$("pre").onmouseout=function(){
atuokey = false;
$("pre").className="pre";
auto=setInterval(autoFocusChange, T);
}
$("next").onclick=function(){
var focusBtnList = $$('li',btn);
var cur=0;
 for (var i = 0; i < focusBtnList.length; i++) {
	if(focusBtnList[i].className == 'current')
	{
		cur=focusBtnList[i].I;
	}
}
cur+=1;
if(cur>=focusBtnList.length)cur=0;
poptit(cur);
opa(cur);
classNormal();
focusBtnList[cur].className = 'current';

}
$("pre").onclick=function(){
var focusBtnList = $$('li',btn);
var cur=0;
 for (var i = 0; i < focusBtnList.length; i++) {
	if(focusBtnList[i].className == 'current')
	{
		cur=focusBtnList[i].I;
	}
}
cur-=1;
if(cur<0)cur=focusBtnList.length-1;
poptit(cur);
opa(cur);
classNormal();
focusBtnList[cur].className = 'current';
 }
}
function init(){//初始化

	$(ID).removeChild($$('div',ID)[2]);
	opa(0);
	poptit(0);
    classNormal();
    $$('li',$$('div',ID)[4])[0].className = 'current';
	$(ID).onmouseover = function() {
        atuokey = true;
		clearInterval(auto);
    }
    $(ID).onmouseout = function() {
        atuokey = false;
		auto=setInterval(autoFocusChange,T);
    }
}
var ul=$$('ul',ID)[0];
var li=$$('li',ul);
var NUM=li.length;
var s1='<div class="tsBg"></div><div class="btnBg"><ul>';for(var i=0;i<NUM;i++){s1+='<li></li>'};s1+='</ul></div>';
var s2='<div class="ts"><ul>';
for(var i=0;i<NUM;i++){var a=$$('a',li[i])[0];
var img=$$('img',li[i])[0];
var title=$$('p',li[i])[0];
s2+='<li><a href="'+a.href+'">'+title.innerHTML+'</a></li>'};s2+='</ul></div>';
var s3='<div class="btn"><ul>';
for(var i=0;i<NUM;i++){s3+='<li>'+(i+1)+'</li>'};s3+='</ul></div>';
$(ID).innerHTML=s1+$(ID).innerHTML+s2+s3;
//生成HTML结束
var pic=$$('div',ID)[3];
var tit=$$('div',ID)[4];
var btn=$$('div',ID)[5];
var atuokey = '';
var auto='';
var T=t*2500;//每帧图片停留的时间，1000=1秒

	init();
	focusChange();
	preNex();
	auto=setInterval(autoFocusChange, T);
}