﻿// JScript File

    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 htmlSTR=new Array();
    var RV2ID=new Array();
    var PageUrl='';
    var FeaturedProp=new Array();
    var ClickablePinArr=new Array();
   
    // Creates a marker at the given point with the given number label
  
 //*************************************************************************************************   
    function createMarker(point, number, counter) 
    {
        var gicons = new Array();
        gicons[0] = new GIcon(G_DEFAULT_ICON, "../images/favicon.gif");
        var Icon = new GIcon();
        Icon.image = "http://www.bostonianlofts.com/favicon.gif";
        Icon.iconSize = new GSize(14, 19);
        Icon.iconAnchor = new GPoint(14, 19);
        Icon.infoWindowAnchor = new GPoint(14, 19);
        
        var marker = new GMarker(point,Icon);
        
        //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;
        //alert(gmarkers[0])
        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 createMarkerRental(point, number, counter, clickablePin) 
    {
        
        var gicons = new Array();
        gicons[0] = new GIcon(G_DEFAULT_ICON, "../images/favicon.gif");
        var Icon = new GIcon();
        Icon.image = "http://www.bostonianlofts.com/favicon.gif";
        Icon.iconSize = new GSize(14, 19);
        Icon.iconAnchor = new GPoint(14, 19);
        Icon.infoWindowAnchor = new GPoint(14, 19);
        
        var marker = new GMarker(point,Icon);
        //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;
        //alert(gmarkers[0])
        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() {if(clickablePin=='N') return false; 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) 
    {//alert(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()
    {
            if(document.getElementById("mapX"))  
            {
                var args = LoadMap.arguments;
                var zoomlevel;
               // alert(ZoomFlag)
               ZoomFlag=true;
                if (ZoomFlag)
                {
                    document.getElementById("mapX").style.display='BLOCK';
                }
                else if(!(latArray.length>0))
                {
               
                    document.getElementById("mapX").style.display='none';
                }
            }                
               
        if(document.getElementById("mapX"))  
        {
            var mapX = new GMap2(document.getElementById("mapX"));
            mapX.addControl(new GSmallMapControl()); 
            mapX.addControl(new GMapTypeControl()); 
            var j=0;
            for(j=0;j<latArray.length;j++)      
            {
                if(j==0)
                {
                     zoomlevel=15;
                    mapX.setCenter(new GLatLng(latArray[j], lngArray[j]), zoomlevel);
                }
                if(RV2ID[j]!=0)
                {
                    if(getCookie('UserID')=="" || getCookie('UserID')==null)
                        {
                            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]+'<a href=\'../Login/default.aspx?ListingID='+ ListingID[j]+'&mls=' + RV2ID[j] + '\'>View Details</a>',0));
                             //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]+'<span style=""font-size:13px;""><a href="../Loft_Search/details.aspx?ListingID='+ ListingID[j]+'&mls=' + RV2ID[j] + '">View Details</a></span>',0));
                        }
                        else
                        {
                            
                            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]+'<span style=""font-size:13px;""><a href="../Loft_Search/details.aspx?ListingID='+ ListingID[j]+'&mls=' + RV2ID[j] + '">View Details</a></span>',0));
                        }
                }
                else
                {
                           
                     mapX.addOverlay(createMarker(new GLatLng(latArray[j], lngArray[j]), '<img src=http://cdn.net-agents.net/dc_realestate_V2/UploadedImages/Sales_ID'+ListingID[j]+'_1.jpg align=left height=\'100\' width=\'100\' onerror=\'this.src=\"../images/nopic.gif\";\' style=\'padding:0px 7px 0px 0px;\'>'+ htmlSTR[j]+'<span style=""font-size:13px;""><a href="../Loft_Search/details.aspx?ListingID='+ ListingID[j]+'&mls=' + RV2ID[j] + '">View Details</a></span>',0));
                } 
            }
            SetUpZoom(mapX);
        }
    } 
    function SetUpZoom(mapX)
	{
		var maxLat,minLat;
		maxLat=-1000.00;
		minLat=1000.00								
		for(i=0;i<latArray.length;i++)
		{
			for(j=0;j<15;j++)
			{	
			    if(j=1)
			    //alert(mapX.getBounds().getSouthWest().lat())
				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 LoadMapRental()
    {
            if(document.getElementById("mapX"))  
            {
                var args = LoadMapRental.arguments;
                var zoomlevel;
               // alert(ZoomFlag)
               ZoomFlag=true;
                if (ZoomFlag)
                {
                    document.getElementById("mapX").style.display='BLOCK';
                }
                else if(!(latArray.length>0))
                {
               
                    document.getElementById("mapX").style.display='none';
                }
            }                
               
        if(document.getElementById("mapX"))  
        {
            var mapX = new GMap2(document.getElementById("mapX"));
            mapX.addControl(new GSmallMapControl()); 
            mapX.addControl(new GMapTypeControl()); 
            var j=0;
            for(j=0;j<latArray.length;j++)      
            {
                if(j==0)
                {
                     zoomlevel=15;
                     mapX.setCenter(new GLatLng(latArray[j], lngArray[j]), zoomlevel);
                }
                  
                    if(RV2ID[j]!=0)
                    {
                        if(getCookie('UserID')=="" || getCookie('UserID')==null)
                            {
                                mapX.addOverlay(createMarkerRental(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]+'<a href=\'../Login/RentalLogin.aspx?ListingID='+ ListingID[j]+'&mls=' + RV2ID[j] + '\'>View Details</a>',0,ClickablePinArr[j]));
                            }
                            else
                            {
                                
                                mapX.addOverlay(createMarkerRental(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]+'<span style=""font-size:13px;""><a href="../Loft_Rent/details.aspx?ListingID='+ ListingID[j]+'&mls=' + RV2ID[j] + '">View Details</a></span>',0,ClickablePinArr[j]));
                            }
                    }
                    else
                    {
                        
                         mapX.addOverlay(createMarkerRental(new GLatLng(latArray[j], lngArray[j]), '<img src=http://cdn.net-agents.net/dc_realestate_V2/UploadedImages/Rental_ID'+ListingID[j]+'_1.jpg align=left height=\'100\' width=\'100\' onerror=\'this.src=\"../images/nopic.gif\";\' style=\'padding:0px 7px 0px 0px;\'>'+ htmlSTR[j]+'<span style=""font-size:13px;""><a href="../Loft_Rent/details.aspx?ListingID='+ ListingID[j]+'&mls=' + RV2ID[j] + '">View Details</a></span>',0,ClickablePinArr[j]));
                    } 
                  
            }
            SetUpZoom(mapX);
        }
    } 
	function AddListingRental(lat, lon, html,listingid,rv2id,ClickablePin)
     {
         var j=0;
         j=latArray.length;
         latArray[j]=lat;     
            lngArray[j]=lon;
            ListingID[j]=listingid;
            RV2ID[j]=rv2id;
            
            htmlSTR[j]=html;
             ClickablePinArr[j]=ClickablePin;
            
           
     }
	
	function AddListing(lat, lon, html,listingid,rv2id,url,Featured)
     {
         var j=0;
         j=latArray.length;
         latArray[j]=lat;     
            lngArray[j]=lon;
            ListingID[j]=listingid;
            RV2ID[j]=rv2id;
            htmlSTR[j]=html;
            PageUrl=url;
            FeaturedProp[j]=Featured;
     }
     function getCookie(NameOfCookie)
	    {// alert(NameOfCookie)
		    if (document.cookie.length > 0) 
		    { 
			    begin = document.cookie.indexOf(NameOfCookie+"="); 
			    if (begin != -1) 
			    { 
				    begin += NameOfCookie.length+1; 
				    end = document.cookie.indexOf(";", begin);
				    if (end == -1) end = document.cookie.length;
				    return unescape(document.cookie.substring(begin, end)); 
			    } 
		    }
		    return null; 
	    }

    function setCookie(NameOfCookie, value, expiredays) 
    {	
        var ExpireDate = new Date ();
	    ExpireDate.setTime(ExpireDate.getTime() + (expiredays * 24 * 3600 * 1000));
	    document.cookie = NameOfCookie + "=" + escape(value) + 
	    ((expiredays == null) ? "" : "; expires=" + ExpireDate.toGMTString()) + "; path=/;";
    }



