var ActiveHour = null;
var nextActiveHour = null;
var submitButton = null, hourInput = null;

function makeAppointment (el)
{
	if ( ActiveHour != null || ActiveHour == el || nextActiveHour == el){
		ActiveHour.innerHTML = ' ';
		nextActiveHour.innerHTML = ' ';
	}
	if ( ActiveHour != el || nextActiveHour != el){
		ActiveHour = el;
		
		var temp = (ActiveHour.parentNode.nextSibling.tagName && ActiveHour.parentNode.nextSibling.tagName != 'undefined' ? ActiveHour.parentNode.nextSibling : ActiveHour.parentNode.nextSibling.nextSibling);
		temp = temp.getElementsByTagName('td')[1];
		if (temp.getElementsByTagName('img').length > 0 || temp.style.backgroundImage != "" || temp.innerHTML != ' ') {
				ActiveHour = ActiveHour.parentNode.previousSibling.previousSibling.getElementsByTagName('td')[1];
				if (ActiveHour.innerHTML == ' ') {
					ActiveHour.innerHTML = 'Ik wil hier een afspraak maken';
					nextActiveHour = el;
					nextActiveHour.innerHTML = 'Ik wil hier een afspraak maken';
				}
				else {
					ActiveHour = null;
					nextActiveHour = null;
				}
		}
		else {
			ActiveHour.innerHTML = 'Ik wil hier een afspraak maken';
			nextActiveHour = temp;
			nextActiveHour.innerHTML = 'Ik wil hier een afspraak maken';
		}
		
		if (ActiveHour == null) {
			el.innerHTML = 'Kan hier geen afspraak maken';
			setTimeout(function() { el.innerHTML = ' '; }, 3000);
			submitButton.disabled = true;
		}
		else {
			hourInput.value = ActiveHour.getAttribute('name');
			submitButton.disabled = false;
		}
	}
	else {
		ActiveHour.innerHTML = ' ';
		nextActiveHour.innerHTML = ' ';
		ActiveHour = null;
		nextActiveHour = null;
		submitButton.disabled = true;
	}
}

function addEvent (elm, evType, fn, useCapture)
{
	if ( elm.addEventListener ){
		elm.addEventListener(evType, fn, useCapture);
		return true;
	}
	else if ( elm.attachEvent ){
		var r = elm.attachEvent('on' + evType, fn);
		return r;
	}
	else {
		elm['on' + evType] = fn;
	}
}

function Load ()
{
	submitButton = document.getElementById('NextStep');
	hourInput = document.getElementById('Hour');
	document.getElementById('agenda').onmousedown = function() {return false;}
	document.getElementById('agenda').onselectstart = function() {return false;}
}

addEvent(window, 'load', Load, false);