// JavaScript Document
var Slider=Class.create();
Slider.prototype={
	initialize:function($element,$imgData,$buttonImgData,$buttonImgExcData,$options,$buttonOptions,$urlData)
	{							
		//alert($urlData)
		//return false
		var browser = navigator.userAgent.toLowerCase();
		this.setOptions($options),this.setButtonOptions($buttonOptions);	
		this.screen=$($element);
		this.imgData=$imgData;
		this.slideDiv=this.createSlideDiv(this.screen);
		this.createButtonDiv(this.screen,$imgData.length-1,$buttonImgData,$buttonImgExcData,$urlData);
		this.slideDiv.innerHTML=this.formatHtml($imgData[0],$urlData[0]);				//导入第一个数据
		this.counter=0,this.baby='1',this.virgin=true;
		var oThis=this;
		this.timer=setTimeout(function(){oThis.open(oThis,$buttonImgData,$buttonImgExcData,$urlData)},this.options.interVal);
		this.isIE=(browser.indexOf("msie")!=-1) ? true:false;
	},
	setOptions:function($options)
	{
		this.options={
			interVal:4000,
			imgWidth:'423',
			imgHeight:'152',
			imgPath:'UpLoadFile/Picture/'
		}.extend($options||{});
	},
	setButtonOptions:function($options)
	{
		this.buttonOptions={
			buttonPanelClassName:'slideButtonDivStyle',
			buttonEachClassName:'slideButtonEachDivStyle',
			event:'onclick',
			imgPath:'images/'
		}.extend($options||{});
	},		
	open:function($self,$buttonImgData,$buttonImgExcData,$urlData)
	{			
		if($self.counter>($self.imgData.length-1)) $self.counter=0;
		if($self.virgin)
		{
			$('sButton1').src=this.buttonOptions.imgPath+$buttonImgExcData[1];				
			//$self.slideDiv.className='slideStyleA1'
		}
		else
		{
			$('sButton'+String($self.counter)).src=$self.buttonOptions.imgPath+$buttonImgExcData[$self.counter];	
			$self.baby=String($self.counter);
//				if($self.slideDiv.className=='slideStyleA0') 
//					$self.slideDiv.className='slideStyleA1';
//				else
//					$self.slideDiv.className='slideStyleA0';
		}	
		for(var iButton=0;iButton<=$buttonImgData.length-1;iButton++)
		{
			if('sButton'+String(iButton)!='sButton'+$self.baby) 
				$('sButton'+iButton).src=$self.buttonOptions.imgPath+$buttonImgData[iButton];
		}				
		if($self.isIE)
		{
			$self.slideDiv.filters[0].Apply();
				$self.slideDiv.innerHTML=$self.formatHtml($self.imgData[($self.virgin==true) ? 1:$self.counter],$urlData[($self.virgin==true) ? 1:$self.counter]);		
			$self.slideDiv.filters[0].Play(duration=2);		
		}
		else
		{
			$self.slideDiv.innerHTML=$self.formatHtml($self.imgData[($self.virgin==true) ? 1:$self.counter],$urlData[($self.virgin==true) ? 1:$self.counter]);	
		}
		$self.counter+=1,$self.virgin=false;			
		$self.timer=setTimeout(function(){$self.open($self,$buttonImgData,$buttonImgExcData,$urlData)},$self.options.interVal);
	},
	formatHtml:function($img,$url)
	{
		return '<a href="'+$url+'" target="_blank"><img src="'+this.options.imgPath+$img+'" width="'+this.options.imgWidth+'" height="'+this.options.imgHeight+'" border="0"/></a>'
	},
	createSlideDiv:function($parentDiv)
	{
		var slideDiv=document.createElement('div');
			slideDiv.className='slideStyleA0';
			slideDiv.id='slideDiv';
			$parentDiv.appendChild(slideDiv);	
			return slideDiv;
	},
	createButtonDiv:function($parentDiv,$buttonCount,$buttonImgData,$buttonImgExcData,$urlData)
	{		
		var buttonDiv=document.createElement('div');
			buttonDiv.className=this.buttonOptions.buttonPanelClassName;
			buttonDiv.id='buttonDiv';
			//makeHTML
			var buttonHtml='';
			for(var iButton=0;iButton<=$buttonCount;iButton++)
			{
				var imgButtonUrl=(iButton==0) ? this.buttonOptions.imgPath+$buttonImgExcData[iButton]:this.buttonOptions.imgPath+$buttonImgData[iButton];
				//var imgButtonUrl=this.buttonOptions.imgPath+$buttonImgData[iButton];
				var imgButton='<img id="sButton'+iButton+'" name="sButton'+iButton+'" src="'+imgButtonUrl+'" border="0"/>';
				var buttonLab='<div id="sButtonDiv'+iButton+'" class="'+this.buttonOptions.buttonEachClassName+'">'+imgButton+'</div>';
					buttonHtml+=buttonLab;
			}
			buttonDiv.innerHTML=buttonHtml;
			$parentDiv.appendChild(buttonDiv);	
			var oThis=this;
			for(var iButton=0;iButton<=$buttonCount;iButton++)
			{
				
				eval('$(sButton'+iButton+').'+this.buttonOptions.event+'=function(){oThis.rup(oThis,this,$buttonImgData,\'sButton'+iButton+'\',oThis.buttonOptions.imgPath+\''+$buttonImgExcData[iButton]+'\',oThis.slideDiv.id,\''+oThis.imgData[iButton]+'\',\''+$urlData[iButton]+'\',$buttonImgExcData,$urlData,'+iButton+')}');
			}				
	},
	rup:function($self,$button,$buttonImgData,$buttonId,$buttonExcImg,$slideId,$slideNowImg,$url,$buttonImgExcData,$urlData,$orderId)
	{
		clearTimeout($self.timer);
		$self.counter=$orderId;
		$self.timer=setTimeout(function(){$self.open($self,$buttonImgData,$buttonImgExcData,$urlData)},$self.options.interVal);
		var slide=$($slideId),eventButton=$($buttonId);				
	//		alert($self.formatHtml($slideNowImg))
//			return false
			if($self.isIE)
			{
				$self.slideDiv.filters[0].Apply();
					slide.innerHTML=$self.formatHtml($slideNowImg,$url);
				$self.slideDiv.filters[0].Play(duration=0);
			}
			else
			{
				slide.innerHTML=$self.formatHtml($slideNowImg,$url);
			}
			eventButton.src=$buttonExcImg;
			for(var iButton=0;iButton<=$buttonImgData.length-1;iButton++)
			{
				if($('sButton'+iButton)!=$button) $('sButton'+iButton).src=$self.buttonOptions.imgPath+$buttonImgData[iButton];
			}
	}
};