/******************* COMPATIBLE ************************/
var daidaiyu ={$:function(objName)
	{
	if(document.getElementById)
		{
		return eval('document.getElementById("'+objName+'")')
		}
	else
		{
		return eval('document.all.'+objName)
		}
	},
	isIE:navigator.appVersion.indexOf("MSIE")!=-1?true:false,
	addEvent:function(l,i,I)
		{
		if(l.attachEvent)
			{
			l.attachEvent("on"+i,I)
			}
		else
			{
			l.addEventListener(i,I,false)
			}
		}
	}

/********************* SCROLLPIC********************/
function ScrollPic(scrollContId,arrLeftId,arrRightId,dotListId)
	{
	this.scrollContId=scrollContId;
	this.arrLeftId=arrLeftId;
	this.arrRightId=arrRightId;
	this.dotListId=dotListId;
	this.dotClassName="dotItem";
	this.dotOnClassName="dotItemOn";
	this.dotObjArr=[];
	this.pageWidth=0;
	this.frameWidth=0;
	this.speed=10;
	this.space=10;
	this.pageIndex=0;
	this.autoPlay=true;
	this.autoPlayTime=5;
	var _autoTimeObj,_scrollTimeObj,_state="ready";
	this.stripDiv=document.createElement("DIV");
	this.listDiv01=document.createElement("DIV");
	this.listDiv02=document.createElement("DIV");
	if(!ScrollPic.childs)
		{
		ScrollPic.childs=[]};
		this.ID=ScrollPic.childs.length;
		ScrollPic.childs.push(this);
		this.initialize=function()
		{
		if(!this.scrollContId)
			{
			throw new Error("必须指定scrollContId.");
			return
			};
		this.scrollContDiv=daidaiyu.$(this.scrollContId);
		if(!this.scrollContDiv)
			{
			throw new Error("scrollContId不是正确的对象.(scrollContId = \""+this.scrollContId+"\")");
			return
			};
			this.scrollContDiv.style.width=this.frameWidth+"px";
			this.scrollContDiv.style.overflow="hidden";
			this.listDiv01.innerHTML=this.listDiv02.innerHTML=this.scrollContDiv.innerHTML;
			this.scrollContDiv.innerHTML="";
			this.scrollContDiv.appendChild(this.stripDiv);
			this.stripDiv.appendChild(this.listDiv01);
			this.stripDiv.appendChild(this.listDiv02);
			this.stripDiv.style.overflow="hidden";
			this.stripDiv.style.zoom="1";
			this.stripDiv.style.width="32766px";
			this.listDiv01.style.cssFloat="left";
			this.listDiv02.style.cssFloat="left";
			this.listDiv01.style.styleFloat="left";
			this.listDiv02.style.styleFloat="left";
			this.listDiv01.style.overflow="hidden";
			this.listDiv02.style.overflow="hidden";
			this.listDiv01.style.zoom="1";
			this.listDiv02.style.zoom="1";
			daidaiyu.addEvent(this.scrollContDiv,"mouseover",Function("ScrollPic.childs["+this.ID+"].stop()"));
			daidaiyu.addEvent(this.scrollContDiv,"mouseout",Function("ScrollPic.childs["+this.ID+"].play()"));
			if(this.arrLeftId)
				{
				this.arrLeftObj=daidaiyu.$(this.arrLeftId);
				if(this.arrLeftObj)
					{
					daidaiyu.addEvent(this.arrLeftObj,"mousedown",Function("ScrollPic.childs["+this.ID+"].rightMouseDown()"));
					daidaiyu.addEvent(this.arrLeftObj,"mouseup",Function("ScrollPic.childs["+this.ID+"].rightEnd()"));
					daidaiyu.addEvent(this.arrLeftObj,"mouseout",Function("ScrollPic.childs["+this.ID+"].rightEnd()"))
					}
				};
			if(this.arrRightId)
				{
				this.arrRightObj=daidaiyu.$(this.arrRightId);
				if(this.arrRightObj)
					{
					daidaiyu.addEvent(this.arrRightObj,"mousedown",Function("ScrollPic.childs["+this.ID+"].leftMouseDown()"));
					daidaiyu.addEvent(this.arrRightObj,"mouseup",Function("ScrollPic.childs["+this.ID+"].leftEnd()"));
					daidaiyu.addEvent(this.arrRightObj,"mouseout",Function("ScrollPic.childs["+this.ID+"].leftEnd()"))
					}
				};
			if(this.dotListId)
				{
				this.dotListObj=daidaiyu.$(this.dotListId);
				this.dotListObj.innerHTML="";
				if(this.dotListObj)
					{
					var pages=Math.round(this.listDiv01.offsetWidth/this.frameWidth+0.4),i,tempObj;
					for(i=0;i<pages;i++)
						{
						tempObj=document.createElement("span");
						this.dotListObj.appendChild(tempObj);
						this.dotObjArr.push(tempObj);
						if(i==this.pageIndex)
							{
							tempObj.className=this.dotClassName
							}
						else
							{
							tempObj.className=this.dotOnClassName
							};
						tempObj.title="第"+(i+1)+"页";
						daidaiyu.addEvent(tempObj,"click",Function("ScrollPic.childs["+this.ID+"].pageTo("+i+")"))
						}
					}
				};
			if(this.autoPlay)
				{
				this.play()
				}
			};
			this.leftMouseDown=function()
				{
				if(_state!="ready")
					{
					return
					};
				_state="floating";
				_scrollTimeObj=setInterval("ScrollPic.childs["+this.ID+"].moveLeft()",this.speed)
				};
			this.rightMouseDown=function()
				{
				if(_state!="ready")
					{
					return
					};
				_state="floating";
				_scrollTimeObj=setInterval("ScrollPic.childs["+this.ID+"].moveRight()",this.speed)
				};
			this.moveLeft=function()
				{
				if(this.scrollContDiv.scrollLeft+this.space>=this.listDiv01.scrollWidth)
					{
					this.scrollContDiv.scrollLeft=this.scrollContDiv.scrollLeft+this.space-this.listDiv01.scrollWidth
					}
				else
					{
					this.scrollContDiv.scrollLeft+=this.space
					};
				this.accountPageIndex()
				};
			this.moveRight=function()
				{
				if(this.scrollContDiv.scrollLeft-this.space<=0)
					{
					this.scrollContDiv.scrollLeft=this.listDiv01.scrollWidth+this.scrollContDiv.scrollLeft-this.space
					}
				else
					{
					this.scrollContDiv.scrollLeft-=this.space
					};
				this.accountPageIndex()
			};
			this.leftEnd=function()
				{
				if(_state!="floating")
					{
					return
					};
					_state="stoping";
					clearInterval(_scrollTimeObj);
					var fill=this.pageWidth-this.scrollContDiv.scrollLeft%this.pageWidth;
					this.move(fill)
					};
				this.rightEnd=function()
					{
					if(_state!="floating")
						{
						return};
						_state="stoping";
						clearInterval(_scrollTimeObj);
						var fill=-this.scrollContDiv.scrollLeft%this.pageWidth;
						this.move(fill)
					};
				this.move=function(num,quick)
					{
					var thisMove=num/5;
					if(!quick)
						{
						if(thisMove>this.space)
							{
							 thisMove=this.space};
							if(thisMove<-this.space)
								{
								 thisMove=-this.space}
								 }
							if(Math.abs(thisMove)<1&&thisMove!=0)
								{
								 thisMove=thisMove>=0?1:-1
								}
							else
								{
								 thisMove=Math.round(thisMove)
								 };
							var temp=this.scrollContDiv.scrollLeft+thisMove;
							if(thisMove>0)
								{
								if(this.scrollContDiv.scrollLeft+thisMove>=this.listDiv01.scrollWidth)
									{
								   	this.scrollContDiv.scrollLeft=this.scrollContDiv.scrollLeft+thisMove-this.listDiv01.scrollWidth
									}
								else
									{
								   	this.scrollContDiv.scrollLeft+=thisMove}
								   	}
								else
									{
								   	if(this.scrollContDiv.scrollLeft-thisMove<=0)
										{
								   		this.scrollContDiv.scrollLeft=this.listDiv01.scrollWidth+this.scrollContDiv.scrollLeft-thisMove
								   		}
									else
										{
								   		this.scrollContDiv.scrollLeft+=thisMove
								   		}
								   	};
								num-=thisMove;
								if(Math.abs(num)==0)
									{
								  	_state="ready";
								  	if(this.autoPlay)
										{
								  		this.play()
								  		};
								  	this.accountPageIndex();
								  	return
								}
								else
									{
								  	this.accountPageIndex();
								  	setTimeout("ScrollPic.childs["+this.ID+"].move("+num+","+quick+")",this.speed)
								  	}
					};
				this.next=function()
					{
					if(_state!="ready")
						{
						return
						};
					_state="stoping";
					this.move(this.pageWidth,true)
				};
				this.play=function()
					{
					if(!this.autoPlay)
						{
						return
						};
					clearInterval(_autoTimeObj);
					_autoTimeObj=setInterval("ScrollPic.childs["+this.ID+"].next()",this.autoPlayTime*1000)
					};
				this.stop=function()
					{
					clearInterval(_autoTimeObj)
					};
				this.pageTo=function(num)
					{
					if(_state!="ready")
						{return};
						_state="stoping";
						var fill=num*this.frameWidth-this.scrollContDiv.scrollLeft;
						this.move(fill,true)
					};
				this.accountPageIndex=function()
					{
					this.pageIndex=Math.round(this.scrollContDiv.scrollLeft/this.frameWidth);
					if(this.pageIndex>Math.round(this.listDiv01.offsetWidth/this.frameWidth+0.4)-1)
						{
						this.pageIndex=0
						};
					var i;for(i=0;i<this.dotObjArr.length;i++)
						{
						if(i==this.pageIndex)
							{
							this.dotObjArr[i].className=this.dotClassName
							}
						else
							{
							this.dotObjArr[i].className=this.dotOnClassName
							}
						}
					}
				};


/************** INITIALIZE**********/
window.onload = function()
	{
	var scrollPic_02 = new ScrollPic();

	scrollPic_02.scrollContId   = "ISL_Cont_1"; 
	scrollPic_02.arrLeftId      = "LeftArr";
	scrollPic_02.arrRightId     = "RightArr"; 
	scrollPic_02.frameWidth     = 380;		 /*宽度*/
	scrollPic_02.pageWidth      = 126;       /*pic_list宽度*/
	scrollPic_02.speed          = 10;
	scrollPic_02.space          = 10;
	scrollPic_02.autoPlay       = true;
	scrollPic_02.autoPlayTime   = 2; 
	scrollPic_02.initialize(); 	
	};