$(document).ready(function(){
// hide all rooms when page loads
for(i = 2;i<=3;i++) {
$("#room"+i).hide("fast");
}
// Add onclick handler to checkbox w/id rooms
$("#rooms").change(function(){
var i;
// show the required rooms
for(i = 0;i<=$(this).val()+1;i++) {
$("#room"+i).show("fast");
}
// hide any rooms not being shown
for(i = (parseInt($(this).val())+2);i<=3;i++) {
$("#room"+i).hide("fast");
}
});
// Add onclick handler to checkbox w/id room1_children
$("#children1").change(function() {
var i = 1;
// clear existing child ages
$("#room1_ages").empty();
// if we have children selected create the age dropdowns
if($(this).val() > 0) {
if ($(this).val() == 1) document.getElementById("ages_field").innerHTML = 'Child Age';
else document.getElementById("ages_field").innerHTML = 'Child Ages';
for(i = 1;i<=$(this).val();i++) {
$("#room1_ages").append(' ');
}
}
else document.getElementById("ages_field").innerHTML = ' ';
});
$("#children2").change(function() {
var i = 1;
// clear existing child ages
$("#room2_ages").empty();
// if we have children selected create the age dropdowns
if($(this).val() > 0) {
for(i = 1;i<=$(this).val();i++) {
$("#room2_ages").append(' ');
}
}
});
$("#children3").change(function() {
var i = 1;
// clear existing child ages
$("#room3_ages").empty();
// if we have children selected create the age dropdowns
if($(this).val() > 0) {
for(i = 1;i<=$(this).val();i++) {
$("#room3_ages").append(' ');
}
}
});
/* $("#room4_children").change(function() {
var i = 1;
// clear existing child ages
$("#room4_ages").empty();
// if we have children selected create the age dropdowns
if($(this).val() > 0) {
for(i = 1;i<=$(this).val();i++) {
$("#room4_ages").append(' ');
}
}
});
$("#room5_children").change(function() {
var i = 1;
// clear existing child ages
$("#room5_ages").empty();
// if we have children selected create the age dropdowns
if($(this).val() > 0) {
for(i = 1;i<=$(this).val();i++) {
$("#room5_ages").append(' ');
}
}
});
$("#room6_children").change(function() {
var i = 1;
// clear existing child ages
$("#room6_ages").empty();
// if we have children selected create the age dropdowns
if($(this).val() > 0) {
for(i = 1;i<=$(this).val();i++) {
$("#room6_ages").append(' ');
}
}
});
$("#room7_children").change(function() {
var i = 1;
// clear existing child ages
$("#room7_ages").empty();
// if we have children selected create the age dropdowns
if($(this).val() > 0) {
for(i = 1;i<=$(this).val();i++) {
$("#room7_ages").append(' ');
}
}
});
$("#room8_children").change(function() {
var i = 1;
// clear existing child ages
$("#room8_ages").empty();
// if we have children selected create the age dropdowns
if($(this).val() > 0) {
for(i = 1;i<=$(this).val();i++) {
$("#room8_ages").append(' ');
}
}
});
*/
});