console.log('its running');
var form = "";
$(document).ready(function(){
	form = document.getElementById('lead-node-form');
});
function processForm(e) {
    if (e.preventDefault) e.preventDefault();
	console.log('processing');
	var fieldsOK = true;
	//reset border colors in case were wrong last time
	$('#edit-field-living-preference-und').removeClass('invalid-field');
	$('#edit-field-bathrooms-lead-und').removeClass('invalid-field');
	$('#edit-field-lead-how-much-month-und-0-value').removeClass('invalid-field');
	$('#edit-field-lead-validate-und-0-value').removeClass('invalid-field');
	
	if(($('#edit-field-living-preference-und').val() == undefined)){
		fieldsOK = false;
		$('#edit-field-living-preference-und').addClass('invalid-field');
		console.log('bad living preferce location');
	}
	if($('#edit-field-bathrooms-lead-und').val() == '_none'){
		console.log('bathroom bad');
		fieldsOK = false;
		$('#edit-field-bathrooms-lead-und').addClass('invalid-field');
	}
	if($('#edit-field-lead-how-much-month-und-0-value').val() == ""){
		console.log('monthly rate bad');
		fieldsOK = false;
		$('#edit-field-lead-how-much-month-und-0-value').addClass('invalid-field');
	}
	if($('#edit-field-lead-validate-und-0-value').val().toLowerCase() != 'person'){
		console.log('spam alert');
		fieldsOK = false;
		$('#edit-field-lead-validate-und-0-value').addClass('invalid-field');
	}
	if(fieldsOK == false){
		alert('please correct the errors');
	return false;
	}
	$('#continue-background').css('z-index',"999999999");
	$('#continue-background').show(0);
	console.log('shown');
	_gaq.push(['_trackEvent', 'form', 'submit', 'zoom']);
    /* do what you want with the form */
	setTimeout(function(){
		console.log('doing submit');
		form.submit();
	}, 2000);
    // You must return false to prevent the default form behavior
    return false;
}


if (form.attachEvent) {
    form.attachEvent("submit", processForm);
} else {
    form.addEventListener("submit", processForm);
}

$('#form-submit').click(function(){
	/*var fname = $('#edit-field-lead-name')
	var lname = $('#edit-field-last-name')
	var email = $('#edit-field-lead-email')
	var phone = $('#edit-field-lead-phone')
	
	fname.removeClass('invalid-field');
	lname.removeClass('invalid-field');
	email.removeClass('invalid-field');
	phone.removeClass('invalid-field');
	
	if(fname.val() == "")
		fname.addClass('invalid-field');
	if(lname.val() == "")
		lname.addClass('invalid-field');
	if(email.val().substr('@'))
		email.addClass('invalid-field');
	if(phone.val().length < 8)
		phone.addClass('invalid-field');*/
});

$('#zoom-main').append('<style type="text/css"> .invalid-field{border:2px solid red !important;} .continue-container{  width:720px; display:block; margin:0px auto; overflow:auto; } .continue-container-top{ margin-top: 60px; background-color:#22374A; width:100%; height:200px; border-radius:15px 15px 0 0; margin-bottom:0px; text-align:center; overflow:auto; position:relative;} .continue-container-top h3{ margin:0px; color:#FFE773; position:absolute; left:50%; margin-left:-68px; top:39px; font-weight:100; font-size:30px; font-style:italic;} .continue-container-top img{margin-top:60px;} .continue-container-bottom{ overflow:auto; background-color:#E56F54; border-radius: 0 0 15px 15px; text-align:center; margin-top:0px; width:100%; height:200px; } .continue-container-bottom button{font-size:20px; color:#22374A; display:inline-block; background-color:#FFE773; border-radius:15px; border:0px; padding:10px 15px; } .continue-container-bottom h4{ text-align:center; color:#22374A; margin:53px 0 27px 0; font-size:25px;}  #continue-background{ top:0px; left:0px;  width:100%; height:100%; background-color:white; position:fixed; z-index:9999; display:none;} </style> <div id="continue-background" style="z-index:99999999"> <div class="continue-container"> <div class="continue-container-top"> <h3>Welcome!</h3> <img src="http://zoomapartmentfinder.com/sites/default/files/zoom-apartment-finder-logo_1.png" /> </div> <div class="continue-container-bottom"> <h4>Thank you for registering with Zoom</h4> <button >Click Here to Search Apartments...</button> </div> </div> </div>');
$('#continue-background').hide(0);