// JavaScript Document
var rooms = 1;
function addRoom(){
	var formRoom = '						 <h3>Room '+(rooms+1)+' specifications</h3>\
						 <table class="bookTable" border="0" cellspacing="0" cellpadding="0" style="margin:0px; padding:0px;">\
						  <tr>\
							<td>Room type:</td>\
							<td><select name="occupancyRoom'+rooms+'">\
										<option value="single" >Single</option>\
										<option value="double" >Double</option>\
										<option value="twin" >Twin</option>\
										<option value="family" >King</option>\
									</select></td>\
						 </tr>\
						  <tr>\
							<td valign="top">Room category:</td>\
							<td><select name="typeRoom'+rooms+'"><option value="standard" >Standard</option><option value="executive" >Executive</option><option value="superior" >Superior</option></select><br /><br />\
							<input style="border:0;" type="radio" name="terms'+rooms+'" value="room only" />Room only<br />\
							<input style="border:0;" type="radio" name="terms'+rooms+'"  checked="checked" value="room with bnb" />Bed and Breakfast<br />\
							</td>\
						  </tr>\
						</table>';
	document.getElementById('room'+(rooms+1)).innerHTML = formRoom+'<div id="room'+(rooms+2)+'"><hr size="1" noshade="noshade" /><a href="javascript: addRoom();" style="float:right; border-bottom:1px solid;">Add another room</a><a href="javascript: removeRoom();" style="border-bottom:1px solid;">Remove room</a><br />';
	document.getElementById('hf').innerHTML = '<input type="hidden" name="roomCount" value="'+rooms+'" />';
	rooms = rooms+1;
}
function addRooms(num){
	for (i=1; i<=num; i++){
		addRoom()
	}
}
function removeRoom(){
if (rooms == 2){
	rooms -= 1;
	document.getElementById('room'+(rooms+1)).innerHTML = '<div id="room'+(rooms+2)+'"><hr size="1" noshade="noshade" /><br><a href="javascript: addRoom();" style="float:right; border-bottom:1px solid;">Add another room</a><br />';
	
}else if (rooms >= 3){
	rooms -= 1;
	document.getElementById('room'+(rooms+1)).innerHTML = '<div id="room'+(rooms+2)+'"><hr size="1" noshade="noshade" /><a href="javascript: addRoom();" style="float:right; border-bottom:1px solid;">Add another room</a><a href="javascript: removeRoom();" style="border-bottom:1px solid;">Remove room</a><br />'; //<a href="javascript: removeRoom();" style="border-bottom:1px solid;">Remove room</a>
}
}