/********************************/
/*                              */
/* Javascript For Baiyoke Hotel */
/*                              */
/********************************/
function ChangeRoom(num){
	var data = '';
	var maxnum =  parseInt(num)+1;
	data += '<table id="adult_area" border="0" cellspacing="2" cellpadding="2">';
	for(i=1;i<maxnum;i++){
	
	data += '<tr ><td>'+i+'. Adult(s) : <select name="adult_'+i+'" class="txt_box" id="adult_'+i+'"><option value="1">1</option><option value="2">2</option><option value="3">3</option><option value="4">4</option><option value="5">5</option><option value="6">6</option></select></td><td>Children : <select name="child_'+i+'" class="txt_box" id="child_1"><option value="0">0</option><option value="1">1</option><option value="2">2</option></select></td></tr>';
							
	}	
	document.getElementById("showRoom").innerHTML = data;
}

function toChangeRoom(area, field, field2, limit) {
	if(!document.getElementById) return; 
	var field_area = document.getElementById(area);
	var all_selects = field_area.getElementsByTagName("select"); 
	var room = document.getElementById("room").value;

	var last_item = all_selects.length - 1;
	var last = all_selects[last_item].id;
	var numlast = Number(last.split("_")[1])
	var count = numlast + 1;
	var n  = room - numlast;
	var m = numlast - room;

	if(count > limit && limit > 0) return;
 	//alert('Room = '+room+' N = '+n+' Count = '+count);
	
	//Compare Add or Remove
	if (room  >= count) { 
		/*Add*/ 
		if(document.createElement) { //W3C Dom method.
		  var numRoom = count;
		  for (var i=0; i<n; i++) {	
			var tr = document.createElement("tr");
			var selectAttribute = document.createAttribute("id");
			selectAttribute.value = "trRoom_"+numRoom; 
			tr.setAttributeNode(selectAttribute);
			
			var td = document.createElement("td");
			var t = document.createTextNode(numRoom+". Adult(s) : ");

			var select = document.createElement("select");
			var selectAttribute = document.createAttribute("name");
			selectAttribute.value = field+numRoom; 
			select.setAttributeNode(selectAttribute);
			var selectAttribute = document.createAttribute("id");			
			selectAttribute.value = field+numRoom; 
			select.setAttributeNode(selectAttribute);
			var selectAttribute = document.createAttribute("class");			
			selectAttribute.value = "txt_box"; 
			select.setAttributeNode(selectAttribute);
	
			for (var k=1; k<=6; k++) { 
				var option = document.createElement("option");
				selectAttribute = document.createAttribute("value");
				selectAttribute.value = k;
				option.setAttributeNode(selectAttribute);
				option.appendChild(document.createTextNode(k));
				select.appendChild(option); 
			}
	
			td.appendChild(t); 
			td.appendChild(select); 
			tr.appendChild(td); 
			
			var td2 = document.createElement("td");
			var t2 = document.createTextNode("Children : ");
	
			var select2 = document.createElement("select");
			var selectAttribute = document.createAttribute("name");
			selectAttribute.value = field2+numRoom; 
			select2.setAttributeNode(selectAttribute);
			var selectAttribute = document.createAttribute("id");			
			selectAttribute.value = field2+numRoom; 
			select2.setAttributeNode(selectAttribute);
			var selectAttribute = document.createAttribute("class");			
			selectAttribute.value = "txt_box"; 
			select2.setAttributeNode(selectAttribute);
	
			for (var k=0; k<=2; k++) { 
				var option = document.createElement("option");
				selectAttribute = document.createAttribute("value");
				selectAttribute.value = k;
				option.setAttributeNode(selectAttribute);
				option.appendChild(document.createTextNode(k));
				select2.appendChild(option); 
			}
	
			td2.appendChild(t2); 
			td2.appendChild(select2); 
			tr.appendChild(td2); 
			field_area.appendChild(tr); 
			
			numRoom++;
		  } //end for
		} //end if
	}
	else { 
		/*Remove*/
		var numRoom = numlast;
		for (var j=0; j<m; j++) {
			field_area.removeChild(document.getElementById("trRoom_"+numRoom));
				
			numRoom--;
		} //end for
	}
}