var scrollInterval = 0;

function scroll(direction, id) {
	var el = document.getElementById('scrolling' + id);
	var einde = document.getElementById('einde' + id);
	var xpos = el.style.marginLeft;
	if (!xpos == '') {
		xpos = parseInt(xpos.substring(0, xpos.indexOf('px')));
	}
	else {
		xpos = 0;
	}
	//alert(' direction: ' + direction + '\n xpos: ' + xpos + '\n findPosX(einde): ' + findPosX(einde) + '\n einde.offsetLeft: ' + einde.offsetLeft + '\n einde.style.pixelLeft: ' + einde.style.pixelLeft + '\n einde.style.posLeft: ' + einde.style.posLeft + '\n einde.offsetParent.id: ' + einde.offsetParent.id + '\n el.parentNode.offsetWidth: ' + el.parentNode.offsetWidth);
	if (direction == 'left') {
		if ((einde.offsetLeft) > el.parentNode.offsetWidth) {
			el.style.marginLeft = (xpos - 10) + 'px';
		}
	}
	else {
		if ((el.offsetLeft + xpos) < 0) {
			el.style.marginLeft = (xpos + 10) + 'px';
		}
	}
	scrollInterval = setTimeout('scroll(\'' + direction + '\', \'' + id + '\')', 100);
}

function stopscroll() {
	clearTimeout(scrollInterval);
}

function findPosX(obj) {
	var curleft = 0;
	if (obj.offsetParent) {
		while(1) {
			curleft += obj.offsetLeft;
			if (!obj.offsetParent) {
				break;
			}
			obj = obj.offsetParent;
		}
	}
	else if (obj.x) {
		curleft += obj.x;
	}
	return curleft;
}