
	var maxRooms = 10;
	function iniWidgets(){
		$("input[name*='_DATA']").datepicker({dateFormat:'dd/mm/yy',changeMonth:true,changeYear:true,buttonImageOnly:true,showOn: 'both',buttonText:'Mostra calendario',buttonImage: '../images/calendar.gif'});
		$("input[name*='_NUMBER']").spinner({max: maxRooms, min: 1});
		createRoom(1);
		$("input[name='RESERVATION__ROOMS_NUMBER']").bind('spinup', function(event, ui) {
			createRoom(this.value);
		});
		$("input[name='RESERVATION__ROOMS_NUMBER']").bind('spindown', function(event, ui) {
			removeRoom(this.value);
		});
		$("#resetForm").click(function() {
			removeAllRoom();
			this.form.reset();
		});
	}
	function createRoom(roomNumber){
		if($('#room'+(parseInt(roomNumber))).length == 0){
			$("#roomsDiv").append('<div id="room'+roomNumber+'" class="ui-widget-content" style="background:transparent;"><h3 class="ui-widget-header">Camera N.'+roomNumber+'</h3><div class="testo">ADULTI</div><input name="RESERVATION__ROOM'+roomNumber+'_ADULT" value="0" readonly="readonly" type="text" class="element text medium" size="5" maxlength="3"><div  class="testo">BAMBINI 3-12 anni</div><input name="RESERVATION__ROOM'+roomNumber+'_CHILD" value="0" readonly="readonly" type="text" class="element text medium" size="5" maxlength="3"><div  class="testo">BEB&Egrave; 0-3 anni</div><input name="RESERVATION__ROOM'+roomNumber+'_INFAN" value="0" readonly="readonly" type="text" class="element text medium" size="5" maxlength="3"></div>');
			$("input[name*='RESERVATION__ROOM']").spinner({max: 10, min: 0});
		}
	}  
	function removeRoom(roomNumber){
		$('#room'+(parseInt(roomNumber)+1)).remove();	
	} 
	function removeAllRoom(){
		for(i = 1 ; i <= maxRooms ; i++){
			try{removeRoom(i);}catch(e){}
		}
	} 
