Premier Homes: 01621 786160'],
['Danbury, Little Baddow and Villages', 51.717305, 0.574550, 3, '58 Main Road, Danbury (Adj. to The Griffin P.H.), Essex, CM3 4NG
For enquires telephone your local branch direct.']
],
myOptions = {
zoom: 11,
center: new google.maps.LatLng(51.68648, 0.68355),
mapTypeId: google.maps.MapTypeId.ROADMAP
},
map = new google.maps.Map(document.getElementById("map-canvas"), myOptions),
infowindow = null;
infowindow = new google.maps.InfoWindow({
content: "loading...",
maxWidth: 300
});
for (var i = 0; i < offices.length; i++) {
var office = offices[i],
officeLatLng = new google.maps.LatLng(office[1], office[2]),
marker = new google.maps.Marker({
position: officeLatLng,
map: map,
title: office[0],
zIndex: office[3],
html: office[4]
});
google.maps.event.addListener(marker, "click", function () {
infowindow.setContent(this.html);
infowindow.open(map, this);
});
}
},
// Adds a 'focus' class to parent lis only if a field is hovered,
// not the li itself.
toggleFocus : function(hovered, modifier) {
// Use the result of isIn above to modify toggleClass
hovered.parent('li').not('.li-submit').toggleClass('focus', modifier);
},
// If the placeholder attribute is not supported by the user's
// browser, implement a replacement using the value of the
// original placeholder attribute, so no additional markup is
// required.
placeholder : function() {
// Use Modernizr to check for support
if (!Modernizr.input.placeholder) {
// Set initial values to placeholder
$("[placeholder]").each(function(){
var input = $(this);
// Check value is empty before overwriting
(input.val() === '') && input.val(input.attr('placeholder'));
});
$("[placeholder]")
.focus(function(){
var input = $(this);
// Clear the value only if it is identical to the
// placeholder.
(input.val() === input.attr('placeholder')) && input.val('');
})
.blur(function(){
var input = $(this);
// Return the value to placeholder only if the
// current value is blank.
(input.val() === '') && input.val(input.attr('placeholder'));
})
.parents('form').submit(function() {
$(this).find('[placeholder]').each(function() {
var input = $(this);
if (input.val() === input.attr('placeholder')) {
input.val('');
}
});
});
}
},
validate : function() {
$('#contact-form').validate({
rules: {
//first_name : 'required',
//To_Email : 'required',
//status : 'required',
full_name : "required",
address : 'required',
post_code : 'required',
home_phone : {
required : true,
phoneUK : true
},
mobile_phone : {
required : true,
mobileUK : true
},
/*
property_type : 'required',
property_style : 'required',
heating : 'required',
parking : 'required',
bedrooms : 'required',
flat_floor : {
required : {
depends : function () {
return ($("#property_type").val() == 'Flat');
}
}
},
*/
from_email : {
required : true,
email : true
},
confirm_from_email : {
required : true,
equalTo : '#from_email'
},
txtCaptcha : 'required'
},
messages: {
full_name : 'Please provide at least your full name',
address : 'Please specify your address',
post_code : 'Please specify your postcode',
//property_type : 'Please select a property type',
//flat_floor : 'Please confirm the floor that your flat is on',
//property_style : 'Please select a property style',
//heating : 'Please select a type of heating',
//parking : 'Please select a type of parking',
//bedrooms : 'Please select the number of bedrooms',
//To_Email : 'Please specify which areas you are interested in',
//status : 'Please specify your current situation',
home_phone : {
required : 'Please supply a valid UK landline phone number',
phoneUK : 'This is number is not valid.'
},
mobile_phone : {
required : 'Please supply a valid UK mobile phone number',
mobileUK : 'This is number is not valid.'
},
from_email : {
required : 'We need your email address to contact you',
email : 'The email address you provided doesn’t seem to be valid'
},
confirm_from_email : {
required : 'Please confirm your email address, just in case',
equalTo : 'The email addresses you’ve provided don’t match'
},
//query : 'Don’t forget to ask us a question, or leave us a comment',
txtCaptcha : 'For security, please enter the numbers you see above'
},
errorPlacement: function(error, element) {
var required = element.next('.required');
if (required.length)
error.insertAfter(required);
else
error.insertAfter(element);
},
invalidHandler: function(e, validator) {
var errors = validator.numberOfInvalids(),
globalError = $('#global-error');
if (errors) {
var message = errors == 1
? 'You missed 1 field. It has been highlighted below.'
: 'You missed ' + errors + ' fields. They have been highlighted below.';
$('#error-message').text(message);
globalError.show();
} else {
globalError.hide();
}
}
});
}
}
var searchQuery = {
// Configuration settings.
// Update if the names of any elements have changed.
// Alternatively, extend with $(lh.init({form : $('#new-form-name')}));
config : {
sale : {
"50000" : "£50,000",
"75000" : "£75,000",
"100000" : "£100,000",
"125000" : "£125,000",
"150000" : "£150,000",
"175000" : "£175,000",
"200000" : "£200,000",
"250000" : "£250,000",
"300000" : "£300,000",
"400000" : "£400,000",
"500000" : "£500,000",
"750000" : "£750,000",
"1000000" : "£1,000,000",
"1500000" : "£1,500,000",
"5000000" : "£5,000,000"
},
rent : {
"250" : "£250",
"500" : "£500",
"750" : "£750",
"1000" : "£1,000",
"1250" : "£1,250",
"1500" : "£1,500",
"2000" : "£2,000",
"2500" : "£2,500",
"3000" : "£3,000",
"3500" : "£3,500",
"4000" : "£4,000"
},
form : $('#property-search'),
text : $('#txtQuickSearch'),
contactTypeSelect : $('#contract').filter('select'),
contractTypeRadio : $('#contract-buy'),
contractTypeHidden : $('#contract').filter($(':hidden')),
quickSearch : $('#txtQuickSearch'),
minimumPrice : $('#ddlPayMin'),
maximumPrice : $('#ddlPayMax'),
resultsFrame : $('#results-frame')
},
// Initialisation function.
init : function(config) {
// Extend config with new values.
(config && typeof(config) == 'object') && $.extend(lh.config, config);
// Variable declarations from config.
var form = searchQuery.config.form,
text = searchQuery.config.text,
minimumPrice = searchQuery.config.minimumPrice,
maximumPrice = searchQuery.config.maximumPrice,
contractTypeSelect = searchQuery.config.contactTypeSelect,
contractTypeRadio = searchQuery.config.contractTypeRadio,
contractTypeHidden = searchQuery.config.contractTypeHidden;
if (form.length) {
var contracts = [contractTypeSelect, contractTypeRadio, contractTypeHidden];
// Determine the type of 'contract' field used and react accordingly.
$.each(contracts, function(index, field) {
if (field.length) {
var type = (index == 0) ? "select" : ((index == 1) ? "radios" : "hidden");
if (type == "radios") {
searchQuery.updateCombo($(this), type);
$('#contract-buy, #contract-rent').change(function() {
searchQuery.updateCombo($(this), type);
});
}
else if (type == "select") {
searchQuery.updateCombo(field, type);
field.change(function() {
searchQuery.updateCombo(field, type);
});
}
}
});
}
// Update the URL of the search results frame using results
// from search
searchQuery.config.resultsFrame.length && searchQuery.getValues();
},
// Updates the values in minimum and maximum price select boxes
// based on whether Buying or Renting is the contract of choice.
updateCombo : function(contract, type) {
// Variable declarations from config.
var options = '',
minimumPrice = searchQuery.config.minimumPrice,
maximumPrice = searchQuery.config.maximumPrice,
minParent = searchQuery.config.minimumPrice.parent(),
maxParent = searchQuery.config.maximumPrice.parent(),
sale = searchQuery.config.sale,
rent = searchQuery.config.rent,
values = (type == 'select') ? (values = (contract.val() == 'buying') ? sale : rent) : (values = (contract.filter('input:checked').val() == 'buying') ? sale : rent);
// To keep values neat & readable, create options here
$.each(values, function(value, text) {
options += '';
});
var prices = [minimumPrice, maximumPrice];
$.each(prices, function(key,value){
// Detach DOM node for faster manipulation.
value.empty().detach();
(key == 0) ? value.append('') : value.append('');
value.append(options).val('0');
});
// Append back to the DOM
minParent.append(minimumPrice);
maxParent.append(maximumPrice);
},
// Retrieve the values from the URL submitted by the search form
// and submit them to the search system. Add any additionally
// required fields to this list.
getValues : function() {
var allVars = $.getUrlVars(),
chainID = allVars["chainID"],
txtQuickSearch = allVars["txtQuickSearch"],
contract = allVars["contract"],
ddlBedrooms = allVars["ddlBedrooms"],
ddlPayMin = allVars["ddlPayMin"],
ddlPayMax = allVars["ddlPayMax"],
ddlResultsOrder = allVars["ddlResultsOrder"],
countries = allVars["countries"],
newBuild = allVars["NewBuild"],
offices = allVars["Offices"],
propType = allVars["style1"],
radius = allVars["ddlSearchArea"],
resultsFrame = searchQuery.config.resultsFrame;
// Only update values if a search has been performed -
// ignores pages with set results.
if ($.type(chainID) != "undefined") {
resultsFrame.attr('src', function(index, value) {
return 'http://search.churchandhawes.com/resultslite.aspx?chainID='+chainID+'&Contract='+contract+'&ddlBedrooms='+ddlBedrooms+'&ddlPayMin='+ddlPayMin+'&ddlPayMax='+ddlPayMax+'&txtQuicksearch='+txtQuickSearch+'&ddlResultsOrder='+ddlResultsOrder+'&countries='+countries+'&NewBuild='+newBuild+'&Offices='+offices+'&style1='+propType+'&ddlSearchArea='+radius
});
}
}
}
// Initialise
$(lh.init());