﻿var ZoomFlag=false;
 var gmarkers = [];
    var htmls = [];
    var i = 0;
    var mapXX;
    var cmlxArray=new Array(); 
    var PrTypeArray=new Array(); 
    
    var latArray=new Array(); 
    var lngArray=new Array(); 
    var flagclick= [];	
    var ListingID=new Array();
    var htmlSTR=new Array();
    var OpenHouseLinkArr=new Array();
     var tableuid=new Array();
      var tableuid2=new Array();
    var MLSID=new Array();
//   /*++++++++++++++++++++++ICON SCRIPT++++++++++++++++++++++++++++++*/
//    // This icon uses the same shape as the default Google marker
//      // So we can use its details for everything except the image 
//      var blueIcon = new GIcon();
//      blueIcon.image = "../images/roundedblue.gif";
//      //blueIcon.shadow = "http://www.google.com/mapfiles/shadow50.png";
//      blueIcon.iconSize = new GSize(40, 40);
//      //blueIcon.shadowSize = new GSize(50, 40);
//      blueIcon.iconAnchor = new GPoint(5, 40);
//      blueIcon.infoWindowAnchor = new GPoint(10, 10);
//      //blueIcon.infoShadowAnchor = new GPoint(18, 25);
//      blueIcon.transparent = "http://www.google.com/intl/en_ALL/mapfiles/markerTransparent.png";
//      //blueIcon.printImage = "roundedblue.gif";
//      //blueIcon.mozPrintImage = "roundedblue.gif";
//	
//	  // An array of GIcons, to make the selection easier
//      var icons = [];
//      icons[0] = blueIcon;
//   /*++++++++++++++++++++++ICON SCRIPT++++++++++++++++++++++++++++++*/
   
   
 //*************************************************************************************************   
 
    function createMarker(point, number, counter) 
    {
        //var marker = new GMarker(point,icons[0]);
//        var gicons = new Array();
//        gicons[0] = new GIcon(G_DEFAULT_ICON, "../images/pin.png");
//        var Icon = new GIcon();
//        Icon.image = "http://boston.condodomain.com/images/pin.png";
//        Icon.iconSize = new GSize(14, 19);
//        Icon.iconAnchor = new GPoint(14, 19);
//        Icon.infoWindowAnchor = new GPoint(14, 19);
        
        var marker = new GMarker(point)//,Icon);
        //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;
        //alert(html)
        i=i+1;
       
        if (!marker.point) {marker.point = marker.getPoint();}
        //if(number!='')
            //GEvent.addListener(marker, "click", function() {marker.openInfoWindowHtml(html);});
        return marker;
    }
    
    // A function to create the marker and set up the event window
      function createMarkerPin(point,name,html,icontype) {
      /*alert(icontype);
       alert(html);
       alert(point);
       alert(name);*/
       var gicons = new Array();
       if (icontype==1)
       {
       //gicons[icontype] = new GIcon(G_DEFAULT_ICON, "<img src=http://econym.googlepages.com/colour086.png onerror=\'this.src=\"../images/nopic.gif\";\'/>");
       gicons[icontype] = new GIcon(G_DEFAULT_ICON, "../images/roundedblue.gif");
       }
       //alert(gicons[icontype]);
       var number1=0;
        // === create a marker with the requested icon ===
        //var marker = new GMarker(point, gicons[icontype]);
         
        var marker = new GMarker(point, gicons[icontype]);
        //alert(marker.point);
        
        if (!marker.point) 
        
        {
       // alert('point');
        marker.point = marker.getPoint();}
        var html="<table class='MLS_M'><tr valign='top'><td align='left'>" + html + "</td></tr></table>";
        htmls[i] = html;
        i=i+1;
        gmarkers[i] = marker;
        htmls[i] = html;
       
        GEvent.addListener(marker, "click", function() {
          marker.openInfoWindowHtml(html);
        });
        // save the info we need to use later for the side_bar
        
        // add a line to the side_bar html
        
        i++;
        return marker;
      }

    function myclick(i) 
    {
        //alert(htmls[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(m);
    //alert(document.getElementById("mapX"))
            if(document.getElementById("mapX"))  
            {
                var args = LoadMap.arguments;
                 var zoomlevel=23;
                 
                if(latArray.length<=1)
                {
                    zoomlevel=16;
                }
               
                document.getElementById("mapX").style.display='BLOCK';
                if (ZoomFlag)
                {
                    document.getElementById("mapX").style.display='BLOCK';
                    zoomlevel=16;
                }
                else if(!(latArray.length>0))
                {
                    document.getElementById("mapX").style.display='BLOCK';
                }
            }                
             
          
        if(document.getElementById("mapX"))  
        {
            var mapX = new GMap2(document.getElementById("mapX"));
            mapX.addControl(new GSmallMapControl()); 
            mapXX=mapX;           
           
            var j=0;
            for(j=0;j<latArray.length;j++)      
            {
                if(j==0)
                    mapX.setCenter(new GLatLng(latArray[j], lngArray[j]), zoomlevel);
                if(MLSID[j]!=0)
               {
                     
                     if(htmlSTR[j]!='')
                     {
                       mapX.addOverlay(createMarker(new GLatLng(latArray[j], lngArray[j]), htmlSTR[j],0));                                  
                     }
                     else
                     {
                            mapX.addOverlay(createMarker(new GLatLng(latArray[j], lngArray[j]), '',0));
                     }
                 }
                 else
                 {
                     if(htmlSTR[j]!='')
                     {
                            mapX.addOverlay(createMarker(new GLatLng(latArray[j], lngArray[j]), htmlSTR[j],0));                          
                     }
                     else
                     {
                            mapX.addOverlay(createMarker(new GLatLng(latArray[j], lngArray[j]), '',0));
                      }   
                    
                 }
            }
            SetUpZoom(mapX);
          
        }
    } 
    function SetUpZoom(mapX)
	{
		var maxLat,minLat;
		maxLat=-1000.00;
		minLat=1000.00								
		/*alert('LEngth '+latArray.length)
		alert(mapX.getZoom())*/
		
		for(i=0;i<latArray.length;i++)
		{
			//alert(i);
			for(j=0;j<15;j++)
			{	
						
				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,mlsid,tableuID,tableuID2)
	{
	    var j=0;
	    j=latArray.length;
	    latArray[j]=lat;	    
        lngArray[j]=lon;
        ListingID[j]=listingid;
        htmlSTR[j]=html;
        MLSID[j]=mlsid;
        tableuid[j]=tableuID;
        tableuid2[j]=tableuID2;
	}
	
	function AddListing_Non_MLS(lat, lon, html,listingid,mlsid,ComplexName,PropertyType)
	{
	    
	    var j=0;
	    j=latArray.length;
	    latArray[j]=lat;	    
        lngArray[j]=lon;
        ListingID[j]=listingid;
        htmlSTR[j]=html;
        MLSID[j]=mlsid;
        cmlxArray[j]=ComplexName;
        PrTypeArray[j]=PropertyType;
       /* var cmlxArray=new Array(); 
    var PrTypeArray=new Array();*/ 
	}
	function AddListing_Non_MLS_Search(lat, lon, html,listingid,mlsid,ComplexName,PropertyType,OpenHouseLink,tableuID,tableuID2)
	{
	    var j=0;
	    j=latArray.length;
	    latArray[j]=lat;	    
        lngArray[j]=lon;
        ListingID[j]=listingid;
        htmlSTR[j]=html;
        MLSID[j]=mlsid;
        cmlxArray[j]=ComplexName;
        PrTypeArray[j]=PropertyType;
        OpenHouseLinkArr[j]=OpenHouseLink;
        tableuid[j]=tableuID;
        tableuid2[j]=tableuID2;
        //alert(tableuid2[j])
       /* var cmlxArray=new Array(); 
    var PrTypeArray=new Array();*/ 
	}
	
function ClearArrays()
{
   latArray=clean(latArray);
    lngArray=clean(lngArray);
    ListingID=clean(ListingID);
    htmlSTR=clean(htmlSTR);
    MLSID=clean(MLSID);
    cmlxArray=clean(cmlxArray);
    PrTypeArray=clean(PrTypeArray);
    gmarkers=clean(gmarkers);
    tableuid=clean(tableuid);
    tableuid2=clean(tableuid2);
    
}
function clean(ar)
{   
   ar=null;
   ar=new Array();
   return ar;
        
}
var zillowYear=1
function UpadateZillow(i)
{
    if(document.getElementById("zillow_chart"))
    {
		var strReplace=''
		var strFind=''
		if(i==1)
			strReplace="1year"
		else if(i==5)
			strReplace="5years"
		else if(i==10)
			strReplace="10years"

		if(zillowYear==1)
			strFind='1year';			
		else if(zillowYear==5)
			strFind='5years'
		else if(zillowYear==10)
			strFind='10years'
       
       
            if(i==1)
                document.getElementById("duration_1year").className="selected-duration"
            else
                document.getElementById("duration_1year").className=""
                
             if(i==5)
                document.getElementById("duration_5years").className="selected-duration"
            else
                document.getElementById("duration_5years").className=""
                
             if(i==10)
                document.getElementById("duration_10years").className="selected-duration"
            else
                document.getElementById("duration_10years").className=""
       
		
		  document.getElementById("zillow_chart").style.backgroundImage=document.getElementById("zillow_chart").style.backgroundImage.replace(strFind,strReplace);
		zillowYear=i;	
    }
}
