
function initScroller() { 
	var t = document.getElementById('control');
	if (!t) return;
	s = document.getElementById('scroller'); 
	t.back_control = t.getElementsByTagName('img')[0]; 
	(t.scroll_obj = s).scroll_position = s.scroll_active = 0; 
	s.scroll_range = s.offsetWidth - s.parentNode.offsetWidth; 
	return applyHandler(t, ['onmouseover', 'onmouseout'], scrollControl);
}

function scrollControl(e) {
	var el = (e = e || event).target || e.srcElement, t = el.tagName.toLowerCase(), p, b; 
	if (t == 'img') { 
		p = el.parentNode.scroll_obj;
		return (p.scroll_active = !p.scroll_active) ? (b = (el == el.parentNode.back_control), scrollProcess(p, b)) : false;
	} else return false;
} 
 
function scrollProcess(o, b) {
	var p = o.scroll_position;
	o.scroll_position = (!b && p > -o.scroll_range) ? p - 2 : (b && p < 0) ? p + 2 : (o.scroll_active = 0, b) ? 0 : p;
	o.style.left = o.scroll_position + 'px'; 
	return (o.scroll_active) ? window.setTimeout(function() { return scrollProcess(o, b); }, 10) : false;
}

applyHandler(window, 'onload', initScroller);
