redux.enabled = false;

redux.event.create('onload',function(v){
});


function addScroll(c, opt){
	if ($('sliderWrapper')) $('sliderWrapper').destroy();
	opt.slider.height = (opt.slider.height || 10);
	opt.slider.color = (opt.slider.color || '#000');
	opt.knob.width = (opt.knob.width || 115);
	opt.knob.color = (opt.knob.color || '#FFF');
	$each($$('.photo_slider_inner'),
		function(o) {
			var w = 0;
			$each(o.getElements('.photo-slider-slide'),
				function(e) {
					w += e.getSize().x;	
				}
			);
			o.setStyle('width',w+20);
		}
	);
	$each($$('.' + c), function(o){
		var ws = o.getScrollSize().x;
		var is = o.getFirst('div').getSize().x;
		//console.debug(o.getFirst('div').getSize().x);
		var w = o.getSize().x;
		o.setStyle('overflow','hidden');
		var slider = new Element('div', {
			class: 'slider',
			styles: {
				'backgroundColor': opt.slider.color,
				'height' : opt.slider.height,
				'width': w - 30,
				'margin':'0px 15px'
			}
		}).inject(o, 'after');
		var knob = new Element('div', {
			class: 'slider',
			styles: {
				'cursor':'pointer',
				'backgroundColor': opt.knob.color,
				'height' : '100%',
				'width' : opt.knob.width
			}
		}).inject(slider);
		//o.scrollTo(400);
		new Slider(slider, knob, {
	        range: [0, ws-is],
	        initialStep: 0,
	        onChange: function(value){
				o.scrollTo(value);
				//console.debug(value);
				//console.debug(o);
	            //if (value) $('fontSize').setStyle('font-size', value);
	        }
	    });	
	});
}

addScroll('photo_slider',{
	slider : {
		color:'#000000',
		height:11
	},
	knob : {
		color:'#e6002e',
		width:115	
	}
});