﻿
        var map = null;
        var geocoder = null;
        var center;
        var overlays;


        function initialize() {
            if (GBrowserIsCompatible()) {
                map = new GMap2(document.getElementById("map_canvas"));
                
               /* map.addControl(new GSmallMapControl());
                map.addControl(new GMapTypeControl());*/
                          map.setUIToDefault();
                geocoder = new GClientGeocoder();

                

                showAddress(address);
            }
        }

        function showAddress(address) {
            if (geocoder) {
                geocoder.getLatLng(
          address,
          function (point) {
              if (!point) {
                  alert(address + " not found");
              } else {
                  center = point;

                  map.setCenter(point, 16);

                  var marker = new GMarker(point);
                  map.addOverlay(marker);
                  //marker.openInfoWindowHtml(address);

                  /*************************************************************************************/
                  $('.mapicons a').click(function() {
                      var li = $(this).parents('li');
                      map.clearOverlays();

                      if (!li.hasClass('selected')) {
                          li.addClass('selected');
                      } else {
                          li.removeClass('selected');
                      }

                      $('.mapicons li.selected').each(function() { search($(this).find('a').attr('rel'), $(this).find('a img').attr('src')); });
                      return false;

                  });

                  /*************************************************************************************/
              }
          }
        );
            }
        }

        function search(kw, png) {
            var lat2 = Math.round(center.y*10)/10;
            var lng2 = Math.round(center.x * 10) / 10;

            var bounds = map.getBounds();
            var tpoint = bounds.getNorthEast();
            var bpoint = bounds.getSouthWest();

            var url = '/Home/NeighborhoodResults?kw=' + kw + '&tlat=' + tpoint.y + '&tlng=' + tpoint.x + '&blat=' + bpoint.y + '&blng=' + bpoint.x;
            /*map.clearOverlays();
            overlays = new Array();
            */
            $.getJSON(url, function(data) {

                for (var i = 0; i < data.businesses.length; i++) {
                    var b = data.businesses[i];
                    var point = new GLatLng(b.latitude, b.longitude);


                    var cafeIcon = new GIcon(G_DEFAULT_ICON);
                    

                    cafeIcon.image = png;

                    var marker = GetMarker(cafeIcon, point, b);

                    map.addOverlay(marker);

                }

            });
    }


    function GetMarker(cafeIcon, point, record){
        var nmarker = new GMarker(point, { icon: cafeIcon });
        
        GEvent.addListener(nmarker, "click", function() { nmarker.openInfoWindowHtml(GetRecordHtml(record)); });

        return nmarker; 
    }

    function GetRecordHtml(b){
        var html = "<h4>"+b.name+"</h4><div>"+b.address1+"</div>"; 
        if (b.address2!="")
            html+="<div>" + b.address2 + "</div>"; 

            if (b.address3!="")
            html+="<div>" + b.address3 + "</div>"; 

            if (b.phone!=""){
                
                /*b.phone = b.phone.replace(/(\d{3})/g,"-$1");
                if (b.phone[0]=='-')
                    b.phone = b.phone.substring(1);
                    */

                if (b.phone.length==10){
                    var p1 = b.phone.substring(0,3); 
                    var p2 = b.phone.substring(3,6); 
                    var p3 = b.phone.substring(6); 
                    b.phone =  "(" + p1 +")"+p2 +"-"+p3;
                }


                html+= "<div>Phone: " + b.phone + "</div>";
            }

            
                
            return html; 
    }



       $(function () {
           initialize();

           /*
           $(".gallery .thumbnails .smallFrame").fadeTo("slow", 0.6);
           $(".gallery .thumbnails .smallFrame.current").fadeTo("slow", 1.0);

           $(".gallery .thumbnails .smallFrame").click(
           function () {
           var largeImg = $(".gallery .feature img");
           var newlargeImgPath = $(this).attr("title");
           var selectedThumbnail = $(this);
           $(selectedThumbnail).fadeTo("slow", 1.0);
           $(largeImg).fadeOut('fast', function () {
           $(largeImg).attr({ src: newlargeImgPath }).load(function () {
           $(".gallery .thumbnails .smallFrame.current").fadeTo("slow", 0.6);
           $(".gallery .thumbnails").children().removeClass("current");
           $(selectedThumbnail).addClass("current");
           $(largeImg).fadeIn('slow');
           });
           });
           });
           */

           $('.propertyMenuBar ul li a').click(function () {
               var li = $(this).parents('li');
               $('.propertyMenuBar ul li._selected').removeClass('_selected');

               li.addClass('_selected');

               var href = $(this).attr('href');

               $('.propertyExtendedInfo ._tab').hide();

               $(href).show();

               return false;
           });
       });
       
     
