


function showContactInfo(id)
{
	if ($("#contactinfo_" + id).is(':visible'))
	{
		$("#contactinfo_" + id).hide('slow');
	}
	else
	{
		$("#contactinfo_" + id).show('slow');
		//do click for statistics
		$.get('/homeowners/services/find_an_installer/click.php?id='+escape(id));
	}
}

function showComplited()
{
	$("#complited").remove();
	s = '';
	s += '<div id="complited">Your request has been sent.</div>';
	s += '';
	s += '<script type="text/javascript">';
	s += '  $("#complited").click(function(){';
	s += '    $("#complited").remove();';
	s += '  });';
	s += '</script>';
	$("body").append(s);
}

function DEPR_showSubmitForm(id)
{
$("#formBackground").remove();
s = '';
s += '<div id="formBackground">';
s += '<div id="formDiv">';
s += '  <form name="requestQuoteForm" id="requestQuoteForm" method="post" action="index.php">';
s += '  <div id="closeBox" style="float:right; color:#fff; padding: 1px 3px 0 0; cursor: pointer;"><strong>[x]</strong></div>';
s += '  <div class="formDivHeader"><strong>Request A Quote</strong></div>';
s += '  <table class="formDivTable" width="100%">';
s += '  <thead>';
s += '  <tr id="errorMessage" style="display:none; border-bottom: 1px dotted #dee1d5">';
s += '  <td colspan="2" align="center">';
s += '  <strong><span style="color:#f00;">Please fill in all required (*) fields</span>:</strong> ';
s += '  </td>';
s += '  </tr>';
s += '  </thead>';
s += '  <tbody>';
s += '  <tr style="border-bottom: 1px dotted #dee1d5">';
s += '  <td align="left">';
s += '  <strong>NAME <span style="color:#f00; font-size:10px;">*</span>:</strong> ';
s += '  </td>';
s += '  <td>';
s += '  <input id="name" name="name" type="text" size="30" />';
s += '  </td>';
s += '  </tr>';
s += '  <tr style="border-bottom: 1px dotted #dee1d5">';
s += '  <td align="left">';
s += '  <strong>ADDRESS <span style="color:#f00; font-size:10px;">*</span>:</strong> ';
s += '  </td>';
s += '  <td>';
s += '  <input id="address" name="address" type="text" size="30" />';
s += '  </td>';
s += '  </tr>';
s += '  <tr style="border-bottom: 1px dotted #dee1d5">';
s += '  <td align="left">';
s += '  <strong>CITY <span style="color:#f00; font-size:10px;">*</span>:</strong> ';
s += '  </td>';
s += '  <td>';
s += '  <input id="city" name="city" type="text" size="30" />';
s += '  </td>';
s += '  </tr>';
s += '  <tr style="border-bottom: 1px dotted #dee1d5">';
s += '  <td align="left">';
s += '  <strong>COUNTRY:</strong> ';
s += '  </td>';
s += '  <td>';
s += '  <select id="country" name="country">';
s += '  <option value="1" selected>USA</option>';
s += '  <option value="2">Canada</option>';
s += '  </select>';
s += '  </td>';
s += '  </tr>';
s += '  <tr style="border-bottom: 1px dotted #dee1d5">';
s += '  <td align="left">';
s += '  <strong>STATE <span style="color:#f00; font-size:10px;">*</span>:</strong> ';
s += '  </td>';
s += '  <td>';
s += '  <select id="state" name="state">';
s += '  <option value="0" selected>- select -</option>';
s += '  <option value="2">Alabama</option>';
s += '  <option value="3">Alaska</option>';
s += '  <option value="4">Arizona</option>';
s += '  <option value="5">Arkansas</option>';
s += '  <option value="6">California</option>';
s += '  <option value="7">Colorado</option>';
s += '  <option value="8">Connecticut</option>';
s += '  <option value="9">Delaware</option>';
s += '  <option value="10">District of Columbia</option>';
s += '  <option value="11">Florida</option>';
s += '  <option value="12">Georgia</option>';
s += '  <option value="13">Hawaii</option>';
s += '  <option value="14">Idaho</option>';
s += '  <option value="15">Illinois</option>';
s += '  <option value="16">Indiana</option>';
s += '  <option value="17">Iowa</option>';
s += '  <option value="18">Kansas</option>';
s += '  <option value="19">Kentucky</option>';
s += '  <option value="20">Louisiana</option>';
s += '  <option value="21">Maine</option>';
s += '  <option value="22">Maryland</option>';
s += '  <option value="23">Massachusetts</option>';
s += '  <option value="24">Michigan</option>';
s += '  <option value="25">Minnesota</option>';
s += '  <option value="26">Mississippi</option>';
s += '  <option value="27">Missouri</option>';
s += '  <option value="28">Montana</option>';
s += '  <option value="29">Nebraska</option>';
s += '  <option value="30">Nevada</option>';
s += '  <option value="31">New Hampshire</option>';
s += '  <option value="32">New Jersey</option>';
s += '  <option value="33">New Mexico</option>';
s += '  <option value="34">New York</option>';
s += '  <option value="35">North Carolina</option>';
s += '  <option value="36">North Dakota</option>';
s += '  <option value="37">Ohio</option>';
s += '  <option value="38">Oklahoma</option>';
s += '  <option value="39">Oregon</option>';
s += '  <option value="40">Pennsylvania</option>';
s += '  <option value="41">Rhode Island</option>';
s += '  <option value="42">South Carolina</option>';
s += '  <option value="43">South Dakota</option>';
s += '  <option value="44">Tennessee</option>';
s += '  <option value="45">Texas</option>';
s += '  <option value="46">Utah</option>';
s += '  <option value="47">Vermont</option>';
s += '  <option value="48">Virginia</option>';
s += '  <option value="49">Washington</option>';
s += '  <option value="50">West Virginia</option>';
s += '  <option value="51">Wisconsin</option>';
s += '  <option value="52">Wyoming</option>';
s += '  </select>';
s += '  </td>';
s += '  </tr>';
s += '  <tr style="border-bottom: 1px dotted #dee1d5">';
s += '  <td align="left">';
s += '  <strong>ZIP <span style="color:#f00; font-size:10px;">*</span>:</strong> ';
s += '  </td>';
s += '  <td>';
s += '  <input id="zip" name="zip" type="text" size="10" />';
s += '  </td>';
s += '  </tr>';
s += '  <tr style="border-bottom: 1px dotted #dee1d5">';
s += '  <td align="left">';
s += '  <strong>PHONE:</strong> ';
s += '  </td>';
s += '  <td>';
s += '  <input id="phone" name="phone" type="text" size="30" />';
s += '  </td>';
s += '  </tr>';
s += '  <tr style="border-bottom: 1px dotted #dee1d5">';
s += '  <td align="left">';
s += '  <strong>FAX:</strong> ';
s += '  </td>';
s += '  <td>';
s += '  <input id="fax" name="fax" type="text" size="30" />';
s += '  </td>';
s += '  </tr>';
s += '  <tr style="border-bottom: 1px dotted #dee1d5">';
s += '  <td>';
s += '  <strong>EMAIL ADDRESS:</strong> ';
s += '  </td>';
s += '  <td>';
s += '  <input id="email" name="email" type="text" size="30" />';
s += '  </td>';
s += '  </tr>';
s += '  <tr style="border-bottom: 1px dotted #dee1d5">';
s += '  <td>';
s += '  <strong>CONTACT METHOD:</strong> ';
s += '  </td>';
s += '  <td>';
s += '  <select id="contact_method" name="contact_method">';
s += '  <option value="0" selected>By phone</option>';
s += '  <option value="1">By e-mail</option>';
s += '  </select>';
s += '  </td>';
s += '  </tr>';
s += '  <tr style="border-bottom: 1px dotted #dee1d5">';
s += '  <td>';
s += '  <strong>CALL CUSTOMER:</strong> ';
s += '  </td>';
s += '  <td>';
s += '  <select id="call_customer" name="call_customer">';
s += '  <option value="0" selected>Anytime</option>';
s += '  <option value="1">Morning</option>';
s += '  <option value="2">Afternoon</option>';
s += '  <option value="3">Evening</option>';
s += '  </select>';
s += '  </td>';
s += '  </tr>';
s += '  <tr style="border-bottom: 1px dotted #dee1d5">';
s += '  <td>';
s += '  <strong>TIME FRAME:</strong> ';
s += '  </td>';
s += '  <td>';
s += '  <select id="time_frame" name="time_frame">';
s += '  <option value="0" selected>Uncertain</option>';
s += '  <option value="1">Urgent!</option>';
s += '  <option value="2">1-2 weeks</option>';
s += '  <option value="3">1 month</option>';
s += '  </select>';
s += '  </td>';
s += '  </tr>';
s += '  <tr style="border-bottom: 1px dotted #dee1d5">';
s += '  <td>';
s += '  <strong>APPLICATION:</strong> ';
s += '  </td>';
s += '  <td>';
s += '  <select id="application" name="application">';
s += '  <option value="0" selected>Business</option>';
s += '  <option value="1">Home</option>';
s += '  </select>';
s += '  </td>';
s += '  </tr>';
s += '  <tr style="border-bottom: 1px dotted #dee1d5">';
s += '  <td>';
s += '  <strong>NO. OF SHOWERS:</strong> ';
s += '  </td>';
s += '  <td>';
s += '  <select id="showers" name="showers">';
s += '  <option value="1" selected>1</option>';
s += '  <option value="2">2</option>';
s += '  <option value="3">3</option>';
s += '  <option value="4">4+</option>';
s += '  </select>';
s += '  </td>';
s += '  </tr>';
s += '  <tr style="border-bottom: 1px dotted #dee1d5">';
s += '  <td>';
s += '  <strong>NO. OF PEOPLE IN HOUSEHOLD:</strong> ';
s += '  </td>';
s += '  <td>';
s += '  <select id="people" name="people">';
s += '  <option value="1" selected>1</option>';
s += '  <option value="2">2</option>';
s += '  <option value="3">3</option>';
s += '  <option value="4">4+</option>';
s += '  </select>';
s += '  </td>';
s += '  </tr>';
s += '  <tr style="border-bottom: 1px dotted #dee1d5">';
s += '  <td>';
s += '  <strong>COMMENTS:</strong> ';
s += '  </td>';
s += '  <td>';
s += '  <textarea id="comments" name="comments" rows="3" cols="26"></textarea>';
s += '  </td>';
s += '  </tr>';
s += '  <tr>';
s += '  <td colspan="2" align="center">';
s += '  <a href="#" onclick="submitQuoteForm();"><img src="img/btn_submit.png" alt="Submit Quote" style="border:0;"/></a>';
s += '  <input type="hidden" name="id" value="'+ id +'" />';
s += '  <input type="hidden" name="action" value="submitQuoteForm" />';
s += '  </td>';
s += '  </tr>';
s += '  </tbody>';
s += '  </table>';
s += '  </form>';
s += '</div>';
s += '</div>';
s += '';
s += '<script type="text/javascript">';
s += '  function submitQuoteForm(){';
s += '	  var complited = true;'
s += '    $("#errorMessage").css("display","none");';
s += '    if ($("#name").val() == "")';
s += '    {';
s += '      $("#name").css("border","1px solid #f00");';
s += '      complited = false;';	
s += '    }';
s += '    else';
s += '    {';
s += '      $("#name").css("border","1px solid #8b8d8c");';
s += '    }';
s += '    if ($("#address").val() == "")';
s += '    {';
s += '      $("#address").css("border","1px solid #f00");';
s += '      complited = false;';	
s += '    }';
s += '    else';
s += '    {';
s += '      $("#address").css("border","1px solid #8b8d8c");';
s += '    }';	
s += '    if ($("#city").val() == "")';
s += '    {';
s += '      $("#city").css("border","1px solid #f00");';
s += '      complited = false;';	
s += '    }';
s += '    else';
s += '    {';
s += '      $("#city").css("border","1px solid #8b8d8c");';
s += '    }';	
s += '    if ($("#zip").val() == "")';
s += '    {';
s += '      $("#zip").css("border","1px solid #f00");';
s += '      complited = false;';	
s += '    }';
s += '    else';
s += '    {';
s += '      $("#zip").css("border","1px solid #8b8d8c");';
s += '    }';	
s += '    if (($("#country").val() == 1) && ($("#state").val() == 0))';
s += '    {';
s += '      $("#state").css("border","1px solid #f00");';
s += '      complited = false;';	
s += '    }';
s += '    else';
s += '    {';
s += '      $("#state").css("border","1px solid #8b8d8c");';
s += '    }';	
s += '    if (complited == false)';
s += '    {';
s += '      $("#errorMessage").css("display","table-row");';
s += '      return false;';
s += '    }';
s += '    else';
s += '    {';
s += '      $("#requestQuoteForm").submit();';
s += '      $("#formBackground").remove();';
s += '      showComplited();';
s += '    }';
s += '  };';
s += '  $("#country").change(function(){';
s += '    if ($("#country").val() == "1")';
s += '    {';
s += '      $("#state").attr("disabled","");';
s += '    }';
s += '    else';
s += '    {';
s += '      $("#state").val("0");';	
s += '      $("#state").css("border","1px solid #8b8d8c");';
s += '      $("#state").attr("disabled","disabled");';	
s += '    }';
s += '  });';
s += '  $("#closeBox").click(function(){';
s += '    $("#formBackground").remove();';
s += '  });';
s += '</script>';
$("body").append(s);
}