var slider = false;

document.observe("dom:loaded", function() {
	$$('img.auto-hover').each(function (img) {
		img.observe("mouseover", function() {
			this.setAttribute("src", this.getAttribute("src").gsub("_up", "_over"));
		});
		img.observe("mouseout", function() {
			this.setAttribute("src", this.getAttribute("src").gsub("_over", "_up"));
		});
	});
	slider = new Control.Slider('track-handle', 'track', {
		axis: 'vertical',
		range: $R(0,100),
		onSlide: function(v) { scrollVertical(v, $('scrollable'), slider); },
		onChange: function(v) { scrollVertical(v, $('scrollable'), slider); }
	});
	Event.observe('scrollable', 'DOMMouseScroll', wheel);
	Event.observe('scrollable', 'mousewheel', wheel);
	if ($('scrollable').scrollHeight <= $('scrollable').offsetHeight) {
		slider.setDisabled();
		$('track-wrap').hide();
	}
	$$('div.copyright').each(function (d) {
		d.observe("click", function() {
			document.location.href = '/copyright';
		});
	});
});

function scrollVertical(value, element, slider) {
	element.scrollTop = Math.round(value / slider.maximum * (element.scrollHeight - element.offsetHeight));
}
function handle(delta) {
	slider.setValueBy(-delta);
}
function wheel(event) {
	var delta = 0;
	if (!event) event = window.event;
	if (event.wheelDelta) {
		delta = event.wheelDelta / 120;
		if (window.opera) delta = -delta;
	} else if (event.detail) {
		delta = -event.detail/3;
	}
	if (delta) handle(delta);
	if (event.preventDefault) event.preventDefault();
	event.returnValue = false;
}