var FocusPic = function(BigPicID, SmallPicsID, TitleID, width, height) {
    this.Data = [];
    this.ImgLoad = [];
    this.TimeOut = 5000;
    var isIE = navigator.appVersion.indexOf("MSIE") != -1 ? true : false;
    this.width = width; this.height = height;
    this.adNum = 0;
    var TimeOutObj; if (!FocusPic.childs) {
        FocusPic.childs = []
    };
    this.showTime = null; this.showSum = 10;
    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
        };
        if (num == this.adNum)
        { return };
        this.TimeOutBegin();
        if (BigPicID) {
            if (this.$(BigPicID)) {

                var aObj = this.$(BigPicID).getElementsByTagName("a")[0];
                aObj.href = this.Data[num][2];
                if (this.aImgY) {
                    this.aImgY.style.display = 'none';
                    this.aImg.style.position = "relative";
                    this.aImg.style.left = 0; this.aImg.style.top = 0;
                    this.aImg.style.zIndex = 0
                };
                this.aImgY = this.$('F' + this.ID + 'BF' + this.adNum);
                this.aImg = this.$('F' + this.ID + 'BF' + num); clearTimeout(this.showTime);
                this.showSum = 10;
                this.showTime = setTimeout("FocusPic.childs[" + this.ID + "].show()", 50)
            }
        };
        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"), i;
                for (i = 0; i < sImg.length; i++) {
                    if (i == num || num == (i - this.Data.length)) {
                        sImg[i].className = "selected"
                    } else {
                        sImg[i].className = ""
                    }
                }
            }
        };
        if (this.onselect) { this.onselect() }; this.adNum = num
    };
    var absPosition = function(obj, parentObj) {
        var left = obj.offsetLeft, top = obj.offsetTop, tempObj = obj;
        while (tempObj.id != "VBody" & tempObj.id != "VHtml" & tempObj != parentObj) {
            tempObj = tempObj.offsetParent; left += tempObj.offsetLeft; top += tempObj.offsetTop
        }; return { left: left, top: top }
    };
    this.show = function() {
        this.showSum--;
        this.aImgY.style.display = 'block';
        this.aImg.style.position = "absolute";
        var XY = absPosition(this.aImgY, this.$(BigPicID));
        this.aImg.style.top = XY.top + "px";
        this.aImg.style.left = XY.left + "px";
        this.aImg.style.display = 'block'; if (isIE) {
            this.aImg.style.filter = "alpha(opacity=0)";
            this.aImg.style.filter = "alpha(opacity=" + (10 - this.showSum) * 10 + ")"
        }
        else {
            this.aImg.style.opacity = 0;
            this.aImg.style.opacity = (10 - this.showSum) * 0.1
        };
        if (this.showSum <= 0) {
            this.aImgY.style.display = 'none';
            this.aImg.style.position = "relative";
            this.aImg.style.left = 0;
            this.aImg.style.top = 0;
            this.aImg.style.zIndex = 0;
            this.aImgY = null
        } else {
            this.aImg.style.zIndex = 2;
            this.showTime = setTimeout("FocusPic.childs[" + this.ID + "].show()", 50)
        }
    };
    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; var i, temp = "";
        if (BigPicID) {
            if (this.$(BigPicID)) {
                var aObj = this.$(BigPicID).getElementsByTagName("a")[0];
                aObj.style.zoom = 1;
                this.$(BigPicID).style.position = "relative";
                for (i = 0; i < this.Data.length; i++) {
                    temp += '<img src="' + this.Data[i][0] + '" id="F' + this.ID + 'BF' + i + '" style="display:' + (i == this.adNum ? 'block' : 'none') + '" galleryimg="no"' + (this.width ? ' width="' + this.width + '"' : '') + (this.height ? ' height="' + this.height + '"' : '') + ' alt="" />'
                }; aObj.innerHTML = temp
            }
        }; if (SmallPicsID) {
            if (this.$(SmallPicsID)) { 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 + ")\" /></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)
        }
    }
};