var CaseStudies = {
	csSlider: '',
	valueLast: 0,
	ddUsed: false,
	scrollToItem: function(item) {
		//if($('scrollToItem').value!='') {
		if(1==1) {
			//alert($($('scrollToItem').value).getOffsetParent().id+': '+$($('scrollToItem').value).cumulativeOffset()[1]+'; '+$('itemsWrapper').getOffsetParent().id+': '+$('itemsWrapper').cumulativeOffset()[1]);
			//var diff=-($($('scrollToItem').value).cumulativeOffset()[1] - $('itemsWrapper').cumulativeOffset()[1]);
			var diff=-($(item).cumulativeOffset()[1] - $('itemsWrapper').cumulativeOffset()[1]);
			new Effect.Move($('scroller'), { x: 0, y: diff});
			$('zoom_slider').down('.handle').hide();
			setTimeout("CaseStudies.sliderUpdate()",1500);
		}
	},
	sliderInit: function() {
		//var maxVal = $($('scrollToItem').getElementsByClassName('last')[0].value).cumulativeOffset()[1] - $('itemsWrapper').cumulativeOffset()[1];
		var maxVal = $($('scrollToItem').getElementsByClassName('last')[0].title).cumulativeOffset()[1] - $('itemsWrapper').cumulativeOffset()[1];
		var newVal = 0;
		CaseStudies.csSlider = new Control.Slider($('zoom_slider').down('.handle'), $('zoom_slider'), {
      			range: $R(0, maxVal),
      			axis: 'vertical',
      			onChange: function(value) {
				if(!CaseStudies.ddUsed) new Effect.Move($('scroller'), { x: 0, y: CaseStudies.valueLast-value});
				CaseStudies.valueLast = value;
				CaseStudies.ddUsed = false;
      			}
		});
	},
	sliderUpdate: function() {
		var sliderVal = Math.abs($('scroller').style.top.replace(/px/i,''));
		CaseStudies.ddUsed = true;
		CaseStudies.csSlider.setValue(sliderVal);
		$('zoom_slider').down('.handle').show();
	}
}

document.observe('dom:loaded', function () {
	CaseStudies.sliderInit();
});