$(document).ready(function() {
  $(".contact").click( function() {
		$(".contact_div").animate({height: 'toggle'}, { duration: "fast" });
	});
	
	$(".contact_div_x").click( function() {
		$(".contact_div").animate({height: 'toggle'}, { duration: "fast" });
	});
	
	// Estimate form contract button pre-load
	jQuery("<img>").attr("src", "images/req_estimate_contract_off.png" );
	jQuery("<img>").attr("src", "images/req_estimate_contract_ovr.png" );
	
	$(".estimate_button").click( function() {
		$(".estimate_form_fields").animate({height: 'toggle'}, { duration: "fast" });
		
		if ( $("#estimate_form_button").attr("src").match( /_contract_/ ) ) {
			$("#estimate_form_button").attr("src", "images/req_estimate_expand_off.png");
	  }
		
		else if ( $("#estimate_form_button").attr("src").match( /_expand_/ ) ) {
		  $("#estimate_form_button").attr("src", "images/req_estimate_contract_off.png");
		}
	});
	  
	$(".estimate_x").click( function() {
		$(".estimate_form_fields").animate({height: 'toggle'}, { duration: "fast" });
		$("#estimate_form_button").attr("src", "images/req_estimate_expand_off.png")
	});
	
	$("#submit").click( function(){
  	//alert('hi');
			
			var $name = $("input[name='name']").attr('value');
			var $area_code = $("input[name='area_code']").attr('value');
			var $exchange = $("input[name='exchange']").attr('value');
			var $digits = $("input[name='digits']").attr('value');
			var $calltime = $("input[name='calltime']").attr('value');
			var $email = $("input[name='email']").attr('value');
			var $project_input = escape( $("textarea[name='project_input']").attr('value') );
			
			
			$.ajax({
				type: "POST",
				url: "send_estimate.php",
				data: "name=" + $name + "&area_code=" + $area_code + "&exchange=" + $exchange + "&digits=" + $digits + "&calltime=" + $calltime + "&email=" + $email + "&project_input=" + $project_input,
				success: function(del){
					$("#estimate_form_tag").html("<tbody><tr>           <td colspan=\"2\"><h1>Request an Estimate</h1><br><br></td>         </tr>         <tr>           <td colspan=\"2\"><h2>Thank you! We'll be in touch shortly.</h2><br><br><br></td>         </tr>         <tr>           <td><img src=\"images/spacer.gif\" width=\"100\" height=\"8\"></td>           <td><img src=\"images/spacer.gif\" width=\"320\" height=\"8\"></td>         </tr>       </tbody>");
				}
			});
			
		});
											  
});