var currentPos = -2831;
var timerID    = null;
var timeOut    = 1000;

function startScroll() {
	currentPos++;

	if(currentPos >= 0) {
		currentPos = -2831;
	}

	document.getElementById('scroll').style.left = currentPos + 'px';

	setTimeout('startScroll()', 30);
}

function reallignDiv(nwElement) {
	pageWidth = document.body.clientWidth;
	divHeight = document.getElementById(nwElement).offsetHeight;
	
	pageWidth = ((pageWidth - 950) / 2) + 200;
	divHeight = 428;
	
	document.getElementById(nwElement).style.top  = divHeight + 'px';
	document.getElementById(nwElement).style.left = pageWidth + 'px';
}

function showDiv(toggle, element) {
	if(toggle == 1) {
		stopTimer();

		hideLayers();

		document.getElementById(element).style.visibility = 'visible';
	} else {
		startTimer();
	}
}

function hideLayers() {
	document.getElementById('div').style.visibility = 'hidden';
}

function startTimer() {
	timerID = setTimeout("hideLayers()", timeOut);
}

function stopTimer() {
	timerID = clearTimeout(timerID);
}

function changePic(newElement) {
	object = document.getElementById(newElement);
	
	endString = object.src.slice(-6);
	
	if(endString == "UP.gif") object.src = object.src.slice(0, -6) + '.gif';
	else object.src = object.src.slice(0, -4) + 'UP.gif';
}

function highlightInfo(newElement) {
	object = document.getElementById(newElement);
	
	className = object.className;
	
	if(className == "form_info") object.className = "form_info_up";
	else object.className = "form_info";
}

function setValue(newElement, newValue) {
	document.getElementById(newElement).value = newValue;
}

function showDesc(toggle) {
	if(toggle == 1) {
		document.getElementById('desc').style.visibility = 'visible';
	} else {
		document.getElementById('desc').style.visibility = 'hidden';
	}
}

function calculateM3() {
	alert((document.getElementById("lengte").value * document.getElementById("breedte").value * 2.60) * document.getElementById("verdiepingen").value);
}