
var FocusPic = {
	BigPicID : "BigPic_01",
	PicListID : "PicList_01",
	TitleID : "TitleBox_01",
	IntroID : "IntroBox_01",
	//PlayButtonID : "PlayBut_01",
	ArrLeftID : "ArrLeft_01",
	ArrRightID : "ArrRight_01",
	Data : [],
	ImgLoad : [],
	TimeOut :3000,
	adNum : 0,
	TimeOutObj : null,
	showTime : null,
	showSum : 10,
	autoPlay : true,
	Add:function(BigPic,Title,Intro,Url){
		var ls;
		this.Data.push([BigPic,Title,Intro,Url]);
		//预载图片
		ls = this.ImgLoad.length;
		this.ImgLoad.push(new Image());
		this.ImgLoad[ls].src = BigPic;
	},
	TimeOutBegin : function(){
		clearInterval(this.TimeOutObj);
		if(this.autoPlay){
			this.TimeOutObj = setInterval("FocusPic.next()",this.TimeOut);
		};
	},
	TimeOutEnd : function(){
		clearInterval(this.TimeOutObj);
	},
	$ : function(objName){if(document.getElementById){return eval('document.getElementById("'+objName+'")')}else{return eval('document.all.'+objName)}},
	select : function(num){
		if(num>this.Data.length - 1){return};
		if(num == this.adNum){return};
		this.TimeOutBegin();

		if(this.BigPicID){if(this.$(this.BigPicID)){
			//var aObj = this.$(this.BigPicID).getElementsByTagName("a")[0];
			//aObj.href = this.Data[num][2];

			if(this.aImgY!=undefined){
				if(this.aImgY.style){
				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.$('BF' + this.adNum);
			this.aImg = this.$('BF' + num);

			clearTimeout(this.showTime);

			this.showSum = 10;
			this.showTime = setTimeout("FocusPic.show()",50);

		}};
		if(this.TitleID){
		if(this.$(this.TitleID)){
			if(this.Data[num][3]){
				this.$(this.TitleID).innerHTML = "<a href=\"" + this.Data[num][3] + "\" target=\"_blank\">" + this.Data[num][1] + "</a>";
			}else{
				this.$(this.TitleID).innerHTML = this.Data[num][1];
			};

		}};

		if(this.IntroID){if(this.$(this.IntroID)){
			if(this.Data[num][2]){
				this.$(this.IntroID).innerHTML =  this.Data[num][2];
			}else{
				this.$(this.IntroID).innerHTML = '';
			};

		}};

		if(this.PicListID){if(this.$(this.PicListID)){
			var sImg = this.$(this.PicListID).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 = ""};
			}
		}};
		this.adNum = num;
		if(this.onselect){
			this.onselect();
		};
	},
	absPosition : function(obj,parentObj){
		var left = obj.offsetLeft;
		var top = obj.offsetTop;
		var tempObj = obj;
		while(tempObj.id!=document.body & tempObj.id!=document.documentElement & tempObj != parentObj){
			tempObj = tempObj.offsetParent;
			left += tempObj.offsetLeft;
			top += tempObj.offsetTop;
		};
		return {left:left,top:top};
	},
	show : function(){
		this.showSum --;
		this.aImgY.style.display = 'block';
		this.aImgY.style.zIndex = 0;
		this.aImg.style.position = "absolute";
		this.aImg.style.display = 'block';
		var isIE = navigator.appVersion.indexOf("MSIE")!=-1?true:false;
		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.zIndex = 0;
			this.aImgY = null;
		}else{
			this.aImg.style.zIndex = 1;
			this.showTime = setTimeout("FocusPic.show()",50);
		};
	},
	next : function(){
		var temp = this.adNum;
		temp++;
		if(temp>=this.Data.length){temp=0};
		this.select(temp);
	},
	per : function(){
		var temp = this.adNum;
		temp--;
		if(temp<0){temp=this.Data.length-1};
		this.select(temp);
	},
	MInStopEvent : function(ObjID){
		if(ObjID){if(this.$(ObjID)){
			if(this.$(ObjID).attachEvent){ //绑定
				this.$(ObjID).attachEvent("onmouseover",Function("FocusPic.TimeOutEnd()"));
				this.$(ObjID).attachEvent("onmouseout",Function("FocusPic.TimeOutBegin()"));
			}else{
				this.$(ObjID).addEventListener("mouseover",Function("FocusPic.TimeOutEnd()"),false);
				this.$(ObjID).addEventListener("mouseout",Function("FocusPic.TimeOutBegin()"),false);
			};
		}}
	},
	begin : function(){
		this.MInStopEvent(this.TitleID);
		this.MInStopEvent(this.IntroID);
		this.MInStopEvent(this.PicListID);
		this.MInStopEvent(this.BigPicID);
		this.adNum = 0;
		var i,temp = "";
		if(this.BigPicID){if(this.$(this.BigPicID)){ //大图
			var divObj = this.$(this.BigPicID);
			divObj.style.zoom = 1;
			divObj.style.position = "relative";
			for(i=0;i<this.Data.length;i++){
				if(this.Data[i][3]){
					temp += '<a href="' + this.Data[i][3] + '" target="_blank"><img src="' + this.Data[i][0] + '" id="BF' + i + '" style="display:' + (i==this.adNum?'block':'none') + '" galleryimg="no" alt="' + this.Data[i][1] + '" /></a>';
				}else{
					temp += '<img src="' + this.Data[i][0] + '" id="BF' + i + '" style="display:' + (i==this.adNum?'block':'none') + '" galleryimg="no" alt="' + this.Data[i][1] + '" />';
				};
			};
			divObj.innerHTML = temp;
		}};
		if(this.PicListID){if(this.$(this.PicListID)){
			temp = "";
			for(i=0;i<this.Data.length;i++){
				temp += "<span" + (this.adNum == i ?' class="selected"':"") + " onmouseover=\"FocusPic.select(" + i + ")\">" + (i+1) + "</span>";
			};
			this.$(this.PicListID).innerHTML = temp;
		}};
		if(this.TitleID){if(this.$(this.TitleID)){
			this.$(this.TitleID).innerHTML = "<a href=\"" + this.Data[this.adNum][3] + "\" target=\"_blank\">" + this.Data[this.adNum][1] + "</a>";
		}};
		if(this.IntroID){if(this.$(this.IntroID)){
			this.$(this.IntroID).innerHTML =this.Data[this.adNum][2] ;
		}};
		//按钮
		if(this.$(this.ArrRightID)){
			this.$(this.ArrRightID).onclick = function(){FocusPic.next();};
		};
		if(this.$(this.ArrLeftID)){
			this.$(this.ArrLeftID).onclick = function(){FocusPic.per();};
		};
		if(this.$(this.PlayButtonID)){
			this.$(this.PlayButtonID).onclick = function(){FocusPic.autoPlayChange();};

		};
		this.TimeOutBegin();
	},
	autoPlayChange : function(){
		if(this.autoPlay){
			this.autoPlay = false;
			if(this.$(this.PlayButtonID)){this.$(this.PlayButtonID).className = "stop"};
			this.TimeOutEnd();
		}else{
			this.autoPlay = true;
			if(this.$(this.PlayButtonID)){this.$(this.PlayButtonID).className = ""};
			this.TimeOutBegin();
		};
	}
};

