function DisplayForm(){

	var flyfish;
	var horseback;
	var birding;
	var numGuestsFly;
	var numGuestsHorse;
	var numGuestsBird;
	var copy = '';
	var self = this;
	
	this.displayInputFly = function(i){
	self.flyfish.innerHTML = "";
	copy = '';
		c=1;
		for(var j=0;j<i;j++){
			copy+= '<div style="margin-top:7px;">Guest ' + c + '</div>';
			copy+= '<div style="float:left;display:inline;width:220px;margin-bottom:20px;">';
			copy+= '<input type="text" name="angler_' + c + '" id="angler' + c + '" style="width:220px;" onblur="if(this.value==\'\') this.value=\'Name\';" onfocus="if(this.value==\'Name\') this.value=\'\';" value="Name" />';
			copy+= '<input type="text" name="angler_' + c + '_height" id="fishing_height' + c + '" style="width:220px;" onblur="if(this.value==\'\') this.value=\'Height\';" onfocus="if(this.value==\'Height\') this.value=\'\';" value="Height" />';
			copy+= '<input type="text" name="angler_' + c + '_weight" id="fishing_weight' + c + '" style="width:220px;" onblur="if(this.value==\'\') this.value=\'Weight\';" onfocus="if(this.value==\'Weight\') this.value=\'\';" value="Weight" />';
			copy+= '<input type="text" name="angler_' + c + '_shoe_size" id="shoe_size' + c + '" style="width:220px;" onblur="if(this.value==\'\') this.value=\'Shoe Size\';" onfocus="if(this.value==\'Shoe Size\') this.value=\'\';" value="Shoe Size" />';
			copy+= '<input type="text" name="angler_' + c + '_allergies" id="angler_' + c + '_allergies" style="width:220px;" onblur="if(this.value==\'\') this.value=\'Any Allergies?\';" onfocus="if(this.value==\'Any Allergies?\') this.value=\'\';" value="Any Allergies?" />';
			copy+= '<input type="text" name="angler_' + c + '_medical" id="angler_' + c + '_medical" style="width:220px;margin-top:26px !important;margin-top/**/:15px;" onblur="if(this.value==\'\') this.value=\'Insurance Provider and Policy #\';" onfocus="if(this.value==\'Insurance Provider and Policy #\') this.value=\'\';" value="Insurance Provider and Policy #" />';
			copy+= '</div>';
			copy+= '<div style="float:left;display:inline;width:220px;margin-left:10px;margin-bottom:20px;">';
			copy+= '<input type="hidden" name="date_of_birth" />';
			copy+= '<label for="dob">Date of Birth</label>';
			copy+= '<input type="text" name="angler_' + c + '_month" id="angler_' + c + '_month" style="width:20px;margin-left:10px;" onblur="if(this.value==\'\') this.value=\'MM\';" onfocus="if(this.value==\'MM\') this.value=\'\';" value="MM" /> / <input type="text" name="angler_' + c + '_day" id="angler_' + c + '_day" style="width:20px;" onblur="if(this.value==\'\') this.value=\'DD\';" onfocus="if(this.value==\'DD\') this.value=\'\';" value="DD" /> / <input type="text" name="angler_' + c + '_year" id="angler_' + c + '_year" style="width:40px;" onblur="if(this.value==\'\') this.value=\'YYYY\';" onfocus="if(this.value==\'YYYY\') this.value=\'\';" value="YYYY" /><br />';
			copy+= '<label for="experience">Experience</label>';
			copy+= '<select style="width:116px !important;width/**/:126px;margin-left:10px;font-size/**/:14px;margin-top/**/:6px; " name="angler_' + c + '_experience" id="angler_experience">';
			copy+= '<option></option>';
			copy+= '<option value="beginner">Beginner</option>';
			copy+= '<option value="intermediate">Intermediate</option>';
			copy+= '<option value="advanced">Advanced</option>';			
			copy+= '</select><br />';
			copy+= '<label for="gear">Gear Required</label>';
			copy+= '<select style="width:100px !important;width/**/:107px;margin-left:10px;font-size/**/:14px;" name="angler_' + c + '_gear_required" id="angler_' + c + '_gear_required">';
			copy+= '<option></option>';
			copy+= '<option value="yes">Yes</option>';
			copy+= '<option value="no">No</option>';
			copy+= '</select><br />';
			copy+= '<label for="license">License Required</label>';
			copy+= '<select style="width:86px !important;width/**/:93px;margin-left:10px;font-size/**/:14px;" name="angler_' + c + '_license_required" id="angler_' + c + '_license_required">';
			copy+= '<option></option>';
			copy+= '<option value="yes">Yes</option>';
			copy+= '<option value="no">No</option>';
			copy+= '</select><br />';
			copy+= '<div style="width:220px;margin-top:5px;">If yes, please provide a Drivers license #, Passport # or Social Insurance/Security #</div>';			
			copy+= '<input type="text" name="angler_' + c + '_passport" id="angler_' + c + '_passport" style="width:220px;" />';
			copy+= '<input type="hidden" name="_" />';
			copy+= '</div>';
			c++;
		}
		self.flyfish.innerHTML = copy;		
	}
	
	this.displayInputHorse = function(i){
	self.horseback.innerHTML = "";
	copy = '';
		c=1;
		for(var j=0;j<i;j++){
			copy+= '<div style="margin-top:7px;">Guest ' + c + '</div>';
			copy+= '<div style="float:left;display:inline;width:220px;margin-bottom:20px;">';
			copy+= '<input type="text" name="rider_' + c + '" id="rider' + c + '" style="width:220px;" onblur="if(this.value==\'\') this.value=\'Name\';" onfocus="if(this.value==\'Name\') this.value=\'\';" value="Name" />';
			copy+= '<input type="text" name="rider_' + c + '_height" id="rider_' + c + '_height" style="width:220px;" onblur="if(this.value==\'\') this.value=\'Height\';" onfocus="if(this.value==\'Height\') this.value=\'\';" value="Height" />';
			copy+= '<input type="text" name="rider_' + c + '_weight" id="rider_' + c + '_weight" style="width:220px;" onblur="if(this.value==\'\') this.value=\'Weight\';" onfocus="if(this.value==\'Weight\') this.value=\'\';" value="Weight" />';			
			copy+= '<input type="text" name="rider_' + c + '_medical" id="rider_' + c + '_medical" style="width:220px;" onblur="if(this.value==\'\') this.value=\'Insurance Provider and Policy #\';" onfocus="if(this.value==\'Insurance Provider and Policy #\') this.value=\'\';" value="Insurance Provider and Policy #" />';
			copy+= '</div>';
			copy+= '<div style="float:left;display:inline;width:220px;margin-left:10px;margin-bottom:20px;">';
			copy+= '<input type="text" name="rider_' + c + '_allergies" id="rider_' + c + '_allergies" style="width:220px;" onblur="if(this.value==\'\') this.value=\'Any Allergies?\';" onfocus="if(this.value==\'Any Allergies?\') this.value=\'\';" value="Any Allergies?" /><br />';
			copy+= '<input type="hidden" name="date_of_birth" />';
			copy+= '<label for="dob">Date of Birth</label>';
			copy+= '<input type="text" name="rider_' + c + '_month" id="rider_' + c + '_month" style="width:20px;margin-left:10px;" onblur="if(this.value==\'\') this.value=\'MM\';" onfocus="if(this.value==\'MM\') this.value=\'\';" value="MM" /> / <input type="text" name="rider_' + c + '_day" id="rider_' + c + '_day" style="width:20px;" onblur="if(this.value==\'\') this.value=\'DD\';" onfocus="if(this.value==\'DD\') this.value=\'\';" value="DD" /> / <input type="text" name="rider_' + c + '_year" id="rider_' + c + '_year" style="width:40px;" onblur="if(this.value==\'\') this.value=\'YYYY\';" onfocus="if(this.value==\'YYYY\') this.value=\'\';" value="YYYY" /><br />';
			copy+= '<label for="experience">Experience</label>';
			copy+= '<select style="margin-left:16px !important;margin-left/**/:17px;width:110px !important;width/**/:119px;font-size/**/:14px;"; name="rider_' + c + '_experience" id="rider_experience">';
			copy+= '<option></option>';
			copy+= '<option value="beginner">Beginner</option>';
			copy+= '<option value="intermediate">Intermediate</option>';
			copy+= '<option value="advanced">Advanced</option>';
			copy+= '</select>';			
			copy+= '</div>';
			copy+= '<input type="hidden" name="_" />';
			copy+= '<div class="clearer"></div>';
			c++;
		}
		self.horseback.innerHTML = copy;
	}
	
	this.displayInputBird = function(i){
	self.birding.innerHTML = "";
	copy = '';
	c=1;
		for(var j=0;j<i;j++){
			copy+= '<div style="margin-top:7px;">Guest ' + c + '</div>';
			copy+= '<div style="float:left;display:inline;width:220px;margin-bottom:20px;">';
			copy+= '<input type="text" name="birder_' + c + '" id="birder_' + c + '" style="width:220px;" onblur="if(this.value==\'\') this.value=\'Name\';" onfocus="if(this.value==\'Name\') this.value=\'\';" value="Name" />';
			copy+= '<input type="text" name="birder_' + c + '_allergies" id="birder_' + c + '_allergies" style="width:220px;" onblur="if(this.value==\'\') this.value=\'Any Allergies?\';" onfocus="if(this.value==\'Any Allergies?\') this.value=\'\';" value="Any Allergies?" />';
			copy+= '<input type="text" name="birder_' + c + '_medical" id="birder_' + c + '_medical" style="width:220px;" onblur="if(this.value==\'\') this.value=\'Insurance Provider and Policy #\';" onfocus="if(this.value==\'Insurance Provider and Policy #\') this.value=\'\';" value="Insurance Provider and Policy #" />';
			copy+= '</div>';
			copy+= '<div style="float:left;display:inline;width:220px;margin-left:10px;margin-bottom:20px;">';
			copy+= '<label for="dob">Date of Birth</label>';
			copy+= '<input type="hidden" name="date_of_birth" />';
			copy+= '<input type="text" name="birder_' + c + '_month" id="birder_' + c + '_month" style="width:20px;margin-left:10px;" onblur="if(this.value==\'\') this.value=\'MM\';" onfocus="if(this.value==\'MM\') this.value=\'\';" value="MM" /> / <input type="text" name="birder_' + c + '_day" id="birder_' + c + '_day" style="width:20px;" onblur="if(this.value==\'\') this.value=\'DD\';" onfocus="if(this.value==\'DD\') this.value=\'\';" value="DD" /> / <input type="text" name="birder_' + c + '_year" id="birder_' + c + '_year" style="width:40px;" onblur="if(this.value==\'\') this.value=\'YYYY\';" onfocus="if(this.value==\'YYYY\') this.value=\'\';" value="YYYY" /><br />';
			copy+= '<label for="experience">Experience</label>';
			copy+= '<select style="margin-left:10px;width:116px !important;width/**/:126px" name="birder_' + c + '_experience" id="birding_experience">';
			copy+= '<option></option>';
			copy+= '<option value="beginner">Beginner</option>';
			copy+= '<option value="intermediate">Intermediate</option>';
			copy+= '<option value="advanced">Advanced</option>';			
			copy+= '</select>';
			copy+= '<input type="hidden" name="_" />';
			copy+= '</div>';
			copy+= '<div class="clearer"></div>';
			c++;					
		}
		self.birding.innerHTML = copy;
	}
	
	
	this.init = function(){
	
		self.numGuestsFly = document.getElementById('number_guests_fly_fishing');
		self.numGuestsHorse = document.getElementById('number_guests_horseback');
		self.numGuestsBird = document.getElementById('number_guests_birding');
		self.flyfish = document.getElementById('flyfishers');
		self.horseback = document.getElementById('horseback');
		self.birding = document.getElementById('birding');
		self.numGuestsFly.onchange = function(){self.displayInputFly(self.numGuestsFly.options[self.numGuestsFly.selectedIndex].value);}
		self.numGuestsHorse.onchange = function(){self.displayInputHorse(self.numGuestsHorse.options[self.numGuestsHorse.selectedIndex].value);}
		self.numGuestsBird.onchange = function(){self.displayInputBird(self.numGuestsBird.options[self.numGuestsBird.selectedIndex].value);}
	}


}

var displayForm = new DisplayForm();

onloadHandlers[onloadHandlers.length] = 'displayForm.init()';