var isIE = (document.all) ? true : false;

    var $ = function(id){
        return "string" == typeof id ? document.getElementById(id) : id;
    }

    var Each = function(list, fun){
        for(var i = 0; i < list.length; i++){ fun(list[i],i)}
    }

    Object.extend = function(distination, source){
        for(var property in source){
            distination[property] = source[property];
        }

        return distination;
    }

    var Class = {
        create : function(){
            return function(){
                this.initialize.apply(this, arguments);
            }
        }
    }

    var picChange = Class.create();

    picChange.prototype = {
        initialize : function(arrInfo, options){
            this._timer = null;
            this._index = 0;
            this._img = $('oDiv').getElementsByTagName("img");
            this._span = $('oDiv').getElementsByTagName("span");
            this._a = $('oDiv').getElementsByTagName("a");
            this.setOption(options);
            this._info = arrInfo;
            this._time = this.options.Time;
            this.Set();
        },

        setOption : function(options){
            this.options = {
                auto : true,
                Time : 3000
            }
            Object.extend(this.options, options || {});
        },

        Set : function(){
            var oThis = this;
            Each(this._span, function(o, i){
                o.onmouseover = function(){
                    oThis.Run(i);
                }
            })
            this.Run(this._index);

        },

        Show : function(){
            if(isIE){
                $('MainPic').filters.revealTrans.Transition = 12;
                $('MainPic').filters.revealTrans.apply();
                $('MainPic').filters.revealTrans.play();
            }                
        },

        Run : function(j){
            this.Stop();
            var oThis = this;        
            j++;
            if(j > this._img.length) j = 1;    
            this.Show();
            $('MainPic').src = this._img[j-1].src;
            $('MainPicUrl').href = this._a[j-1].href;
            $('showInfo').innerHTML = this._info[j-1];
            for(var k = 0;k < this._img.length; k++){ 
            	$("tmb"+k).className = "bg";
            	$("tmb_title"+k).className = "bga1";
                $("tmb_mark"+k).className = "bga2"; 
            }
            $("tmb"+(j-1)).className = "onbg";   
            $("tmb_title"+(j-1)).className = "onbga1";
            $("tmb_mark"+(j-1)).className = "onbga2"; 
            this._timer = setTimeout(function(){oThis.Run(j)},this._time);
        },

        Stop : function(){
            clearTimeout(this._timer);
        }


        
    }