// JavaScript Document

function $(id){return document.getElementById(id);}
function $$(tag,id){return(id==undefined?document:this.$(id)).getElementsByTagName(tag);}
function opa(pics,n){var pics=$$('img',pics);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+=4;setfade(pics[n],o1);if(o1<100)pics[n].move=setTimeout(show,1);};var hide=function(){if(pics[N].move)clearTimeout(pics[N].move);if(o2==0)return true;o2-=4;setfade(pics[N],o2);if(o2>0)pics[N].move=setTimeout(hide,1);};for(var i=0;i<pics.length;i++){if(!getfade(pics[i]))setfade(pics[i],0);if(pics[i].name=='out')var N=i;}
if(!N&&n==0){pics[n].name='out';var o1=getfade(pics[n]);show();return true;}
if(N==n)return true;pics[N].name=''
pics[n].name='out';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){opa('pics',currentNum+1);classNormal();focusBtnList[currentNum+1].className='current';}else if(currentNum==focusBtnList.length-1){opa('pics',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(){opa('pics',this.I);classNormal();focusBtnList[this.I].className='current';}
focusBtnList[i].onmouseover=function(){this.style.cursor='pointer';}
focusBtnList[i].onmouseout=function(){this.style.backgroundColor='';}}}
var atuokey='';function init(){$('btn_bg').innerHTML=$('btn').innerHTML;$('focus_change').removeChild($$('div','focus_change')[0]);opa('pics',0);classNormal();$$('li','btn')[0].className='current';$('focus_change').onmouseover=function(){atuokey=true;clearInterval(auto);}
$('focus_change').onmouseout=function(){atuokey=false;auto=setInterval('autoFocusChange()',T);}}
var T=4500;var auto='';window.onload=function(){init();focusChange();auto=setInterval('autoFocusChange()',T);}