function changeRoomType(rooms)
{
	var no = parseInt(rooms);		

	var htmlPortion = '<table border="0" cellpadding="0" cellspacing="0">' ;    	

	htmlPortion += ( 
		 '<tr>'
	          +'<td align="left" width="100" height="20" class="text"></td>'
                 +'<td height="20" width="78" align="center" class="text"></td>'
                  +'<td height="20" width="77" align="center" class="text">adult</td>'
			+'<td height="20" width="72" align="center" class="text">children</td>'
			+'</tr>'
			+'<tr>'
	           +'<td align="left" width="100" height="20" class="text"></td>'
                 +'<td height="20" width="78" align="center" class="text"></td>'
                 +'<td height="20" width="77" align="center" class="text">(17+)</td>'
			+'<td height="20" width="72" align="center" class="text">(0-16)</td>'
			+'</tr>'
			);


	
	for (i=0; i<no; i++)
	{
		htmlPortion += ( 
		 '<tr>'
	          +'<td align="left" width="100" height="20" class="text"></td>'
                 +'<td height="20" width="78" align="center" class="text">room '+(i+1)+'</td>'
                  +'<td height="20" width="77" align="center">'
			  +'<select class="input" style="width: 35px;" size="1" name="noOfAdults'+i+'" id="noOfAdults'+i+ '">'
                    +'<option value="0">0</option>'
                    +'<option value="1">1</option>'
                    +'<option value="2" selected>2</option>'
                    +'<option value="3">3</option>'
                    +'<option value="4">4</option>'
                    +'<option value="5">5</option>'                     
                    +'</select>'
		     +'</td>'
                 +'<td height="20" width="72" align="center">'
			+'<select style="width: 35px;" class="input" size="1" name="noOfChildren' + i + '" id="noOfChildren' + i + '" onchange="childPopulate((noOfChildren' + i + ').selectedIndex,' + i + '); ">'
                  +'<option value="0" selected="selected">0</option>'
                  +'<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>'                      
                  +'</select>'
		     	+'</td>'			
                	+'</tr>'		    
			+'<tr>'
			+'<td align="left" width="100" class="text"></td>'
			+'<td width="78" align="center" class="text"></td>'
			+'<td colspan="6" align="right">'
			+'<span id="childDhtml' + i + '"' + '>'
			+'</span>'
			+'</td>'
			+'</tr>' );
	
		if (no>1)
		  htmlPortion+='<tr><td height="5" colspan="4"></td></tr>'
	}
	htmlPortion+='</table>';
	
	var spnEle = document.getElementById('roomChange');
	spnEle.innerHTML=htmlPortion;
}

function childPopulate(child,room)
{

 var spnEle = document.getElementById("childDhtml" + room);
 var m=0;
 var spanHtml='';
 
    spanHtml=spanHtml+'<table border="0" cellspacing="0" cellpadding="0">';

 if (child>0)
   {       
       spanHtml=spanHtml+'<tr>';
				spanHtml=spanHtml 
				+'<td width="103" class="small_text">child ages</td>'
				+'<td>'
				+'<table border="0" cellspacing="0" cellpadding="0">'
				+ '<tr cellspacing="0" cellpadding="0">';

				for(i=0;i<child;i++)
				{     			           
					spanHtml=spanHtml +
					'<td width="40" class="small_text" align="left">child'+(i+1)+'</td>';
				}

				spanHtml += '</tr>';			
				spanHtml += '<tr cellspacing="0" cellpadding="0">';

				     
				   	for(j=0;j<child;j++)
					   {     
					            
					     spanHtml=spanHtml +		     
					     
						 '<td width="40">'
						   + '<select style="width: 40px; height: 17px;" class="input" size="1" name="ageChild' + room + '_' +  j + '" class="input" id="ageChild' + room + '_' +  j + '">'							
                  			+'<option value="0">0</option>'
                  			+'<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>'
                  			+'<option value="7">7</option>'
                  			+'<option value="8">8</option>'
                  			+'<option value="9">9</option>'
                 			+'<option value="10">10</option>'
                  			+'<option value="11" selected="selected">11</option>'
                  			+'<option value="12">12</option>'    
                  			+'<option value="13">13</option>'
                  			+'<option value="14">14</option>'
                  			+'<option value="15">15</option>'
                  			+'<option value="16">16</option>'                 			               
                  		   +'</select>'
						 +'</td>';
                                                 
						 
						 }
					 spanHtml=spanHtml+'</tr></table>'+
			 '</td>'+
		'</tr>';
			spanHtml=spanHtml+'<tr>'+
			'<td colspan="3">'+
				'<hr color="#fdeecf" align="left" width="215" size="1">'+
			'</td>'+
 	    '</tr>';
	} 	
	spanHtml=spanHtml+ '</table>';
    spnEle.innerHTML=spanHtml;
  
 }