hiddenId = "ctrl_17";

function getTableNumber () {
    table = "";

    if($(hiddenId)) {
        isSet = $(hiddenId).getValue();

        switch (isSet) {
            case "1":
            case "2":
            case "3":
                table = "eins-drei";
                break;
    
            case "4":
                table = "vier";
                break;
    
            case "5":
                table = "fuenf";
                break;
    
            case "6":
            case "7":
            case "8":
            case "9":
            case "10":
                table = "sechs-zehn";
                break;

            case "Skyy Lounge":
                table = "skyylounge";
                break;

            default:
               break;
        }
        displayTable(table, isSet);
    }
}

function displayTable (table, tableNumber) {

	switch (table) {
		case "eins-drei":
	                $('tisch-reservierung').setStyle('display', 'none');
                        $('tisch-reservierung-text').setStyle('display', 'none');
			$(table).setStyle('display', 'block');
                        $('eins-drei-bild1').setStyle('display', 'block');
                        $('eins-drei-bild2').setStyle('display', 'block');
                        $('vier-bild1').setStyle('display', 'none');
                        $('vier-bild2').setStyle('display', 'none');
                        $('fuenf-bild1').setStyle('display', 'none');
                        $('fuenf-bild2').setStyle('display', 'none');
                        $('sechs-zehn-bild1').setStyle('display', 'none');
                        $('sechs-zehn-bild2').setStyle('display', 'none');
                        $('sechs-zehn-bild3').setStyle('display', 'none');
                        $('skyylounge-bild1').setStyle('display', 'none');
                        $('skyylounge-bild2').setStyle('display', 'none');
			$('vier').setStyle('display', 'none');
			$('fuenf').setStyle('display', 'none');
			$('sechs-zehn').setStyle('display', 'none');
			$('skyylounge').setStyle('display', 'none');
			break;
		
		case "vier":
	                $('tisch-reservierung').setStyle('display', 'none');
                        $('tisch-reservierung-text').setStyle('display', 'none');
			$(table).setStyle('display', 'block');
                        $('eins-drei-bild1').setStyle('display', 'none');
                        $('eins-drei-bild2').setStyle('display', 'none');
                        $('vier-bild1').setStyle('display', 'block');
                        $('vier-bild2').setStyle('display', 'block');
                        $('fuenf-bild1').setStyle('display', 'none');
                        $('fuenf-bild2').setStyle('display', 'none');
                        $('sechs-zehn-bild1').setStyle('display', 'none');
                        $('sechs-zehn-bild2').setStyle('display', 'none');
                        $('sechs-zehn-bild3').setStyle('display', 'none');
                        $('skyylounge-bild1').setStyle('display', 'none');
                        $('skyylounge-bild2').setStyle('display', 'none');
			$('eins-drei').setStyle('display', 'none');
			$('fuenf').setStyle('display', 'none');
			$('sechs-zehn').setStyle('display', 'none');
			$('skyylounge').setStyle('display', 'none');
			break;
			
		case "fuenf":
	                $('tisch-reservierung').setStyle('display', 'none');
                        $('tisch-reservierung-text').setStyle('display', 'none');
			$(table).setStyle('display', 'block');
                        $('eins-drei-bild1').setStyle('display', 'none');
                        $('eins-drei-bild2').setStyle('display', 'none');
                        $('vier-bild1').setStyle('display', 'none');
                        $('vier-bild2').setStyle('display', 'none');
                        $('fuenf-bild1').setStyle('display', 'block');
                        $('fuenf-bild2').setStyle('display', 'block');
                        $('sechs-zehn-bild1').setStyle('display', 'none');
                        $('sechs-zehn-bild2').setStyle('display', 'none');
                        $('sechs-zehn-bild3').setStyle('display', 'none');
                        $('skyylounge-bild1').setStyle('display', 'none');
                        $('skyylounge-bild2').setStyle('display', 'none');
			$('vier').setStyle('display', 'none');
			$('eins-drei').setStyle('display', 'none');
			$('sechs-zehn').setStyle('display', 'none');
			$('skyylounge').setStyle('display', 'none');
			break;
			
		case "sechs-zehn":
	                $('tisch-reservierung').setStyle('display', 'none');
                        $('tisch-reservierung-text').setStyle('display', 'none');
			$(table).setStyle('display', 'block');
                        $('eins-drei-bild1').setStyle('display', 'none');
                        $('eins-drei-bild2').setStyle('display', 'none');
                        $('vier-bild1').setStyle('display', 'none');
                        $('vier-bild2').setStyle('display', 'none');
                        $('fuenf-bild1').setStyle('display', 'none');
                        $('fuenf-bild2').setStyle('display', 'none');
                        $('sechs-zehn-bild1').setStyle('display', 'block');
                        $('sechs-zehn-bild2').setStyle('display', 'block');
                        $('sechs-zehn-bild3').setStyle('display', 'block');
                        $('skyylounge-bild1').setStyle('display', 'none');
                        $('skyylounge-bild2').setStyle('display', 'none');
			$('vier').setStyle('display', 'none');
			$('fuenf').setStyle('display', 'none');
			$('eins-drei').setStyle('display', 'none');
			$('skyylounge').setStyle('display', 'none');
			break;
			
		case "skyylounge":
	                $('tisch-reservierung').setStyle('display', 'none');
                        $('tisch-reservierung-text').setStyle('display', 'none');
			$(table).setStyle('display', 'block');
                        $('eins-drei-bild1').setStyle('display', 'none');
                        $('eins-drei-bild2').setStyle('display', 'none');
                        $('vier-bild1').setStyle('display', 'none');
                        $('vier-bild2').setStyle('display', 'none');
                        $('fuenf-bild1').setStyle('display', 'none');
                        $('fuenf-bild2').setStyle('display', 'none');
                        $('sechs-zehn-bild1').setStyle('display', 'none');
                        $('sechs-zehn-bild2').setStyle('display', 'none');
                        $('sechs-zehn-bild3').setStyle('display', 'none');
                        $('skyylounge-bild1').setStyle('display', 'block');
                        $('skyylounge-bild2').setStyle('display', 'block');
			$('vier').setStyle('display', 'none');
			$('fuenf').setStyle('display', 'none');
			$('sechs-zehn').setStyle('display', 'none');
			$('eins-drei').setStyle('display', 'none');
			break;
			
		default:
			break;
	}
	$(hiddenId).setProperty('value', tableNumber);
}