// JavaScript Document

// horizontal slider control
var slider4 = new Control.Slider('handle', 'track4', {
	onSlide: function(v) { scrollHorizontal(v, $('content-timeline'), slider4);  },
	onChange: function(v) { scrollHorizontal(v, $('content-timeline'), slider4); }
});

// scroll the element vertically based on its width and the slider maximum value
function scrollVertical(value, element, slider) {
	element.scrollTop = Math.round(value/slider.maximum*(element.scrollHeight-element.offsetHeight));
}

// scroll the element horizontally based on its width and the slider maximum value
function scrollHorizontal(value, element, slider) {
	element.scrollLeft = Math.round(value/slider.maximum*(element.scrollWidth-element.offsetWidth));
}
jQuery('#content #content-timeline').css({
	'width':document.getElementById('header').clientWidth + 'px'
});
jQuery('#content .blink').blink({
	'time':200,
	'elements':'#handle'
});