﻿var ZoomFlag=false;
 var gmarkers = [];
    var htmls = [];
    var i = 0;
    var latArray=new Array(); 
    var lngArray=new Array(); 
    var flagclick= [];	
    var ListingID=new Array();
    var RV2ID=new Array();
    var htmlSTR=new Array();
    
 //*************************************************************************************************   
    function createMarker(point, number, counter) 
    {
        var marker = new GMarker(point);
        //marker.tooltip = '<div class="tooltip">'+toolTip+'</div>';
        // save the info we need to use later for the sidebar
        gmarkers[i] = marker;
        var html="<table class='MLS_M'><tr valign='top'><td align='left'>" + number + "</td></tr></table>";
        htmls[i] = html;
        i=i+1;
        if (!marker.point) {marker.point = marker.getPoint();}
        GEvent.addListener(marker, "click", function() {marker.openInfoWindowHtml(html);});
        return marker;
    }

    function myclick(i) 
    {
        gmarkers[i].openInfoWindowHtml(htmls[i]);		
    }

    // This function picks up the click and opens the corresponding info window
    function myover(i) 
    {
        if(flagclick[i]!=1)
        {
            gmarkers[i].openInfoWindowHtml(htmls[i]);								
        }	
        else{gmarkers[i].openInfoWindowHtml(htmls[i]);}
    }
    function myout(i) {
        if(flagclick[i]!=1)
        {
            mapX.closeInfoWindow();	
        }	
    }
    function LoadMap()
    {
//   alert('in details map js');
            if(document.getElementById("mapX"))  
            {
				//alert(document.getElementById("mapX"));
                var args = LoadMap.arguments;
                var zoomlevel=10;
                ZoomFlag=true;
                if (ZoomFlag)
                {
                    document.getElementById("mapX").style.display='BLOCK';
                    zoomlevel=15;
                }
                else if(!(latArray.length>0))
                {
                    document.getElementById("mapX").style.display='none';
                }
            }                
               
        if(document.getElementById("mapX"))  
        {
//			alert('21');
            var mapX = new GMap2(document.getElementById("mapX"));
            //var mapExclusive = new GMap2(document.getElementById("mapExclusive"));
           // mapX.setCenter(new GLatLng(37.4419, -122.1419), 23);
            mapX.addControl(new GSmallMapControl()); 
            mapX.addControl(new GMapTypeControl()); 
            var j=0;
            for(j=0;j<latArray.length;j++)      
            {
//				alert('31');
                if(j==0)
                    mapX.setCenter(new GLatLng(latArray[j], lngArray[j]), zoomlevel);
                mapX.addOverlay(createMarker(new GLatLng(latArray[j], lngArray[j]), '<img src=http://media.mlspin.com/photo.aspx?mls=' + RV2ID[j] + ' align=left height=\'100\' width=\'100\' onerror=\'this.src=\"../images/nopic.gif\";\' style=\'padding:0px 7px 0px 0px;\'>'+ htmlSTR[j]+'',0));
                //<a rel=\'ibox&height=700&width=640\' href="RegistrationForm.aspx?mls='+ RV2ID[j] +'&BostonRealEstate='+ ListingID[j]+'">read more...</a>
            }
            SetUpZoom(mapX);
            //'<table border=1 cellspacin0 cellpadding=0><tr><td><img src=http://www.dreamingcode.com/dc_realestate_V2/UploadedImages/Rental_ID' + ListingID[j] + '_0.jpg align=left height=\'100\' width=\'100\' onerror=\'this.src=\"../images/nopic.gif\";\'></td><td><a href="FeaturedListingDetails.aspx?ListingID='+ ListingID[j]+'">read more...</a></td></tr></table>'
            //var tooltip = document.createElement('div'); 
            //mapX.getPane(G_MAP_FLOAT_PANE).appendChild(tooltip); 
            //tooltip.style.visibility='hidden'; 
            //FeaturedListingDetails.aspx
            //http://www.Boston Realestate Group.com/ExclusiveBuilding/FeaturedListingDetails.aspx?ListingId=174943        					
           /* mapX.setCenter(new GLatLng(42.286944, -71.141042 ), 13);
            mapX.addOverlay(createMarker(new GLatLng(42.351061 , -71.126281), '<img src=http://media.mlspin.com/photo.aspx?mls=70530237 align=left height=\'100\' width=\'100\'><b>MLS # 70530237</b><br><b>Price: $400,000</b><br><b>Address:</b> 27 Tyndale  Boston, 02131<br><b>Property Type:</b> Single Family<br><b>BedRooms:</b> 6 Bedroom <br><b>Living Area:</b>1819  sq. ft.<br>..<a href=\'Details.aspx?BostonRealEstate=35178&mls=70530237\'>read more</a>',0, '27 Tyndale<br>$400,000'));
            */
        }
    } 
    function SetUpZoom(mapX)
	{
		var maxLat,minLat;
		maxLat=-1000.00;
		minLat=1000.00								
		//alert('LEngth '+latArray.length)
		for(i=0;i<latArray.length;i++)
		{
			//alert(i);
			for(j=0;j<15;j++)
			{	
				//alert(mapX.getBounds().getSouthWest().lat() + " < " + latArray[i] +" < " +mapX.getBounds().getNorthEast().lat() +" "+latArray[i])
			
				if((mapX.getBounds().getSouthWest().lat()<latArray[i]) && (latArray[i]<mapX.getBounds().getNorthEast().lat()) && (mapX.getBounds().getSouthWest().lng()<lngArray[i]) && (lngArray[i]<mapX.getBounds().getNorthEast().lng()))
				{	//alert('Break');
					break;}
				else
				{	//alert('ZoomOut');
					mapX.zoomOut();	}
			}		
		}
	}
	
	function AddListing(lat, lon, html,listingid,rv2id)
	{
	    var j=0;
//	    alert(listingid);
//	    alert(rv2id);
	    j=latArray.length;
	    latArray[j]=lat;	    
        lngArray[j]=lon;
        ListingID[j]=listingid;
        RV2ID[j]=rv2id;
        htmlSTR[j]=html;
	}



