﻿//图片文章脚本
var FocusPic = function(BigPicID, SmallPicsID, TitleID){
    this.Data = [];
    this.ImgLoad = [];
    this.TimeOut = 5000;
    var adNum = 0;
    var TimeOutObj;
    
    if(!FocusPic.childs){
        FocusPic.childs = []
    };
    
    this.ID = FocusPic.childs.push(this)-1;
    
    this.Add = function(BigPic, SmallPic, Title, Url){
        var ls;
        this.Data.push([BigPic, SmallPic, Title, Url]);
        ls = this.ImgLoad.length;
        this.ImgLoad.push(new Image);
        this.ImgLoad[ls].src = BigPic
    };
    
    this.TimeOutBegin = function(){
        clearInterval(TimeOutObj);
        TimeOutObj = setInterval("FocusPic.childs[" + this.ID + "].next()", this.TimeOut)
    };
    
    this.TimeOutEnd = function(){
        clearInterval(TimeOutObj)
    };
    
    this.select = function(num){
        if(num > this.Data.length - 1){
            return
        };
        
        this.TimeOutBegin();
        this.adNum = num;
        
        if(BigPicID){
            if(this.$(BigPicID)){
                var aObj = this.$(BigPicID).getElementsByTagName("a")[0];
                var aImg = this.$(BigPicID).getElementsByTagName("img")[0];
                if(aImg.filters){
                    aImg.filters.revealTrans.Transition = 23;
                    aImg.filters.revealTrans.apply();
                    aImg.filters.revealTrans.play()
                };
                aObj.href = this.Data[num][2];
                aImg.alt = this.Data[num][3];
                aImg.src = this.Data[num][0]
            }
        };
            
        if(TitleID){
            if(this.$(TitleID)){
                this.$(TitleID).innerHTML="<a href=\""+this.Data[num][2]+"\" target=\"_blank\">"+this.Data[num][3]+"</a>"
            }
        };
        
        if(SmallPicsID){
            if(this.$(SmallPicsID)){
                var sImg=this.$(SmallPicsID).getElementsByTagName("span");
                var i;
                for(i = 0; i < sImg.length; i++){ 
                    if(i == num){
                        sImg[i].className = "selected"
                    }
                    else{
                        sImg[i].className=""
                    }
                }
            }
        }
    };
        
    this.next = function(){
        var temp = this.adNum;
        temp++;
        if(temp >= this.Data.length){
            temp = 0
        };
        this.select(temp)
    };
    
    this.MInStopEvent = function(ObjID){
        if(ObjID){
            if(this.$(ObjID)){
                if(this.$(ObjID).attachEvent){
                    this.$(ObjID).attachEvent("onmouseover", Function("FocusPic.childs[" + this.ID + "].TimeOutEnd()"));
                    this.$(ObjID).attachEvent("onmouseout", Function("FocusPic.childs[" + this.ID + "].TimeOutBegin()"))
                }
                else{
                    this.$(ObjID).addEventListener("mouseover", Function("FocusPic.childs[" + this.ID + "].TimeOutEnd()"), false);
                    this.$(ObjID).addEventListener("mouseout", Function("FocusPic.childs[" + this.ID + "].TimeOutBegin()"), false)
                }
            }
        }
    };
    
    this.begin = function(){
        this.MInStopEvent(TitleID);
        this.MInStopEvent(SmallPicsID);
        this.MInStopEvent(BigPicID);
        this.adNum = 0;
        if(SmallPicsID){
            if(this.$(SmallPicsID)){
                var i;
                var temp = "";
                for(i = 0; i < this.Data.length; i++){
                    temp += "<span" + (this.adNum == i ? ' class="selected"':"") + "><a href=\"" + this.Data[i][2] + "\" target=\"_blank\"><img src=\"" + 
                            this.Data[i][1] + "\" onmouseover=\"FocusPic.childs[" + this.ID + "].select(" + i + ")\" alt=\"" + this.Data[i][3] + "\" /></a></span>"
                };
                this.$(SmallPicsID).innerHTML=temp
            }
        };                            
        this.TimeOutBegin()
    };
    
    this.$ = function(objName){
        if(document.getElementById){
            return eval('document.getElementById("' + objName + '")')
        }
        else{
            return eval('document.all.' + objName)
        }
    }
}