﻿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);
		var setfade=function(obj,o){
			if (document.all) obj.style.filter = "alpha(opacity=" + o + ")";
			else obj.style.opacity = (o / 100);
		};
		var getfade=function(obj){
			return (document.all)?((obj.filters.alpha.opacity)?obj.filters.alpha.opacity:false):((obj.style.opacity)?obj.style.opacity*100:false);
		}
		var show=function(){
			if(pics[n].move) clearTimeout(pics[n].move);
			if (o1 >= 100) return true;
			o1+=5;
			setfade(pics[n],o1);
			pics[n].move=setTimeout(show,1);
		};
		var hide=function(){
			if(pics[N].move) clearTimeout(pics[N].move);
			if (o2 <= 0) {pics[N].style.display='none';return true;}
			o2-=5;
			setfade(pics[N],o2);
			pics[N].move=setTimeout(hide,1);
		};
		for(var i=0;i<pics.length;i++){
			if(!getfade(pics[i])) {setfade(pics[i],0);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='';
			var o1=getfade(pics[n]);
			show();
			return true;
		}
		if(N==n) return true;
		pics[N].name=''
		pics[n].name='out';
		pics[n].style.display='';
		var o1=getfade(pics[n]);
		var o2=getfade(pics[N]);
		hide();
		show();
	}
	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 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];s2+='<li><a href="'+a.href+'">'+img.alt+'</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;
	var pic=$$('div',ID)[3];
	var tit=$$('div',ID)[4];
	var btn=$$('div',ID)[5];
	var atuokey = '';
	var auto='';
	var T=t*1000;
		init();
		focusChange();
		auto=setInterval(autoFocusChange, T);
}

function FixWidth(selectObj){
	var newSelectObj = document.createElement("select");
	newSelectObj = selectObj.cloneNode(true);
	newSelectObj.setAttribute("ID", "new_"+selectObj.id);
	newSelectObj.selectedIndex = selectObj.selectedIndex;
	newSelectObj.onmouseover = null;
	
	var e = selectObj;
	var absTop = e.offsetTop;
	var absLeft = e.offsetLeft;
	while(e = e.offsetParent){
	absTop += e.offsetTop;
	absLeft += e.offsetLeft;
	}
	with (newSelectObj.style){
	position = "absolute";
	top = absTop + "px";
	left = absLeft + "px";
	width = "";
	}
	var rollback = function(){ RollbackWidth(selectObj, newSelectObj); };
	newSelectObj.onmouseout= rollback;
	//newSelectObj.focus();
	newSelectObj.onfocus = function(){ newSelectObj.onmouseout=null; };
	newSelectObj.onblur = rollback;
	newSelectObj.onchange = rollback;
	selectObj.style.visibility = "hidden";
	document.body.appendChild(newSelectObj);

}
function RollbackWidth(selectObj, newSelectObj){
	selectObj.selectedIndex = newSelectObj.selectedIndex;
	selectObj.style.visibility = "visible";
	document.body.removeChild(newSelectObj);
}
function seljump(url){ 
	location.href =  url;
}
function JumpTo(url){ 
	location.href = "http://"+location.host+url
}
function addFavorite(){
	var page = window.location.href;
	var description=window.location.host;
	try{
		window.external.AddFavorite(page,description);
	}catch(e){
		window.sidebar.addPanel(description,page,"");
	}
	return false;
}

