// JavaScript Document

function slide(element, value) {
	document.getElementById(element).style.left = '-' + (value) + 'px';
}

function setOpties(post, value) {
	switch(post) {
		case 'deurpaneel' :
			for(i = 0; i < 77; i++) {
				document.getElementById('panel' + (i+1)).style.border = '3px #ffffff solid';
			}
			new Ajax.Request('includes/request.php', {
				method: 'post',
				postBody: post + '=' + value,
				onLoading: function(v) {
					document.getElementById('panel' + value).style.border = '3px #ec828f solid';
				}, 
				onSuccess: function(v) {
					document.getElementById('panel' + value).style.border = '3px #ec828f solid';
					document.getElementById('specificaties').style.display = 'block';
					document.getElementById('specificaties').innerHTML = v.responseText;
				}
			});		
		break;
		default :
			new Ajax.Request('includes/request.php', {
				method: 'post',
				postBody: post + '=' + value
			});
		break;
	}
}

var nKozijn = 0;
function setKozijn(nCount) {
	nKozijn = nCount;
}

function setModel(model, ids) {
	
	elementen = ids.split(',');
	
	for(i = 0; i < elementen.length - 1; i++) {
		document.getElementById('model' + elementen[i]).style.border = '3px #ffffff solid';
	}
	
	new Ajax.Request('includes/specificaties.php', {
		method: 'post',
		postBody: 'model=' + model,
		onLoading: function(v) {
			document.getElementById('configuratie').innerHTML = 'Momentje a.u.b. het model word geladen...';
			document.getElementById('model' + model).style.border = '3px #ec828f solid';
		}, 
		onSuccess: function(v) {
			document.getElementById('configuratie').innerHTML = v.responseText;
			document.getElementById('model' + model).style.border = '3px #ec828f solid';
			var deur = new Control.Slider('type_button', 'type_bar', {range: $R(0, 5432), onChange: function(v) {slide('deurpanelen', v)}, onSlide: function(v) {slide('deurpanelen', v)}});
			if(nKozijn != 0) {
				deur.setValue(nKozijn);
			}
		}
	});
}

function rollover(id, image)
{
	if (document.images) 
	{
		var knop = new Image();
		knop.src = image;
		document[id].src = knop.src
	}
}