');
mt.appendChild(li);
var req = getHTTPObject();
req.open("GET", site_root +'q_pop_mytrulia.php?ts=' + new Date().valueOf());
req.onreadystatechange =
function()
{
if (req.readyState == 4)
{
var xml = req.responseXML;
if (xml && xml.documentElement)
{
var links = new Array();
links['rp'] = xml.getElementsByTagName('rp');
links['sp'] = xml.getElementsByTagName('sp');
links['rs'] = xml.getElementsByTagName('rs');
links['ss'] = xml.getElementsByTagName('ss');
var labels = {'rp':'Recently Viewed Homes','sp':'Saved Homes','rs':'Recent Searches','ss':'Saved Searches'};
var link_types = new Array('rp', 'sp', 'rs', 'ss');
for (var i = 0; i < link_types.length; ++i)
{
var the_type = link_types[i];
if (links[the_type].length > 0)
{
var li = newli(' '+labels[the_type]+'');
mt.appendChild(li);
for(var j = 0; j < links[the_type].length; ++j)
{
var lli = newli(links[the_type][j].getAttribute('link'));
mt.appendChild(lli);
}
}
}
}
var wait = xb_get_element('pop_mt_wait');
if (wait)
wait.parentNode.removeChild(wait);
}
}
req.send(null);
}
// creates new li element with a link
function newli(i)
{
var li = document.createElement('li');
li.className = 'small';
li.innerHTML = i;
return li;
}
// see if a heat map is available
function query_available_heat_maps(state_code,location)
{
if (typeof(location) == 'undefined')
var location = '';
//zhmsbdef this is default string in search box
if (location == zhmsbdef)
location = '';
if (!location)
xb_get_element('hm_location').value = '';
if (typeof(state_code) == 'undefined')
var state_code = '';
// no location = we have a heat map, no need to check
if (location == '' && state_code == '')
{
xb_get_element('hm_search_form').submit();
return true;
}
var the_url = site_root + 'q_available_heat_maps.php?s=' + encodeURIComponent(state_code) + '&l=' + encodeURIComponent(location);
var http = getHTTPObject();
http.open("GET", the_url, true);
http.onreadystatechange =
function()
{
if (http.readyState == 4)
{
var rtn = http.responseText;
var a_rtn = rtn.split('|');
var t = a_rtn[0];
if (t == '1')
{
//if the county was found but the user didn't type county then add county
//example returned from ajax 1|County else just 1 or 0
if(xb_get_element('hm_location') && a_rtn.length > 1)
xb_get_element('hm_location').value = location + ' County';
xb_get_element('hm_search_form').submit();
return true;
}
else
{
unhide('hm_search_error');
return false;
}
}
}
http.send(null);
return false;
}
// refreshes ad iframe
function refresh_ad_iframe(i,rand)
{
switch(i)
{
case 'ad_bottom_content' :
var position = 'srp2';
break;
case 'ad_lside_content' :
var position = 'srp3';
break;
case 'ad_rside_content' :
var position = 'srp1';
break;
}
var zip_list = '';
for (id in RFilters.zips)
{
zip_list = zip_list + id + ",";
}
zip_list = zip_list.substring(0, zip_list.length-1);
var nh_list = '';
for (id in RFilters.neighborhoods)
{
nh_list = nh_list + id + ",";
}
nh_list = nh_list.substring(0, nh_list.length-1);
var city_list = '';
for (id in RFilters.all_cities)
{
city_list = city_list + id + ";";
}
city_list = city_list.substring(0, city_list.length-1);
var fr = xb_get_element(i);
if (!fr)
return;
fr.src = site_root + 'trulia_ad.php?city=' + _CITY + '&state=' + _STATE + '&sc=' + position + '&zips=' + zip_list + '&nhs=' + nh_list + '&city_list=' + city_list + '&beds=' + RFilters.beds_string + '&baths=' + RFilters.baths_string + '&adr=' + rand;
}
// removes an element from the dom
function kill(id)
{
var el = xb_get_element(id);
if (el)
el.parentNode.removeChild(el);
}
// makes visible
function make_vis(id)
{
var el = xb_get_element(id);
el.style.visibility = 'visible';
}
// makes invisible
function make_invis(id)
{
var el = xb_get_element(id);
el.style.visibility = 'hidden';
}
// ***************************************************************************
/*
EDITOR FOR NOTES
*/
// ***********************
// constructor
function EditBox(topic_id, parent_id, exists)
{
this.id = topic_id;
this.saved_contents = '';
this.max_length = 1500;
// container
this.container = document.createElement('div');
this.container.id = 'eb_container_'+this.id;
this.container.className = 'editor';
// edit box
var t = document.createElement('textarea');
t.className = 'editor_textarea';
t.cols = 90;
t.rows = 3;
t.value = 'new editor';
this.container.appendChild(t);
// block
var p = document.createElement('p');
this.container.appendChild(p);
// save link
var sl = document.createElement('a');
sl.className = 'editor_link';
sl.href = "javascript:_editor.save()";
sl.innerHTML = '[+] Save';
p.appendChild(sl);
// cancel link
var cl = document.createElement('a');
cl.className = 'editor_link';
cl.href = "javascript:_editor.cancel()";
cl.innerHTML = '[x] Cancel';
p.appendChild(cl);
// delete link -- only for existing notes
if (exists)
{
var dl = document.createElement('a');
dl.className = 'delete_link editor_link';
dl.href = "javascript:_editor.delete_note()";
dl.innerHTML = '[-] Clear';
p.appendChild(dl);
}
// sets editor
this.editor = this.get_editor();
// hidden editor
if (parent_id!=null)
{
// add to parent
this.add_to_parent(parent_id);
// focus edit box
this.focus_editor();
}
}
// destructor
EditBox.prototype.destroy = function()
{
kill(this.container.id);
release_mutex(_EDITOR_MUTEX);
_editor = null;
}
// returns the textarea
EditBox.prototype.get_editor = function()
{
return this.container.firstChild;
}
// returns true if size is ok
EditBox.prototype.check_size = function()
{
return (trim(this.get_editor().value).length <= this.max_length);
}
// focuses the edit box
EditBox.prototype.focus_editor = function()
{
this.editor.focus();
}
// returns true if the element needs to be saved
EditBox.prototype.is_dirty = function()
{
return (this.saved_contents != this.get_contents());
}
// save action (default)
EditBox.prototype.save = function()
{
if (this.get_length() > this.max_length)
alert('Your note is a bit long. We\'ll have to truncate it.');
this.save_action(this);
}
// delete action (default)
EditBox.prototype.delete_note = function()
{
this.delete_action(this);
}
// cancel action (default)
EditBox.prototype.cancel = function()
{
this.cancel_action(this);
}
// sets the save action to be performed on save
EditBox.prototype.set_save_action = function(f)
{
this.save_action = f;
}
// sets the cancel action
EditBox.prototype.set_cancel_action = function(f)
{
this.cancel_action = f;
}
// sets the delete action
EditBox.prototype.set_delete_action = function(f)
{
this.delete_action = f;
}
// returns the text in the edit box
EditBox.prototype.get_contents = function()
{
return trim(this.editor.value);
}
// length of note
EditBox.prototype.get_length = function()
{
return trim(this.editor.value).length;
}
// returns the editor's topic id (propertyid, etc--the id of what the edited text is about)
EditBox.prototype.get_id = function()
{
return this.id;
}
// adds the editor to its parent
EditBox.prototype.add_to_parent = function(parent_id)
{
if (xb_get_element(parent_id))
xb_get_element(parent_id).appendChild(this.container);
}
// sets contents of edit box
EditBox.prototype.set_contents = function(c)
{
this.editor.value = c;
}
// sets saved contents for undo
EditBox.prototype.set_undo_contents = function(c)
{
this.saved_contents = c;
}
// reverts contents to undo
EditBox.prototype.undo = function(c)
{
this.set_contents(this.saved_contents);
}
// inserts arbitrary text at caret position
EditBox.prototype.insert_at_caret = function(insert_text)
{
// ie
if (document.selection)
{
this.focus_editor();
var sel = document.selection.createRange();
sel.text = insert_text;
}
// moz
else if (this.editor.selectionStart || this.editor.selectionStart == '0')
this.editor.value = this.editor.value.substring(0, this.editor.selectionStart) + insert_text + this.editor.value.substring(this.editor.selectionEnd);
// fallback: insert at the end
else
this.editor.value += insert_text;
this.focus_editor();
}
// ***********************
// called if editor is dirty and not saved
function check_editor()
{
// if there's no editor, do nothing
if (is_mutex_free(_EDITOR_MUTEX))
return true;
// if the editor isn't dirty, do nothing
if (!(_editor.is_dirty()))
return true;
// autosave
save_property_note(_editor);
return true;
}
// creates an editor
function edit_property_note(propertyId)
{
// only one editor allowed
if (set_mutex(_EDITOR_MUTEX, propertyId))
{
// sets content of edit box
var edit_box_text = xb_get_element('note_c_'+propertyId).innerHTML;
var note_exists = (edit_box_text != '');
// hide existing note
hide('note_c_'+propertyId);
_editor = new EditBox(propertyId, 'note_container_'+propertyId, note_exists);
_editor.set_contents(html_to_txt_br(edit_box_text));
_editor.set_undo_contents(edit_box_text);
// sets save and cancel actions
_editor.set_save_action(function(ed){save_property_note(ed,'save');});
_editor.set_delete_action(function(ed){save_property_note(ed,'delete');});
_editor.set_cancel_action(function(ed){cancel_property_note(ed);});
// remove edit link
hide('note_edit_link_container_'+propertyId);
}
// decide what to do with the other open editor
else
{
// no change to current note? cancel out of it and edit the next one
if (!_editor.is_dirty() || _editor.get_contents() == '')
{
cancel_property_note(_editor);
edit_property_note(propertyId);
}
// current note has been modified
// autosave
else
{
save_property_note(_editor,'save',function(){edit_property_note(propertyId);});
}
}
}
// save a property note and close editor
function save_property_note(editor,action,post_save_fn)
{
var pid = editor.get_id();
var text = editor.get_contents();
if (text == '' && action != 'delete')
{
editor.focus_editor();
return false;
}
// do the saving
var l_http = getHTTPObject();
var the_url = site_root + 'q_save_property_note.php';
var arg_str = "pid=" + encodeURIComponent(pid) + "&utkn=" + encodeURIComponent(utkn);
if (action == 'delete')
arg_str += '&action=delete';
else
arg_str += "&n=" + encodeURIComponent(text);
l_http.open("POST", the_url, true);
l_http.setRequestHeader("Content-Type","application/x-www-form-urlencoded; charset=UTF-8");
l_http.send(arg_str);
l_http.onreadystatechange =
function()
{
if (l_http.readyState == 4)
{
var xml = l_http.responseXML;
if (xml && xml.documentElement)
{
var the_note = xml.documentElement.getElementsByTagName('note')[0];
var status = the_note.getAttribute('s');
var the_note_note = the_note.getAttribute('n');
var tsc = the_note.getAttribute('tsc');
var tse = the_note.getAttribute('tse');
// success?
if (status == '1')
{
// close edit box (also releases mutex)
editor.destroy();
// restores non-edit note display
xb_get_element('note_c_'+pid).innerHTML = txt_to_html_br(the_note_note);
// restores non-edit version
unhide('note_c_'+pid);
// change link text if necessary
if (action == 'delete')
{
// hide header
hide('note_header_'+pid);
xb_get_element('note_c_'+pid).innerHTML = '';
xb_get_element('note_edit_link_'+pid).innerHTML = 'My notes';
// hides delete link
hide('note_delete_link_'+pid);
}
else
{
// hide header
unhide('note_header_'+pid);
xb_get_element('note_edit_link_'+pid).innerHTML = 'Edit';
// shows delete link
unhide('note_delete_link_'+pid);
}
// restores edit link
unhide('note_edit_link_container_'+pid);
// perform the post save function
if (post_save_fn)
post_save_fn();
}
else
{
alert('Sorry--we were unable to save your note.');
}
}
else
{
alert('Sorry--we were unable to save your note.');
}
}
}
}
// cancel a property note
function cancel_property_note(editor)
{
var pid = editor.get_id();
// close edit box (also releases mutex)
editor.destroy();
// restores non-edit version
unhide('note_c_'+pid);
// restores edit link
unhide('note_edit_link_container_'+pid);
}
// delete a property note
function delete_property_note(pid)
{
var eb = new EditBox(pid,null,true);
save_property_note(eb,'delete');
eb = null;
}
// toggles property note
function toggle_property_note(pid, force_state)
{
var edid = 'note_c_'+pid;
var ed = xb_get_element(edid);
if (ed)
{
var action = 'hide';
if (typeof(force_state) != 'undefined')
{
if (force_state == true)
action = 'show';
else
action = 'hide';
}
else
{
if (ed.style.display == '' || ed.style.display == 'inline')
action = 'hide';
else
action = 'show';
}
if (action == 'show')
{
unhide(edid);
}
else
{
hide(edid);
}
}
}
// replaces \n with
function txt_to_html_br(t)
{
return trim(t).replace(/\n/g,' ');
}
// replaces with \n
function html_to_txt_br(t)
{
return t.replace(//ig,"\n");
}
// returns today's date without all the fluff of UTC date
function format_date()
{
var days = new Array('Sun','Mon','Tue','Wed','Thu','Fri','Sat');
var months = new Array('Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sep','Oct','Nov','Dec');
var d = new Date();
return days[d.getUTCDay()]+', '+months[d.getUTCMonth()]+' '+d.getDate()+' '+d.getFullYear();
}
/**
@nStr - str to format with commas
*/
function addCommas(nStr)
{
nStr += '';
x = nStr.split('.');
x1 = x[0];
x2 = x.length > 1 ? '.' + x[1] : '';
var rgx = /(\d+)(\d{3})/;
while (rgx.test(x1)) {
x1 = x1.replace(rgx, '$1' + ',' + '$2');
}
return x1 + x2;
}
/* END EDITOR FOR NOTES */
// ***************************************************************************
// sets a cookie and session var
function set_csp(key,c,s)
{
if (c != 1 && c != 0)
c = 0;
if (s != 1 && s != 0)
s = 0;
var req = getHTTPObject();
var the_url = site_root + 'q_set_csp.php?ts=' + (new Date().valueOf())+'&c='+c+'&s='+s+'&key='+key;
req.open("GET", the_url, true);
req.onreadystatechange = function() {};
req.send(null);
}
// asks if the user wants to create an account
function alert_login(type)
{
var msg = 'You must be logged in to save ' + type + '.\nClick OK to log in or sign up for an account--it only takes a minute!';
return confirm(msg);
}
// if any properties have been mutexed into a queue
// process them now
function process_save_queue()
{
if (save_queue.is_empty())
{
release_mutex(_SAVE_MUTEX);
return;
}
var next;
save_queue.it_start();
while((next = save_queue.it_next_element()))
{
save_property(next);
}
}
// if any subscription was pending, do it now
function process_subscribe_queue()
{
if (sub_queue.is_empty())
return;
subscribe(-1);
}
// pulls and displays the ads from google search
// @param q google_kw aka the keywords, can be comma delimited
// @param ads google_ad_fmt is ignored
// @param page google_pg is an int
// @param parent_id the div id that the google ads will be written into
// @param channel whatever channel for that ad, can be comma delimited list
// @param ad_template an int
// @param state_format an int
function display_adsense(q,topic,ads,page,parent_id,channel,ad_template,state_format)
{
if (typeof(ad_template)=='undefined')
var ad_template = 1;
if (typeof(topic)=='undefined')
var topic = "Real Estate";
if (typeof(state_format)=='undefined')
var state_format = 2;
var ch = (typeof(channel) != 'undefined') ? channel : '';
var http = getHTTPObject();
http.open("GET", site_root+"q_adsense.php?state_format="+encodeURIComponent(state_format)+"&template="+encodeURIComponent(ad_template)+"&q="+encodeURIComponent(q)+'&topic='+encodeURIComponent(topic)+'&ads='+encodeURIComponent(ads)+'&p='+encodeURIComponent(page)+'&ch='+encodeURIComponent(ch)+'&city='+encodeURIComponent(_AD_CITY)+'&returntype=html');
http.onreadystatechange =
function()
{
if (http.readyState == 4)
{
var ad_div = xb_get_element(parent_id);
if(ad_div)
ad_div.innerHTML=http.responseText
// php google proxy is doing the xml parsing for us now.
}
}
http.send(null);
}
// sorts ints stored as strings
function sortint(a,b)
{
return parseInt(a)-parseInt(b);
}
var _EMAIL_SIGNUP = new Object();
// shows the email property alert form (to sign up for email alerts)
// @param e event
// @param propertyId property id for the email alerts
// @param propertyHash property hash for the email alerts
// @param stateCode state code of the property for the email alerts
// @param price price of the property for the email alerts
// @param status status of the property for the email alerts
// @param layerId for placement
function show_email_property_alert_box(e, propertyId, propertyHash, stateCode, price, status, layerId)
{
if (typeof(layerId)=='undefined')
var layerId = 1;
for (i in _EMAIL_SIGNUP)
delete _EMAIL_SIGNUP[i];
_EMAIL_SIGNUP['property_id'] = propertyId;
_EMAIL_SIGNUP['property_hash'] = propertyHash;
_EMAIL_SIGNUP['state_code'] = stateCode;
_EMAIL_SIGNUP['price'] = price;
_EMAIL_SIGNUP['status'] = status;
var status_str = (status == 'For Sale' ? 'sold' : 'listed for sale');
if(xb_get_element('email_status_display'))
xb_get_element('email_status_display').innerHTML = status_str;
switch (status)
{
case 'For Sale':
str = 'sold';
break;
}
switch (layerId)
{
case 1:
show_pos_menu(e, 'email_property_alert_form', 38, -223);
break;
case 2:
show_pos_menu(e, 'email_property_alert_form', -330, -100);
break;
default:
show_pos_menu(e, 'email_property_alert_form', -140, 10);
}
hide('email_property_subscribe_status');
//unhide('email_property_alert_form');
}
function email_property_subscribe()
{
hide('email_property_subscribe_status');
var pageURL = site_root + "q_property_email_subscribe.php?";
var propertyId = _EMAIL_SIGNUP['property_id'];
var propertyHash = _EMAIL_SIGNUP['property_hash'];
var propertyStateCode = _EMAIL_SIGNUP['state_code'];
var propertyPrice = _EMAIL_SIGNUP['price'];
var propertyStatus = _EMAIL_SIGNUP['status'];
var alertPropStatus = xb_get_element('alertPropertyStatus').checked;
var alertComps = xb_get_element('alertPropertyComps').checked;
if(alertPropStatus)
{
alertPropStatus=1;
frequencyPropStatus = xb_get_element('propertyStatusFrequency').value;
}
else
{
alertPropStatus=0;
frequencyPropStatus = 'none';
}
if(alertComps)
{
alertComps=1;
frequencyComps = xb_get_element('propertyCompsFrequency').value;
}
else
{
alertComps=0;
frequencyComps = 'none';
}
if(!alertComps && !alertPropStatus)
{
var status = xb_get_element('email_property_subscribe_status');
status.innerHTML = 'Please select an email alert option to subscribe to.';
unhide('email_property_subscribe_status');
return;
}
var paramString='';
paramString+="ps="+alertPropStatus+"&pf="+frequencyPropStatus+"&cs="+alertComps+"&cf="+frequencyComps+"&pid="+propertyId+"&ph="+propertyHash+
"&st="+propertyStateCode+"&pr="+propertyPrice+"&pst="+propertyStatus;
var httpObj = getHTTPObject();
httpObj.open("GET", pageURL+paramString, true);
httpObj.onreadystatechange =
function()
{
if(httpObj.readyState==4)
{
var xml = httpObj.responseXML;
if (!xml)
return;
var xml_values = xml.documentElement.getElementsByTagName('o')[0];
var propStatus = xml_values.getAttribute('ps');
var compsStatus = xml_values.getAttribute('cs');
var status = xb_get_element('email_property_subscribe_status');
if(propStatus==4)
status.innerHTML = 'Please log in to subscribe.';
else if(propStatus>0 || compsStatus>0)
status.innerHTML = 'Success! Your email alert settings have been saved.';
else if(propStatus==0 && compsStatus==0)
status.innerHTML = '';
else
status.innerHTML = 'ERROR';
unhide('email_property_subscribe_status');
}
}
httpObj.send(null);
}
function show_agent_info(e)
{
agent_box=xb_get_element('agent_about_box');
agent_box.style.position = 'absolute';
agent_box.style.top = '300px';
agent_box.style.left = '450px';
agent_box.style.zIndex = '1500';
agent_box.style.display = 'block';
}
/**
promotional banner at the top of the results page
*/
function TopPromo(city,state)
{
if (typeof(city)=='undefined' || !city)
var city = 'San Francisco';
if (typeof(state)=='undefined' || !state)
var state = 'CA';
this.city = city;
this.state = state;
this.html = new Array();
this.cur = 0;
this.to = null;
this.frequency = 5;
this.url = site_root + 'q_promo_content.php?client=results&city='+encodeURIComponent(this.city)+'&state='+encodeURIComponent(this.state);
this.cycles = 0;
this.reload_after = 1;
this.running = false;
this.container_id = 'promo_text';
this.loaded = false;
}
TopPromo.prototype.set_frequency = function(sec)
{
this.frequency = sec;
}
TopPromo.prototype.set_reload_after = function(rot)
{
this.reload_after = rot;
}
TopPromo.prototype.load = function(rotate)
{
this.loaded = true;
var http = getHTTPObject();
var _me = this;
http.open("GET", this.url + '&ts=' + new Date().valueOf());
http.onreadystatechange =
function()
{
if (http.readyState == 4)
{
var xml = http.responseXML;
if (xml && xml.documentElement)
{
var cells = xml.getElementsByTagName('cell');
for (var i = 0; i < cells.length; ++i)
{
_me.html[i] = cells[i].getAttribute('html');
}
this.cycles = 0;
if (_me.html.length > 0 && rotate)
_me.rotate();
}
}
}
http.send(null);
}
TopPromo.prototype.load_from_cache = function(rotate)
{
var cells = get_ids_with_prefix('div', 'vcpc_')
if (cells.length < 1)
{
this.stop(true);
this.loaded = false;
}
else
{
for (var i = 0; i < cells.length; ++i)
{
this.html[i] = xb_get_element(cells[i]).innerHTML;
}
this.loaded = true;
this.cycles = 0;
if (this.html.length > 0 && rotate)
this.rotate();
}
}
TopPromo.prototype.stop = function(closed)
{
if (this.to)
clearTimeout(this.to);
this.running = false;
// remember
if (closed)
{
// remove element
var pt = xb_get_element(this.container_id);
if (pt)
pt.parentNode.removeChild(pt);
set_csp('9a5401',1,1);
}
}
TopPromo.prototype.start = function()
{
this.running = true;
var _me = this;
this.to = setTimeout(function(){_me.rotate();}, this.frequency * 1000);
}
TopPromo.prototype.rotate = function()
{
if (!this.loaded)
return;
var pt = xb_get_element(this.container_id);
if (!pt)
{
return;
}
var size = this.html.length;
if (size <= 0)
{
return;
}
if (this.cur == size - 1)
{
this.cur = 0;
++this.cycles;
if (this.reload_after > 0 && this.cycles >= this.reload_after)
{
this.load(false);
}
}
pt.innerHTML = this.html[this.cur];
if (this.cur < size - 1)
++this.cur;
this.start();
}
TopPromo.prototype.next = function()
{
if (!this.loaded)
return;
var pt = xb_get_element(this.container_id);
if (!pt)
return;
if (this.cur == this.html.length - 1)
this.cur = 0;
else
++this.cur;
pt.innerHTML = this.html[this.cur];
}
TopPromo.prototype.previous = function()
{
if (!this.loaded)
return;
var pt = xb_get_element(this.container_id);
if (!pt)
return;
if (this.cur == 0)
this.cur = this.html.length - 1;
else
--this.cur;
pt.innerHTML = this.html[this.cur];
}
TopPromo.prototype.pause = function(trigger)
{
if (this.running)
{
this.stop();
}
else
{
this.next();
this.start();
}
if (trigger)
this.update_pause_btn(trigger);
}
TopPromo.prototype.update_pause_btn = function(btn)
{
// if this is a graphical button
if (typeof(btn) != 'undefined' && typeof(btn.src) != 'undefined')
{
var play = xb_get_element('_img_play').src;
var play_hl = xb_get_element('_img_play_hl').src;
var pause = xb_get_element('_img_pause').src;
var pause_hl = xb_get_element('_img_pause_hl').src;
if (this.running)
{
btn.src = pause;
btn.onmouseover = function() { this.src = pause_hl; };
btn.onmouseout = function() { this.src = pause; };
btn.alt = "Pause";
}
else
{
btn.src = play;
btn.onmouseover = function() { this.src = play_hl; };
btn.onmouseout = function() { this.src = play; };
btn.alt = "Play";
}
}
// if this is a text button
else
{
if (this.running)
{
btn.innerHTML = '| |';
btn.title = 'Pause';
}
else
{
btn.innerHTML = '>';
btn.title = 'Play';
}
}
}
// QATopPromo
function QATopPromo(locationId, categoryId, container_id)
{
this.html = new Array();
this.cur = 0;
this.to = null;
this.url = site_root + 'q_promo_content.php?client=qalanding&locationId='+encodeURIComponent(locationId);
this.container_id = typeof(container_id) != 'undefined' && xb_get_element(container_id) ? container_id : 'promo_text';
}
OOP.extend(QATopPromo, TopPromo);
var used = new Array();
/**
Finds computed width and heigth of an element
@param el required, element. Can be id or actual element
@return array {height: x, width:y}
**/
function get_object_dimensions(el)
{
// check valid parameter
el = xb_get_element(el);
if (!el)
return { 'height': null, 'width': null };
// element can't be display none if we want to get the dims
if (el.style.display == 'none')
{
el.style.display = '';
var changed_display = true;
}
var objWidth = 0;
var objHeight = 0;
if (el.offsetWidth || el.offsetWidth === 0)
{
objWidth = el.offsetWidth;
objHeight = el.offsetHeight;
}
else if (document.defaultView.getComputedStyle)
{
objHeight = document.defaultView.getComputedStyle(el, "").getPropertyValue("height");
objWidth = document.defaultView.getComputedStyle(el, "").getPropertyValue("width");
}
else if (el.clip)
{
objWidth = el.clip.width;
objHeight = el.clip.height;
}
if (changed_display)
el.style.display = 'none';
return { 'height':objHeight, 'width':objWidth };
}
/**
Makes an element appear/fade onscreen
Only first param is required
Default behavior is to fade
@param el required, element to fade in/out. Can be id or actual element
@param start optional, opacity to begin with. Should be between 0 and 100
@param end optional, opacity to end with. Should be between 0 and 100
@param dis optional, style.display settings wanted, can be "block", "inline", or "". Not used for fade
@param speed optional, duration of the transition in milliseconds, 500 means 0.5 seconds for a transition that requires
100 changes. If you change from 50 to 100 it will only take 250 milliseconds. Default is 700.
@return nothing
**/
function fade_effect(el, start, end, dis, speed)
{
var timer = 0;
// check that speed is defined and valid
if (typeof(speed) == 'undefined')
speed = 700;
else if (speed > 1000)
speed = 1000;
else if (speed < 10)
speed = 10;
speed = Math.round(speed / 100);
// check that start defined
if (typeof(start) == 'undefined')
{
if (end >= 50)
start = 0;
else
start = 100;
}
// check that end defined
if (typeof(end) == 'undefined')
{
if (start >= 50)
end = 0;
else
end = 100;
}
// check that start valid
if (start > 100)
start = 100;
else if (start < 0)
start = 0;
// check that end valid
if (end > 100)
end = 100;
else if (end < 0)
end = 0;
// appear
if (end > start)
var eff = 1;
// fade
else
{
var eff = -1;
dis = 'none'
}
// do effect
while (eff * start <= eff * end)
{
setTimeout('set_opac("' + el + '",' + start + ',"' + dis + '")', timer * speed);
// Math.round used to fix js binary num representation of fraction issues + '")', timer);
start = Math.round((start + eff) * 100) / 100 ;
timer++;
}
}
/**
Sets the opacity of an element
@param el element to appear. Can be the id or teh actual element
@param opac opacity level to be set. Can be between 0 and 100
@param dis style.display settings wanted, can be "block", "inline", or ""
@return nothing
**/
function set_opac(el, opac, dis)
{
// check valid parameter
var el = xb_get_element(el);
if (!el)
return;
// element in ie needs to have specified width and/or height for opacity to work
if (is_IE() && typeof(el.style.width) == 'undefined' && typeof(el.style.height) == 'undefined')
{
var dim = get_object_dimensions(el);
// don't set height if it's 0
if (dim.height === 0)
{
if (dim.width === 0)
el.style.height = '';
else
el.style.width = dim.width;
}
else
el.style.height = dim.height;
}
// check that opacity specified and valid. If it's 100 take out filter
if (typeof(opac) == 'undefined' || opac >= 100)
{
moz_opac = '';
ie_opac = '';
}
else if (opac <= 0)
{
moz_opac = 0;
ie_opac = 0;
}
else
{
moz_opac = opac / 100;
ie_opac = 'alpha(opacity=' + opac + ')';
}
// set opacity
el.style.opacity = moz_opac;
el.style.MozOpacity = moz_opac;
el.style.KhtmlOpacity = moz_opac;
el.style.filter = ie_opac;
// if opac is at 0 or less, set the style.display
if (opac === 0)
{
if (typeof(dis) == 'undefined' || (dis != 'none' && dis != 'block' && dis != 'inline'))
el.style.display = '';
else
el.style.display = dis;
}
}
/**
Checks if an element has a class
@param el element to check. Can be the id or the actual element
@param searched_class class to checked
@return boolean
**/
function has_class(el, searched_class)
{
if (typeof(searched_class) == 'undefined')
return false;
// check valid parameter
el = xb_get_element(el);
if (!el)
return false;
var class_array = el.className.split(' ');
for(var i in class_array)
{
if (class_array[i] == searched_class)
return true;
}
return false;
}
/**
Adds a class to an element
@param el element whose class to add. Can be the id or the actual element
@param add_class class to be added
@return nothing
**/
function add_class(el, added_class)
{
if (typeof(added_class) == 'undefined')
return false;
// check valid parameter
el = xb_get_element(el);
// if element doesn't exist, or class already there, or no class to add
if (!el || has_class(el, added_class))
return false;
el.className = el.className + ' ' + added_class;
return true;
}
/**
Removes a class from an element
@param el element whose class to remove. Can be the id or the actual element
@param remove_class class to be removed
@return nothing
**/
function remove_class(el, removed_class)
{
if (typeof(removed_class) == 'undefined')
return false;
// check valid parameter
el = xb_get_element(el);
// if element doesn't exist, or class not there, or no class to remove
if (!el)
return false;
var class_array = el.className.split(' ');
var class_changed = false;
for (var i in class_array)
{
if (class_array[i] == removed_class)
{
// delete removed_class
class_array.splice(i, 1);
class_changed = true;
}
}
if (class_changed)
el.className = class_array.join(' ');
return class_changed;
}
/**
Changes class of element
@param el element whose class to toggle. Can be the id or the actual element
@param add_class class to be added
@param remove_class clas to be removed
@return nothing
**/
// function toggle_class(el, added_class, removed_class)
// {
// if (added_class)
// add_class(el, added_class);
//
// if (removed_class)
// remove_class(el, removed_class);
// }
// new function to be tested
function toggle_class(el, added_class, removed_class)
{
// check if adding
add = false;
if (typeof(added_class) != 'undefined' && added_class)
add = true;
// check if removing
remove = false;
if (typeof(removed_class) != 'undefined' && removed_class)
remove = true;
// if not adding or removing return
if (!add && !remove )
return false;
el = xb_get_element(el);
// if element doesn't exist
if (!el)
return false;
var class_array = el.className.split(' ');
var class_changed = false;
for (var i in class_array)
{
if (remove && class_array[i] == removed_class)
{
// delete removed_class
class_array.splice(i, 1);
class_changed = true;
}
if (add && class_array[i] == added_class)
add = false;
}
if (add)
{
class_array[class_array.length] = added_class;
class_changed = true;
}
if (class_changed)
el.className = class_array.join(' ');
return class_changed;
}
function is_IE()
{
return (navigator.appName.indexOf("Microsoft Internet Explorer") > -1);
};
function is_IE6()
{
return (navigator.appName.indexOf("Microsoft Internet Explorer") > -1 && !window.XMLHttpRequest)
}
function is_IE7()
{
return (navigator.appName.indexOf("Microsoft Internet Explorer") > -1 && window.XMLHttpRequest)
}
// clones an event and positioning attributes
// @param obj the object to clone
// @return the cloned object
function clone_obj(obj)
{
if (typeof(obj) != 'object')
return null;
try
{
var new_obj = new Object;
if (typeof(obj.pageX) != 'undefined')
new_obj['pageX'] = obj.pageX;
if (typeof(obj.pageY) != 'undefined')
new_obj['pageY'] = obj.pageY;
if (typeof(obj.clientX) != 'undefined')
new_obj['clientX'] = obj.clientX;
if (typeof(obj.clientY) != 'undefined')
new_obj['clientY'] = obj.clientY;
return new_obj;
}
catch (e)
{
return null;
}
}
// DOMUtils namespace
function DOMUtils() {};
// assigns inner HTML to element by id, and does error checking
DOMUtils.fill_element = function(id, html)
{
var el = xb_get_element(id);
if (el && typeof(html) != 'undefined' && html != null)
el.innerHTML = html;
}
// returns inner html of an element
DOMUtils.get_inner_html = function(id)
{
var el = xb_get_element(id);
if (el && typeof(el.innerHTML) != 'undefined')
return el.innerHTML;
return '';
}
// removes from dom
DOMUtils.remove_element = function(id)
{
var el = xb_get_element(id);
if (el && el.parentNode)
el.parentNode.removeChild(el);
}
// disables a button
DOMUtils.disable_button = function(btn, dis)
{
if (typeof(btn) != 'undefined' && btn.disabled)
btn.disabled = dis;
}
// hides selects under element for ie
// @param el the element under which to hide the selects
// @param left optional. the left position of the element
// @param top optional. the top position of the element
// @param width optional. the width of the element
// @param height optional. the height of the element
DOMUtils.hide_selects_by_el = function(el, left, top, width, height)
{
if (!is_IE() || is_IE7())
return;
var iframe_id = 'ie_iframe';
var el = xb_get_element(el);
if (el)
{
var top_z_index = el.style.zIndex;
if (typeof(top_z_index) == 'undefined' || !top_z_index)
top_z_index = 995;
var iframe = xb_get_element(iframe_id);
if (iframe)
iframe.parentNode.removeChild(iframe);
if (typeof(left) == 'undefined' || !left)
{
var left = el.style.left;
if (typeof(left) == 'undefined' || !left)
left = findPosX(el) + 'px';
}
if (typeof(top) == 'undefined' || !top)
{
var top = el.style.top;
if (typeof(top) == 'undefined' || !top)
top = findPosY(el) + 'px';
}
if (typeof(width) == 'undefined' || !width || typeof(height) == 'undefined' || !height)
{
var dim = get_object_dimensions(el);
var width = dim.width + 'px';
var height = dim.height + 'px';
}
// alert(el.parentNode.tagName);
iframe = document.createElement('iframe');
iframe.id = iframe_id;
iframe.style.position = 'absolute';
iframe.style.left = left;
iframe.style.top = top;
iframe.style.height = height;
iframe.style.width = width;
iframe.style.zIndex = top_z_index - 1;
el.style.zIndex = top_z_index;
// iframe.style.display = 'block';
// iframe.style.filter = 'mask()';
var parent = el.parentNode;
if (typeof(parent) == 'undefined' || !parent || !parent.tagName)
{
document.appendChild(iframe);
}
else if (parent.tagName == 'LI')
{
parent = parent.parentNode;
if (typeof(parent) == 'undefined' || !parent)
document.appendChild(iframe);
else
parent.appendChild(iframe);
}
else
{
parent.appendChild(iframe);
}
// var left = findPosX(el);
// var top = findPosY(el);
// var dim = get_object_dimensions(el);
// var width = dim.width;
// var height = dim.height;
//
// hide_selects(left, top, width, height);
//
// // if we hid the element's selects
// if (el.getElementsByTagName('select'))
// {
// unhide_el_selects(el);
// }
}
}
// ****************************
// ajax wrapper
// ****************************
function QAjax(aj_field,add_values)
{
this.values = new Object();
this.script = '';
this.method = 'get';
this.output = 'text';
this.callback = this.default_callback;
// if you have an _aj_scripts object with script information
// you can use it here
if (typeof(aj_field) != 'undefined' && aj_field != null && typeof(_aj_scripts[aj_field]) != 'undefined')
this.set_script_info(_aj_scripts[aj_field]);
if (typeof(add_values) != 'undefined')
{
for (var i in add_values)
{
this.set_value(i, add_values[i]);
}
}
}
// sets callback function on ready state
QAjax.prototype.set_callback = function(f)
{
this.callback = f;
}
// default callback on ready state
QAjax.prototype.default_callback = function(output)
{
//alert('default callback ' + output);
}
// sets a value to update
QAjax.prototype.set_value = function(n,v)
{
this.values[n] = v;
}
// forces cache break
QAjax.prototype.break_cache = function()
{
this.set_value('nocache', new Date().valueOf());
}
// sets values from form
QAjax.prototype.set_from_form = function(frm)
{
for (var i = 0; i < frm.length; ++i)
{
var frmel = frm.elements[i];
if ((frmel.type == 'checkbox' || frmel.type == 'radio') && !frmel.checked)
continue;
this.set_value(frmel.name, frmel.value);
}
if (frm.method)
this.method = frm.method;
if (frm.action)
this.script = frm.action;
}
// sets the script, method and output type
// stored in global var _aj_scripts, but could be elsewhere
QAjax.prototype.set_script_info = function(si)
{
this.script = si.script;
this.method = si.method;
this.output = si.output;
}
// function to perform the ajax call
QAjax.prototype.go = function()
{
// build argument string
var arg_str = '';
for (var i in this.values)
arg_str += (i+'='+encodeURIComponent(this.values[i])+'&');
if (typeof(_qa_remct_tkn) != 'undefined')
arg_str += 'tkn='+encodeURIComponent(_qa_remct_tkn)+'&';
if (this.method == 'get')
this.do_get(arg_str);
else
this.do_post(arg_str);
}
// post
QAjax.prototype.do_post = function(arg_str)
{
var http = getHTTPObject();
http.open("POST", site_root + this.script, true);
http.setRequestHeader("Content-Type","application/x-www-form-urlencoded; charset=UTF-8");
http.send(arg_str);
var _callback = this.callback;
var _output = this.output;
http.onreadystatechange = function()
{
if (http.readyState == 4)
{
if (_output == 'xml')
_callback(http.responseXML);
else
_callback(http.responseText);
}
}
}
// get
QAjax.prototype.do_get = function(arg_str)
{
var http = getHTTPObject();
http.open("GET", site_root + this.script + '?' + arg_str);
var _callback = this.callback;
var _output = this.output;
http.onreadystatechange = function()
{
if (http.readyState == 4)
{
if (_output == 'xml')
_callback(http.responseXML);
else
_callback(http.responseText);
}
}
http.send(null);
}
// ****** end ajax wrapper *****
// ****** start Autocomplete Object *****
// autocomplete.js
// roger 2008-02-05
// BEGIN SUPPORTING FUNCTIONS
// view port as well
var Client = {
viewportWidth: function() {
return self.innerWidth || (document.documentElement.clientWidth || document.body.clientWidth);
},
viewportHeight: function() {
return self.innerHeight || (document.documentElement.clientHeight || document.body.clientHeight);
},
viewportSize: function() {
return { width: this.viewportWidth(), height: this.viewportHeight() };
}
};
var _KEY_CODES = {'arrow_down':40,'arrow_up':38,'enter':13,'space':32};
function get_key_code(evt)
{
var k;
if(!evt)
{
var evt;
//if the browser did not pass the event information to the
//function, we will have to obtain it from the event register
if(window.event)
evt = window.event;
else
return null;
}
if(typeof(evt.keyCode) == 'number')
k = evt.keyCode;
else if(typeof(evt.which) == 'number')
k = evt.which;
else if (typeof(evt.charCode) == 'number')
k = evt.charCode;
else
return null;
return {'code':k,'character':String.fromCharCode(k) };
}
// http://www.quirksmode.org/js/findpos.html
function findPos(obj)
{
var curleft = curtop = 0;
if (obj.offsetParent)
{
do
{
curleft += obj.offsetLeft;
curtop += obj.offsetTop;
}
while (obj = obj.offsetParent);
}
return {'x':curleft,'y':curtop};
}
// find page height
// http://codylindley.com/Webdev/295/javascript-get-page-height-with-scroll
function get_page_dimensions()
{
var pageWidth = 0;
var pageHeight = 0;
if( window.innerHeight && window.scrollMaxY )
// Firefox
{
pageWidth = window.innerWidth + window.scrollMaxX;
pageHeight = window.innerHeight + window.scrollMaxY;
}
else if(document.body.scrollHeight > document.body.offsetHeight ) // all but Explorer Mac
{
pageWidth = document.body.scrollWidth;
pageHeight = document.body.scrollHeight;
}
else // works in Explorer 6 Strict, Mozilla (not FF) and Safari
{
pageWidth = document.body.offsetWidth + document.body.offsetLeft;
pageHeight = document.body.offsetHeight + document.body.offsetTop;
}
return {'width':pageWidth,'height':pageHeight};
}
// END SUPPORTING FUNCTIONS
// simpl object to attach and stop events
var Event = {
add: function()
{
if (window.addEventListener) {
return function(el, type, fn) {
el = xb_get_element(el);
if (el) {
el.addEventListener(type, fn, false);
}
};
} else if (window.attachEvent) {
return function(el, type, fn) {
var f = function() {
el = xb_get_element(el);
if (el) {
fn.call(el, window.event);
}
};
el = xb_get_element(el);
if (el) {
el.attachEvent('on' + type, f);
}
};
}
}(),
stop: function(e) {
if (e && typeof(e) != 'undefined')
{
if (e.preventDefault)
{
e.preventDefault();
}
else
{
e.returnValue = false;
}
if (e.stopPropagation)
{
e.stopPropagation();
}
else
{
e.cancelBubble = true;
}
}
return false;
}
};
// Autocomplete object
function Autocomplete(query_type, parent_id, form, field, value_field, default_value, location_type)
{
if( document.captureEvents && Event.KEYUP )
{
document.captureEvents( Event.KEYUP );
}
// the autocomplete panel holding suggestions
this.panel = null;
// list inside panel
this.list = null;
// the dom element to attach panel to
this.parent = xb_get_element(parent_id);
// the id prefix
this.id_prefix = parent_id + "_";
// index of preselected item (-1 if none)
this.preselected = -1;
// form the field attached to the autocomplete belongs to
this.form = form;
// the autocomplete field used to query
this.field = form[field];
// the field you set after selection
this.value_field = form[value_field];
// flag to trigger (or not trigger) a reload
this.can_load = false;
// id of timeout
this.timeout = null;
// default timeout duration
this.timeout_duration = 350;
// throbber
this.wait_url = 'http://images.trulia.com/images/qa/loading_white_sml.gif';
// number of links
this.size = 0;
// max number of links
this.max_size = 30;
// items
this.items = null;
// last string that triggered a load; don't reload if it hasn't changed
this.last_trigger_value = '';
// query type
this.query_type = query_type;
// reverse--testing
this.reverse = false;
// min query length to trigger a lookup
this.min_query_length = 3;
// allow limiting by location_type
this.locationType = location_type;
// add event handling to the field
// invalidates whenever the value changes
var _me = this;
// trigger handle_edit_box if this is set
var default_value = default_value;
this.field.onfocus = function() { _me.invalidate(false); handle_edit_box(this, default_value, true); }
Event.add(this.field, 'keyup', function(event) { return _me.handle_keyup(event); });
Event.add(this.field, 'keydown', function(event) { return _me.handle_keydown(event);});
Event.add(this.field, 'keypress', function(event) { _me.handle_keypress(event)} );
}
// sets size
Autocomplete.prototype.set_max_size = function(size)
{
this.max_size = size;
}
// sets min query length before lookup
Autocomplete.prototype.set_min_query_length = function(l)
{
this.min_query_length = parseInt(l);
if (this.min_query_length < 1)
this.min_query_length = 3;
}
// sets a different value for the timeout
Autocomplete.prototype.set_timeout_duration = function(dur)
{
this.timeout_duration = parseInt(dur);
}
// returns the field's value
Autocomplete.prototype.get_value = function()
{
return trim(this.field.value);
}
// queries suggestions
Autocomplete.prototype.look_up = function()
{
if (!this.can_load)
return;
var query = this.get_value();
if (query.length < this.min_query_length)
return;
if (query == this.last_trigger_value)
{
this.show_panel();
return;
}
this.last_trigger_value = query;
if (this.panel == null)
this.create_panel(true);
// look up the suggestions
var _me = this;
var ajax = new QAjax();
ajax.set_script_info( {'script':'q_suggestion.php','method':'get','output':'text'} );
ajax.set_value('q', query);
ajax.set_value('query_type', this.query_type);
ajax.set_value('max', this.max_size);
if (this.locationType)
{
ajax.set_value('location_type', this.locationType);
}
ajax.set_callback(
function(text)
{
eval('_me.items='+text);
_me.load_panel();
}
);
ajax.go();
}
// cancels the lookup
Autocomplete.prototype.cancel_timeout = function()
{
if (this.timeout)
{
window.clearTimeout(this.timeout);
this.timeout = null;
this.can_load = false;
}
}
// handles key down events
Autocomplete.prototype.handle_keydown = function(event)
{
var key = get_key_code(event);
if (key)
{
if (key.code == _KEY_CODES.enter)
{
Event.stop(event);
this.select_item(this.preselected);
this.can_load = false;
this.cancel_timeout();
return false;
}
}
this.cancel_timeout();
return;
}
// handles key press events
// this one is is fired when you press Enter from inside a input field in a form
Autocomplete.prototype.handle_keypress = function(event)
{
var key = get_key_code(event);
if (key)
{
if (key.code == _KEY_CODES.enter)
{
Event.stop(event);
return false;
}
}
return;
}
// handles key up (key release) events
Autocomplete.prototype.handle_keyup = function(event)
{
this.can_load = true;
// var _KEY_CODES = {'arrow_down':40,'arrow_up':38,'enter':13};
var key = get_key_code(event);
if (key)
{
switch(key.code)
{
case _KEY_CODES.arrow_down:
this.move_preselected('down');
this.can_load = false;
break;
case _KEY_CODES.arrow_up:
this.move_preselected('up');
this.can_load = false;
break;
case _KEY_CODES.space:
this.select_item(this.preselected);
this.can_load = false;
break;
case _KEY_CODES.enter:
this.select_item(this.preselected);
this.can_load = false;
//this.form.submit();
break;
}
}
if (this.can_load)
{
var _me = this;
this.timeout = setTimeout(function(){_me.look_up();}, this.timeout_duration);
}
if (this.get_value() == '')
this.hide_panel();
return;
}
// creates the panel with the suggestions
Autocomplete.prototype.create_panel = function(wait)
{
this.panel = $$('div');
this.panel.className = 'autocomplete_panel';
if (typeof(wait) != 'undefined' && wait)
this.show_wait();
this.parent.appendChild(this.panel);
}
// loads data into the panel
Autocomplete.prototype.load_panel = function()
{
if (this.panel == null)
this.create_panel();
this.clear_panel();
if (this.items != null)
{
// make a list
this.list = $$('ul');
this.list.className = 'flist';
for (var i in this.items)
{
this.load_item(i);
++this.size;
}
this.panel.appendChild(this.list);
if (this.should_inverse())
this.inverse_panel();
}
else
{
this.value_field.value = 0;
this.show_error();
}
this.show_panel();
if ( this.size == 1)
{
this.exact_match_found();
}
}
// Exact match found. Populate field and close panel.
Autocomplete.prototype.exact_match_found = function()
{
this.select_item('0');
}
// goes down the list
Autocomplete.prototype.move_preselected = function(direction)
{
// unselect previous
this.unpreselect();
if (direction == 'up')
this.preselected -= 1;
else
this.preselected += 1;
// wrap around
if (this.preselected < 0)
this.preselected = this.size - 1;
// wrap around
if (this.preselected >= this.size)
this.preselected = 0;
this.preselect(this.preselected);
}
// selects a value (i.e. sets it in the hidden form field)
Autocomplete.prototype.select = function(val,display)
{
this.value_field.value = val;
this.field.value = display;
this.hide_panel();
}
// selects an item by index
Autocomplete.prototype.select_item = function(index)
{
if (typeof(this.items) == 'undefined' || index < 0 || index >= this.size || typeof(this.items[index]) == 'undefined')
return;
var item = this.items[index];
this.value_field.value = item.value;
this.field.value = item.display;
this.hide_panel();
}
// selects an item by index
// preselects a link in the panel (mouseover)
Autocomplete.prototype.preselect = function(index)
{
// select new one
if (index >= this.size)
index = this.size - 1;
else if (index < 0)
index = 0;
// alert(index);
var el = xb_get_element(this.id_prefix + index);
if (!el)
return;
el.className = "autocomplete_link autocomplete_link_hover";
}
// clears the preselected item
Autocomplete.prototype.unpreselect = function(index)
{
if (this.preselected < 0)
return;
var el = xb_get_element(this.id_prefix + this.preselected);
if (!el)
return;
el.className = "autocomplete_link";
}
// highlights keyword
Autocomplete.prototype.highlight = function(text)
{
if (this.last_trigger_value == '')
return text;
var re = new RegExp('('+this.last_trigger_value+')','ig');
return text.replace(re, "$1");
}
// adds a single item to the panel
//Autocomplete.prototype.load_item = function(item,id,index)
Autocomplete.prototype.load_item = function(index)
{
var _me = this;
var item = this.items[index];
var li = $$('li', this.highlight(item.display), this.id_prefix + index);
li.className = 'autocomplete_link';
li.onclick = function() { _me.select_item(index); }
this.list.appendChild(li);
}
// show error
Autocomplete.prototype.show_error = function()
{
this.clear_panel();
var div = $$('div', 'Sorry—no matches found.');
div.className = 'error';
this.panel.appendChild(div);
}
// show throbber
Autocomplete.prototype.show_wait = function()
{
var img = $$('img');
img.src = this.wait_url;
this.clear_panel();
this.panel.appendChild(img);
}
// clears the panel
Autocomplete.prototype.clear_panel = function()
{
this.size = 0;
this.preselected = -1;
if (!this.panel)
return;
this.panel.innerHTML = '';
}
// hides the panel
Autocomplete.prototype.hide_panel = function()
{
if (!this.panel)
return;
hide(this.panel);
}
// shows the panel
Autocomplete.prototype.show_panel = function()
{
if (!this.panel)
return;
unhide(this.panel);
}
// invalidates (cancels selection)
Autocomplete.prototype.invalidate = function(clear)
{
if (clear)
this.select('','');
this.clear_panel();
this.hide_panel();
this.value_field.value = 0;
}
// decides whether the panel should be shown on top
Autocomplete.prototype.should_inverse = function()
{
var pos = findPos(this.field);
var ht = this.get_height();
var dim = get_page_dimensions();
// show on top IFF
// 1) it would be too tall at the bottom
// 2) there's room at the top
// if you have no room either way, show at the bottom by default
// no room at the top? fuggetabout it
if (ht > pos.y)
return false;
// room at the top AND too tall?
if (ht > Client.viewportHeight() - pos.y)
return true;
return false;
}
// returns height
Autocomplete.prototype.get_height = function()
{
return offset = 16 * this.size;
}
// moves panel up above the input box
Autocomplete.prototype.inverse_panel = function()
{
var offset = -1 * this.get_height() - 18; // allow for edit box itself
this.panel.style.marginTop = offset + 'px';
this.panel.className = 'autocomplete_panel autocomplete_panel_inverted';
}
// ****** end Autocomplete Object *****
//****************************************
// START CLAIM LISTING (for details page)
//****************************************
function show_claim_listing_popup(branded)
{
if (branded === true)
toggle_menu('', 'claim_colisting_popup', 1);
else
toggle_menu('', 'claim_learn_more_popup', 1);
}
/**
@param pid ID of property to be featured
@param property_hash hash of property to be featured. Not used for the moment. For future support of other prop type.
@param action what the user just clicked. Can be: accepted_tos, or changed_account
*/
function do_claim_listing(pid, property_hash, action, branding_agent_id)
{
if (typeof(suffix) == 'undefined' || !suffix) { suffix = ''; }
if ((typeof(pid) == 'undefined' || !pid) && _DETAILS_PROPERTY_ID)
var pid = _DETAILS_PROPERTY_ID;
if ((typeof(property_hash) == 'undefined' || !property_hash) && _DETAILS_PROPERTY_HASH)
var property_hash = _DETAILS_PROPERTY_HASH;
var ajax = new QAjax();
ajax.set_value('pid', pid);
// ajax.set_value('property_hash', property_hash);
ajax.set_value('pa', _DETAILS_PROPERTY_ADDRESS);
ajax.set_value('ac', action);
ajax.set_value('ba_id', branding_agent_id);
ajax.set_script_info( {'script':'q_claim_listing.php','method':'get','output':'text'} );
ajax.set_callback(
function(output)
{
eval('var results = ' + output);
switch (results.claim_status)
{
case 'not_logged_in':
login_next_step_global = 'claiming'; // global on purpose
show_login('', 'signup', '', {'x' : 300, 'y' : 300});
break;
case 'already_claimed':
toggle_menu('', 'claim_already_claimed_popup', 1);
login_next_step_global = ''; // this is a global on purpose
break;
case 'show_tos':
toggle_menu('', 'claim_terms_of_service_popup', 1);
login_next_step_global = ''; // this is a global on purpose
break;
case 'change_account':
toggle_menu('', 'claim_change_account_type_popup', 1);
login_next_step_global = ''; // this is a global on purpose
break;
case 'confirm_account':
var preview = xb_get_element('claim_confirm_account_preview');
if (preview && typeof(results.html_text) != 'undefined' && results.html_text)
preview.innerHTML = results.html_text;
toggle_menu('', 'claim_confirm_account_popup', 1);
login_next_step_global = ''; // this is a global on purpose
break;
case 'success':
var preview = xb_get_element('claim_success_preview');
if (preview && typeof(results.html_text) != 'undefined' && results.html_text)
preview.innerHTML = results.html_text;
toggle_menu('', 'claim_success_popup', 1);
login_next_step_global = ''; // this is a global on purpose
break;
case 'over':
case 'error':
case 'failed':
default:
show_claimed_failed_popup(output);
login_next_step_global = ''; // this is a global on purpose
}
}
);
ajax.go();
}
// ERROR CODES:
// CML_11: this function errored (it's default text in tpl showing), usually q_claim_listing.php crashed
// CML_12: no pid passed on ajax to q_claim_listing.php or $MyListingsData->claim_or_feature_agent_listing() errored out (returned error code) or didn't return anything
// CML_13: $MyListingsData->claim_or_feature_agent_listing() returned failed code
// CML_14: q_claim_listing.php returned garbage or didn't return anything
function show_claimed_failed_popup(reason)
{
var reason_text = '';
switch (reason)
{
// from agree to TOS popup
case 'tos':
reason_text = "Sorry! Unfortunately, you cannot brand a listing on Trulia " +
"with your name and photo without accepting our Terms of Service.";
break;
// from change your account type popup
case 'account_type':
reason_text = "Sorry! Unfortunately, you cannot brand a listing on Trulia " +
"with your name and photo unless your Trulia account says that you’re a real " +
"estate professional.";
break;
case 'over':
reason_text = "Sorry! Unfortunately, you have reached the maximum number of " +
"properties you can claim and we could not process your request."
break;
case 'error':
reason_text = "Sorry! Unfortunately, we weren't able to brand this listing. " +
"An error occurred (Error code: CML_12). Please try again later or contact us at customerservice@trulia.com."
break;
case 'failed':
reason_text = "Sorry! Unfortunately, we weren't able to brand this listing. " +
"An error occurred (Error code: CML_13). Please try again later or contact us at customerservice@trulia.com."
break;
default:
reason_text = "Sorry! Unfortunately, we weren't able to brand this listing. " +
"An error might have occurred (Error code: CML_14). Please contact us at customerservice@trulia.com if " +
"you have any questions.";
}
var claim_failed_reason = xb_get_element('claim_failed_reason');
if (claim_failed_reason)
claim_failed_reason.innerHTML = reason_text;
toggle_menu('', 'claim_failed_popup', 1);
}
//****************************************
// END CLAIM LISTING (for details page)
//****************************************
//****************************************
// START EMAIL LISTING AGENT
//****************************************
function send_email_to_agent(frm)
{
var agent_email = trim(frm.ae.value);
if (!agent_email || is_valid_email(agent_email) != EMAIL_OK)
{
var error_container = xb_get_element('contact_agent_form_error_msg');
if(error_container)
{
remove_class(error_container, 'hidden');
error_container.innerHTML = 'Sorry — An error occurred while sending your email.';
setTimeout(
function()
{
close_contact_agent_form_popup();
}, 3000);
}
return false;
}
var user_email = trim(frm.u_email.value);
if (!user_email || is_valid_email(user_email) != EMAIL_OK)
{
bad_email_alert();
return false;
}
var property_id = frm.pid.value;
var user_name = frm.u_name.value;
var user_phone = frm.u_phone.value;
var message = frm.msg.value;
var date = new Date();
var ajax = new QAjax();
ajax.set_value('s', date.valueOf());
ajax.set_value('r_email', agent_email);
ajax.set_value('propertyId', property_id);
ajax.set_value('s_email', user_email);
ajax.set_value('s_name', user_name);
ajax.set_value('phone', user_phone);
ajax.set_value('message', message);
ajax.set_script_info( {'script':'q_email_agent.php','method':'post','output':'text'} );
ajax.set_callback(
function(status)
{
var error_container = xb_get_element('contact_agent_form_error_msg');
var msg;
switch(status)
{
case '1':
msg = 'Success! Your email was sent.';
setTimeout(
function()
{
close_contact_agent_form_popup();
}, 3000);
break;
case '-1':
default:
msg = 'Sorry—An error occurred while sending your email.';
setTimeout(
function()
{
close_contact_agent_form_popup();
}, 3000);
break;
}
_num_friend_emails = 1;
if(error_container)
{
error_container.innerHTML = msg;
remove_class(error_container, 'hidden');
}
}
);
ajax.go();
}
function close_contact_agent_form_popup()
{
var error_container = xb_get_element('contact_agent_form_error_msg');
if(error_container)
{
clear_element(error_container);
add_class(error_container, 'hidden');
}
clear_form('contact_agent_form');
toggle_menu('', 'contact_agent_form_popup', 0);
}
','save_graphic':'
','save_this_search':'Save this search'};
//var status_field;
var prompt_login = false;
// pass it something
// check if is valid element or if it is id to get element
// returns element if found
// sanity check for functions
// and if you use this function 20 times through all your functions calls
// to get the same element you only do 1 DOM traverse by using whatever it returns
function xb_get_element(thing)
{
if (typeof(thing) == 'undefined' || !thing)
{
return null;
}
else if (typeof(thing.tagName) == 'undefined' || !thing.tagName)
{
if (document.all)
el = document.getElementById(thing) ? document.getElementById(thing) : document.all[thing];
else
el = document.getElementById(thing);
if (el)
return el;
else
return null;
}
else if (thing.tagName)
{
return thing;
}
else
{
return null;
}
}
// adds a function to the page onload event without overwriting
// other scripts that might already be there
// usage:
// addLoadEvent(function() {
// more code to run on page load
// });
// OR
// function nameOfSomeFunctionToRunOnPageLoad()
// {
// more code to run on page load
// }
// addLoadEvent(nameOfSomeFunctionToRunOnPageLoad);
function addLoadEvent(func)
{
if (typeof(func) != 'function')
return;
var oldonload = window.onload;
if (typeof window.onload != 'function')
window.onload = func;
else
{
window.onload = function()
{
if (oldonload)
oldonload();
func();
}
}
}
function loadMainNavTabs()
{
var tabs = new Array('search_tab_homes','search_tab_guides','search_tab_voices','search_tab_my_trulia');
for(var i=0; i