var Slide = new Class({
	
	
    initialize: function(box_id,box_all){	
		
		this.myHorizontalSlide =new Fx.Tween(box_id, {
			transition: Fx.Transitions.Quad.easeOut
		});	

		
		this.box=$(box_id);
		this.box_all=$(box_all);
		
		
				
    },
	getSize: function(slide_class) {
		
		
		
		width=0;
		this.res=$$(slide_class);	
		
		this.res.each(function(item,i){
						
			width_one=item.getStyle('width').toInt();
			width=width+item.getStyle('width').toInt();
			
		
		});
			
		
		this.box.setStyle('width',width);		
		//this.box_all.setStyle('width',width_one);
		this.box_all.setStyle('overflow','hidden');
		
		this.width=width;
		this.width_one=width_one;		
		
	},
	
	slideRight: function(rightId,count) {
		
		box=this.box;
		width_one=this.width_one*count;
		myHorizontalSlide=this.myHorizontalSlide;
		box_id=this.box_id;
		$(rightId).setStyle("cursor",'pointer');
		$(rightId).setStyle("cursor",'hand');
						
		$(rightId).addEvent('click', function(){
			
			var left=box.getStyle('margin-left').toInt();	
			var width=box.getStyle('width').toInt();	
			
			if(left-width_one >-width)
			 myHorizontalSlide.start('margin-left',left-width_one);
			
	
		});		
	},
	slideLeft: function(leftId,count) {
		
		box=this.box;
		width_one=this.width_one*count;
		myHorizontalSlide=this.myHorizontalSlide;
		
		$(leftId).setStyle("cursor",'pointer');
		$(leftId).setStyle("cursor",'hand');
			
		$(leftId).addEvent('click', function(e){

			var left=box.getStyle('margin-left').toInt();					
			if(left+width_one<=0)
			 myHorizontalSlide.start('margin-left', left+width_one);
		});		
	}	
	

});