// JavaScript Document
	var slider = Class.create();
	slider.prototype = {
		initialize:function( ele,option ){
			this.ele = ele;
			this.option=Object.extend({distance:170,duration:0.5,num:4,autoplay:false,allSlide:false}, option || {});
			this.allSlide = this.option.allSlide;
			if(this.allSlide){
				this.distance = this.option.distance * this.option.num;
			}else{
				this.distance = this.option.distance;
			}
			this.num = this.option.num;
			this.duration = this.option.duration;
			this.autoPlay = this.option.autoplay;
			this.subNum;
			this.imageArray = [];
			this.imageInfo=[];
			this.init();
		},
		
		slideLeft:function(){
			var obj = $(this.ele).down(3);
			var eLeft = parseInt(obj.getStyle('marginLeft'));
			if( (this.subNum-1) * this.distance ==  -eLeft ){
				return false;
			}
			new Effect.Morph(obj,{
				style:"margin-left:"+(eLeft-this.distance)+"px;",
				transition:Effect.Transitions.linear,
				duration:this.duration,
				queue:{scope:'myscope',limit:1}
			});
		},
		
		slideRight:function(){
			var obj = $(this.ele).down(3);
			var eLeft = parseInt(obj.getStyle('marginLeft'));
			if(eLeft >= 0){
				return false;
			}
			new Effect.Morph(obj,{
				style:"margin-left:"+(eLeft+this.distance)+"px;",
				transition:Effect.Transitions.linear,
				duration:this.duration,
				queue:{scope:'myscope',limit:1}
			});
		},
		
		autoSlide:function(){
			this.slideLeft.delay(this.duration);
		},
		
		hoverElement:function(){
			$(this.ele).down(4).select('li').each(function(o,i){
				o.observe("click",function(){
					this.showLightBox(i);
				}.bindAsEventListener(this,o));
			}.bind(this));
		},
		
		showImage:function(imgSrc){
			$('close').setStyle({display:'none'});
			$('lightBoxContent').setStyle({display:'none'});
			$('lightImg').setStyle({opacity:0});
			$('loading').setStyle({display:'block'});
			var loadImg = new Element('img');
			loadImg.observe("load",function(){
				$('lightImg').src = this.imageArray[imgSrc];
				$('lightBoxContent').setStyle({display:'block'});
				//$('lightImageInfo').setStyle('width:'+ ( $('lightImg').getDimensions().width)+'px');
				//$('lightBoxContent').setStyle('left:'+ ( 950 - $('lightImg').getDimensions().width ) / 2 +'px');
				//$('lightBoxContent').setStyle('bottom:'+( 525 - $('lightImg').getDimensions().height ) / 2 +'px');
				new Effect.Morph($('lightImg'),{
					style:"opacity:1;",
					transition:Effect.Transitions.linear,
					duration:0.3
				});
				$('close').setStyle({display:'block'});
				$('lightImageInfo').innerHTML = this.imageInfo[imgSrc];
				$('loading').setStyle({display:'none'});							
			}.bindAsEventListener(this));
			loadImg.src = this.imageArray[imgSrc];
		},
		
		showLightBox:function(imgSrc){
			$('lightBox').setStyle({display:'block'});	
			var o = $('lightBoxBg');
			new Effect.Morph(o,{
				style:"opacity:0.5;",
				transition:Effect.Transitions.linear,
				duration:0.3
			});
			this.showImage(imgSrc);
			$('lightBox').setStyle({display:'block'});					   
		},
		
		hideContainer:function(){
			$('lightBox').setStyle({display:'none'});
		},
		
		hideLightBox:function(){
			var o = $('lightBoxBg');
			$('close').setStyle({display:'none'});
			new Effect.Morph(o,{
				style:"opacity:0;",
				transition:Effect.Transitions.linear,
				duration:0.3
			});
			this.hideContainer.delay(0.5);
			$('lightBoxContent').setStyle({display:'none'});
		},
		
		initData:function(){
			this.subNum = $(this.ele).down(4).select('a').length;
			if(this.allSlide){
				this.subNum = Math.ceil(this.subNum / this.num);
			}
			
			$(this.ele).down(4).select('a').each(function(o){
				this.imageArray.push(o.getAttribute('rel'));
				this.imageInfo.push(o.getAttribute('title'));
			}.bind(this));
		},
		
		initStatus:function(){
			
		},
		
		init:function(){
			this.initData();
			$(this.ele).down(3).setStyle({marginLeft:"0px"});//slide content
			$(this.ele).down(1).observe("click",this.slideLeft.bindAsEventListener(this)); //向左
			$(this.ele).down(0).observe("click",this.slideRight.bindAsEventListener(this));  //向右
			this.hoverElement();
			$('lightBoxBg').setStyle({opacity:0});
			$('loading').setStyle({display:'none'});
			//$('close').setStyle({displau:'block'});
			$('lightBox').observe('click',this.hideLightBox.bindAsEventListener(this));
			$('close').observe('click',this.hideLightBox.bindAsEventListener(this));
		}
	};
	
	document.observe("dom:loaded",function(){var s = new slider('slider',{distance:150, num:6, allSlide:true, autoplay:true});});