var dataInfo = {
	title : '组图：自然环保新闻类组照铜奖-万人千船战浒苔(2)',	//本期信息
	preList : {	//上一图集
        sid : 69, //专题ID
        id : 850, //幻灯集ID
		img : 'http://i1.sinaimg.cn/dy/slidenews/1_t50/2009_10/69_3847_619044.jpg' //小图片
	},
	others : {	//其它信息
		PVCountUrl : 'http://slide.news.sina.com.cn/pv_stat.htm?ch=1'	//流量统计地址
	},
	picData : [
	   {
			pic : 'vimages/vindex/img/youth.jpg',	//图片
			smallPic : '',	//缩略图
			title : '青年队上线',
			intro : '足球经理世界',
			commUrl : '',
      url : 'vquicklogin.php'
		}

	    
        ]
};

function echoFocus(){
	try{
		for(var i=0;i<dataInfo.picData.length;i++){
			FocusPic.Add(dataInfo.picData[i].pic,dataInfo.picData[i].title,dataInfo.picData[i].intro,dataInfo.picData[i].url);
		};
		FocusPic.begin();
	}catch(e){
		errorFocus("载入错误!");
	};

};
function errorFocus(str){//错误
	document.getElementById("TitleBox_01").innerHTML = str;
	document.getElementById("BigPic_01").getElementsByTagName("img")[0].src = 'http://i2.sinaimg.cn/home/ddt/images/err02.gif';
};
echoFocus();