/*
 * Rooms & Children
 *
 */
var currentValue = 1;
//ROOM
function Rooms(no){
	//人数
	var people = 8;
	
	$('li.room').append('<dl class="RoomNum" id="r'+no+'"><dt></dt></dl>');
	$('li.room dl#r'+no+' dt').append('<label class="ttl">Rooms'+no+':</label> ');
	$('li.room dl#r'+no+' dt').append('<label class="font-light">Adults(18+):</label> ');

	$('li.room dl#r'+no+' dt').append('<select class="Adults'+no+'" name="">');
	for(ai=0; ai<=people; ai++){
		$('li.room dl#r'+no+' dt select.Adults'+no).append('<option value='+ai+'>'+ai+'</option>');
	}
	$('li.room dl#r'+no+' dt').append('</select><label class="font-light">Children(0-17):</label> <select id="Children'+no+'" name="">');
	for(ci=0; ci<=people; ci++){
		$('li.room dl#r'+no+' dt select#Children'+no).append('<option value='+ci+'>'+ci+'</option>');
	}
	$('li.room dl#r'+no+' dt').append('</select>');
	
	setChildChangeFunction($('li.room dl#r'+no+' dt select#Children'+no) , no);
	
}

function setChildChangeFunction(obj , no) {
	$(obj).change(function(){
		var ChildVal = $(this).children("option:selected").val();
		
		if(ChildVal > 0){
			//ChildCount = ChildVal - ChildValue;
			var ChildCount = 0;
			var label = 0;
			var ChildSet = 0;
			if(!$('li.room dl#r'+no+' dd').text()){
				label = 1;
				ChildCount = ChildVal;
			}else{
				ChildSet = $('li.room dl#r'+no+' dd p label').size();
				ChildCount = ChildVal - ChildSet;
			}
			Children(ChildCount , no , label , Number(ChildSet));
				
			if(ChildCount < 0){
				minusNum = ChildSet - ChildVal;
				for(i=0; i<minusNum; i++){
					$('li.room dl#r'+no+' dd label.Peple'+(Number(ChildSet)-i)).remove();
				}
			}
		}
		if(ChildVal == 0){
			$('li.room dl#r'+no+' dd').remove();
		}
		ChildSet = ChildVal;
		
	});
}


//Children
function Children(ChildCount, no , label , ChildValue){
	//何歳
	var Age = 17;
	
	if(label == 1){
		$('li.room dl#r'+no).append('<dd><p></p></dd>');
		$('li.room dl#r'+no+' dd p').append('<strong>Child Ages:</strong>');
	}
	
	for(i=1; i<=ChildCount; i++){
		$('li.room dl#r'+no+' dd p').append('<label class="font-light Peple'+(ChildValue+i)+'">'+(ChildValue+i)+':<select name=""></select></label>');
		$('li.room dl#r'+no+' dd p label.Peple'+(ChildValue+i)+' select').append('<option value="?">?</option>');
		for(a=0; a<=Age; a++){
			$('li.room dl#r'+no+' dd p label.Peple'+(ChildValue+i)+' select').append('<option value="'+a+'">'+a+'</option>');
		}
	}
}

function RoomChildren(){
	$('#Room').change(function(){
		//Room数を取得
		var RoomNum = $(this).children("option:selected");
		
		
		var plusNum = RoomNum.val() - currentValue;
		//alert(plusNum);
		if(plusNum>0){
			for(i=0; i<plusNum; i++){
				Rooms(Number(currentValue)+Number(i)+1);
			}
		}
		if(Number(plusNum)<0){
			var minusNum = currentValue - RoomNum.val();
			for(i=0; i<minusNum; i++){
				$('dl#r'+(Number(currentValue)-Number(i))).remove();
			}
		}
		currentValue = RoomNum.val();
	});
}
$(document).ready(function(){
	RoomChildren();
	setChildChangeFunction($('li.room dl#r1 dt select#Children1') , 1);
});