// NOTE: customize variables in this javascript block as appropriate.
var defaultAdults="2";
var cellStyle=" style='font-weight:normal;color:#FFFFFF;font-size:11px'";
var childHelp="Provide children's ages in each room (at the time of travel).";
var adultHelp="";
var pad='<img src="http://travel.ian.com/images/p.gif" width="5" height="1">';
var textRooms="Rooms: ";
var textAdults="Adults:" + pad + pad + pad + pad;
var textChildren="Children:";
var textChildError="Specify the ages of all children.";

// NOTE: Question marks ("?") get replaced with a numeric value
var textRoomX="Room ?:";
var textChildX="Child ?:";

// NOTE: DO NOT MODIFY THIS JAVASCRIPT BLOCK 
var adultsPerRoom=new Array(defaultAdults);
var childrenPerRoom=new Array();
var childAgesPerRoom=new Array();
var numRooms=1;
var maxChildren=0;

refresh();

function setChildAge(room, child, age) {
    if (childAgesPerRoom[room] == null) {
        childAgesPerRoom[room] = new Array();
    }
    childAgesPerRoom[room][child] = age;
}

function setNumAdults(room, numAdults) {
    adultsPerRoom[room] = numAdults;
}

function setNumChildren(room, numChildren) {
    childrenPerRoom[room] = numChildren;
    refresh();
}

function setNumRooms(x) {
    numRooms = x;
    for (i = 0; i < x; i++) {
        if (adultsPerRoom[i] == null) {
            adultsPerRoom[i] = 2;
        }
        if (childrenPerRoom[i] == null) {
            childrenPerRoom[i] = 0;
        }
    }
    refresh();
}

function renderRoomSelect() {
    var x = '';
    x += '<select style="font-size:11px" name="numberOfRooms" onchange="setNumRooms(this.options[this.selectedIndex].value);">';
    for (var i = 1; i < 9; i++) {
        x += '<option value="'+i+'"'+(numRooms == i ? ' selected' : '')+'>' + i;
    }
    x += '<option value="9"'+(numRooms == 9 ? ' selected' : '')+'>9+';
    x += '</select>';
    return x;
}

