碎碎念ZWS

function autoslider(obj)   
    {this.obj=$(obj);   
    this.container=$("container");   
    this.control=$("control");   
    this.items=$$$("item",this.container);   
    this.iCenter=2;   
    this.aSort=[];   
    this.timer=null;   
    this.oData=[   
        {top:-440,left:0,zIndex:3,opacity:0},   
        {top:-220,left:0,zIndex:3,opacity:0},   
        {top:0,left:0,zIndex:4,opacity:100},   
        {top:220,left:0,zIndex:3,opacity:0},   
        {top:440,left:0,zIndex:3,opacity:0}   
    ];   
    this.__create__()};   
    autoslider.prototype.__create__=function()   
{var that=this;   
var oSpan=null;   
var i=0;   

for(i=0;i<that.items.length;i++)   
{that.items[i].number=i;   
that.aSort[i]=that.items[i];   
oSpan=document.createElement("span");   
oSpan.number=i;   
that.control.appendChild(oSpan)}   
  
for(i=0;i<2;i++)this.aSort.unshift(this.aSort.pop());   
that.aSpan=$$("span",that.control);   
that.control.onmouseover=function(ev)   
  
{var oEv=ev||event;   
var oTarget=oEv.target||oEv.srcElement;   
if(oTarget.tagName.toUpperCase()=="SPAN")   
  
{that.aSort.sort(function(a,b){return a.number-b.number});   
  
if(oTarget.number<that.iCenter)   
  
{for(i=0;i<that.iCenter-oTarget.number;i++)   
    that.aSort.unshift(that.aSort.pop());   
that.__set__();   
return false}   
  
else if(oTarget.number>that.iCenter)   
{for(i=0;   
i<oTarget.number-that.iCenter;i++)that.aSort.push(that.aSort.shift());   
that.__set__();   
return false}   
  
else  
{that.__set__()}}}   
this.__set__();   
this.__switch__();   
this.__autoPlay__()};   
autoslider.prototype.__set__=function()   
  
{var i=0;   
for(i=0;   
i<this.aSort.length;i++)this.container.appendChild(this.aSort[i]);   
for(i=0;   
i<this.aSpan.length;i++)this.aSpan[i].className="";   
this.aSpan[this.aSort[this.iCenter].number].className="active";   
for(i=0;i<this.aSort.length;i++)   
  
{this.aSort[i].index=i;   
if(i<5)   
{new Animate(this.aSort[i],this.oData[i]);}   
else  
{new Animate(this.aSort[i],this.oData[this.oData.length-1])}}};   
autoslider.prototype.__switch__=function()   
{var i=0;   
var that=this;   
this.container.onclick=function(ev)   
{var oEv=ev||event;   
var oTarget=oEv.target||oEv.srcElement;   
var index=findItem(oTarget);   
if(index<that.iCenter)   
{for(i=0;   
i<that.iCenter-index;i++)that.aSort.unshift(that.aSort.pop());   
that.__set__();return false}   
else if(index>that.iCenter)   
{for(i=0;   
i<index-that.iCenter;i++)that.aSort.push(that.aSort.shift());   
that.__set__();return false}   
  
function findItem(element)   
{return element.className=="item"?element.index:arguments.callee(element.parentNode)}};};   
autoslider.prototype.__autoPlay__=function()   
{var that=this;   
that.timer=setInterval(function()   
{that.aSort[3].click()},3000);   
that.obj.onmouseover=function()   
{clearInterval(that.timer)};   
that.obj.onmouseout=function()   
{that.timer=setInterval(function()   
{that.aSort[3].click()},3000)}};   
  
function $(id)   
{return typeof id==="string"?document.getElementById(id):id};   
function $$(tagName,oParent)   
{return(oParent||document).getElementsByTagName(tagName)};   
function $$$(className,element,tagName)   
{var i=0;   
var aClass=[];   
var reClass=new RegExp("(^|//s)"+className+"(//s|$)");   
var aElement=$$(tagName||"*",element||document);   
for(i=0;i<aElement.length;i++)reClass.test(aElement[i].className)&&aClass.push(aElement[i]);   
return aClass};   
function css(element,attr,value)   
{if(arguments.length==2)   
{if(typeof arguments[1]==="string")   
{return element.currentStyle?element.currentStyle[attr]:getComputedStyle(element,null)[attr]}   
else  
{for(var property in attr)   
{property=="opacity"?(element.style.filter="alpha(opacity="+attr[property]+")",element.style.opacity=attr[property]/100):element.style[property]=attr[property]}}}   
else if(arguments.length==3)   
{switch(attr)   
{case"width":case"height":case"top":case"left":case"right":case"bottom":element.style[attr]=value+"px";   
break;   
case"opacity":element.style.filter="alpha(opacity="+value+")";   
element.style.opacity=value/100;   
break;   
default:element.style[attr]=value;   
break}}   
return element};   
function Animate(element,options,fnCallBack)   
{this.obj=$(element);   
this.options=options;   
this.__onEnd__=fnCallBack;   
this.__startMove__()};   
Animate.prototype.__startMove__=function()   
{var that=this;   
clearInterval(that.obj.timer);   
that.obj.timer=setInterval(function()   
{that.__doMove__()},30);};   
Animate.prototype.__doMove__=function()   
{var complete=true;   
var property=null;   
for(property in this.options)   
{var iCur=parseFloat(css(this.obj,property));   
property=="opacity"&&(iCur=parseInt(iCur.toFixed(2)*100));   
var iSpeed=(this.options[property]-iCur)/5;   
iSpeed=iSpeed>0?Math.ceil(iSpeed):Math.floor(iSpeed);   
this.options[property]==iCur||(complete=false,css(this.obj,property,iSpeed+iCur))}   
complete&&(clearInterval(this.obj.timer),this.__onEnd__&&this.__onEnd__.apply(this.obj))};   
window.onload=function()   
{new autoslider("box")};