/*
 * SimpleModal Contact Form
 * http://www.ericmmartin.com/projects/simplemodal/
 * http://code.google.com/p/simplemodal/
 *
 * Copyright (c) 2010 Eric Martin - http://ericmmartin.com
 *
 * Licensed under the MIT license:
 *   http://www.opensource.org/licenses/mit-license.php
 *
 * Revision: $Id: contact.js 254 2010-07-23 05:14:44Z emartin24 $
 *
 * Revised mycontact_js.php Feb 12 2010 by Mark Stipich
 * Resource: http://api.jquery.com/
 * 
 */

jQuery(function ($) {
	var contact = {
		message: null,
		init: function () {
			$('#contact-form input.contact, #contact-form a.contact').click(function (e) {
				e.preventDefault();

				// load the contact form using ajax
				$.get("data/mycontact.php", function(data){
					// create a modal dialog with the data
					$(data).modal({
						closeHTML: "<a href='#' title='Close' class='modal-close'>x</a>",
						position: ["1%",],
						overlayId: 'contact-overlay',
						containerId: 'contact-container',
						onOpen: contact.open,
						onShow: contact.show,
						onClose: contact.close
					});
				});
			});
		},
		open: function (dialog) {
			// add padding to the buttons in firefox/mozilla
			if ($.browser.mozilla) {
				$('#contact-container .contact-button').css({
					'padding-bottom': '2px'
				});
			}
			// input field font size
			if ($.browser.safari) {
				$('#contact-container .contact-input').css({
					'font-size': '.9em'
				});
			}

			// dynamically determine height
			var h = 350;
			if ($('#contact-subject').length) {
				h += 26;
			}
			if ($('#contact-cc').length) {
				h += 22;
			}

			var title = $('#contact-container .contact-title').html(); //store contents of contact-title
			$('#contact-container .contact-title').html('Loading...'); //replace contact-title contents with "Loading..."
			dialog.overlay.fadeIn(200, function () {
				dialog.container.fadeIn(200, function () {
					dialog.data.fadeIn(200, function () {
						$('#contact-container .contact-content').animate({
							height: h
						}, function () {
							$('#contact-container .contact-title').html(title); // restore contact-title with var title
							$('#contact-container form').fadeIn(200, function () {
								$('#contact-container #contact-firstname').focus(); // set user to focus in first field

								$('#contact-container .contact-cc').click(function () {
									var cc = $('#contact-container #contact-cc'); // create object cc for element contact-cc checkbox
									cc.is(':checked') ? cc.attr('checked', '') : cc.attr('checked', 'checked'); // set attribute
								});
								
								$('#contact-firstname').keyup(function () {
									if(!$('#contact-firstname').val()){
										$('#contact-firstname').css('background', 'orange');
									}else{
										$('#contact-firstname').css('background', 'white');
									}
								});
								$('#contact-lastname').keyup(function () {
									if(!$('#contact-lastname').val()){
										$('#contact-lastname').css('background', 'orange');
									}else{
										$('#contact-lastname').css('background', 'white');
									}
								});
								$('#contact-email').keyup(function () {
									if(!$('#contact-email').val()){
										$('#contact-email').css('background', 'orange');
									}else{
										$('#contact-email').css('background', 'white');
									}
								});
								
								$('#contact-state').change(function () {
									if (!$('#contact-state').val()) {
										$('#contact-state').css('background', 'orange');
									}else{
										$('#contact-state').css('background', 'white');
									}
								});

								$('#contact-address').keyup(function () {
									if(!$('#contact-address').val()){
										$('#contact-address').css('background', 'orange');
									}else{
										$('#contact-address').css('background', 'white');
									}
								});
								$('#contact-city').keyup(function () {
									if(!$('#contact-city').val()){
										$('#contact-city').css('background', 'orange');
									}else{
										$('#contact-city').css('background', 'white');
									}
								});
								$('#contact-zip').keyup(function () {
									if(!$('#contact-zip').val()){
										$('#contact-zip').css('background', 'orange');
									}else{
										$('#contact-zip').css('background', 'white');
									}
								});
								$('#contact-phone').keyup(function () {
									if(!$('#contact-phone').val()){
										$('#contact-phone').css('background', 'orange');
									}else{
										$('#contact-phone').css('background', 'white');
									}
								});




								$('#contact-currentemployer').keyup(function () {
									if(!$('#contact-currentemployer').val()){
										$('#contact-currentemployer').css('background', 'orange');
									}else{
										$('#contact-currentemployer').css('background', 'white');
									}
								});


								$('#contact-dateofhire').keyup(function () {
									if(!$('#contact-dateofhire').val()){
										$('#contact-dateofhire').css('background', 'orange');
									}else{
										$('#contact-dateofhire').css('background', 'white');
									}
								});


								$('#contact-income').keyup(function () {
									if(!$('#contact-income').val()){
										$('#contact-income').css('background', 'orange');
									}else{
										$('#contact-income').css('background', 'white');
									}
								});



								$('#Own:radio').click(function () {
		  							var input = $("form input:radio").wrap('<span></span>').parent().css({background:"white"});
								});

								$('#Rent:radio').click(function () {
		  							var input = $("form input:radio").wrap('<span></span>').parent().css({background:"white"});
								});



								$('#MonthlyPayment').keyup(function () {
									if(!$('#MonthlyPayment').val()){
										$('#MonthlyPayment').css('background', 'orange');
									}else{
										$('#MonthlyPayment').css('background', 'white');
									}
								});

								$('#HowLongYears').keyup(function () {
									if(!$('#HowLongYears').val()){
										$('#HowLongYears').css('background', 'orange');
									}else{
										$('#HowLongYears').css('background', 'white');
									}
								});

								$('#HowLongMonths').keyup(function () {
									if(!$('#HowLongMonths').val()){
										$('#HowLongMonths').css('background', 'orange');
									}else{
										$('#HowLongMonths').css('background', 'white');
									}
								});






								$('#AcceptTerms').change(function () {
									
									if($('#AcceptTerms').is(':checked')){
										$('#Terms').css('background', 'white');
									}else{
										$('#Terms').css('background', 'orange');
									}
									
								});











								
								
								// fix png's for IE 6
								if ($.browser.msie && $.browser.version < 7) {
									$('#contact-container .contact-button').each(function () {
										if ($(this).css('backgroundImage').match(/^url[("']+(.*\.png)[)"']+$/i)) {
											var src = RegExp.$1;
											$(this).css({
												backgroundImage: 'none',
												filter: 'progid:DXImageTransform.Microsoft.AlphaImageLoader(src="' +  src + '", sizingMethod="crop")'
											});
										}
									});
								}
							});
						});
					});
				});
			});
		},
		show: function (dialog) {
			$('#contact-container .contact-send').click(function (e) {
				e.preventDefault();
				// validate form
				if (contact.validate()) {
					var msg = $('#contact-container .contact-message');
					msg.fadeOut(function () {
						msg.removeClass('contact-error').empty();
					});
					$('#contact-container .contact-title').html('Sending...');
					$('#contact-container form').fadeOut(200);
					$('#contact-container .contact-content').animate({
						height: '80px'
					}, function () {
						$('#contact-container .contact-loading').fadeIn(200, function () {
							$.ajax({
								url: 'data/mycontact.php',
								data: $('#contact-container form').serialize() + '&action=send',
								type: 'post',
								cache: false,
								dataType: 'html',
								success: function (data) {
									$('#contact-container .contact-loading').fadeOut(200, function () {
										$('#contact-container .contact-title').html('Thank you!');
										msg.html(data).fadeIn(200);
									});
								},
								error: contact.error
							});
						});
					});
				}
				else {
					if ($('#contact-container .contact-message:visible').length > 0) {
						var msg = $('#contact-container .contact-message div');
						msg.fadeOut(200, function () {
							msg.empty();
							contact.showError();
							msg.fadeIn(200);
						});
					}
					else {
						$('#contact-container .contact-message').animate({
							height: '60px'
						}, contact.showError);
					}
					
				}
			});
		},
		close: function (dialog) {
			$('#contact-container .contact-message').fadeOut();
			$('#contact-container .contact-title').html('Goodbye...');
			$('#contact-container form').fadeOut(200);
			$('#contact-container .contact-content').animate({
				height: 40
			}, function () {
				dialog.data.fadeOut(200, function () {
					dialog.container.fadeOut(200, function () {
						dialog.overlay.fadeOut(200, function () {
							$.modal.close();
						});
					});
				});
			});
		},
		error: function (xhr) {
			alert(xhr.statusText);
		},





/*
$('select.foo option:selected').val();    // get the value from a dropdown select
$('select.foo').val();                    // get the value from a dropdown select even easier
$('input:checkbox:checked').val();        // get the value from a checked checkbox
$('input:radio[name=bar]:checked').val(); // get the value from a set of radio buttons
*/


		validate: function () {
			contact.message = '';
			contact.myalert = '';
			if (!$('#contact-container #contact-firstname').val()) {
				//contact.message += 'First Name is required. ';
				contact.myalert += 'First Name is required. \n';
				$('#contact-firstname').css('background', 'orange');
			}
			if (!$('#contact-container #contact-lastname').val()) {
				//contact.message += 'Last Name is required. ';
				contact.myalert += 'Last Name is required. \n';
				$('#contact-lastname').css('background', 'orange');
			}


			var email = $('#contact-container #contact-email').val();
			if (!email) {
				//contact.message += 'Email is required. ';
				contact.myalert += 'Email is required. \n';
				$('#contact-email').css('background', 'orange');
			}
			else {
				if (!contact.validateEmail(email)) {
					//contact.message += 'Email is invalid. ';
					contact.myalert += 'Email is invalid. \n';
					$('#contact-email').css('background', 'orange');
				}
			}

			if (!$('#contact-address').val()) {
				contact.myalert += 'Address is required. \n';
				$('#contact-address').css('background', 'orange');
			}

			if (!$('#contact-city').val()) {
				contact.myalert += 'City is required. \n';
				$('#contact-city').css('background', 'orange');
			}
			if (!$('#contact-state').val()) {
				contact.myalert += 'State is required. \n';
				$('#contact-state').css('background', 'orange');
			}

			if (!$('#contact-zip').val()) {
				contact.myalert += 'Zipcode is required. \n';
				$('#contact-zip').css('background', 'orange');
			}
			if (!$('#contact-phone').val()) {
				contact.myalert += 'Phone Number is required. \n';
				$('#contact-phone').css('background', 'orange');
			}

			if (!$('#contact-currentemployer').val()) {
				contact.myalert += 'Current Employer is required. \n';
				$('#contact-currentemployer').css('background', 'orange');
			}

			if (!$('#contact-dateofhire').val()) {
				contact.myalert += 'Date of Hire is required. \n';
				$('#contact-dateofhire').css('background', 'orange');
			}

			if (!$('#contact-income').val()) {
				contact.myalert += 'Current Income is required. \n';
				$('#contact-income').css('background', 'orange');
			}


			if (!$('#Own:radio').is(':checked') && !$('#Rent:radio').is(':checked')) {
				contact.myalert += 'Rent or Own is required. \n';
		  		var input = $("form input:radio").wrap('<span></span>').parent().css({background:"orange"});
			}


			if (!$('#MonthlyPayment').val()) {
				contact.myalert += 'Monthly Payment is required. \n';
				$('#MonthlyPayment').css('background', 'orange');
			}

			if (!$('#HowLongYears').val()) {
				contact.myalert += 'Years at Current Address is required. \n';
				$('#HowLongYears').css('background', 'orange');
			}

			if (!$('#HowLongMonths').val()) {
				contact.myalert += 'Months at Current Address is required. \n';
				$('#HowLongMonths').css('background', 'orange');
			}




			if($('#AcceptTerms').is(':checked')){
				$('#Terms').css('background', 'white');
			}else{
				$('#Terms').css('background', 'orange');
				contact.myalert += 'Terms Must Be Accepted \n';
			}
									
									
									
			if (contact.message.length > 0 || contact.myalert.length > 0) {
				return false;
			}
			else {
				return true;
			}
		},
		validateEmail: function (email) {
			var at = email.lastIndexOf("@");

			// Make sure the at (@) sybmol exists and  
			// it is not the first or last character
			if (at < 1 || (at + 1) === email.length)
				return false;

			// Make sure there aren't multiple periods together
			if (/(\.{2,})/.test(email))
				return false;

			// Break up the local and domain portions
			var local = email.substring(0, at);
			var domain = email.substring(at + 1);

			// Check lengths
			if (local.length < 1 || local.length > 64 || domain.length < 4 || domain.length > 255)
				return false;

			// Make sure local and domain don't start with or end with a period
			if (/(^\.|\.$)/.test(local) || /(^\.|\.$)/.test(domain))
				return false;

			// Check for quoted-string addresses
			// Since almost anything is allowed in a quoted-string address,
			// we're just going to let them go through
			if (!/^"(.+)"$/.test(local)) {
				// It's a dot-string address...check for valid characters
				if (!/^[-a-zA-Z0-9!#$%*\/?|^{}`~&'+=_\.]*$/.test(local))
					return false;
			}

			// Make sure domain contains only valid characters and at least one period
			if (!/^[-a-zA-Z0-9\.]*$/.test(domain) || domain.indexOf(".") === -1)
				return false;	

			return true;
		},
		showError: function () {
			//$('#contact-container .contact-message')
				//.html($('<div class="contact-error"></div>').append(contact.message))
				//.fadeIn(200);
				
				
				alert(contact.myalert);
		}
	};

	contact.init();

});