/**
* Hawaii Life search & map functions
* @package HawaiiLife
* @version 6.0
* @author Yacine Merzouk
* @author Brian Schemp
* @copyright Hawaii Life 2010
*/
//***************************** GLOBAL VARIABLES
var map; //The Google Map object
var customTooltip; //The small overlays with property info that show up on map marker mouseover
var markerArray = new Array(); //The map markers array
var searchSpeed = 0; //Used to track the speed of the search routine.
var icon_image;
var icon_image_rollover;
//***************************** SEARCH ROUTINE CHECKS
//var isPageRefresh = true; //Used to let the map know it has to zoom in on properties (DEPRECATED???)
//var isTextSearch = false; //Used to differenciate text searches from map searches and DDL searches (DEPRECATED???)
var searchInProgress = false; //Used to avoid multiple simultaneous searches
var isMapIdle = true;
var mapCanBeSearched = false; //Used to allow or disallow automatic map centering
var mapBeingDragged = false; //Used to avoid multiple bounds_changed events firing at the same time
var searchProgressTimer; //Timeout var used when checking for the end of the search routine
var getPropertiesFinished = true; //Used to track down the end of the getProperties ajax callback
var centerMapFinished = true; //Used to track down the end of the centerMap ajax callback
var getPropertyMarkersFinished = true; //Used to track down the end of the getPropertyMarkers ajax callback
var isMLSSearch = false; //Used to know when to auto-popup
var showAdvancedOptions = false;
//var singleMLSAlreadyShown = false; //Used to cancel detail page auto-popup
//***************************** SEARCH FUNCTION
// Possible searchType values
// -basic
// -text
// -map
// -update
function search( searchType ){
//////console.log("Search in progress: "+searchInProgress);
//Never run 2 searches at the same time
if(!searchInProgress){
//Write progress to console
//////console.log("Starting the search routine. Search type: "+searchType);
//Start timeloop that makes sure the search routine is completed before wrapping it up
searchInProgress = true;
searchSpeed = 0;
getPropertiesFinished = false;
centerMapFinished = false;
getPropertyMarkersFinished = false;
searchProgressTimer = setTimeout(isSearchRoutineFinished, 100);
//Show "Searching..." loader
showLoader();
//This prevents the bounds_changed event from firing when the map zooms on the search results
//It is referenced in event listeners
if ( searchType != "map" ){
mapCanBeSearched = false;
}
// Get an array of properties
// Each property in the properties array is an assoc array representation of the Property class
// The search criteria are always saved to session as soon as they are selected.
$.post("/search-ajax/index.php",
{
action: "getProperties",
searchType: searchType
},
//results.search_results_text
//results.property_results
//results.refine_search_top_ui
//results.refine_search_bottom_ui
//results.listings
//results.pagination
//results.special_instructions
//results.search_box_text
function(results){
//console.log( results );
if( typeof(results) != "undefined" && results != null ){
// Properties are from a single island
if(resultsCanBeDisplayed(results) && typeof(results.search_results_text) != "undefined" && typeof(results.property_results) != "undefined" && results.refine_search_top_ui){
// Update search results
updateSearchResults(results.search_results_text);
// Update search interface
updateSearchInterface(results.refine_search_top_ui, results.refine_search_bottom_ui, results.listings, results.pagination);
removeLoader();
searchInProgress = false;
// Add markers to map and zoom to markers
// 1. Add all markers
// 2. Add event listeners (mouse over, mouseout, click)
// 3. Zoom to markers
// The updateMap function is also the longest to execute, so it does:
// 1. Hide any background messages or images.
updateMap(results, searchType);
//reset all pop-up links.
// Deprecated since HL6.1
//repimpLinks();
//Show popup when mls search
if (isMLSSearch == true){
// window.location = "/detail-standalone.php?mls_no="+results.property_results[0].mls_no+"&z=2";
isMLSSearch = false;
}
//Update text search box
$("#input").val(results.search_box_text);
//Results cannot be displayed because properties from different islands have been found.
}else{
//Show island selection popup
showIslandSelection();
}
//0 properties found
}else{
//console.log("No property found");
// Update search results
updateSearchResults(results.search_results_text);
// Update search interface
updateSearchInterface(results.refine_search_top_ui, results.refine_search_bottom_ui, results.listings, results.pagination);
updateMap(results, searchType);
//reset all pop-up links.
// Deprecated since HL6.1
//repimpLinks();
removeLoader();
}
getPropertiesFinished = true;
},
"json"
);
}
}
//***************************** CHECKS IF A SEARCH ROUTINE IS OVER
// Checks if a search routine has been completed
// Triggers the endSearch function or restarts the searchProgress timeout
function isSearchRoutineFinished(){
//Track search speed - see global vars at top of page
searchSpeed += 100;
//These vars are set to true at the end of ajax callback.
//Since ajax runs asynchronously we never know which order they will be completed in
if(getPropertiesFinished && centerMapFinished && getPropertyMarkersFinished){
//Wrap up the search routine
endSearch();
//Search isn't done yet
}else{
//Reset setTimeout var
searchProgressTimer = setTimeout(isSearchRoutineFinished, 100);
}
}
//***************************** UPDATES UI AND VARS WHEN SEARCH ROUTINE IS OVER
// Updates the UI and resets search check variables when a search is completed
function endSearch(){
//Remove loader UI elements
removeLoader();
//Don't zoom too much!
if(map.getZoom() > 19){
//////console.log("Zooming out to minimum zoom level.");
map.setZoom(19);
//Wait until zoom is 19 or less before running the entire function
setTimeout(endSearch,500);
return false;
}
//Reset the global var that prevents extra searches
searchInProgress = false;
mapCanBeSearched = true;
//Output search speed to console
//////console.log("Search routine completed in "+searchSpeed+" milliseconds");
//Stop the setTimeout loop
clearTimeout(searchProgressTimer);
}
/*
* Determines if the property search results can be displayed. Check if all search results
* contain the same island_id.
*
* @param array results
* @returns true if properties can be displayed false otherwise.
*/
function resultsCanBeDisplayed(results){
var island_id = 0;
var resultsCanBeDisplayedFlg = true;
//loop over results.property_results array to determine if all results contain same island_id.
if(typeof(results) != "undefined" && results != null && typeof(results.property_results) != "undefined"){
$.each(results.property_results, function(i, data){
if(i == 0){
island_id = data.island_id;
}else{
if(island_id != data.island_id){
resultsCanBeDisplayedFlg = false;
return false;
}
}
});
}else{
resultsCanBeDisplayedFlg = false;
}
return resultsCanBeDisplayedFlg;
}
//***************************** SHOW ISLAND SELECTION
/*
* Display a overlay that allows the user to select the island
* to search.
*
* @param array results
*/
function showIslandSelection(){
//variables.
var main_container = $('');
var island_choices_container = $('');
var island_choices = $('');
//add heading to island choices container.
$('Choose an Island
MLS rules and regulations do not allow properties from
multiple islands to be displayed at the same time.
').appendTo(island_choices_container);
//add island choices to its container.
island_choices.appendTo(island_choices_container);
$('Oahu').appendTo(island_choices);
$('Maui').appendTo(island_choices);
$('Big Island').appendTo(island_choices);
$('Kauai').appendTo(island_choices);
$('Molokai').appendTo(island_choices);
$('Lanai').appendTo(island_choices);
//add island choices container to the main container.
island_choices_container.appendTo(main_container);
//set styles for dialog.
var loader = $("#update-dialog");
loader.css({
"left": "35%",
"top": "200px",
"width": "30%"
});
//Display links to correct search results
$("#overlay-update").css("visibility", "visible");
//$("#update-dialog").html(""+island_choices.html()+"
'+pagination+'
');
if(showAdvancedOptions){
$("#advanced-options").show().offset( $("#map").offset() );
}else{
$("#advanced-options").hide();
}
}
//***************************** UPDATE MAP
/*
* Centers map
* Clear old markers
* Add markers for new results
* Zoom map to results
*/
function updateMap(results, searchType){
//Get map location with ajax call
$.post(
"/search-ajax/index.php",
{
action: "centerMap",
properties: results.property_results
},
function(coord){
//Get center of map
lat = coord[0];
lng = coord[1];
var latlng = new google.maps.LatLng(lat,lng);
//Get map options
if(!map){
var mapOptions = {
zoom: 11,
center: latlng,
mapTypeId: google.maps.MapTypeId.HYBRID
};
initializeMap( mapOptions );
}
//Get map bounds
var sw = new google.maps.LatLng(coord[2],coord[3]);
var ne = new google.maps.LatLng(coord[4],coord[5]);
var bounds = new google.maps.LatLngBounds(sw,ne);
//Zoom map to bounds
if(searchType != "map" && searchType != "update"){
isMapIdle = false;
map.fitBounds(bounds);
}
//remove markers.
clearMarkers();
//set property markers.
$.post(
"/search-ajax/index.php",
{
action: "getPropertyMarkers",
properties: results.property_results
},
function(markerList){
//console.log(markerList);
$.each(markerList, function(i, data){
addMarker.call(this, data.kind, data.mls_no, data.tooltip, data.lat, data.lon, data.address);
});
centerMapFinished = true;
getPropertyMarkersFinished = true;
},
"json"
);
},
"json"
);
}
//***************************** LOAD SEARCH
/*
* Called when the property search page is intially called.
* Get a list of islands for the user to select.
*/
function loadSearch(){
//////console.log("in loadSearch");
//call ajax post for property search.
$.post(
"/search-ajax/index.php",
{
action: "loadSearch"
},
function(results){
if(results.island_selected > 0){
search(results.searchType);
//island has not been selected, display a list of island choices.
}else{
showIslandSelection();
}
},
"json"
);//end ajax post call.
}
//***************************** ADJUST HEIGHT
//Makes the search page full-screen
function adjustHeight(){
// Get browser height
var browseHeight = $(window).height();
// Substract header, footer, search heights
var headerHeight = $("#head").height();
var footerHeight = $("#footer").height();
var searchHeight = $("#search-title").height() + $("#results").height();
var pagHeight = $("#pagination").height();
var spacers = 40;
var displayHeight = browseHeight - (headerHeight + footerHeight + spacers);
var mapHeight = displayHeight;
var listingHeight = displayHeight - ($("#search-mini").height() + pagHeight +80);
var displayWidth = $('#search-holder').width();
var listingsWidth = $('#listings').width();
var mapWidth = displayWidth - listingsWidth - 23;
if(displayHeight < 300){
// Set results height
$("#listings").css("height","380");
// Set map height
$("#map").css("height", "400");
}else{
// Set results height
$("#listings").css("height", listingHeight);
// Set map height & width
$("#map").css("height", mapHeight);
$("#map").css("width", mapWidth);
}
}
//***************************** SHOW LOADER ("SEARCHING..." MESSAGE)
/*
* Display indicators while searching for properties.
*/
function showLoader(){
//Display links to correct search results
$("#overlay-update").css("visibility", "visible");
$("#overlay-update").css("z-index", "150");
//cache html elements.
var loader_element = $("#update-dialog");
var listings_element = $("#listings");
var viewing_element = $("#viewing");
var head_element = $("#head");
//set css styles
loader_element.css("left", listings_element.width() + ((document.body.offsetWidth - listings_element.width() - 180) / 2));
loader_element.css("top", head_element.height() + ((document.body.offsetHeight - head_element.height()) / 2 - 60));
loader_element.width(250);
loader_element.css("right", "0");
loader_element.css("font-size", "13px");
loader_element.html('Searching...
Loading listings...");
viewing_element.html(' ');
}
//***************************** REMOVES "SEARCHING..." MESSAGE
function removeLoader(){
$("#loader").remove();
$("#overlay-update").css("visibility", "hidden");
}
/*
* Called when submitting the 'More Options' form. The form wil be a pop-up displaying
* multiple options to refine a property listing search.
*/
function processMoreOptionsSearch(){
//get the mls number from the pop-up iframe.
var mlsNumber = $("#nyroModalIframe").contents().find("#mlsSearch").val();
//if a mls number was found, perform a mls number search.
if(mlsNumber.length > 0){
runTextSearch(mlsNumber);
//no mls number was found.
}else{
$.nyroModalRemove();
search("update");
}
}
/*
* Determine if value is a MLS #
*
* @param string mls_no
*/
function isMLSNumber(mls_no){
if((mls_no.length == 6 || mls_no.length == 7) && (/[0-9]{6}/.test(mls_no) || /[0-9]{7}/.test(mls_no))){
return true;
}else{
return false;
}
}
/**
* Runs a search when a page link is clicked
*/
function changePage(page){
isTextSearch = true;
//call ajax post for property search to change page.
$.post(
"/search-ajax/index.php",
{
action: "changePage",
page: page
},
function(result){
if(result){
search("basic");
}
},
"json"
);//end ajax post call.
}
/**
* Runs a search when a DDL is changed (search page only)
*/
function changeLocation(depth, id, name){
showLoader();
isTextSearch = true;
//call ajax post for property search.
$.post(
"/search-ajax/index.php",
{
action: "changeLocation",
depth: depth,
name: name,
id: id
},
function(results){
search("basic");
},
"json"
);//end ajax post call.
}
function goToLocation(depth,id){
alert(window.location);
showLoader();
//call ajax post for property search.
$.post(
"/search-ajax/index.php",
{
action: "goToLocation",
depth: depth,
id: id
},
function(e){
////////console.log(e);
//alert(e);
//call function to display the search results.
window.location = "/re/";
}
);//end ajax post call.
}
/**
* Save a single search option from the advanced options on search/ (inc/search_form2.php)
* Will save bad values (like minPrice > maxPrice) because of bad design. Definitely fixable though)
*/
function saveSearchOption(id, value, autoSubmit){
//determine if price and property type contain valid values prior to searching.
/*if(validatePrice() && validatePropertyType()){
//call ajax post for property search.
$.post(
"/search-ajax/index.php",
{
action: "modifySearchOption",
id: id,
value: value
},
function(result){
if(result && autoSubmit){
search("update");
}
},
"json"
);
}*/
if( autoSubmit ){
showLoader();
}
$.post(
"/search-ajax/index.php",
{
action: "modifySearchOption",
id: id,
value: value
},
function(result){
if(result && autoSubmit){
search("update");
}
},
"json"
);
}
function toggleOptions(){
var advancedOptions = $("#advanced-options");
if(advancedOptions.is(":visible")){
advancedOptions.hide();
showAdvancedOptions = false;
}else{
advancedOptions.show().offset( $("#map").offset() );
showAdvancedOptions = true;
}
}
function editSavedSearch(search_id){
$.post(
"/search-ajax/index.php",
{
action: "editSavedSearch",
id: search_id
},
function(results_html){
displayMessage();
},
"json"
);//end ajax post call.
}
function runTextSearch(target_value){
//var target = $(target);
//////console.log("Searching for '"+target.val()+"'");
$.post(
"search-ajax/index.php",
{
action: "runTextSearch",
input: target_value
},
function(results){
if(results.match == "uniqueMatch"){
//////console.log(results);
goToLocation( results.matches.depth, results.matches.id );
}else if(results.match == "zip"){
search("basic");
}else if(results.match == "mls"){
isMLSSearch = true;
search("basic");
}else if(results.match == "mlsArray"){
search("basic");
}else if(results.match == "noMatch"){
alert("No match for this keyword, zip, or MLS#");
}else if(results.match == "multipleMatches"){
//console.log(results);
//variables.
var main_container = $('');
var island_choices_container = $('');
var island_choices = $('');
//add heading to island choices container.
$('Which one did you mean?
We found multiple matches for your search term.
').appendTo(island_choices_container);
//add island choices to its container.
island_choices.appendTo(island_choices_container);
//Add option to remove loader
$('').appendTo(island_choices);
$('- Cancel
').appendTo(island_choices);
//List matches
for(var x = 0; x < results.matches.length; x++){
var loc = results.matches[x];
$('- '+loc.fullname+'
').appendTo(island_choices);
}
$('
').appendTo(island_choices);
//add island choices container to the main container.
island_choices_container.appendTo(main_container);
//set styles for dialog.
var loader = $("#update-dialog");
loader.css({
"left": "35%",
"top": "200px",
"width": "30%"
});
//Display links to correct search results
$("#overlay-update").css("visibility", "visible");
//$("#update-dialog").html(""+island_choices.html()+"