function timeSlotToggle(cb)
{
	var lbl = cb.parentNode;
	if(lbl.className != 'reserved')
	{
		lbl.className = cb.checked ? 'selected' : '';
	}
}

function timeSlotMouseOver(lbl)
{
	if(lbl.className != 'reserved')
	{
		var cb = lbl.getElementsByTagName("INPUT")[0];
		lbl.className = 'mouseover';
	}
}

function timeSlotMouseOut(lbl)
{
	if(lbl.className != 'reserved')
	{
		var cb = lbl.getElementsByTagName("INPUT")[0];
		timeSlotToggle(cb);
	}
}

function page_onload()
{
	var ul = document.getElementById("timeslots");
	
	if(!ul) return;

	var lbls = ul.getElementsByTagName("LABEL");

	for(i=0; i<lbls.length; i++)
	{
		if(lbls[i].className != 'disabled')
		{
			lbls[i].onmouseover = new Function("timeSlotMouseOver(this);");
			lbls[i].onmouseout = new Function("timeSlotMouseOut(this);");
			var cb = lbls[i].getElementsByTagName("INPUT")[0];
			cb.onclick = new Function("timeSlotToggle(this);");
			timeSlotToggle(cb);
		}
	}
}

window.onload = page_onload;