"+
"
"+Ext.util.Format.currency(property.listingPrice)+" " +property.propertyClass+" - " + property.status;
if(property.bedRoomCount > 0){
description += "
Bed:"+property.bedRoomCount;
}
if(property.bathRoomCount != ''){
description += " / Bath:"+property.bathRoomCount;
}
if(property.squareFeet != '' && property.squareFeet != 'N/A'){
description += "
SQFT: "+property.squareFeet;
}
if(property.squareFeetSource != ''){
description += property.squareFeetSource;
}
if(property.ltAcres != ''){
description+= "
Acres: "+property.ltAcres;
}
description+= "
City:" +property.city+'
Zip Code: '+property.zip
description += "
"+
"
"+
"
";
}
// Push the pin onto the map
HAR.plotPin({
lat: property.latitude,
lng: property.longitude,
pinIcon: HAR.pins.greenHouse,
title: Ext.util.Format.currency(property.listingPrice),
html:description
});
}
}
if(l > 0)
{
try
{
HAR.fitBoundsToMarkers();
//alert("Loaded Pins");
}
catch(e){}
}
}
function getfrmValues() {
var frmValues = [];
var grp;
grp = formGroups.propertyType;
getGroupValues(grp, frmValues);
grp = formGroups.location;
getGroupValues(grp, frmValues);
grp = formGroups.criteria;
getGroupValues(grp, frmValues);
grp = formGroups.other;
getGroupValues(grp, frmValues);
// add map tools
var inputs = Ext.query("*[id^=map_tools]");
for (var i=0; i < inputs.length; i++ ) {
frmValues[inputs[i].name] = inputs[i].value;
}
return frmValues;
}
function getfrmValuesToString() {
var frmValues = getfrmValues();
var strURL = "";
for (var x in frmValues) {
if (x != 'remove' && x!= 'indexOf') {
strURL = strURL + "&" + x + "=" + frmValues[x];
}
}
return strURL;
}
function getListings(mnuId, firstpage){
if(mnuId!=null){
closeMenu(mnuId);
}
if(firstpage){_pageNum = 1}
var frmValues = getfrmValues();
ds.load({params:frmValues,callback:dataRequestCallback});
}
function showPage(num) {
// called on top menu
_pageNum = num;
if( Ext.isEmpty(cachedData) ){
getListings(null);
} else {
showPageData(num)
}
}
function showPageData(pageNum){
//alert(_viewStyle + ' inside function');
_pageNum = pageNum;
var el = Ext.get('resultsBody');
if (_viewStyle == ViewStyleEnum.list) {
el.dom.innerHTML = "
| Address | Price | Prop Type (Status) | Description |
";
}else{
el.dom.innerHTML = "";
}
var pageCount = Math.ceil(ds.getTotalCount()/_recordsPerPage);
if(pageNum < 1 || pageNum > pageCount){
return;
}
var totalCount = ds.getTotalCount();
var pageEl;
pageEl = Ext.get('pgrBarTop').child('ul li.selected');
if( pageEl != null ){
pageEl.removeClass('selected');
}
pageEl = Ext.get('pgrBarBottom').child('ul li.selected');
if( pageEl != null ){
pageEl.removeClass('selected');
}
Ext.get('listingPage').dom.value = pageNum;
pageEl = Ext.get('pgrBarTop').child('ul li:nth-child('+(parseInt(_pageNum)+1)+')');
if( pageEl != null ){
pageEl.addClass('selected');
}
pageEl = Ext.get('pgrBarBottom').child('ul li:nth-child('+(parseInt(_pageNum)+1)+')');
if( pageEl != null ){
pageEl.addClass('selected');
}
if(_pageNum == 1){
Ext.get('pgrBarTop').child('ul li:first-child').addClass('disabled');
Ext.get('pgrBarBottom').child('ul li:first-child').addClass('disabled');
}else{
Ext.get('pgrBarTop').child('ul li:first-child').removeClass('disabled');
Ext.get('pgrBarBottom').child('ul li:first-child').removeClass('disabled');
}
if(_pageNum == pageCount){
Ext.get('pgrBarTop').child('ul li:last-child').addClass('disabled');
Ext.get('pgrBarBottom').child('ul li:last-child').addClass('disabled');
}else{
Ext.get('pgrBarTop').child('ul li:last-child').removeClass('disabled');
Ext.get('pgrBarBottom').child('ul li:last-child').removeClass('disabled');
}
// add a record
var start = (_pageNum - 1) * _recordsPerPage;
var end = start + _recordsPerPage;
var rec;
var tmpltData;
var propClassId;
for( var index = start;rec = ds.getAt(index), index < end && (rec!=null && rec!=undefined) ;index++ ){
tmpltData = rec.data;
Ext.apply(tmpltData, {curIndex:(index+1),ttlCnt:totalCount});
propClassId = rec.data['PROPERTY_CLASS_ID'];
//alert('propClassId=' + propClassId);
if(propClassId=="7"){
switch(rec.data['PROP_TYPE']){
case 'SGL':
propClassId = PropertyTypeEnum.singleFamily;
break;
case 'THC':
propClassId = PropertyTypeEnum.townhouseCondo;
break;
case 'HIR':
propClassId = PropertyTypeEnum.highriseCondominium;
break;
case 'LOT':
propClassId = PropertyTypeEnum.residentialLotsLand;
break;
case 'MLT':
propClassId = PropertyTypeEnum.multiFamily;
break;
case 'ACR':
propClassId = PropertyTypeEnum.homesAndOrAcreage;
break;
default:
propClassId = PropertyTypeEnum.singleFamily;
break;
}
}else{
}
propTmplts[propClassId][_viewStyle].append(el, tmpltData);
if (_viewStyle == ViewStyleEnum.normal) {
linkurl = Ext.util.Format.spacer(rec.data['ADDRESS'])+ "-" + Ext.util.Format.spacer(rec.data['CITY']) + "-" + rec.data['ZIP_CODE'].substr(1,5)+"_HAR" + rec.data['MLNUM'] + ".htm";
writeReduced(rec.data['MLNUM'],rec.data['PRICECHANGEDFROM'],rec.data['LASTREDUCED'],rec.data['LISTING_PRICE'],linkurl)
}
}
}
function writeReduced(mlnum, fromprice, rdate, price, url){
//alert(fromprice);alert(price);
if( fromprice > price){
var rdnum = parseFloat(parseInt(fromprice) - parseInt(price));
var pct = (rdnum/fromprice) *100;
var dhtml = "
![](\"/images/icons/iconPriceReduction.gif\")
Reduced " + pct.toFixed(2) +"%"
+ "
"
+ "
"
+ "
Reduced " + pct.toFixed(2) + "%
"
+ "
X
"
+ "
"
+ "
"
+ "
"
+ " | Original List Price: | " + Ext.util.Format.currency(fromprice) + " |
"
+ " | Price Reduced: | -" + Ext.util.Format.currency(rdnum) +" |
"
+ " | Current List Price: | " + Ext.util.Format.currency(price) + " |
"
+ " | Last Reduction on: | " + rdate + " |
"
+ "
"
+ "
"
+ "
"
+ "
"
+ "
"
+ "
";
document.getElementById('rd'+mlnum).innerHTML = dhtml;
}
}
function nextPage(){
showPageData(parseInt(_pageNum) + 1);
}
function prevPage(){
showPageData(parseInt(_pageNum) - 1);
}
function getGroupValues(grp, frmValues){
var inputCtrl;
var val;
for(var index=0;index
0 ){
val = valArray[0];
}
for ( var index = 1; index < valArray.length; index++ ) {
val += ',' + valArray[index];
}
break;
case 'radio':
case 'checkbox':
if (domEl.checked) {
val = domEl.value;
}
break;
case 'file':
case undefined:
case 'reset':
case 'button':
break;
case 'submit':
if(hasSubmit == false) {
val = domEl.value;
}
break;
default:
val = domEl.value;
break;
}
}
return val;
}
function setInputValue(domEl, val){
switch (domEl.type){
case 'select-one':
if(Ext.isEmpty(val) || val.length==0 ){
domEl.selectedIndex = 0;
}
break;
case 'select-multiple':
if(Ext.isEmpty(val) || (val instanceof Array && val.length == 0)){
for (var j=0; j < domEl.options.length; j++) {
domEl.options[j].selected = false;
}
}else if(val instanceof Array){
for(var i=0; i) Records Found'
}else{
srchCntEl.dom.innerHTML += '(100+) Records Found. Only 100 records are displayed. Please narrow down search criteria to get more specific results.'
}
var srchCriteria = Ext.isEmpty(ds.reader.searchCriteriaString)?"":""+ds.reader.searchCriteriaString+"";
setListingCriteriaMessage(srchCriteria);
// cache the criteria, with the span tag
Ext.get('listingCriteria').dom.value = srchCriteria;
// set the page to the first page of the new dataset
initPagerControls(_recordsPerPage, ds.getTotalCount());
// sort the data before caching it
var srt = _sort.split(',');
ds.sort(srt[0], srt[1]);
showPageData(_pageNum);
// cache the data
(function(){
var dataTEMP = [];
for( var i = 0; i < r.length; i++ ){
dataTEMP.push(r[i].json);
}
Ext.get('listingData').dom.value = Ext.util.JSON.encode(dataTEMP);
cachedData = Ext.get('listingData').dom.value;
}).defer(3);
//alert('callback');
}
}
function initPagerControls(rpp, rc){
var pager = createPagerObject(_recordsPerPage, ds.getTotalCount());
var oldPgr;
oldPgr = Ext.get('pgrBarTop').child('table.pager');
if(oldPgr) oldPgr.remove();
oldPgr = Ext.get('pgrBarBottom').child('table.pager');
if(oldPgr) oldPgr.remove();
Ext.DomHelper.append('pgrBarTop', pager);
Ext.DomHelper.append('pgrBarBottom', pager);
}
function createPagerObject(rpp, rc){
var pageCount = Math.ceil(rc/rpp);
var pagerObject = {tag:'table','class':'pager'};
var pagerObjectPages = [];
for(var index = 1;index <= pageCount;index++){
var pagerPage = (function(idx){
return {
tag:'li',
cls:'item'+(index==1?' selected':''),
title:'Show page '+index+' of '+pageCount,
cn:[{tag:'span',cls:'text',html:index,onclick:'showPageData('+index+');'}]
};
})();
pagerObjectPages[index-1] = pagerPage;
}
if( pagerObjectPages.length > 0 ){
pagerObjectPages = [{tag:'li',cls:'first item backpointer',title:'Show Previous Page',cn:[{tag:'span',cls:'text',html:'Prev',onclick:'prevPage();'}]}].concat(pagerObjectPages);
pagerObjectPages.push({tag:'li',cls:'item forwardpointer',title:'Show Next Page',cn:[{tag:'span',cls:'text',html:'Next',onclick:'nextPage();'}]});
pagerObject.cn = [
{tag:'tr',style:'font-size:8pt;font-weight:bold;white-space:nowrap',cn:[
{tag:'td',cn:[
{tag:'span',html:'Page: '}
]},
{tag:'td',cn:[
{tag:'ul',cls:'horizontal rootGroup',cn:pagerObjectPages}
]}
]}
];
}else{
}
return pagerObject;
}
function loadScript()
{
/*
if(typeof HAR.VEMapUtil== "undefined" || typeof VEMap =="undefined" )
{
var head = document.getElementsByTagName("head")[0];
var script1 = document.createElement('script');
script1.id = 'mapControlScript';
script1.type = 'text/javascript';
script1.src = "http://ecn.dev.virtualearth.net/mapcontrol/mapcontrol.ashx?v=6.3&mkt=en-us";
head.appendChild(script1);
var script2 = document.createElement('script');
script2.id = 'mapControlScript2';
script2.type = 'text/javascript';
script2.src = "/js/HAR.VEMapUtil.js";
head.appendChild(script2);
return;
}
if(typeof HAR.map =="undefined")
{
var head = document.getElementsByTagName("head")[0];
var script1 = document.createElement('script');
script1.id = 'mapControlScript';
script1.type = 'text/javascript';
script1.src = "http://stg-www.har.com/js/googleMap.js";
head.appendChild(script1);
}
*/
if( !HAR.apiIsLoaded )
HAR.initialize({domElement:"srchMap",callback:createMapObj,streetViewControl:false,mapTypeControlStyle:"DROPDOWN_MENU"});
else
createMapObj();
}
var loadcount = 0;
function createMapObj()
{
/*loadcount = loadcount +1;
if( (typeof HAR.VEMapUtil == "undefined" || typeof VEMap == "undefined" ) && loadcount < 5 )
{
createMapObj.defer(1000, this);
return;
}
if ( (typeof HAR.VEMapUtil== "undefined" || typeof VEMap =="undefined" ) && loadcount >= 5 ){
alert("We are sorry that map couldn't be loaded properly at this moment. Please try later.");
return;
}
mapObj = new HAR.VEMapUtil({
mapContainer:'srchMap',
customIcon:"../images/pointers/housePointerBlue.gif"
});
map = mapObj.map;*/
// get Element object for toolbar.
var btn;
var list = criteriaToolBar.items;
for(var i = 0; i![](\"../images/lineart/detail.gif\")
Map Search', ' ',
/*{ text:'Map Search',
icon:'/images/icons/icoMap.gif',
cls: 'x-btn-text-icon',
handler: function(){nw=window.open('http://www.har.com/mapSearch/');}
},*/
{ id: 'showmap',
text:'Show Map',
icon:'/images/icons/iconMap3.gif',
cls: 'x-btn-text-icon',
handler: function(btn,e)
{
if(true==oldSafari){
alert('This functionality is not supported for Safari version 1 browsers.');
return;
}
if(btn.getText()=='Show Map'){
if(!HAR.apiIsLoaded){
Ext.getBody().dom.style.cursor = 'wait';
if( Ext.isEmpty(cachedData) ){
getListings(null,1);
}
loadScript(); // <-- internally calling createMapObj()
}else{
btn.setText('Hide Map');
var el = Ext.get('mapContainer');
el.animate({height:{to:400}},.5,null,'easeIn');
}
}else{
btn.setText('Show Map');
var el = Ext.get('mapContainer');
el.animate({height:{to:0}},.5,null,'easeOut');
}
}
}
)
var modifyMenu = "";
if (Ext.get("search_id").dom.value > 0 ) {
var modifyMenu = {text:'Modify Saved Search',
icon:'/images/lineart/edit.gif',
cls: 'x-btn-text-icon',
handler: function(){popupURL('myhf_dispEditCriteria.cfm?search_id=' + Ext.get("search_id").dom.value +appendRand() , 700, 650, '', 1);}
}
}
else {
var modifyMenu = {text:'Save This Search Criteria',
icon:'/images/lineart/edit.gif',
cls: 'x-btn-text-icon',
handler: function(){popupURL('popFrmSaveSearch.cfm?src=do' , 640, 480, '', 1);}
}
}
var actionBar = new Ext.Toolbar({id:'actionToolbar',renderTo:'actionBar'});
actionBar.add(
{
id:'crtMsgBtn',
cls: 'x-btn-text-icon', // icon and text class
icon: baseImageUrl + 'viewCriteriaArrow.gif',
text:'View Your Search Criteria',
tooltip: {
text:'Click here to view a summary of your search criteria.',
autoHide:true
},
handler:function(){
var srchCriteriaMsgEl = Ext.get('srchCriteriaMsg');
var msgEl = srchCriteriaMsgEl.down('span');
if(msgEl){
if(srchCriteriaMsgEl.getHeight() == 0){
var height = msgEl.getHeight();
srchCriteriaMsgEl.animate({height:{to:height}});
this.setText ("Hide Your Search Criteria");
}else{
srchCriteriaMsgEl.animate({height:{to:0}});
this.setText ("View Your Search Criteria");
}
}
}
},
modifyMenu,
'->',
{
cls: 'x-btn-text-icon', // icon and text class
icon: baseImageUrl + 'icoDSOut.gif',
text:'Display Style',
tooltip: {
text:'Click to change the display options.',
width: 200,
autoHide:true
},
menu: {
id:'dsMnu',items:[
new Ext.menu.CheckItem({
text: 'List',
checked: false,
group: 'count',
checkHandler: onViewStyleCheck,
value:ViewStyleEnum.list
}),
new Ext.menu.CheckItem({
text: 'Normal',
checked: true,
group: 'count',
checkHandler: onViewStyleCheck,
value:ViewStyleEnum.normal
}),
new Ext.menu.CheckItem({
text: 'Gallery',
checked: false,
group: 'count',
checkHandler: onViewStyleCheck,
value:ViewStyleEnum.gallery
})
]
}
},
{
cls: 'x-btn-text-icon', // icon and text class
icon: baseImageUrl + 'icoRPPOut.gif',
text:'Records Per Page',
tooltip: {
text:'Click to change the number of records displayed per page.',
width: 200,
autoHide:true
},
menu: {
id:'rppMnu',items:[
new Ext.menu.CheckItem({
text: '5',
checked: false,
group: 'count',
checkHandler: onCountCheck,
value:5
}),
new Ext.menu.CheckItem({
text: '10',
checked: true,
group: 'count',
checkHandler: onCountCheck,
value:10
}),
new Ext.menu.CheckItem({
text: '25',
checked: false,
group: 'count',
checkHandler: onCountCheck,
value:25
}),
new Ext.menu.CheckItem({
text: '50',
checked: false,
group: 'count',
checkHandler: onCountCheck,
value:50
}),
new Ext.menu.CheckItem({
text: 'Show All',
checked: false,
group: 'count',
checkHandler: onCountCheck,
value:100
})
]
}
},
{
cls: 'x-btn-text-icon', // icon and text class
icon: baseImageUrl + 'icoSBOut.gif',
text:'Sort By',
tooltip: {
text:'Click to change the sorting.',
width: 200,
autoHide:true
},
menu: {
id:'sbMnu',items:[
new Ext.menu.CheckItem({
text:'Price Descending',
checked:false,
group:'sort',
checkHandler:onSortCheck,
value:'LISTING_PRICE,DESC'
}),
new Ext.menu.CheckItem({
text:'Price Ascending',
checked:false,
group:'sort',
checkHandler:onSortCheck,
value:'LISTING_PRICE,ASC'
}),
new Ext.menu.CheckItem({
text:'Address',
checked:false,
group:'sort',
checkHandler:onSortCheck,
value:'ADDRESS,ASC'
}),
new Ext.menu.CheckItem({
text:'Subdivision',
checked:false,
group:'sort',
checkHandler:onSortCheck,
value:'SUBDIVISION,ASC'
}),
new Ext.menu.CheckItem({
text:'Key Map',
checked:false,
group:'sort',
checkHandler:onSortCheck,
value:'KEYMAP,ASC'
}),
new Ext.menu.CheckItem({
text:'Square Feet Descending',
checked:false,
group:'sort',
checkHandler:onSortCheck,
value:'SQUARE_FEET,DESC'
}),
new Ext.menu.CheckItem({
text:'Lot Size Descending',
checked:false,
group:'sort',
checkHandler:onSortCheck,
value:'LOTSIZE,DESC'
}),
new Ext.menu.CheckItem({
text:'Year Built Descending',
checked:false,
group:'sort',
checkHandler:onSortCheck,
value:'YEAR_BUILT,DESC'
}),
new Ext.menu.CheckItem({
text:'Bedrooms Descending',
checked:false,
group:'sort',
checkHandler:onSortCheck,
value:'BEDROOM_NUM,DESC'
}),
new Ext.menu.CheckItem({
text:'Bathrooms Descending',
checked:false,
group:'sort',
checkHandler:onSortCheck,
value:'FULL_BATH_NUM,DESC'
})
]
}
}
)
var layout = new Ext.Panel(
{
border:false,
id:'contentPnl',
items:[
{
contentEl:'results',
id:'resultsPnl'
},
{
contentEl:'divMycart',
id:'divMycartPnl'
}
],
renderTo:'body_content'
}
);
}
function onViewStyleCheck(item){
if( item.checked ){
//Ext.get('listingStyle').dom.value = item.id;
Ext.get('listingStyle').dom.value = item.value;
_viewStyle = item.value;
if( Ext.isEmpty(cachedData) ){
getListings(null,0);
} else {
showPageData(_pageNum);
}
}
}
function onCountCheck(item){
if( item.checked ){
//Ext.get('listingRPP').dom.value = item.id;
Ext.get('listingRPP').dom.value = item.value;
_recordsPerPage = item.value;
_pageNum = 1;
if( Ext.isEmpty(cachedData) ){
getListings(null,1);
} else {
initPagerControls(_recordsPerPage, ds.getTotalCount());
showPageData(_pageNum);
}
}
}
function onSortCheck(item){
if( item.checked ){
//Ext.get('listingSort').dom.value = item.id;
Ext.get('listingSort').dom.value = item.value;
_sort = item.value;
var srt = item.value.split(',');
if( Ext.isEmpty(cachedData) ){
getListings(null,1);
} else {
ds.sort(srt[0], srt[1]);
showPageData(_pageNum);
}
}
}
function closeMenu(mnuId){
var el = Ext.menu.MenuMgr.get(mnuId);
if(el!=null && el!=undefined){
el.hide();
}
}
function clearForm(id)
{
var inputCtrl;
for(var index=0;index
View Detail
Schedule Showing
Add to MyCart![](\"images/listingDetail.png\")