Event.observe(window,'load',initTableSelect,false);
var booked=new Array();
function initTableSelect()
{
	var input=$('item_location');
	val=input.getValue();
	if(val!='')
	{
		val=val.split(',');
		booked=val;
	}
	$$('#hovermap ul li a').each(function(item) {
								item.onclick=tableclick;
								inArray=(booked.indexOf(item.down().innerHTML));
								if(inArray!="-1") item.addClassName('selectedtable');
								else item.removeClassName('selectedtable');
								});
	input.onkeyup=initTableSelect;
}

function tableclick()
{
	var tableNumber=this.down().innerHTML;
	var input=$('item_location');
	
	inArray=(booked.indexOf(tableNumber));
	if(inArray=="-1")
	{
		booked=booked.concat([tableNumber]);
		//Change Class
		this.addClassName('selectedtable');
	}
	else
	{
		this.removeClassName('selectedtable');
		booked=booked.without(tableNumber);
	}
	input.value=booked.sort(function(a,b){return a - b}).join();
}