function markRoomId(id) {
	var tempArray = new Array();

	output = document.getElementById("selectedRoomIds");
	selectedRoomIds = output.value;
	
	
	if ( document.getElementById('room['+ id +']').className == 'button160Off' )	{
		document.getElementById("room["+ id + "]").className = 'button160';
		selectedRoomIds = selectedRoomIds + ',' + id;
	}
	else {
		tempArray = selectedRoomIds.split(',');
		selectedRoomIds = '0';
		for (var i = 0; i < tempArray.length; ++i) {
			if ( tempArray[i] > 0 & tempArray[i] != id ) selectedRoomIds = selectedRoomIds + ',' + tempArray[i];
		}
		document.getElementById("room[" + id + "]").className = 'button160Off';
	}
	
	/**
	 * Zwischenraum zwischen erster und letzter Zimmerauswahl markieren
	 */
	tempArray = selectedRoomIds.split(',');
	first = tempArray.sort()[1];
	last = tempArray.sort()[tempArray.length - 1];
	for (var i = first; i < last; ++i) {
		if ( document.getElementById('room['+ i +']').className == 'button160Off' )	{
			selectedRoomIds = selectedRoomIds + ',' + i;
			document.getElementById("room["+ i + "]").className = 'button160';
		}
	}

	output.value = selectedRoomIds;
}


function markMainCat(id) {
	var tempArray = new Array();

	output = document.getElementById("selectedMainCatIds");
	selectedMainCatIds = output.value;
	
	
	if ( document.getElementById('maincat['+ id +']').className == 'button160Off' )	{
		document.getElementById("maincat["+ id + "]").className = 'button160';
		selectedMainCatIds = selectedMainCatIds + ',' + id;
	}
	else {
		tempArray = selectedMainCatIds.split(',');
		selectedMainCatIds = '0';
		for (var i = 0; i < tempArray.length; ++i) {
			if ( tempArray[i] > 0 & tempArray[i] != id ) selectedMainCatIds = selectedMainCatIds + ',' + tempArray[i];
		}
		document.getElementById("maincat[" + id + "]").className = 'button160Off';
	}
	
	if ( selectedMainCatIds == '0,2' ) {
		document.getElementById('roomsBox').style.visibility='visible';
		document.getElementById('roomsBox').style.display="block";
	}
	else {
		/**
		 * selectedRoomIds zurücksetzen
		 */ 
		dummy = document.getElementById("selectedRoomIds");
		selectedRoomIds = dummy.value;
		tempArray = selectedRoomIds.split(',');
		selectedRoomIds = '0';
		for (var i = 0; i < tempArray.length; ++i) {
			if ( tempArray[i] > 0 ) {
				 document.getElementById("room[" + i + "]").className = 'button160Off';
			}
		}
		dummy.value = selectedRoomIds;
		
		document.getElementById('roomsBox').style.visibility='hidden';
		document.getElementById('roomsBox').style.display="none";	
	}

	output.value = selectedMainCatIds;
}

function markPricegroup(id) {
	oldPricegroup = document.getElementById("searchPricegroup");
	if ( oldPricegroup.value > 0 ) {
		output = document.getElementById("pricegroup["+oldPricegroup.value+"]");
		output.className = "button160Off";
	}

	output = document.getElementById("pricegroup["+id+"]");
	output.className = "button160";
	
	oldPricegroup = id;
	document.getElementById('searchPricegroup').value = id;
}


function markRegionOnMap(id, regionId) {
	var regionArray = new Array();
		
	output =document.getElementById("markedRegionIds");
	oldRegionIds = output.value
	regionArray = oldRegionIds.split(',');
	
	if ( regionId == "ALL") {
		if ( document.getElementById('map1').style.visibility == 'visible' & document.getElementById('map2').style.visibility == 'visible' & document.getElementById('map3').style.visibility == 'visible' & document.getElementById('map4').style.visibility == 'visible' & document.getElementById('map5').style.visibility == 'visible' )	{
			newRegionIds = '0';
			document.getElementById('map1').style.visibility='hidden';
			document.getElementById('map2').style.visibility='hidden';
			document.getElementById('map3').style.visibility='hidden';
			document.getElementById('map4').style.visibility='hidden';
			document.getElementById('map5').style.visibility='hidden';
			document.getElementById('map6').style.visibility='hidden';
			document.getElementById('map7').style.visibility='hidden';
		}
		else {
			newRegionIds = '0,1,2,3,4,5,6,7';
			document.getElementById('map1').style.visibility='visible';
			document.getElementById('map2').style.visibility='visible';
			document.getElementById('map3').style.visibility='visible';
			document.getElementById('map4').style.visibility='visible';
			document.getElementById('map5').style.visibility='visible';
			document.getElementById('map6').style.visibility='visible';
			document.getElementById('map7').style.visibility='visible';
		}
	}
	else {
		newRegionIds = 0;
		/**
		 * Region der Auswahl hinzufügen
		 */
		if (document.getElementById(id).style.visibility == 'hidden')	{
			document.getElementById(id).style.visibility='visible';
			
			newRegionIds = oldRegionIds + "," + regionId;
		}
		/**
		 * Region aus Auswahl entfernen
		 */
		else {
			document.getElementById(id).style.visibility='hidden';
			
			for (var i = 0; i < regionArray.length; ++i) {
				if ( regionArray[i] != regionId ) {
					if ( regionArray[i] > 0 ) newRegionIds = newRegionIds + "," + regionArray[i];
				}
			}
		}
	}
	
	if ( newRegionIds != 0 ) {
		document.getElementById("SearchbuttonBuyObjects").style.visibility='visible';
		document.getElementById("SearchbuttonRentObjects").style.visibility='visible';
		document.getElementById('SearchbuttonBuyObjects').style.display="block";
		document.getElementById('SearchbuttonRentObjects').style.display="block";
	}
	else {
		document.getElementById("SearchbuttonBuyObjects").style.visibility='hidden';
		document.getElementById("SearchbuttonRentObjects").style.visibility='hidden';
		document.getElementById('SearchbuttonBuyObjects').style.display="none";
		document.getElementById('SearchbuttonRentObjects').style.display="none";
	}

	output.value = newRegionIds;
}



function sendMapForm(searchArea) {
	document.getElementById("area").value = searchArea;
	
	document.forms['mapForm'].submit();
}

function popUp (fileName, windowName) {
 fenster = window.open(fileName, windowName, "width=801,height=600,status=yes,scrollbars=yes,resizable=yes");
 fenster.focus();
}

