/*模仿新浪横条图片查看*/

function ImageSlide(){
	this.dataArray = new Array();//数据结构：[[imgpath,link,text]...]
	this.index=0;//当前正中图片index
	this.length=0;//图片数量
	this._fid=null;//绑定的控件对象标示
	this._ulid = null;
	this._imgwidth=224;
	this._imgheight=160;
	this.init=function(fid,array,ulid){
		this.dataArray = array;
		this.index =0;
		this.length=this.dataArray.length;
		this._fid=fid;
		this._ulid=ulid;
		this.initLi();
		this.initPageNumber();
		this.hideAllLi();
		this.initText();
		this.changeTo(0);
	};
	this.toString = function(){
		var i = 0;
		var rs = "";
		for(;i<dataArray.length;i++){
			rs+=this.dataArray[i];
		}
		rs+="\n";
		rs+="index:"+index;
		return rs;
	};
	/**
	初始化 插入li 总数  length+4
	*/
	this.initLi=function(){
		/* 循环需要 前两个放最后两张图片 */
		/**/
		var lid2 = document.createElement("li");
		var linkd2 = document.createElement("a");
		var imgd2 = document.createElement("img");
		imgd2.width=this._imgwidth;
		imgd2.height=this._imgheight;
		//imgd2.src = this.dataArray[this.length-2];
		imgd2.src = this.dataArray[this.length-2][0];
		linkd2.href=this.dataArray[this.length-2][1];
		linkd2.target="_blank";
		linkd2.appendChild(imgd2);
		lid2.appendChild(linkd2);
		$("#"+this._ulid).append(lid2);
		var lid1 = document.createElement("li");
		var linkd1 = document.createElement("a");
		var imgd1 = document.createElement("img");
		imgd1.width=this._imgwidth;
		imgd1.height=this._imgheight;
		//imgd1.src = this.dataArray[this.length-1];
		imgd1.src = this.dataArray[this.length-1][0];
		linkd1.href=this.dataArray[this.length-1][1];
		linkd1.target="_blank";
		linkd1.appendChild(imgd1);
		lid1.appendChild(linkd1);
		$("#"+this._ulid).append(lid1);
		
		/*顺序添加*/
		var i=0;
		for(;i<this.length;i++){
			var li = document.createElement("li");
			var link = document.createElement("a");
			var img = document.createElement("img");
			img.width=this._imgwidth;
			img.height=this._imgheight;
			img.src = this.dataArray[i][0];
			link.href=this.dataArray[i][1];
			link.target="_blank";
			link.appendChild(img);
			li.appendChild(link);
			$("#"+this._ulid).append(li);
		}
		/*添加后两张图片*/
		var li1 = document.createElement("li");
		var link1 = document.createElement("a");
		var img1 = document.createElement("img");
		img1.width=this._imgwidth;
		img1.height=this._imgheight;
		img1.src = this.dataArray[0][0];
		link1.href=this.dataArray[0][1];
		link1.target="_blank";
		link1.appendChild(img1);
		li1.appendChild(link1);
		$("#"+this._ulid).append(li1);
		var li2 = document.createElement("li");
		var link2 = document.createElement("a");
		var img2 = document.createElement("img");
		img2.width=this._imgwidth;
		img2.height=this._imgheight;
		img2.src = this.dataArray[1][0];
		link2.href=this.dataArray[1][1];
		link2.target="_blank";
		link2.appendChild(img2);
		li2.appendChild(link2);
		$("#"+this._ulid).append(li2);
	};
	this.changeTo=function(index){
		this.hideAllLi();
		var liArray = $("#"+this._ulid).find("li");
		var cIndex = index+2;//真实liarray中的index
		this.setMiddle(liArray.get(cIndex));
		this.setLeft2(liArray.get(cIndex-1));
		this.setLeft1(liArray.get(cIndex-2));
		this.setRight2(liArray.get(cIndex+1));
		this.setRight1(liArray.get(cIndex+2));		
		this.activePageNumber(index);
		this.changeText(index);
	};
	this.hideAllLi=function(){
		$("#"+this._ulid).find("li").hide();
	};
	this.goRight = function(){
		this.index = this.index+1;
		if(this.index==this.length){
			this.index=0;
		}
		this.changeTo(this.index);
	};
	this.goLeft = function(){
		if(this.index==0){
			this.index=this.length-1;
		}else{
			this.index=this.index-1;
		}
		
		this.changeTo(this.index);
	};
	/*向右切换图片时的中间步骤*/
	this.leftSlideToRight = function(index){
		this.hideAllLi();
		var liArray = $("#"+this._ulid).find("li");
		var cIndex = index+2;//真实liarray中的index
		this.setSlidingLeft1(liArray.get(cIndex-2));
		this.setSlidingLeft2(liArray.get(cIndex-1));
		this.setSlidingRight2(liArray.get(cIndex));
		this.setSlidingRight1(liArray.get(cIndex+1));
	};
	/*设置中间图片的css属性*/
	this.setMiddle=function(li){
		$(li).css({top:"0px",left:"370px","z-index":"103",width:"240px",height:"180px"});
		$(li.firstChild.firstChild).css({width:"240",height:"180"});
		$(li).fadeIn("slow");
	}
	/*设置左一图片的css属性*/
	this.setLeft1=function(li){
		$(li).css({top:"36px",left:"0px","z-index":"98",width:"192px",height:"144px"});
		$(li.firstChild.firstChild).css({width:"192",height:"144"});
		$(li).fadeIn("slow");
	}
	/*设置左二图片的css属性*/
	this.setLeft2=function(li){
		$(li).css({top:"18px",left:"169px","z-index":"99",width:"216px",height:"162px"});
		$(li.firstChild.firstChild).css({width:"216",height:"162"});
		$(li).fadeIn("slow");
	}
	/*设置右二图片的css属性*/
	this.setRight2=function(li){
		$(li).css({top:"18px",left:"592px","z-index":"99",width:"216px",height:"162px"});
		$(li.firstChild.firstChild).css({width:"216",height:"162"});
		$(li).fadeIn("slow");
	}
	/*设置右一图片的css属性*/
	this.setRight1=function(li){
		$(li).css({top:"36px",left:"788px","z-index":"98",width:"192px",height:"144px"});
		$(li.firstChild.firstChild).css({width:"192",height:"144"});
		$(li).fadeIn("slow");
	}
	
	/*设置切换时左一图片的css属性*/
	this.setSlidingLeft1=function(li){
		$(li).css({top:"27px",left:"40px","z-index":"98",width:"204px",height:"153px"});
		$(li.firstChild.firstChild).css({width:"174",height:"124"});
		$(li).show();
	}
	/*设置切换时左二图片的css属性*/
	this.setSlidingLeft2=function(li){
		$(li).css({top:"9px",left:"250px","z-index":"99",width:"228px",height:"171px"});
		$(li.firstChild.firstChild).css({width:"204",height:"144"});
		$(li).show();
	}
	/*设置切换时右二图片的css属性*/
	this.setSlidingRight2=function(li){
		$(li).css({top:"9px",left:"492px","z-index":"99",width:"228px",height:"171px"});
		$(li.firstChild.firstChild).css({width:"204",height:"144"});
		$(li).show();
	}
	/*设置切换时右一图片的css属性*/
	this.setSlidingRight1=function(li){
		$(li).css({top:"27px",left:"730px","z-index":"98",width:"204px",height:"153px"});
		$(li.firstChild.firstChild).css({width:"174",height:"124"});
		$(li).show();
	},
	/*初始化图片号码指示*/
	this.initPageNumber = function(){
		var i =0;
		for(;i<this.length;i++){
			var span = document.createElement("span");
			var number = i+1;
			span.appendChild(document.createTextNode(number));
			$("#div_pn_"+this._fid).append(span);
		}
	},
	this.activePageNumber = function(pageIndex){
		$("#div_pn_"+this._fid).find(".active").removeClass("active");
		$($("#div_pn_"+this._fid).find("span").get(pageIndex)).addClass("active");
	}
	/*初始化文字*/
	this.initText = function(){
		var i = 0;
		for(;i<this.length;i++){
			var ts = document.createElement("span");
			if(this.dataArray[i][2]){
				ts.appendChild(document.createTextNode(this.dataArray[i][2]));
			}
			$("#div_t_"+this._fid).append(ts);
		}
	}
	this.changeText = function(index){
		$("#div_t_"+this._fid).find("span").hide();
		var t = $("#div_t_"+this._fid).find("span").get(index);
		if(t){
			$(t).show();
		}
	}
}

function bindLeft(wrapid){
	isMap[wrapid].goLeft();
}
function bindRight(wrapid){
	isMap[wrapid].goRight();
}