//<![CDATA[
if (GBrowserIsCompatible())
{

var map;
var firstTabName = 'Summary';
var secondTabName = 'Details';
var thirdTabName = 'Agent';

var markers = [];
var List = [];
var overlays = [];
var html1s = [];
var html2s = [];
var html3s = [];
var toolTip;

var _number = 0;
var _id = -1;
var _long = 0;
var _lat = 0;
var _innerHTML = "";
var tilelayer;
var tilelayerOverlay = [];

var search = 1;
var initial_zoom = 0;
var zoom = ZOOM_FACTOR_VERIFIED;
var records;
//var clusterer;

var displayLength = 48*7;//43*4 48*7;
var disDiv=[];
var divPos=0;
var maxDiv=0;

//pageLoad -- Start --
function pageLoad()
{  
    SetVariables();
    
    _innerHTML = document.getElementById('mapLoad').innerHTML; // MAP Loading Image
    
    map = new GMap2(document.getElementById("map")); 

    map.addControl(new GLargeMapControl());
   
    map.addControl(new GScaleControl());
    CreateCustomControls();     
      
    GEvent.addListener(map, "moveend", function(){ 
        
        document.getElementById('mapLoad').innerHTML = _innerHTML; // show MAP loading img           
        DisplayMap(''); 
    });     
    
    if(Vancouver_Domain.toLowerCase() == window.location.hostname.toLowerCase()) // Vancouver_Domain subdomain
        point = new GPoint2( -123.11394,49.26049);
    else if(MenloAtherton_Domain.toLowerCase() == window.location.hostname.toLowerCase()) // MenloAtherton_Domain subdomain
        point = new GPoint2( MenloAtherton_LONGITUDE,MenloAtherton_LATITUDE);      
    else    
         point = new GPoint2(LONGITUDE, LATITUDE);
   
   if(Mckenzie_Domain.toLowerCase() == window.location.hostname.toLowerCase()) // mckinzie subdomain
   {
        zoom = ZOOM_FACTOR_MCKINZIE;
        map.setCenter(point, ZOOM_FACTOR_MCKINZIE);
   }
    else if(MenloAtherton_Domain.toLowerCase() == window.location.hostname.toLowerCase()) // mckinzie subdomain
   {
        zoom = ZOOM_FACTOR_MCKINZIE;
        map.setCenter(point, ZOOM_FACTOR_MCKINZIE);
   }
   else if(Vancouver_Domain.toLowerCase() == window.location.hostname.toLowerCase()) // vancouver subdomain
   {
        zoom = ZOOM_FACTOR_VANCOUVER;
        map.setCenter(point, ZOOM_FACTOR_VANCOUVER);
   }
   else if(Foster_Domain.toLowerCase() == window.location.hostname.toLowerCase()) // Foster subdomain
   {
        zoom = ZOOM_FACTOR_FOSTER;
        map.setCenter(point, ZOOM_FACTOR_FOSTER);
   }
   else 
   {
        zoom = ZOOM_FACTOR_VERIFIED;
        map.setCenter(point, ZOOM_FACTOR_VERIFIED);
   }
   
   ///////////// Tooltip ////////////////////////////////
    
   toolTip = document.getElementById('dhtmltooltip');        
   map.getPane(G_MAP_FLOAT_PANE).appendChild(toolTip);
   toolTip.style.visibility="hidden";
   
  
    CreateMapLegend();   
    
}
//pageLoad -- End --

function PrintMap(x,y,myView)
{
    var myMapType = map.getCurrentMapType();
    var myMapTypeStr ;
    if (myMapType == G_SATELLITE_TYPE) {
      myMapTypeStr = "satellite";
    }
    else if (myMapType == G_MAP_TYPE) {
      myMapTypeStr = "map";
    }
    else if (myMapType == G_HYBRID_TYPE) {
      myMapTypeStr = "hybrid";
    }
    
    window.open("PrintPreview.aspx?" + qs_PRINT_TYPE + "=public&" + qs_LONGITUDE + "=" +  x +"&" + qs_LATITUDE + "="+ y + "&" + qs_ZOOM + "="+map.getZoom() +"&" + qs_MAP_TYPE + "="+ myMapTypeStr + "&" + qs_PROPERTY_TYPE + "=Commercial" , "", PRINT_PREVIEW_POPUP);    ///window.print();
}



function drawKML(fileName,ctrl,index) // KML file name,Control that call the dunction,index of layer
{
    if(checkOverlay(ctrl,index))
    {       
        
        // === Create the tilelayer ===          
               
          if(!tilelayerOverlay[index])
          {              
              tilelayer = new GTileLayer(new GCopyrightCollection(), 0, 17);
              
              // === Set the getTileUrl to use the Google KML tile processor with our KML file ===
              tilelayer.getTileUrl = function(a,b) {
                b=this.maxResolution()-b;
                
                return "http://maps.google.com/mapsdt?id=http://maptop.techlogix.com/maptop/KML/"+fileName+"&x="+a.x+"&y="+a.y+"&zoom="+b;
                //return "http://maps.google.com/mapsdt?id=http://www.mapgroove.com/KML/"+fileName+"&x="+a.x+"&y="+a.y+"&zoom="+b;
                //return "http://maps.google.com/mapsdt?id=http://"+document.location.hostname+"/maptop/KML/"+fileName+"&x="+a.x+"&y="+a.y+"&zoom="+b;

              }
              tilelayer.isPng = function() {return true;}             
     
              // === add a GTileLayerOverlay to it ===
              tilelayerOverlay[index] = new GTileLayerOverlay(tilelayer);
          }
          map.addOverlay( tilelayerOverlay[index] );
     
    }
}

function checkOverlay(ctrl,index)
{
    
    if(ctrl.checked == true)
        return true;
    else
    {        
        map.removeOverlay(tilelayerOverlay[index]);        
    }    
    
}


function RectangleOverlay()
{    
    var bounds = map.getBounds();
    var southWest = bounds.getSouthWest();
    var northEast = bounds.getNorthEast();
    var lngSpan = northEast.lng() - southWest.lng();
    var latSpan = northEast.lat() - southWest.lat();
    
    var rec_points = [];
    rec_points.push(new GLatLng(southWest.lat()+(latSpan/2),southWest.lng()+(lngSpan/3)));
    rec_points.push(new GLatLng(southWest.lat() + (latSpan/1.25),southWest.lng()+(lngSpan/3)));
    rec_points.push(new GLatLng(southWest.lat() + (latSpan/1.25),southWest.lng()+(lngSpan/1.5)));
    rec_points.push(new GLatLng(southWest.lat()+(latSpan/2),southWest.lng()+(lngSpan/1.5)));
    rec_points.push(new GLatLng(southWest.lat()+(latSpan/2),southWest.lng()+(lngSpan/3)));

    map.addOverlay(new GPolyline(rec_points));
}

//DisplayOverlayData -- Start --
function DisplayOverlayData()
{   
    var school = 0;
    var park = 0;
    var hospital = 0;
    var shoppingMall = 0;
    
    if(document.getElementById("chkSchool").checked == true)
        school = OVERLAY_TYPE_SCHOOL;
        
    if(document.getElementById("chkPark").checked == true)
        park = OVERLAY_TYPE_PARK;
        
    if(document.getElementById("chkHospital").checked == true)
        hospital = OVERLAY_TYPE_HOSPITAL;
        
    if(document.getElementById("chkShoppingMall").checked == true)
        shoppingMall = OVERLAY_TYPE_SHOPPING_MALL;
    
    /////////////////////////////////////////////////////
    
     var bounds = map.getBounds();
        var southWest = bounds.getSouthWest();
        var northEast = bounds.getNorthEast();
        
        var longmin = southWest.lng();
        var longmax = northEast.lng();
    
        var latmin = southWest.lat();
        var latmax = northEast.lat(); 
    
    ////////////////////////////////////////////////////
    
    
    MapData.GetOverlayDataTable(school, park, hospital, shoppingMall,longmin,latmin,longmax,latmax, DisplayOverlayData_CallBack);
}
//DisplayOverlayData -- End --

//DisplayOverlayData_CallBack -- Start --
function DisplayOverlayData_CallBack(res)
{
    var length = res.get_length();
       
    for (j = 0; j < overlays.length; j ++)
        map.removeOverlay(overlays[j]);
        
        
    for (i = 0; i < length; i++)
    {
        var x = res.getItem(i).getProperty('Longitude');
        var y = res.getItem(i).getProperty('Latitude');
        var overlayTypeIdLkp = res.getItem(i).getProperty('OverLayTypeIdLkp');
        var OverLayType = res.getItem(i).getProperty('OverLayType');
        var description = res.getItem(i).getProperty('Description');
        var imageName = res.getItem(i).getProperty('image');
        var street = res.getItem(i).getProperty('Address');
        var address = '';
        var toolTipText = OverLayType+ ' - ';
        
        if(street)
        {
            if(street != '' && street != " ")
            {            
                address = street + "<br>" + res.getItem(i).getProperty('City') + ", "+res.getItem(i).getProperty('State')+" "+ res.getItem(i).getProperty('ZipCode');                                  
                toolTipText = toolTipText + street;            
            }
        }        
                
        var point = new GPoint2(x, y);

        var icon = GetIconPath(overlayTypeIdLkp, COMMERCIAL_FUNCTIONS);   
        
        var overlayHtml = GenerateOverlayHtml(OverLayType,address,imageName,description);
                
        CreateOverlayMarker(point,toolTipText,overlayHtml,icon);             
        
    }
}

// HTML Bubble for marker

function GenerateOverlayHtml(type,address, imageName,description)
{
    var div = GenerateWindowSize();
    var html = div;
	    
    html = html + '<table align=center class="BubbleTable">';
    html = html + '<tr>';
    html = html + '<td align=center valign=top>';    
    html = html + '<img src=' + OverlayImagesPath + imageName + ' width=77 height=77 border=1>';
    html = html + '</td>';
    html = html + '<td>';
    html = html + '<table align=center class="BubbleTable">';
    
    if(type != '')
    {
        html = html + '<tr>';
        html = html + '<td align=center>';
        html = html + '<b>'+ type +'</b>';
        html = html + '</td>';
        html = html + '</tr>';
    }
    
    html = html + '<tr>';
    html = html + '<td align=center>';
    html = html + 'Address: ' + address;
    html = html + '</td>';
    html = html + '</tr>';
    html = html + '<tr>';
    html = html + '<td align=center>';
    html = html + '--------------';
    html = html + '</td>';
    html = html + '</tr>';
    html = html + '<tr>';
    html = html + '<td align=center>';
    html = html + description;
    html = html + '</td>';
    html = html + '</tr>';
    html = html + '</table>';
    html = html + '</td>';
    html = html + '</tr>';    
    html = html + '</table>';
    html = html + '</div>';

    return html;
}

function CreateOverlayMarker(point,toolTipText,overlayHtml,icon)
{
    var infoTabs = [
    new GInfoWindowTab(firstTabName, overlayHtml)    
    ]; 

    var marker = new GMarker(point, icon);
    marker.tooltip = toolTipText;
    
    GEvent.addListener(marker, 'click', function() {
    marker.openInfoWindowTabsHtml(infoTabs);
    toolTip.style.visibility="hidden"
    });

    map.addOverlay(marker);
    overlays.push(marker);

    GEvent.addListener(marker,"mouseover", function() {
    ShowToolTip(marker);
    });
    
    GEvent.addListener(marker,"mouseout", function() {
    toolTip.style.visibility="hidden"
    });
    
    GEvent.addListener(marker, "infowindowopen", function() {testHeight();});
    

}

//DisplayOverlayData_CallBack -- End --

//DisplayMap -- Start --
function DisplayMap(isSearch)
{
   
   //drawKML();
   var dpProperty = document.getElementById("ctl00_ContentPlaceHolder1_dpPropertyStatus");
   var dpPriceMin = document.getElementById("ctl00_ContentPlaceHolder1_dpPriceRangeMin");
   var dpPriceMax = document.getElementById("ctl00_ContentPlaceHolder1_dpPriceRangeMax");
   var dpSqftMin = document.getElementById("ctl00_ContentPlaceHolder1_dpSqFtMin");
   var dpSqftMax = document.getElementById("ctl00_ContentPlaceHolder1_dpSqFtMax");
   var dpType = document.getElementById("ctl00_ContentPlaceHolder1_dpType");
   var txtStreet = document.getElementById("ctl00_ContentPlaceHolder1_txtStreet");   
   var txtAPN = document.getElementById("ctl00_ContentPlaceHolder1_txtAPN");
   var APN_value;
    
    if(txtAPN == null)
        APN_value='';
    else
        APN_value=txtAPN.value;
        
   var dpCity = document.getElementById("ctl00_ContentPlaceHolder1_dpCity");
   var dpZoning = document.getElementById("ctl00_ContentPlaceHolder1_dpZoning");
   var txtZipCode = document.getElementById("ctl00_ContentPlaceHolder1_txtZipCode");
   var lblCompanyId = document.getElementById("ctl00_ContentPlaceHolder1_lblCompanyId");
      
   var dpBrokersFirm;
   var isDisplayIDX=0;
   
    if(legendStatus=='visible')
    {         
        document.getElementById("mapLegend").style.display='';
    }
    else 
    {      
        document.getElementById("mapLegend").style.display='none';        
    }

   
   if(Mckenzie_Domain.toLowerCase() == window.location.hostname.toLowerCase())
   {
        dpBrokersFirm = "McKinzie Commercial";              
   }
   else if(MenloAtherton_Domain.toLowerCase() == window.location.hostname.toLowerCase())
   {
        dpBrokersFirm = "Menlo Atherton";              
   }   
   else if(Vancouver_Domain.toLowerCase() == window.location.hostname.toLowerCase())
   {
        dpBrokersFirm = document.getElementById("ctl00_ContentPlaceHolder1_dpBrokersFirm").value;
        isDisplayIDX=1;         
   }
   else if(Foster_Domain.toLowerCase() == window.location.hostname.toLowerCase())
   {
        dpBrokersFirm = "Foster & Associates";      
        
   }
   else if(ASU_Domain_1.toLowerCase() == window.location.hostname.toLowerCase())
   {
        dpBrokersFirm = "Grubb & Ellis";      
        
   }    
   else if(MBA_Domain.toLowerCase() == window.location.hostname.toLowerCase())
        dpBrokersFirm = "NAI Capital";     
   else
   {
        dpBrokersFirm = document.getElementById("ctl00_ContentPlaceHolder1_dpBrokersFirm").value;
        isDisplayIDX=1; 
    }
   /////////////////////////////////////////////////       

    
        var bounds = map.getBounds();
        var southWest = bounds.getSouthWest();
        var northEast = bounds.getNorthEast();
        
        var longmin = southWest.lng();
        var longmax = northEast.lng();
    
        var latmin = southWest.lat();
        var latmax = northEast.lat();   
    
                
  /////////////////////////////////////////////////
  
   if(isSearch == '1')
   {          
        map.clearOverlays(markers);        
        markers = [];
        List = [];
        overlays = [];
        html1s = [];
        html2s = [];
        html3s = [];
        _number = 0;
        _long = 0;
        _lat = 0;
        search = 1;
        initial_zoom = 0;
   }
   var lblListingID = document.getElementById("ctl00_ContentPlaceHolder1_lblListingID");
   MapData.GetCommercialDataTable(dpPriceMin.value, dpPriceMax.value, dpSqftMin.value, dpSqftMax.value, dpType.value, txtStreet.value, APN_value,dpBrokersFirm, dpCity.value, dpZoning.value, txtZipCode.value,lblListingID.value,dpProperty.value,longmin,latmin,longmax,latmax,isDisplayIDX,lblCompanyId.value, DisplayMap_CallBack);         
   //MapData.GetCommercialDataTable(dpPriceMin.value, dpPriceMax.value, dpSqftMin.value, dpSqftMax.value, dpType.value, txtStreet.value, txtAPN.value,dpBrokersFirm, dpCity.value, dpZoning.value, txtZipCode.value,lblListingID.value,"0",longmin,latmin,longmax,latmax, DisplayMap_CallBack);         
    //alert();
}
//DisplayMap -- End --

//DisplayBubble -- Start --
function DisplayBubble(id,longitude,latitude)
{
    _id = id;
    _number = List.indexOf(id);
    
    //alert(_number);
    
    if(_number != -1)
    {    
        var infoTabs = [
        new GInfoWindowTab(firstTabName, html1s[_number]), 
        new GInfoWindowTab(secondTabName, html2s[_number]),
        new GInfoWindowTab(thirdTabName, html3s[_number])
        ]; 
         
        //alert(html1s[_number]+"--"+html2s[_number]+"---"+html3s[_number]);        
        markers[_number].openInfoWindowTabsHtml(infoTabs); 
        
         _long = longitude;
        _lat = latitude;
        point = new GPoint2(longitude, latitude);
        
        if(Mckenzie_Domain.toLowerCase() == window.location.hostname.toLowerCase()) // mckinzie subdomain
        {
             map.setCenter(point, map.getZoom());
             //map.setCenter(point, ZOOM_FACTOR_MCKINZIE);
        }
        else 
        {
             map.setCenter(point, map.getZoom());
             //map.setCenter(point, ZOOM_FACTOR_VERIFIED);
        }     
       
    } // if
    else
    {
        _long = longitude;
        _lat = latitude;
        point = new GPoint2(longitude, latitude);
        
        if(Mckenzie_Domain.toLowerCase() == window.location.hostname.toLowerCase()) // mckinzie subdomain
        {
             map.setCenter(point, ZOOM_FACTOR_MCKINZIE);
        }
        else if(Vancouver_Domain.toLowerCase() == window.location.hostname.toLowerCase()) // vancouver subdomain
        {
             map.setCenter(point, ZOOM_FACTOR_VANCOUVER);
        }
        else if(Foster_Domain.toLowerCase() == window.location.hostname.toLowerCase()) // Foster subdomain
        {
             map.setCenter(point, ZOOM_FACTOR_FOSTER);
        }
        else 
        {
             map.setCenter(point, ZOOM_FACTOR_VERIFIED);
        }       
    }    
}
//DisplayBubble -- End --

//DisplayMap_CallBack -- Start --
function DisplayMap_CallBack(res_array)
{   
    var res = res_array[0];
    var length = res.get_length(); 
    
    /////////////////////////////////// map location setting according to search results ///////////////////////////////////

    var initialLongitude = 0;
    var initialLatitude = 0;
    var icons_count = 0;
    var city;
    
    if(res_array[1])
    {
        if(res_array[1].get_length() >0)
        {
            initialLongitude = res_array[1].getItem(0).getProperty('initialLongitude');
            initialLatitude = res_array[1].getItem(0).getProperty('initialLatitude');
            icons_count = res_array[1].getItem(0).getProperty('records');
            city = res_array[1].getItem(0).getProperty('City');
            
            if(city == "#" && res_array[1].get_length()>1)
            {
                initialLongitude = res_array[1].getItem(1).getProperty('initialLongitude');
                initialLatitude = res_array[1].getItem(1).getProperty('initialLatitude');
                icons_count = res_array[1].getItem(1).getProperty('records');
                city = res_array[1].getItem(1).getProperty('City');
            }
        }
    }

    var point;
    
  if(search == 1)
  {            

        if(icons_count > 0)   
        {                 
            
            var a= length;            
               
            point = new GPoint2(initialLongitude, initialLatitude);
            
            if(initial_zoom == 0)
            {  
                //alert("in---"+a+"---- totalRecords="+icons_count);             
                
                if(Mckenzie_Domain.toLowerCase() == window.location.hostname.toLowerCase()) // mckinzie subdomain
                {
                     zoom = ZOOM_FACTOR_MCKINZIE;
                     map.setCenter(point, ZOOM_FACTOR_MCKINZIE);
                }
                else if(Vancouver_Domain.toLowerCase() == window.location.hostname.toLowerCase()) //vancouver subdomain
                {
                     zoom = ZOOM_FACTOR_FOSTER;
                     map.setCenter(point, ZOOM_FACTOR_VANCOUVER);
                }
                else if(Foster_Domain.toLowerCase() == window.location.hostname.toLowerCase()) // Foster subdomain
                {
                     zoom = ZOOM_FACTOR_FOSTER;
                     map.setCenter(point, ZOOM_FACTOR_FOSTER);
                }
                else 
                {
                    zoom = ZOOM_FACTOR_VERIFIED;
                     map.setCenter(point, ZOOM_FACTOR_VERIFIED);
                }
                initial_zoom = 1;
                return;
            } //---- initial zoom == 0
            
            
            if(icons_count <= MAP_ICONS_THRESHOLD && a < icons_count/2)
            {
                
                zoom = zoom -1;
                if(zoom >= 0)           
                { 
                    
                    //map.setCenter(point, zoom);
                    map.setZoom(zoom);
                }
                  
                return;
            }
            else if(a < MAP_ICONS_THRESHOLD && a < icons_count/2)
            { 
                //alert("Length="+a)
                zoom = zoom -1;
                if(zoom >=0 )           
                {
                    //map.setCenter(point, zoom);
                    map.setZoom(zoom);
                    
                }
                  
                return;
            }  
                       
        }
  } 

search = 0;


    for (i = 0; i < length; i++)
    {        
        var commPropId = res.getItem(i).getProperty('CommPropID');
    
        if(List.length > 0)
        {
            if(List.indexOf(commPropId) != -1)
                continue;
        }
    
        List.push(commPropId);
                
        var x = res.getItem(i).getProperty('Longitude');
        var y = res.getItem(i).getProperty('Latitude');
        var no = res.getItem(i).getProperty('No');             
        
        
        var price = res.getItem(i).getProperty('Price');
        var leaseTerms = res.getItem(i).getProperty('LeaseTerms');
        var street = res.getItem(i).getProperty('Address');
        var location = res.getItem(i).getProperty('Location');
        var city = res.getItem(i).getProperty('City');
        var state = res.getItem(i).getProperty('State');
        var zipCode = res.getItem(i).getProperty('ZipCode');
        
        var address = '';
        var Adress_Complete = '';
        var toolTipText = '';
        
        if(street != '' && street != " ")
        {
            address = street + "<br>" + res.getItem(i).getProperty('City') + ", " + res.getItem(i).getProperty('State') + " " + res.getItem(i).getProperty('ZipCode');                      
            Address_Complete = street + " " + res.getItem(i).getProperty('City') + ", " + res.getItem(i).getProperty('State') + " " + res.getItem(i).getProperty('ZipCode');                                  
            toolTipText = street + " - " + toolTipText;            
        }
        else
        {
            Address_Complete = location;
            address = location;
            toolTipText = address + " - " + toolTipText;
        }
                
                
        var realtorName = res.getItem(i).getProperty('RealtorName');
        var webAddress = res.getItem(i).getProperty('WebAddress');
        var imageName = res.getItem(i).getProperty('ImageName');
        var propertyWebAddress = res.getItem(i).getProperty('PropertyWebAddress');
        var type = res.getItem(i).getProperty('Type');
        var sqft = res.getItem(i).getProperty('Sqft'); 
        var minSize= res.getItem(i).getProperty('MinSize'); 
        
        var pricePerSqft = 0;
        
        if(sqft!=0)   
        {     
            pricePerSqft = Math.round((price / sqft) * 100) / 100;
        }
                
        var description = res.getItem(i).getProperty('Description');
        var openHouse = res.getItem(i).getProperty('OpenHouseDateTime');
        var realtorImage = res.getItem(i).getProperty('RealtorImage');
        
        var propertyStatusIdLkp = res.getItem(i).getProperty('PropertyStatusIDLkp');
        var emailAddress = res.getItem(i).getProperty('EmailAddress');
        var contactOff = res.getItem(i).getProperty('ContactOff');
        var fax = res.getItem(i).getProperty('Fax');
        var brochureFileName = res.getItem(i).getProperty('BrochureFileName');
        var brochureFileURL = res.getItem(i).getProperty('BrochureFileURL');
        var BrokerFirm = res.getItem(i).getProperty('BrokerFirm');
        var APN = res.getItem(i).getProperty('APN');
        var unit = res.getItem(i).getProperty('Unit');
        
        
        var secondaryRealtorName = res.getItem(i).getProperty('SecondaryRealtorName');
        var SRWebAddress = res.getItem(i).getProperty('SRWebAddress');
        var SecondaryRealtorImage = res.getItem(i).getProperty('SecondaryRealtorImage');
        var SREmailAddress = res.getItem(i).getProperty('SREmailAddress');
        var SRContactOff = res.getItem(i).getProperty('SRContactOff');
        var SRFax = res.getItem(i).getProperty('SRFax');
        var SRBrokerFirm = res.getItem(i).getProperty('SRBrokerFirm');


     
        openHouse = FormatDate(openHouse);
                
        var html1 = GenerateHtml1(price,leaseTerms, address, imageName, sqft, pricePerSqft, openHouse,minSize,unit,APN,Address_Complete,x,y);
        var html2 = GenerateHtml2(description, openHouse, commPropId,brochureFileName,brochureFileURL,APN,Address_Complete,price,leaseTerms,type,x,y,street, state, city, zipCode);
        var html3 = GenerateHtml3(realtorName, webAddress, realtorImage, emailAddress, contactOff, fax, BrokerFirm, secondaryRealtorName, SRWebAddress, SecondaryRealtorImage, SREmailAddress, SRContactOff, SRFax, SRBrokerFirm,APN,Address_Complete,x,y);

        var point = new GPoint2(x, y);

        var icon = GetIconPath(propertyStatusIdLkp, COMMERCIAL_FUNCTIONS);
        
        var price_text = '';
        
        if(price !=0 )
        {
            price_text = ' $'+number_format(price);
        }
        else
        {
            price_text = leaseTerms;
        }
        
        CreateMarker(point, toolTipText + price_text, html1, html2, html3, no, icon);
    }
    
    
    
    /////////////////////////////////////////////////////
    
    
    if(_number == -1) // if exception or marker not exists while open bubble. then get new location & display bubble
    {
        DisplayBubble(_id,_long,_lat);
        _number = 0;
        _long = 0;
        _lat = 0;
    } 
       
    
    ////////////////////////////////////////////////////  
    
    
    DisplayOverlayData();    
    
    document.getElementById('mapLoad').innerHTML = ""; // HIDE MAP Loading img
}
//DisplayMap_CallBack -- End --
function NextRealtor()
{
    var realtor = document.getElementById('RealtorTable');
    var secondaryRealtor= document.getElementById('SecondaryRealtorTable');
    var button = document.getElementById('RealtorButton');
    var buttonNext = document.getElementById('RealtorButtonNext');
    var buttonPrevious = document.getElementById('RealtorButtonPrevious');
    //alert(realtor);
    if(realtor.style.display == 'block')
    {
        secondaryRealtor.style.display='block';
        realtor.style.display='none';
        document.getElementById('Broker').innerText = document.getElementById('Broker2').innerText;
        buttonNext.style.display='none';
        buttonPrevious.style.display='block';
    }
    else
    {
        secondaryRealtor.style.display='none';
        realtor.style.display='block';
        document.getElementById('Broker').innerText = document.getElementById('Broker1').innerText
        buttonNext.style.display='block';
        buttonPrevious.style.display='none';

    }    
}

//GenerateHtml3 -- Start --
function GenerateHtml3(realtorName, webAddress, realtorImage, emailAddress, contactOff, fax, BrokerFirm, secondaryRealtorName, SRWebAddress, SecondaryRealtorImage, SREmailAddress, SRContactOff, SRFax, SRBrokerFirm,APN,Address,x,y)
{
    var div = GenerateWindowSize();
    var html = div;    
  
	html = html + '<table id="tbl3" width="100%" class="TableBorder" cellpadding="0" cellspacing="0" >';
    html = html + '<tr>';
    html = html + '<td class="RowBorder">';
        html = html + '<table width = "100%">';
        html = html + '<tr width = "100%" valign=top>';
        html = html + '<td align=left class="BubbleHeadingGreen">';
            html = html + '<b><div id="Broker">'+BrokerFirm+'</div></b>'
        html = html + '</td>';
        html = html + '<td align="right" valign="top">'        
            html = html + '<a href="#" onclick="PrintMap('+x +','+y+')" class="LinkInBubble"> <IMG style="text-decoration:none" border=0 SRC="Images/Domains/Shared/Printer.png" alt="Print" />'                
            html = html + '</a>'        
            html = html + '<a  class="LinkInBubble" href="javascript:Popup_Feedback(\'' + APN + '\',\'' + Address + '\')" ><IMG style="text-decoration:none" border=0 SRC="Images/Domains/Shared/FeedBack.gif" alt="Feedback" /></a>';
        html = html + '</td>';        
        html = html + '</tr>';
        html = html + '</table>';    
           
    html = html + '</td>';
    html = html + '</tr >';
    
    html = html + '<tr height="100%">';
    html = html + '<td>';    
	    
	    
    html = html + '<table id ="tbl_3" align=center class="BubbleTable">';
    html = html + '<tr><td></td></tr>'

    html = html + '<tr>';   
    
    
    html = html + '<td>';
    html = html + '<table id="RealtorTable" style="display:block;" class="BubbleTable">';
    html = html + '<tr>';
       
    
    html = html + '<td align=left>';   
    html = html + '<img src=' + RealtorThumbnailImagesPath + realtorImage + ' class="AgentImageInBubble" >';
    
    
    html = html + '</td>';
    html = html + '<td>';
    html = html + '<table align=center class="BubbleTable">';
    html = html + '<tr>';
    html = html + '<td align=center>';
    
    if(webAddress != '#')
	    html = html + '<a href=' + webAddress + ' target=_blank><font class="LinkInBubble">' + realtorName + '</font></a>';
    else
	    html = html + '<b>' + realtorName + '<b>';
	    
    html = html + '</td>';
    html = html + '</tr>';
    
    if(contactOff != '')
    {
        html = html + '<tr>';
        html = html + '<td align=center>';
        html = html + contactOff;
        html = html + '</td>';
        html = html + '</tr>';
    }
    
    if(fax != '')
    {
        html = html + '<tr>';
        html = html + '<td align=center>';
        html = html + 'Fax: ' + fax;
        html = html + '</td>';
        html = html + '</tr>';
    }
    
    html = html + '</table>';
    html = html + '</td>';
    html = html + '</tr>';
    
    html = html + '<tr style="display:none">';
    html = html + '<td align=left colspan="2">';
    html = html + '<b><div id="Broker1">'+ BrokerFirm +'</div></b>';
    html = html + '</td>';
    html = html + '</tr>';
    
    if(emailAddress != '')
    {
        html = html + '<tr>';
        html = html + '<td align=left colspan="2">';
        html = html + '<a  class="LinkInBubble" href="javascript:Popup_SendMail(\'' + emailAddress + '\')" ><font class="LinkInBubble">' + emailAddress + '</font></a>';
//        html = html + '<a href=mailto:' + emailAddress + ' target=_blank><font class="LinkInBubble">' + emailAddress + '</font></a>';
        html = html + '</td>';
        html = html + '</tr>';
    }
    
    //html = html + '<tr>';
    html = html + '</table>';   

    
    
    html = html + '<table id="SecondaryRealtorTable" style="display:none;" class="BubbleTable">';
    html = html + '<tr>';
    //html = html + '<td>'
    
    
    
    html = html + '<td align=left>';   
    html = html + '<img src=' + RealtorThumbnailImagesPath + SecondaryRealtorImage + ' class="AgentImageInBubble" >';
    html = html + '</td>';
    html = html + '<td>';
    html = html + '<table align=center class="BubbleTable">';
    html = html + '<tr>';
    html = html + '<td align=center>';
    
    if(SRWebAddress != '#')
	    html = html + '<a href=' + SRWebAddress + ' target=_blank><font class="LinkInBubble">' + secondaryRealtorName + '</font></a>';
    else
	    html = html + '<b>' + secondaryRealtorName  + '<b>';
	    
    html = html + '</td>';
    html = html + '</tr>';
    
    if(SRContactOff != '')
    {
        html = html + '<tr>';
        html = html + '<td align=center>';
        html = html + SRContactOff;
        html = html + '</td>';
        html = html + '</tr>';
    }
    
    if(SRFax != '')
    {
        html = html + '<tr>';
        html = html + '<td align=center>';
        html = html + 'Fax: ' + SRFax;
        html = html + '</td>';
        html = html + '</tr>';
    }

    html = html + '</table>';
    html = html + '</td>';
    html = html + '</tr>';
    
    html = html + '<tr style="display:none">';
    html = html + '<td align=left colspan="2">';
    html = html + '<b><div id="Broker2">'+ SRBrokerFirm  +'</div></b>';
    html = html + '</td>';
    html = html + '</tr>';
    
    if(emailAddress != '')
    {
        html = html + '<tr>';
        html = html + '<td align=left colspan="2">';
        html = html + '<a  class="LinkInBubble" href="javascript:Popup_SendMail(\'' + SREmailAddress + '\')" ><font class="LinkInBubble">' + SREmailAddress + '</font></a>';
//        html = html + '<a href=mailto:' + SREmailAddress + ' target=_blank><font class="LinkInBubble">' + SREmailAddress + '</font></a>';
        html = html + '</td>';
        html = html + '</tr>';
    }
    
    //html = html + '<tr>';
    html = html + '</table>';
    html = html + '</td>';
    html = html + '</tr>';
    
    html = html + '</table>';
    html = html + '</td>';
    html = html + '</tr>';
    
    if(SREmailAddress != '')
    {
        html = html + '<tr align="right">';
        html = html + '<td align="right" class="RowBorderNoBg">';
        html = html + '<a id="RealtorButton" href="#" onclick="NextRealtor()"  class="LinkInBubble">';
        html = html + '<img id="RealtorButtonNext" style="display:block" border="0" src="'+ GetPath()+'Pages/next_off.gif" onmouseover=SetImagePath(this,"next_on.gif") onmouseout=SetImagePath(this,"next_off.gif")  height="16" width="59" />'
        html = html + '<img id="RealtorButtonPrevious" style="display:none" border="0" src="'+ GetPath()+'Pages/previous_off.gif" onmouseover=SetImagePath(this,"previous_on.gif") onmouseout=SetImagePath(this,"previous_off.gif")  height="16" width="59" />'        
        html = html + '</a>';        
        html = html + '</td>';
        html = html + '</tr>';
   }    
    
    
    html = html + '</table>';
    html = html + '</div>';    
   
    

    return html;
}
//GenerateHtm3 -- End --

function FormatDiscriptionNext(index)
{
    var description=disDiv[divPos+1];
    var desArea=document.getElementById("desArea");
    var previous = document.getElementById("PreDes");
    var next = document.getElementById("NextDes");        

    if((divPos+1)< maxDiv)
    {        
        previous.style.display = 'block';               
        divPos++;
        desArea.innerText=description;
        if((divPos+1) == maxDiv)
        {                      
            next.style.display = 'none';                       
        }            
    }    
}

function FormatDiscriptionPrevious(index)
{
    var description=disDiv[divPos-1];
    var desArea=document.getElementById("desArea");
    var previous = document.getElementById("PreDes");
    var next = document.getElementById("NextDes");        
    
    if((divPos-1)>= 0)
    {        
        next.style.display = 'block';
        divPos--;
        desArea.innerText=description;
        if(divPos == 0)
        {                      
            previous.style.display = 'none';                       
            
        }            
    }              
    
}

function testHeight()
{   
//    SetDetails();
    var tbl1 = document.getElementById("tbl1");
    var tbl2 = document.getElementById("tbl2");    
    var tbl3 = document.getElementById("tbl3");
    
    var div_parent = document.getElementById("bubbleDiv").parentNode;
    var div_e = document.getElementById("bubbleDiv");
    
    div_e.style.height = div_parent.parentNode.clientHeight;    
    tbl3.style.height = tbl2.style.height = tbl1.style.height =div_e.style.height;
    
}

function SetDetails()
{
    divPos=0;
    maxDiv=0;
    var area = document.getElementById("desArea"); 
    var next = document.getElementById("NextDes");            
    var description = area.innerText;
    var index=0;
    var ptr=0;   
    var prePtr=0;
  
    if(description.length > displayLength)
    {
        do{         
            var des="";
            prePtr=ptr;           
            for(var i=0; i < displayLength && ((i+ptr) < description.length) ;i++);        
            ptr=ptr+i;
//            if(ptr+25 < description.length)
//            {
            if(description.length!=ptr)
            {
                for(;(description.charAt(ptr)!=' ' && description.charAt(ptr)!=" ") && (description.charAt(ptr)!='.' && description.charAt(ptr)!=".");ptr--);
            }

            for(;prePtr<=ptr;prePtr++)
            {
                if(!(description.charCodeAt(prePtr) == 13 || description.charAt(prePtr)=="\n" || description.charAt(prePtr)=='\n'))
                {
                    des=des+description.charAt(prePtr);                    
                }
    
            }

            disDiv[index++]=des;            
        }while((ptr+1) < (description.length) && ptr < description.length)
           
        maxDiv=index;
        area.innerText=disDiv[0];
        if(maxDiv==1)
        {
            next.style.display = 'none';
        }
        
    }else
    {
        area.innerText=description;
        next.style.display = 'none';        
    }
}

//GenerateHtml2 -- Start --
function GenerateHtml2(description, openHouse, commPropId,brochureFileName,brochureFileURL,APN,Address,price,leaseTerms,type,x,y, street, state, city, zipCode)
{    
    var div = GenerateWindowSize();

    var html = div;
	    
    html = html + '<table id="tbl2" width="100%" class="TableBorder" cellpadding="0" cellspacing="0" >';
    html = html + '<tr>';
    html = html + '<td class="RowBorder">';
        html = html + '<table width = "100%">';
        html = html + '<tr width = "100%" valign=top>';
        html = html + '<td align=left class="BubbleHeadingGreen">';
            html = html + '<b>'+'Commercial - '+type+'</b>'
        html = html + '</td>';
        html = html + '<td align="right" valign="top">'        
        html = html + '<a href="#" onclick="PrintMap('+x +','+y+')" class="LinkInBubble"> <IMG style="text-decoration:none" border=0 SRC="Images/Domains/Shared/Printer.png" alt="Print" />'                
        html = html + '</a>'
        html = html + '<a  class="LinkInBubble" href="javascript:Popup_Feedback(\'' + APN + '\',\'' + Address + '\')" ><IMG style="text-decoration:none" border=0 SRC="Images/Domains/Shared/FeedBack.gif" alt="Feedback" /></a>';
        html = html + '</td>';        
        html = html + '</tr>';
        html = html + '</table>';    
           
    html = html + '</td>';
    html = html + '</tr >';
    
    html = html + '<tr height="100%">';
    html = html + '<td>';
    
    html = html + '<div class="BubbleTableDetail">';
    html = html + '<table id ="tbl_2"  align=center class="BubbleTable" valign="top" >';

    html = html + '<tr valign="top" >';
    html = html + '<td id="desArea" align=left style="text-align:justify" valign="top" height="100%">';
    
    html = html + description;
    
    html = html + '</td>';
    html = html + '</tr>';

    html = html + '</table>';
    html = html + '</div>';
    html = html + '</td>';
    html = html + '</tr>';
    
    html = html + '<tr >';
    html = html + '<td class="RowBorderNoBg">';
        html = html + '<table width = "100%">';
        html = html + '<tr width = "100%">';
        html = html + '<td align=left >';
            html = html + ' <a class="LinkInBubble" href=javascript:Popup(' + commPropId + ')>More Detail</a>';
        html = html + '</td>';
//         html = html + '<td align=right >';
//            html = html + ' <a class="LinkInBubble" href="javascript:PopupZillow(\'' + street + '\',\'' + city + '\',\'' + state + '\',\'' + zipCode+ '\')">Zillow Detail</a>';            
//        html = html + '</td>';
        html = html + '<td align = right >';
            if(brochureFileName != '#' && brochureFileURL !='#')
            { 
              html = html + '<a class="LinkInBubble" href=javascript:DisplayFile("'+ BrochuresPath + brochureFileURL + '")>'+brochureFileName+'</a>';               
            }
        html = html + '</td>';        
        html = html + '</tr>';
        html = html + '</table>';
    html = html + '</td>';
    html = html + '</tr >';
    
    html = html + '</table>';
    
    html = html + '<div id="indexNo"  style="display:none">';
    html = html + index;
    html = html + '</div>';
    
    html = html + '</div>';
  
    return html;
}
//GenerateHtml2 -- End --

//GenerateWindowSize -- Start --
function GenerateWindowSize()
{
    var div;
    div = '<div id=\'bubbleDiv\' class="BubbleDiv">';
    return div;
}
//GenerateWindowSize -- End --

//GenerateHtml1 -- Start --
function GenerateHtml1(price,leaseTerms, address, imageName, sqft, pricePerSqft, openHouse,minSize,unit,APN,Address_c,x,y)
{
    var div = GenerateWindowSize();
    var html = div;
	    
    html = html + '<table id="tbl1" width="100%" class="TableBorder" cellpadding="0" cellspacing="0" >';
    html = html + '<tr >';    
    html = html + '<td class="RowBorder">';
        html = html + '<table width = "100%">';
        html = html + '<tr width = "100%" valign=top>';
        html = html + '<td align=left class="BubbleHeadingGreen">';
            if(address != '')
            {                
                html = html + '<b>'+Address_c+'</b>';   
             
            }   
        html = html + '</td>';
        html = html + '<td align="right" valign="top">'    
        html = html + '<a href="#" onclick="PrintMap('+x +','+y+')" class="LinkInBubble"> <IMG style="text-decoration:none" border=0 SRC="Images/Domains/Shared/Printer.png" alt="Print" />'                
        html = html + '</a>'        
        html = html + '<a  class="LinkInBubble" href="javascript:Popup_Feedback(\'' + APN + '\',\'' + Address_c + '\')" ><IMG style="text-decoration:none" border=0 SRC="Images/Domains/Shared/FeedBack.gif" alt="Feedback" /></a>';
        html = html + '</td>';        
        html = html + '</tr>';
        html = html + '</table>';    
           
    html = html + '</td>';        
        
    html = html + '</tr >';
    
    html = html + '<tr height="100%">';
    html = html + '<td>';
    
    html = html + '<table id ="tbl_1" align=center class="BubbleTable">';
    html = html + '<tr >';
    html = html + '<td align=center>';    
    html = html + '<img src='+ CommercialThumbnailImagesPath + imageName + ' class="PropertyImageInBubble" >';
    html = html + '</td>';
    html = html + '<td>';
    html = html + '<table align=center class="BubbleTable">';
    html = html + '<tr>';
    html = html + '<td align=center>';
    
    if(price !=0 && leaseTerms=='#') // properties other than commercial Lease
    {
        html = html + '<b>Price: $' + number_format(price) + '</b>';
    }
    if(leaseTerms !='#') // commercial lease
    {
        html = html + '<b>' + leaseTerms + '</b>';
    }
    html = html + '</td>';
    html = html + '</tr>';

    html = html + '<tr >';
    html = html + '<td align=center>';
    
    if(minSize!=-1)
    {
        html = html + unit +': ' + number_format(minSize) + ' - ';
    }
    else 
    {
         html = html + unit + ': ';
    }
    
    if(sqft!=0)
    {
        html = html + number_format(sqft);
    }
    
    
    html = html + '</td>';
    html = html + '</tr>';

    html = html + '<tr >';
    html = html + '<td align=center>';
    
    if(price!=0 && sqft!=0)
    {
        html = html + 'Price / ';
        if(unit == 'Acres')
        {
            html = html + 'Acre';
        }
        else{
            html = html + 'Sqft'
        }
        html = html + ': $' + number_format(pricePerSqft);
    }
    
    html = html + '</td>';
    html = html + '</tr>';

    
    html = html + '<tr>';
    html = html + '<td align=center>';
    html = html + '</td>';
    html = html + '</tr>';
    html = html + '</table>';
    html = html + '</td>';
    html = html + '</tr>';

    html = html + '</table>';
    
    html = html + '</td>';
    html = html + '</tr>';   
    html = html + '</table>';
    
    html = html + '</div>';

    return html;
}
//GenerateHtml1 -- End --

//CreateMarker -- Start --
function CreateMarker(point, toolTipText, html1, html2, html3, i, icon)
{
    var infoTabs = [
    new GInfoWindowTab(firstTabName, html1), 
    new GInfoWindowTab(secondTabName, html2),
    new GInfoWindowTab(thirdTabName, html3)
    ]; 

    var marker = new GMarker(point, icon);    
    GEvent.addListener(marker, 'click', function() {
    marker.openInfoWindowTabsHtml(infoTabs);
    });

    marker.tooltip = toolTipText;
    map.addOverlay(marker);

    GEvent.addListener(marker,"mouseover", function() {         
    ShowToolTip(marker);
    });
    
    GEvent.addListener(marker,"mouseout", function() {
    toolTip.style.visibility="hidden"
    });
    
    GEvent.addListener(marker,"click", function() {    
    toolTip.style.visibility="hidden"
    });
    
    GEvent.addListener(marker, "infowindowopen", function() {testHeight();});
        
    markers.push(marker);
    html1s.push(html1);
    html2s.push(html2);
    html3s.push(html3);
}
//CreateMarker -- End --

}
//]]>