window.addEvent('domready', function(){

	/*
	 * Phone Slider
	 */

	if($('sliding-content-container')) {
		
		var CSlider = new Class({
			
			initialize: function() {
				
				this.slider = $('slider');
				this.sc = $('sliding-content');
				this.container = $('sliding-content-container');
				this.item_width = 152;
				
				this.initSlider();
				this.initEvents();
			}
		});
		
		CSlider.implement({
			
			initSlider: function() {
				
				var obj = this;
				
				new Slider(this.slider, this.slider.getElement('.sp-slider'), { 
								
								steps: 1000,	
								range: [0, obj.getMaxRange()],
								onChange: function(value){
							
									obj.sc.setStyle('left', -value);
								}
						   }).set(obj.sc.getStyle('left').toInt());
			}, 
			
			initEvents: function() {	
				
				var obj = this;
				
				window.addEvent('resize', function(){
					
					obj.slider.removeEvents(); 
					obj.slider.getElement('.sp-slider').removeEvents();
					
					obj.initSlider();
				});
			},
			
			getMaxRange: function(){
				
				var coord = this.container.getCoordinates();
				var items_sz = this.sc.getChildren('.phone').length;
				
				return items_sz*this.item_width - coord.width;
			}
		});
		
		new CSlider;
	}
});