/******************* 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**********/