// JavaScript Document
$(function() {
	$('#interest').change(function() {
		var home = "<fieldset id='home'><legend>Custom Homes</legend><table width='100%' border='0' cellspacing='4' cellpadding='0'><tr><td><p>Do you have plans for your new home?</p></td><td><label><input id='yes' name='home_plans' value='Yes' type='radio' />Yes </label><label><input id='no' name='home_plans' value='No' type='radio' /><span>No</span></label></td></tr><tr><td>If Yes, have your plans been approved?</td><td><label><input id='yes' name='home_plans_approved' value='Yes' type='radio' />Yes </label><label><input id='no' name='home_plans_approved' value='No' type='radio' />No</label></td></tr><tr><td>What is the  square footage of your home?</td><td><input type='text' name='home_sq_foot' id='home_sq_foot' class='shadow' /></td></tr><tr><td>What is the timeframe you'd like to meet?</td><td><input type='text' name='home_timeframe' id='home_timeframe' class='shadow' /></td></tr></table></fieldset>";
		var kitchen = "<fieldset id='kitchen'><legend>Kitchen Renovation</legend><table width='100%' border='0' cellspacing='4' cellpadding='0'><tr><td colspan='3'>What is the approximate square footage of your kitchen?</td></tr><tr><td width='33%'><label><input id='small' name='kitchen_sqfootage' value='up to 50sq ft' type='radio' />up to 50 square feet</label></td><td width='33%'><label><input id='medium' name='kitchen_sqfootage' value='up to 100sq ft' type='radio' />up to 100 square feet</label></td><td width='33%'><label><input id='large' name='kitchen_sqfootage' checked='checked' value='over 100sq ft' type='radio' />over 100 square feet</label></td></tr></table><p>What type of service will your kitchen require? <em>(Check all that apply)</em></p><table width='100%' border='0' cellpadding='0' cellspacing='4'><tbody><tr><td width='33%'><label><input name='kitchen_services' value='Repair water damage' type='checkbox'>Repair water damage</label></td><td width='33%'><label><input name='kitchen_services' value='Replace/Update a few features' type='checkbox'>Replace/Update a few features</label></td><td width='33%'><label><input name='kitchen_services' value='Complete Renovation' type='checkbox'>Complete Renovation</label></td></tr><tr><td width='33%' valign='top'><label><input name='kitchen_services' value='Rearrange layout' type='checkbox'>Rearrange layout</label></td><td width='33%'><label><input name='kitchen_services' value='Accommodate disabilities/special&nbsp;needs' type='checkbox'>Accommodate disabilities/special&nbsp;needs</label></td><td width='33%'><label><input name='kitchen_services' value='Enlarge into other space inside of home' type='checkbox'>Enlarge into other space inside of home</label></td></tr><tr><td colspan='3'><label>Other: <input name='kitchen_services_other' class='shadow' maxlength='50' type='text' /></label></td></tr></tbody></table><p>What features will be changed/added in the remodel? <em>(Check all that apply)</em></p><table width='100%' border='0' cellpadding='0' cellspacing='4'><tbody><tr><td width='25%' valign='middle'><label><input name='kitchen_features' value='Cabinets' type='checkbox'>Cabinets</label></td><td width='25%'><label><input name='kitchen_features' value='Sink(s)' type='checkbox'>Sink(s)</label></td><td width='25%' ><label><input name='kitchen_features' value='Lighting' type='checkbox'>Lighting</label></td><td width='25%' ><label><input name='kitchen_features' value='Windows/Doors' type='checkbox'>Windows/Doors</label></td></tr><tr><td width='25%'><label><input name='kitchen_features' value='Countertops' type='checkbox'>Countertops</label></td><td width='25%'><label><input name='kitchen_features' value='Appliances' type='checkbox'>Appliances</label></td><td width='25%'><label><input name='kitchen_features' value='Interior walls' type='checkbox'>Interior walls</label></td><td width='25%'><label><input name='kitchen_features' value='Exhaust fan' type='checkbox'>Exhaust fan</label></td></tr><tr><td width='25%'><label><input name='kitchen_features' value='Backsplash' type='checkbox'>Backsplash</label></td><td width='25%'><label><input name='kitchen_features' value='Island' type='checkbox'>Island</label></td><td width='25%'><label><input name='kitchen_features' value='Ceilings' type='checkbox'>Ceilings</label></td><td width='25%'><label><input name='kitchen_features' value='Flooring' type='checkbox'>Flooring</label></td></tr><tr><td valign='middle' colspan='4'><label> Other: <input name='kitchen_feature_other' class='shadow' maxlength='50' type='text'></label></td></tr></tbody></table></fieldset>";
		var bathroom = "<fieldset id='bathroom'><legend>Bathroom Renovation</legend><table width='100%' border='0' cellspacing='4' cellpadding='0'><tr><td colspan='3'>What is the approximate square footage of your bathroom?</td></tr><tr><td width='33%'><label><input id='bathroom_sq_footage2' name='bathroom_sq_footage' value='up to 50sq ft' type='radio' /><span>up to 35 square feet</span></label></td><td width='33%'><label><input id='bathroom_sq_footage3' name='bathroom_sq_footage' value='up to 100sq ft' type='radio' /><span>up to 50sq ft</span></label></td><td width='33%'><label><input id='bathroom_sq_footage' name='bathroom_sq_footage' checked='checked' value='over 100sq ft' type='radio' /><span>over 50sq ft</span> </label></td></tr></table><p>What type of service will your bathroom require? <em>(Check all that apply)</em></p><table width='100%' border='0' cellpadding='0' cellspacing='4'><tbody><tr><td width='33%'><label><input name='bathroom_services' value='Complete Renovation' type='checkbox' />Complete Renovation</label></td><td width='33%'><label><input name='bathroom_services' value='Replace/Update a few features' type='checkbox' />Replace/Update a few features</label></td><td width='33%'><label><input name='bathroom_services' value='Repair water damage' type='checkbox' />Repair water damage</label></td></tr><tr><td width='33%' valign='top'><label><input name='bathroom_services' value='Rearrange layout' type='checkbox' />Rearrange layout</label></td><td width='33%'><label><input name='bathroom_services' value='Accommodate disabilities/special needs<' type='checkbox' />Accommodate disabilities/special needs</label></td><td width='33%'>&nbsp;</td></tr><tr><td width='99%' colspan='3'><label>Other: <input name='bathroom_services_other' class='shadow' maxlength='50' type='text' /></label></td></tr></tbody></table><p>What features will be changed/added in the remodel? <em>(Check all that apply)</em></p><table width='100%' border='0' cellpadding='0' cellspacing='4'><tbody><tr><td width='25%' style='width: 30%;'><label><input name='bathroom_features' value='Shower/Bath' type='checkbox'>Shower/Bath</label></td><td width='25%' style='width: 20%;'><label><input name='bathroom_features' value='Sink(s)' type='checkbox'>Sink(s)</label></td><td width='25%' style='width: 25%;'><label><input name='bathroom_features' value='Lighting fixtures' type='checkbox'>Lighting fixtures</label></td><td width='25%' style='width: 25%;'><label><input name='bathroom_features' value='Interior walls' type='checkbox'>Interior walls</label></td></tr><tr><td width='25%'><label><input name='bathroom_features' value='Shower Jets' type='checkbox'>Shower Jets</label></td><td width='25%'><label><input name='bathroom_features' value='Wall Tile' type='checkbox'>Wall Tile</label></td><td width='25%'><label><input name='bathroom_features' value='Cabinets' type='checkbox'>Cabinets</label></td><td width='25%'><label><input name='bathroom_features' value='Door(s)' type='checkbox'>Door(s)</label></td></tr><tr><td width='25%'><label><input name='bathroom_features' value=' Plumbing fixtures' type='checkbox'>Plumbing fixtures </label></td><td width='25%'><label><input name='bathroom_features' value='Toilet' type='checkbox'>Toilet</label></td><td width='25%'><label><input name='bathroom_features' value='Countertops' type='checkbox'>Countertops</label></td><td width='25%' valign='middle' style='width: 150px;'><label><input name='bathroom_features' value='Ceilings ' type='checkbox'>Ceilings </label></td></tr><tr><td width='25%'><label><input name='bathroom_features' value='Shower Systems' type='checkbox'>Shower Systems</label></td><td width='25%'><label><input name='bathroom_features' value='Faucet' type='checkbox'>Faucet</label></td><td width='25%'><label><input name='bathroom_features' value='Medicine Cabinets' type='checkbox'>Medicine Cabinets</label></td><td width='25%'><label><input name='bathroom_features' value='Whirlpool' type='checkbox'>Whirlpool</label></td></tr><tr><td width='25%'><label><input name='bathroom_features' value='Glass Enclosures' type='checkbox'>Glass Enclosures</label></td><td width='25%'><label><input name='bathroom_features' value='Flooring' type='checkbox'>Flooring</label></td><td width='25%'><label><input name='bathroom_features' value='Steam Shower' type='checkbox'>Steam Shower</label></td><td width='25%'><label><input name='bathroom_features' value='Sauna' type='checkbox'>Sauna</label></td></tr><tr><td width='25%'><label><input name='bathroom_features' value='Bathroom Accessories' type='checkbox'>Bathroom Accessories</label></td><td colspan='3'><label>Other: <input name='bathroom_features_other' class='shadow' size='40' maxlength='40' type='text' /></label></td></tr></tbody></table></fieldset>";
		var office = "<fieldset id='office'><legend>Office Spaces</legend><table width='100%' border='0' cellspacing='4' cellpadding='0'><tr><td><p>Do you have plans for your new office space?</p></td><td><label><input id='office_plans' name='office_plans' value='Yes' type='radio' />Yes </label><label><input id='office_plans' name='office_plans' value='No' type='radio' /><span>No</span></label></td></tr><tr><td>If Yes, have your plans been approved?</td><td><label><input id='office_plans_approved' name='office_plans_approved' value='Yes' type='radio' />Yes </label><label><input id='office_plans_approved' name='office_plans_approved' value='No' type='radio' /><span>No</span></label></td></tr><tr><td>What is the  square footage of your office space?</td><td><input type='text' name='office_sq_footage' id='office_sq_footage' class='shadow' /></td></tr><tr><td>What is the timeframe you'd like to meet?</td><td><input type='text' name='office_timeframe' id='office_timeframe' class='shadow' /></td></tr></table></fieldset>";
		var commercial = "<fieldset id='commerical'><legend>Commercial Spaces</legend><table width='100%' border='0' cellspacing='4' cellpadding='0'><tr><td><p>Do you have plans for your new commercial space?</p></td><td><label><input id='commercial_plans' name='commercial_plans' value='Yes' type='radio' />Yes </label><label><input id='commercial_plans' name='commercial_plans' value='Medium (up to 100sq ft)' type='radio' /><span>No</span></label></td></tr><tr><td>If Yes, have your plans been approved?</td><td><label><input id='commercial_plans_approved' name='commercial_plans_approved' value='Yes' type='radio' />Yes </label><label><input id='commercial_plans_approved' name='commercial_plans_approved' value='No' type='radio' /><span>No</span></label></td></tr><tr><td>What is the square footage of your commercial space?</td><td><input type='text' name='commercial_sq_footage' id='commercial_sq_footage' class='shadow' /></td></tr><tr><td>What is the timeframe you'd like to meet?</td><td><input type='text' name='commercial_timeframe' id='commercial_timeframe' class='shadow' /></td></tr></table></fieldset>";
		var demolition = "<fieldset id='demolition'><legend>Demolition</legend><table width='100%' border='0' cellspacing='4' cellpadding='0'><tr><td><p>Have all required permits been aquired?</p></td><td><label><input id='demo_permits' name='demo_permits' value='Yes' type='radio' />Yes </label><label><input id='demo_permits' name='demo_permits' value='No' type='radio' /><span>No</span></label></td></tr></table></fieldset>";
	   
		if ($(this).val() == 'Custom Home') {
			$('#addition').slideUp(function(){
				$(this).empty().append(home).slideDown()
			});
		} else if ($(this).val() == 'Bathroom Renovation') {
			$('#addition').slideUp(function(){
				$(this).empty().append(bathroom).slideDown();
			});
		} else if ($(this).val() == 'Kitchen Renovation') {
			$('#addition').slideUp(function(){
				$(this).empty().append(kitchen).slideDown();
			});
		} else if ($(this).val() == 'Commercial Spaces'){
			$('#addition').slideUp(function(){
				$(this).empty().append(commercial).slideDown();
			});
		} else if ($(this).val() == 'Office Spaces'){
			$('#addition').slideUp(function(){
				$(this).empty().append(office).slideDown();
			});
		} else if ($(this).val() == 'Demolition'){
			$('#addition').slideUp(function(){
				$(this).empty().append(demolition).slideDown();
			});
		} else {
			$('#addition').slideUp(function(){
				$(this).empty();
			});
		}
	}); 

});