
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 onclick=\"recordBlogHotPv(this, '\u535a\u9996_\u8981\u95fb\u533a','" + this.Data[num][3] + "');\" 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=\"" + this.Data[i][3] + "\" />";
				}
				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 onclick=\"recordBlogHotPv(this, '\u535a\u9996_\u8981\u95fb\u533a','" + this.Data[i][3] + "');\" 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);
		}
	};
};


