jQuery('document').ready(function(){

	//fills in values in the begining for the first hotel
	fillDDValuesJS();
	
	var elem = jQuery('#idHotel');
	elem.bind('change', function(){
		fillDDValuesJS()
	});
});

function fillDDValuesJS(){
	//gets hotel dropdown
	var hotelId = jQuery('#idHotel').val();
	
	//removes all options
	jQuery('#idPonudba > option').remove();
	jQuery('#idVrstaSobe > option').remove();
	
	if (hotelId == '') {
		return;
	}
	
	//fills dropdown with correct offers for hotel
	var generalOffers = generalOffersArr;
	jQuery.each(generalOffers, function (val,text){
		jQuery('#idPonudba').append(
			jQuery("<option></option>").val(val).html(text)
		);
	});
	var offersVal = offersArr[hotelId];
	jQuery.each(offersVal,function(val,text){
		jQuery('#idPonudba').append(
			jQuery("<option></option>").val(val).html(text)
		);
	});
	var roomTypes = roomTypesArr[hotelId];
	jQuery.each(roomTypes, function (val,text){
		jQuery('#idVrstaSobe').append(
			jQuery("<option></option>").val(val).html(text)
		);
	});
}