function hide_table() {
	var tables=document.getElementsByTagName('table');
	for(var i=0;i<tables.length;i++) {
		tables[i].className = 'hidden';
	}
}

window.onload=hide_table;

function show_table(tbl) {
	// this is some seriously ugly code, but I just couldn't get it better than that - Monday morning I guess...
	if (tbl == 'studio') {
		document.getElementById('studio').className = 'availabilities';
		document.getElementById('one_bed').className = 'hidden';
		document.getElementById('two_bed').className = 'hidden';
		document.getElementById('three_bed').className = 'hidden';
		document.getElementById('four_bed').className = 'hidden';
	}
	if (tbl == 'one_bed') {
		document.getElementById('studio').className = 'hidden';
		document.getElementById('one_bed').className = 'availabilities';
		document.getElementById('two_bed').className = 'hidden';
		document.getElementById('three_bed').className = 'hidden';
		document.getElementById('four_bed').className = 'hidden';
	}
	if (tbl == 'two_bed') {
		document.getElementById('studio').className = 'hidden';
		document.getElementById('one_bed').className = 'hidden';
		document.getElementById('two_bed').className = 'availabilities';
		document.getElementById('three_bed').className = 'hidden';
		document.getElementById('four_bed').className = 'hidden';
	}
	if (tbl == 'three_bed') {
		document.getElementById('studio').className = 'hidden';
		document.getElementById('one_bed').className = 'hidden';
		document.getElementById('two_bed').className = 'hidden';
		document.getElementById('three_bed').className = 'availabilities';
		document.getElementById('four_bed').className = 'hidden';
	}
	if (tbl == 'four_bed') {
		document.getElementById('studio').className = 'hidden';
		document.getElementById('one_bed').className = 'hidden';
		document.getElementById('two_bed').className = 'hidden';
		document.getElementById('three_bed').className = 'hidden';
		document.getElementById('four_bed').className = 'availabilities';
	}
	
}