function refresh() {
    maxChildren = 0;
    for (var i = 0; i < numRooms; i++) {
        if (childrenPerRoom[i] > maxChildren) {
            maxChildren = childrenPerRoom[i];
        }
    }

    var x = '';
    if (adultHelp.length > 0) {
        x = adultHelp + "<p>\n";
    }

    if (numRooms > 8) {
        x += '<table border="0" cellspacing="2" cellpadding="0">\n'+'<tr><td colspan=3 '+cellStyle+'><nobr>&nbsp;'+textRooms;
        x += renderRoomSelect() + '</td></tr></table>\n';

    } else {
        x += '<table border="0" cellspacing="2" cellpadding="0">\n'+'<tr><td colspan=3 '+cellStyle+'><nobr>&nbsp;';
x += textRooms;
x += renderRoomSelect() + '<br>';
        x += '<tr><td></td><td '+cellStyle+'><nobr>'+textAdults+'</nobr></td><td'+cellStyle+'><nobr>'+textChildren+'</nobr></td></tr>\n';
        for (var w = 0; w < numRooms; w++) {
            if (numRooms > 1) {
                x += '<tr><td'+cellStyle+'><nobr>'+getValue(textRoomX, w+1)+pad + '</nobr></td><td'+cellStyle+'>';
           		x += buildSelect('room-' + w + '-adult-total', 'setNumAdults(' + w + ', this.options[this.selectedIndex].value)', 1, 4, adultsPerRoom[w]);
            	x += '</td><td'+cellStyle+'>';
            	x += buildSelect('room-' + w + '-child-total', 'setNumChildren(' + w + ', this.options[this.selectedIndex].value)', 0, 6, childrenPerRoom[w]);
            	x += '</td></tr>\n';
            } else {
	x += '<tr><td'+cellStyle+'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>'+'<td'+cellStyle+'>';
            	x += buildSelect('room-' + w + '-adult-total', 'setNumAdults(' + w + ', this.options[this.selectedIndex].value)', 1, 4, adultsPerRoom[w]);
            	x += '</td><td'+cellStyle+'>';
            	x += buildSelect('room-' + w + '-child-total', 'setNumChildren(' + w + ', this.options[this.selectedIndex].value)', 0, 6, childrenPerRoom[w]);
            	x += '</td></tr>\n';
}
        }
        x += '<tr><td colspan=3 '+cellStyle+'>Children = under 19 years old</td></td></tr></table>\n';

        var didHeader = false;
        for (var i = 0; i < numRooms; i++) {
            if (childrenPerRoom[i] > 0) {
                if (!didHeader) {
                    x += '<table border="0" cellpadding="0" cellspacing="2">\n';
		x += '<tr><td'+cellStyle+' colspan=3>';
                    x += '<img src="/images/p.gif" width="1" height="5"><br>';
                    x += childHelp;
                    x += '<img src="/images/p.gif" width="1" height="5"><br>';
                    x += '</td></tr>\n<tr>';
	didHeader = true;
	}	
	if(childrenPerRoom[i] == 1)	{
		x += '<tr><td'+cellStyle+'>';
		x += '<nobr>'+getValue(textRoomX, i+1)+pad+'</nobr>'; 
		x += '</td><td'+cellStyle+'><nobr>'+getValue(textChildX, 1)+pad+'</nobr><br>';
		var def = -1;
                	if (childAgesPerRoom[i] != null) {
                   		if (childAgesPerRoom[i][1] != null) {
                     		def = childAgesPerRoom[i][1];
                    	}
                  	}
                   	x += '<select style="font-size:11px" name="room-'+i+'-child-'+1+'-age" onchange="setChildAge('+i+', '+1+', this.options[this.selectedIndex].value);">';
                   	x += '<option value="-1"'+(def == -1 ? ' selected' : '')+'>-?-';
                   	x += '<option value="0"'+(def == 0 ? ' selected' : '')+'>&lt;1';
                   	for (var k = 1; k <= 18; k++) {
                      	 x += '<option value="'+k+'"'+(def == k ? ' selected' : '')+'>'+k;
                   	}
                   	x += '</select>';
		x += '</td><td>&nbsp;</td>\n';
	} else {
		if((childrenPerRoom[i] % 2) == 0) { 
			for (var j = 0; j < childrenPerRoom[i]; j++) {
                    	    if((j % 2) != 0) {
					x += '<td'+cellStyle+'><nobr>'+getValue(textChildX, j+1)+pad+'</nobr><br>';
					var def = -1;
                   			if (childAgesPerRoom[i] != null) {
                      			if (childAgesPerRoom[i][j] != null) {
                           			def = childAgesPerRoom[i][j];
                       			}
                     		}
                      	x += '<select style="font-size:11px" name="room-'+i+'-child-'+j+'-age" onchange="setChildAge('+i+', '+j+', this.options[this.selectedIndex].value);">';
                      	x += '<option value="-1"'+(def == -1 ? ' selected' : '')+'>-?-';
                      	x += '<option value="0"'+(def == 0 ? ' selected' : '')+'>&lt;1';
                      	for (var k = 1; k <= 18; k++) {
                         		x += '<option value="'+k+'"'+(def == k ? ' selected' : '')+'>'+k;
                      	}
                      	x += '</select>';
					x += '</td></tr>\n';
				} else {
					x += '<tr><td'+cellStyle+'>';
					if(j == 0) { 
						x += '<nobr>'+getValue(textRoomX, i+1)+pad+'</nobr>';
					} else { 
						x += '&nbsp;'; 
					}
					x += '</td><td'+cellStyle+'><nobr>'+getValue(textChildX, j+1)+pad+'</nobr><br>';
					var def = -1;
                   			if (childAgesPerRoom[i] != null) {
                      			if (childAgesPerRoom[i][j] != null) {
                           			def = childAgesPerRoom[i][j];
						}
                     		}
                      	x += '<select style="font-size:11px" name="room-'+i+'-child-'+j+'-age" onchange="setChildAge('+i+', '+j+', this.options[this.selectedIndex].value);">';
                      	x += '<option value="-1"'+(def == -1 ? ' selected' : '')+'>-?-';
                      	x += '<option value="0"'+(def == 0 ? ' selected' : '')+'>&lt;1';
                      	for (var k = 1; k <= 18; k++) {
                          	x += '<option value="'+k+'"'+(def == k ? ' selected' : '')+'>'+k;
                      	}
                      	x += '</select>';
					x += '</td>\n';
				}
                    	}
		} else {
			for (var j = 0; j < childrenPerRoom[i]; j++) {
                    	    if((j % 2) != 0) {
					x += '<td'+cellStyle+'><nobr>'+getValue(textChildX, j+1)+pad+'</nobr><br>';
					var def = -1;
                   			if (childAgesPerRoom[i] != null) {
                      			if (childAgesPerRoom[i][j] != null) {
                           			def = childAgesPerRoom[i][j];
                       			}
                     		}
                      	x += '<select style="font-size:11px" name="room-'+i+'-child-'+j+'-age" onchange="setChildAge('+i+', '+j+', this.options[this.selectedIndex].value);">';
                      	x += '<option value="-1"'+(def == -1 ? ' selected' : '')+'>-?-';
                      	x += '<option value="0"'+(def == 0 ? ' selected' : '')+'>&lt;1';
                      	for (var k = 1; k <= 18; k++) {
                         		x += '<option value="'+k+'"'+(def == k ? ' selected' : '')+'>'+k;
                      	}
                      	x += '</select>';
					x += '</td></tr>\n';
				} else {
					if (j+1 == childrenPerRoom[i]) {
						x += '<td></td><td'+cellStyle+'><nobr>'+getValue(textChildX, j+1)+pad+'</nobr><br>';
						var def = -1;
                  				if (childAgesPerRoom[i] != null) {
                     				if (childAgesPerRoom[i][j] != null) {
                          				def = childAgesPerRoom[i][j];
                      				}
                    				}
                      		x += '<select style="font-size:11px" name="room-'+i+'-child-'+j+'-age" onchange="setChildAge('+i+', '+j+', this.options[this.selectedIndex].value);">';
                      		x += '<option value="-1"'+(def == -1 ? ' selected' : '')+'>-?-';
                      		x += '<option value="0"'+(def == 0 ? ' selected' : '')+'>&lt;1';
                      		for (var k = 1; k <= 18; k++) {
                      		   	 x += '<option value="'+k+'"'+(def == k ? ' selected' : '')+'>'+k;
                      		}
                      		x += '</select>';
						x += '</td></tr>\n';
					} else {
						x += '<tr><td'+cellStyle+'>';
						if(j == 0) { 
							x += '<nobr>'+getValue(textRoomX, i+1)+pad+'</nobr>'; 
						} else { 
							x += '&nbsp;'; 
						}
						x += '</td><td'+cellStyle+'><nobr>'+getValue(textChildX, j+1)+pad+'</nobr><br>';
					var def = -1;
                   				if (childAgesPerRoom[i] != null) {
                      				if (childAgesPerRoom[i][j] != null) {
                           				def = childAgesPerRoom[i][j];
                       				}
                     			}
                      		x += '<select style="font-size:11px" name="room-'+i+'-child-'+j+'-age" onchange="setChildAge('+i+', '+j+', this.options[this.selectedIndex].value);">';
                      		x += '<option value="-1"'+(def == -1 ? ' selected' : '')+'>-?-';
                      		x += '<option value="0"'+(def == 0 ? ' selected' : '')+'>&lt;1';
                      		for (var k = 1; k <= 18; k++) {
                         			x += '<option value="'+k+'"'+(def == k ? ' selected' : '')+'>'+k;
                      		}
                      		x += '</select>';
						x += '</td>\n';
					}
				}
                    	}
		}
	}
                  
            }
        }
        if (didHeader) {
            x += '</table>\n';
        }
    }

    document.getElementById("hot-search-params").innerHTML = x;
}

function buildSelect(name, onchange, min, max, selected) {
    var x = '<select style="font-size:11px" name="' + name + '"';
    if (onchange != null) {
        x += ' onchange="' + onchange + '"';
    }
    x +='>\n';
    for (var i = min; i <= max; i++) {
        x += '<option value="' + i + '"';
        if (i == selected) {
            x += ' selected';
        }

        x += '>' + i + '\n';
    }
    x += '</select>';
    return x;
}

function validateGuests(form) {
    if (numRooms < 9) {
        var missingAge = false;
        for (var i = 0; i < numRooms; i++) {
            var numChildren = childrenPerRoom[i];
            if (numChildren != null && numChildren > 0) {
                for (var j = 0; j < numChildren; j++) {
                    if (childAgesPerRoom[i] == null || childAgesPerRoom[i][j] == null || childAgesPerRoom[i][j] == -1) {
                        missingAge = true;
                    }
                }
            }
        }

        if (missingAge) {
            alert(textChildError);
            return false;
        } else {
            return true;
        }
    } else {
        return true;
    }
}

function submitGuestInfoForm(form) {
    if (!validateGuests(form)) {
        return false;
    }
    return true;
}

function getValue(str, val) {
    return str.replace(/\?/g, val);
}