function create() {
//------------------------------
//alert("create");
	
	document.write('<table border="0" width="90%" border="0" align="center" cellpadding="2" cellspacing="0" class="hotel_search">');
	document.write('<tr>');
	document.write('<td width="20%" >&nbsp;</td>')
	document.write('<td width="40%" >Adults (12+)</td>')
	document.write('<td width="40%" >Children(5-12)</td>')
	document.write('</tr>'); 
	document.write('</table>');
	
	for (i=1;i<=4;i++) {
	document.write('<table width="90%" border="0" align="center" cellpadding="2" cellspacing="0" border="0" ID="Field' + i + '" style="visibility:hidden;display:none" class="hotel_search">');
	document.write('<tr>');
	document.write('<td width="20%" >');
	document.write('Room' + i);
	document.write('</td>');
	document.write('<td width="40%" >');
	
	document.write('<select name="txt_adults' + i + '">');
	
	for (j=1;j<=3;j++) {
	if(j == 2){
	document.write('<option value="' + j + '" selected>' + j + '</option>');
	}
	else{
	document.write('<option value="' + j + '">' + j + '</option>');
	}
	}//end inner for
	
	document.write('</select>');
	document.write('</td>');
	
	document.write('<td width="40%">');
	
	document.write('<select name="txt_children' + i + '">');
	
	for (j=0;j<=3;j++) {
	
	document.write('<option value="' + j + '">' + j + '</option>');
	
	}//end inner for
	
	document.write('</select>');
	document.write('</td>');
	
	document.write('</tr>'); 
	document.write('</table>');
	}
	
	}
	
	
	function showfields(id) {
	//------------------------------
	//alert("show");
	for (i=1;i<=4;i++) { 
	document.getElementById("Field"+i).style.visibility = "hidden";
	document.getElementById("Field"+i).style.display = "none";
	} 
		
	for (i=1;i<=id;i++) {
	document.getElementById("Field"+i ).style.visibility = "visible";
	document.getElementById("Field"+i ).style.display = "";
	}
	
	}
	
