_width = 8 + 111;
_count  = 5;
_timeout = 30;
_move = -1.0;
_moveLeft = 0.3 * _count * _width;
_moveRight = 0.7 * _count * _width;
_running = true;
_offset = 0;
_lastX  = 0;

function scroller_init() {
	_scroller = document.getElementById("scroller");
	if (document.all) {
		_scroller.style.width = "533px";
	}

	_top = _scroller.offsetTop;
	_left = _scroller.offsetLeft;
	oParent = _scroller;
	while (oParent = oParent.offsetParent) {
		_top += oParent.offsetTop;
		_left += oParent.offsetLeft;
	}
	_offset = _left;

	_imgs = _scroller.getElementsByTagName("img");

	for (i = 0; i < _imgs.length; i++) {
		_imgs[i].style.position = "absolute";
		_imgs[i].style.left = (i * _width) + "px";
		_imgs[i].style.display = "block";
	}

	setTimeout("move()", _timeout);
}

function move(){
	if (_running) {
		_scroller = document.getElementById("scroller");

		_imgs = _scroller.getElementsByTagName("img");
		for (i = 0; i < _imgs.length; i++) {
			_left = _imgs[i].style.left.toString().replace("px", "") - _move;
			if (_left < -_width) {
				// move to the end
				_left = _imgs.length * _width + _left;
			} else if (_left > (_imgs.length - 1) * _width) {
				_left = -_width;
			}
			_imgs[i].style.left = _left + "px";
		}
	}
	setTimeout("move()", _timeout);
}

function movemouse(evt) {
	if (!evt) {
		evt = window.event
	}

	if ((evt.clientX - _offset) < _moveLeft) {
		_move = -1.0;
		_running = true;
	} else if ((evt.clientX - _offset) > _moveRight) {
		_move = 1.0;
		_running = true;
	} else {
		_running = false;
	}
	if (_running) {
		if ((evt.clientX > _lastX - 10) && (evt.clientX < _lastX + 10)) {
			_running = false;
		} else {
			_lastX = evt.clientX;
		}
	}
}

function init_changepic() {
	div = document.getElementById('detailfoto_id');
	oldimage = div.style.backgroundImage;
}

function changePic(url) {
	div.style.background = 'url('+url+') no-repeat';
}

function changePicBack() {
	div.style.background = oldimage+' no-repeat';
}

function stripe() {
	var even = false;
	d = document.getElementsByTagName('div');
	for(i=0;i<d.length;i++){
		if(d[i].className == 'aanbod'){
			if (even) {
				d[i].className = 'aanbod_alt';
			}
			even = !even;
		}
	}
}