﻿var map;
var directionsPanel; 
var directions; 
var geocoder, location1, location2 ;  
var i =0;
var g_TTPoint = 0;
var g_latlngs = new Array ;
var g_markers = new Array ;
var g_IDCODE = new Array;
var g_htmls = new Array;
var g_holat = new Array;
var g_holng = new Array;
var g_hoName = new Array;
var g_IdType = new Array;
var g_Lat;
var g_Lng;
var g_Status;
var g_URL;
var y_here ;
var y_Lat;
var y_Lng;
var y_ID;
var d_direction=1;
var d_Lat;
var d_Lng;
var w_TTPoint = 0;
var w_latlngs = new Array ;
var w_markers = new Array ;
var w_IDCODE = new Array;
var w_htmls = new Array;
var w_holat = new Array;
var w_holng = new Array;
var w_hoName = new Array;
var w_IdType = new Array;
var w_Lat;
var w_Lng;
var w_Status;
var w_URL;
var w_circle;
var d_there ;
var a_TTPoint = 0;
var a_latlngs = new Array ;
var a_markers = new Array ;
var a_IDCODE = new Array;
var a_htmls = new Array;
var a_holat = new Array;
var a_holng = new Array;
var a_hoName = new Array;
var a_IdType = new Array;
var a_Lat;
var a_Lng;
var a_Status;
var a_URL;
var ipagesize = 10;
var sChoseItem="";
var s_Cate ="I2";
var sContent = "ctl00_cph_home_";
var shttp = "http://www.home.co.th/images/img_v/img_map_icon/home/";
var _currView = 1; 
var baseImgwe_sd  = shttp+"icon/man_shadow.png";
var baseImgwe =shttp+"icon/man.png";
var baseImgwe_Over=shttp+"icon/man_over.png";
var baseImg_home_sd=shttp+"icon/home_shadow.png";
var baseImg_condo_sd=shttp+"icon/home_shadow.png";
var baseImg_other_sd = shttp+"icon/home_shadow.png";
var baseImgsearch = shttp + "ho/home-orange-";
var baseImgsearch_4 = shttp + "co/condo-orange-";
var baseImgsearch_5 = shttp + "oo/other-orange-";
var baseImgsearch_Over = shttp + "hoo/home-orange_over-";
var baseImgsearch_Over_4 = shttp + "coo/condo-orange_over-";
var baseImgsearch_Over_5 = shttp + "ooo/other-orange_over-";
var baseImgCompare = shttp + "hg/home-green-";
var baseImgCompare_4 = shttp + "cg/condo-green-";
var baseImgCompare_5 = shttp + "og/other-green-";
var baseImgCompare_Over = shttp + "hgo/home_green_over-";
var baseImgCompare_Over_4 = shttp + "cgo/condo-green_over-";
var baseImgCompare_Over_5 = shttp + "ogo/other-green_over-";
var baseImgchose = shttp + "hr/home-red-";
var baseImgchose_4 = shttp + "cr/condo-red-";
var baseImgchose_5 = shttp + "or/other-red-";
var baseImgchose_Over = shttp + "hro/home-red_over-";
var baseImgchose_Over_4 = shttp + "cro/condo-red_over-";
var baseImgchose_Over_5 = shttp + "oro/other-red_over-";
function go_ChoseItem(i,sT)
{ 
    var sI="d_hdn_id_";
    var sC="d_ckb_";
    switch (sT)
    {
	    case 1:
	        sI="d_hdn_id_near_";
            sC="d_ckb_near_";
	        break;
	    case 2:
	        sI="d_hdn_id_";
            sC="d_ckb_";
	        break;
	    case 3:
	        sI="d_hdn_id_compare_";
            sC="d_ckb_compare_";
	        break;
	}
    var g_ID = document.getElementById(sI+i);
    var g_data = document.getElementById(sC+i);
	
    if ( g_ID != null && g_data != null && (g_data.checked == true))
    {
        var g_ChoseItem = document.getElementById(sContent + "d_hdn_items");
        sChoseItem = g_ChoseItem.value;
        if (sChoseItem.length>0) {sChoseItem += "|"; }
        sChoseItem += s_Cate+g_ID.value;
        g_ChoseItem.value= sChoseItem;
    }
}
function clear_ChoseItem(i)
{ 
    var g_ChoseItem = document.getElementById(sContent + "d_hdn_items");
    g_ChoseItem.value= "";
    sChoseItem="";
}
function go_compare()
{
    var g_ChoseItem = document.getElementById(sContent + "d_hdn_items");
    var sID = g_ChoseItem.value; 
    var cURL = "H2_compare_baan.aspx";
    if (sID !="") 
    {
        cURL += "?S_C_ID_LIST="+sID;
        var cGC = (Math.random()+1) * (Math.random()+1) ;
        var cwin = "H2_baan_gmap_"  + cGC ;
        cwin = cwin.replace('.','');
        cwin = cwin.replace(' ','');
        win_open = window.open(cURL,cwin) ;
    }
    else
    {
        alert("คลิ๊กเลือกรายการ อย่างน้อย 1 รายการ.");
    }
}
function drawhome(sType) { 
   if (typeof(map) == 'undefined' || map == null) { 
        if (GBrowserIsCompatible()) {
            geocoder = new GClientGeocoder(); 
	        map = new GMap2(document.getElementById("d_homegmaps"));
	        directionsPanel = document.getElementById("d_route"); 
            directions = new GDirections(map, directionsPanel);
	        map.addControl(new GLargeMapControl3D()); 
	        map.addControl(new GMapTypeControl()); 
	        map.enableScrollWheelZoom();
 	        map.setCenter(new GLatLng(13.81490,100.56011),10);
            if (sType == null || sType =="")
            {
                y_Lat='13.81490';
                y_Lng='100.56011';
            }
            else
            {
                var y_array= sType.split("|");
                if (y_array.length>1)
                {
                    y_Lat= y_array[0].toString();
                    y_Lng=y_array[1].toString();
                }
            }
            set_we_here(y_Lat,y_Lng,'จุดเริ่มต้น');
            w_Lat=y_Lat;
            w_Lng=y_Lng;
            set_tabview(y_Lat,y_Lng);
 	        view_tab(1);
	    }
        else 
        {
          alert("Sorry, the Google Maps API is not compatible with this browser");
	    }
	}
}
function set_we_here(lat,lon,name)
{
    var baseIcon = new GIcon(G_DEFAULT_ICON);
    baseIcon.image = baseImgwe; 
    baseIcon.shadow =  baseImgwe_sd;
    baseIcon.iconSize = new GSize(60, 60);
    baseIcon.shadowSize = new GSize(60, 60);
    baseIcon.iconAnchor = new GPoint(31, 58);
    baseIcon.infoWindowAnchor = new GPoint(9, 2);
    baseIcon.imageOut = baseImgwe; 
    baseIcon.imageOver = baseImgwe_Over; 
    var center = new GLatLng(eval(lat),eval(lon));
    var marker = new GMarker(center, {title:name,icon:baseIcon,draggable: true});
    GEvent.addListener(marker, "dragstart", function() {
      map.closeInfoWindow();
    });
    GEvent.addListener(marker, "dragend", function() {
        var nlat = marker.getPoint().lat();
        var nlng = marker.getPoint().lng();
        var g_ChoseItem = document.getElementById(sContent + "d_hdn_here_latlon");
        g_ChoseItem.value = nlat + "|" + nlng +"|" + "";
        y_Lat = nlat;
        y_Lng = nlng;
        at_you_here(y_Lat,y_Lng);
    });
    GEvent.addListener(marker, "mouseover", function() {
    marker.setImage(marker.getIcon().imageOver); });
    GEvent.addListener(marker, "mouseout", function() {
    marker.setImage(marker.getIcon().imageOut);  });
    var g_ChoseItem = document.getElementById(sContent + "d_hdn_here_latlon");
    g_ChoseItem.value = lat + "|" + lon +"|" + name;
    y_Lat = lat;
    y_Lng = lon;
    at_you_here(y_Lat,y_Lng);
    y_here = marker;
    map.addOverlay(marker);
}
function at_you_here(lat,lon)
{
    var w_are_here = document.getElementById("d_you_are_here");
    var w_are_here_2 = document.getElementById("d_you_are_here_2");
    map.panTo(new GLatLng(lat,lon));
    lat += "          ";
    lon += "           ";
    w_are_here.value = lat.substring(0, 9) + "," + lon.substring(0, 10);
    w_are_here_2.value = lat.substring(0, 9) + "," + lon.substring(0, 10);
}
function go_you_here()
{
    map.panTo(new GLatLng(y_Lat,y_Lng));
}
function fitMap(points) {
   var bounds = new GLatLngBounds();
   for (var i=0; i< points.length; i++) {
      bounds.extend(points[i]);
   }
   map.setZoom(map.getBoundsZoomLevel(bounds));
   map.setCenter(bounds.getCenter());
}


function set_tabview(lat,lon)
{
    if (lat != null && lon != null)
    {
        map.panTo(new GLatLng(lat,lon));
    }
    else
    { 
        map.panTo(new GLatLng(y_Lat,y_Lng));
    }
}
function gotoLocation(ngoto)
{

    //var waddress = document.getElementById("goto_address");
    var waddress;
    if (ngoto == 1)
    { waddress = document.getElementById("goto_address"); }
    else {
        waddress = document.getElementById("goto_address_2");
    }
    geocoder.getLocations(waddress.value, function (response) { 
        if (!response || response.Status.code != 200) 
        { 
            alert("ขออภัย   เราไม่สามารถหาสถานที่นี้พบ"); 
        } 
        else 
        { 
            location1 = {lat: response.Placemark[0].Point.coordinates[1], lon: response.Placemark[0].Point.coordinates[0], address: response.Placemark[0].address}; 
            map.removeOverlay(y_here);
            set_we_here(location1.lat,location1.lon,'จุดเริ่มต้น : ' +location1.address)
        } 
    }); 
} 
function reLocation()
{
    if ( d_there != null) 
    { 
        showLocation(d_there,d_direction,y_ID,d_Lat,d_Lng);
        search_tab(4);
    }
}
function cleardirection()
{
    d_there="";
    d_Lat="";
    d_Lng="";
}
function go_to_pointB()
{
    if (d_Lat != null && d_Lat != "" && d_Lng != null && d_Lng != "")
    {
        map.panTo(new GLatLng(eval(d_Lat),eval(d_Lng)));
    }
}
function replaceAll( str, replacements ) {
    for ( i = 0; i < replacements.length; i++ ) {
        var idx = str.indexOf( replacements[i][0] );

        while ( idx > -1 ) {
            str = str.replace( replacements[i][0], replacements[i][1] ); 
            idx = str.indexOf( replacements[i][0] );
        }
    }
    return str;
}
function showLocation(tothere,sT,sID,lat,lon)
{ 
    document.getElementById("d_no_route").style.display="none";
    var wlatlon = y_Lat + ',' + y_Lng; 
    if (tothere != null) {
        d_there = tothere;
        d_Lat =lat;
        d_Lng=lon;
        var go_there = replaceAll(tothere,[["_"," "],["/", ","]]);
        d_direction=sT;
        y_ID=sID;
        directions.load('from: จุดเริ่มต้น@'+wlatlon+'  to: ' + go_there); 
        showPointofLocation(sID,sT);
    }
} 
function showPointofLocation(c_IDCODE,sT)
{
    var i=-1;
    var sHtml;
    var iv = 0;
    switch (sT)
    {
        case 1:
            for( iv =0; iv < w_TTPoint;iv++) { 
		        if (w_IDCODE[iv].trim() ==  c_IDCODE.trim())
		        {
		            i = iv;
		            break;
		        } 
            } 
            if (i < w_TTPoint && i >=0) 
            { 	
                sHtml = w_htmls[i];
            } 
            break;
        case 2:
            for( iv =0; iv < g_TTPoint;iv++) { 
		        if (g_IDCODE[iv].trim() ==  c_IDCODE.trim())
		        {
		            i = iv;
		            break;
		        } 
            } 
            if (i < g_TTPoint && i >=0) 
            { 	
                sHtml = g_htmls[i];
            } 
            break;
        case 3:
            for( iv =0; iv < a_TTPoint;iv++) { 
		        if (a_IDCODE[iv].trim() ==  c_IDCODE.trim())
		        {
		            i = iv;
		            break;
		        } 
            } 
            if (i < a_TTPoint && i >=0) 
            { 	
                sHtml = a_htmls[i];
            } 
            break;
    }
    if (sHtml != null && sHtml.length>0)
    {
        document.getElementById("d_item_route").innerHTML = sHtml;
    }
}
function printLocation()
{ 
    var wlatlon =  y_Lat + ',' + y_Lng;
    if (d_there != null) {
        var  cURL='H2_baan_print_gmap.aspx?S_C_POINT_ID=G|'+wlatlon+'|'+ d_there+'|'+y_ID; 
        Open_Win_Popup(cURL);
    }
} 
function closePanel(iView) {
    var ddiv;
    switch (iView){
        case 1:
		     ddiv = document.getElementById(sContent+"d_data_near");
            ddiv.innerHTML ="";
		    document.getElementById(sContent+"d_no_near").style.display="block";
		    var iA = w_TTPoint;
            w_TTPoint=0;
            if (iA>0) {
                for (var ivv =0;ivv < iA;ivv++ ) 
                {   
                    map.removeOverlay(w_markers[ivv]); 
                } 
                w_htmls.splice(0,iA);
                w_holat.splice(0,iA);
                w_holng.splice(0,iA);
                w_hoName.splice(0,iA);
                w_IdType.splice(0,iA);
                w_latlngs.splice(0,iA);
                w_markers.splice(0,iA);
                w_IDCODE.splice(0,iA);
            }
		    set_tabview(y_Lat,y_Lng);
			break;
	    case 2:
		    document.getElementById(sContent+"d_page_data").style.display="none";
		     ddiv = document.getElementById(sContent+"d_display_data");
            ddiv.innerHTML ="";
		    document.getElementById(sContent+"d_no_data").style.display="block";
		    var iA = g_TTPoint;
            g_TTPoint=0;
            if (iA>0) {
                for (var ivv =0;ivv < iA;ivv++ ) 
                {   
                    map.removeOverlay(g_markers[ivv]); 
                } 
                g_htmls.splice(0,iA);
                g_holat.splice(0,iA);
                g_holng.splice(0,iA);
                g_hoName.splice(0,iA);
                g_IdType.splice(0,iA);
                g_latlngs.splice(0,iA);
                g_markers.splice(0,iA);
                g_IDCODE.splice(0,iA);
            }
		    set_tabview(y_Lat,y_Lng);
			break;
		 case 3:
		     ddiv = document.getElementById(sContent+"d_data_compare");
            ddiv.innerHTML ="";
		    document.getElementById(sContent+"d_no_compare").style.display="block";
		    var iA = a_TTPoint;
            a_TTPoint=0;
            if (iA>0) {
                for (var ivv =0;ivv < iA;ivv++ ) 
                {   
                    map.removeOverlay(a_markers[ivv]); 
                } 
                a_htmls.splice(0,iA);
                a_holat.splice(0,iA);
                a_holng.splice(0,iA);
                a_hoName.splice(0,iA);
                a_IdType.splice(0,iA);
                a_latlngs.splice(0,iA);
                a_markers.splice(0,iA);
                a_IDCODE.splice(0,iA);
            }
		    set_tabview(y_Lat,y_Lng);
			break;
		case 4:
             ddiv = document.getElementById("d_item_route");
            ddiv.innerHTML ="";
            document.getElementById("d_no_route").style.display="block";
            directions.clear();
		    break;
	}
}
function myclick_O(c_IDCODE,c_NAME,c_LAT,c_LNG) 
{ 	
    i=-1;
    for(var iv =0; iv < g_TTPoint;iv++) { 
		if (g_IDCODE[iv].trim() ==  c_IDCODE.trim())
		{
		    i = iv;
		    break;
		} 
    } 
    if (i < g_TTPoint && i >=0) 
    { 	
        g_markers[i].openInfoWindowHtml(g_htmls[i]); 	
        if (map.getZoom() < 16) { map.setCenter(g_latlngs[i],16); } 	
        else { map.setCenter(g_latlngs[i]); } 	
    } 
    else
    {
        if (c_LAT !="" && c_LNG !="" && c_NAME !="")
        {
            var point = new GLatLng(c_LAT,c_LNG); 	
	        var marker = new GMarker(point,{title:c_NAME}); 	
	        map.addOverlay(marker);
	        map.setCenter(point,16); 	
        }
    }
}
function createMarker(slat,slng,html,name,stype,iv) { 	
    var baseIcon = new GIcon(G_DEFAULT_ICON);
    var cNo ="";
    var baseshadow = baseImg_home_sd;
    cNo =eval(iv+1);
    switch(stype)
    {
        case '4':
          baseIcon.image = baseImgsearch_4 + cNo+".png";
          baseIcon.imageOut = baseImgsearch_4 + cNo+".png";
          baseIcon.imageOver = baseImgsearch_Over_4 + cNo+".png";
          baseIcon.iconSize = new GSize(40, 52);
          baseIcon.shadowSize = new GSize(80, 52);
          baseshadow = baseImg_condo_sd;
          break;
        case '5':
          baseIcon.image = baseImgsearch_5 + cNo+".png";
          baseIcon.imageOut = baseImgsearch_5 + cNo+".png";
          baseIcon.imageOver = baseImgsearch_Over_5 + cNo+".png";
          baseIcon.iconSize = new GSize(40, 48);
          baseIcon.shadowSize = new GSize(80, 48);
          baseshadow = baseImg_other_sd;
          break;
        default:
          baseIcon.image = baseImgsearch + cNo+".png";
          baseIcon.imageOut = baseImgsearch + cNo+".png";
          baseIcon.imageOver = baseImgsearch_Over + cNo+".png";
          baseIcon.iconSize = new GSize(40, 48);
          baseIcon.shadowSize = new GSize(80, 48);
          break;
    }
    baseIcon.shadow = baseshadow; 
    baseIcon.iconAnchor = new GPoint(9, 34);
    baseIcon.infoWindowAnchor = new GPoint(9, 2);
 	var point = new GLatLng(slat,slng); 	
	var marker = new GMarker(point,{title:name,icon:baseIcon}); 	
	GEvent.addListener(marker, "click", function() { 		
		marker.openInfoWindowHtml(html); 		
		map.setCenter(point,16); 		
		}); 	
	GEvent.addListener(marker, "mouseover", function() {
    marker.setImage(marker.getIcon().imageOver); });
    GEvent.addListener(marker, "mouseout", function() {
    marker.setImage(marker.getIcon().imageOut);  });
	g_markers[iv] = marker; 	
	g_latlngs[iv] = point ; 	
	return marker; 
}
function goToPoint(sPOIdat,sDesc) {
    var sCode ="";
	var lat = "";
	var lon = "";
	sDesc.replace(" ","");
	var sP = new Array();
	sP = sPOIdat.split("|");
    for (var iiv=0;iiv < sP.length ; iiv++) {
        if (iiv==0 ) { sCode = sP[iiv] ;}
		if (iiv==1 ) { lat = sP[iiv] ;}
        if (iiv==2 ) { lon= sP[iiv] ;}
    }
	if (sCode.length>0 && lat.length>0 && lon.length>0 && sDesc.length>0)
	{	 
	 myclick_O(sCode,sDesc,lat,lon)
	}
}
function goPOI(sPOIdat,sDesc) {
	var lat = "";
	var lon = "";
	sDesc.replace(" ","");
	var sP = new Array();
	sP = sPOIdat.split("|");
    for (var iiv=0;iiv < sP.length ; iiv++) {
      
		if (iiv==0 ) { lat = sP[iiv] ;}
        if (iiv==1 ) { lon= sP[iiv] ;}
       
    }
	if (lat.length>0 && lon.length>0 && sDesc.length>0)
	{	 
	    var point = new GLatLng(lat,lon); 	
	    var marker = new GMarker(point,{title:sDesc}); 	
	    map.addOverlay(marker);
	    map.setCenter(point,16); 	
	}
}
function getPOI(sType)    
{           
    search_tab(2); 
    var hPOI = document.getElementById(sContent+"d_hdn_POI") ;
    var obj = hPOI.value;
    eval("var setPOI ="+obj) ;
    DisplayPOI(setPOI,sType);
}
function DisplayPOI(dsProject,sType)
{

    var iA = g_TTPoint;
    g_TTPoint=0;
    g_Lat=y_Lat;
    g_Lng=y_Lng;
    if (iA>0) {
        for (var ivv =0;ivv < iA;ivv++ ) 
        {   
            map.removeOverlay(g_markers[ivv]); 
        } 
        g_htmls.splice(0,iA);
	    g_holat.splice(0,iA);
	    g_holng.splice(0,iA);
	    g_hoName.splice(0,iA);
	    g_IdType.splice(0,iA);
	    g_latlngs.splice(0,iA);
        g_markers.splice(0,iA);
        g_IDCODE.splice(0,iA);
	}
    if (sType=="1") 
    {
        if (dsProject.POI.length>0 ) {
            for (var ii=0;ii<dsProject.POI.length;ii++){
                var f_NAME = dsProject.POI[ii].F_NAME ;
                var f_LAT = dsProject.POI[ii].F_LAT ;
                var f_LON = dsProject.POI[ii].F_LON ;
                var f_INFO = dsProject.POI[ii].F_INFO ;
                var f_HOMETYPE = dsProject.POI[ii].F_HOMETYPE ;
                var f_SPECIAL = dsProject.POI.F_SPECIAL ;
                var f_DATA_STATUS = "T" ;
                var f_IDCODE= dsProject.POI[ii].F_IDCODE ;
                if (f_DATA_STATUS=="T") 
                {
                    g_TTPoint +=1;
                    g_htmls[ii] = f_INFO;
                    g_holat[ii] = f_LAT;
                    g_holng[ii] = f_LON;
                    g_hoName[ii] = f_NAME ;
                    g_IdType[ii] = f_HOMETYPE;
                    g_IDCODE[ii] = f_IDCODE;
                  var marker = createMarker(f_LAT,f_LON,f_INFO,f_NAME,f_HOMETYPE,ii); 	
                  map.addOverlay(g_markers[ii]);
                }
                if (ii==0)
                {
                g_Lat=f_LAT;
                g_Lng=f_LON;
                }
            }
        }
        var ZoneCenter = new GLatLng(g_Lat,g_Lng);
        var nZoom = 11 ; 
        map.setCenter(ZoneCenter,nZoom)
       
   }
}
function createMarker_compare(slat,slng,html,name,stype,iv) { 	
    var baseIcon = new GIcon(G_DEFAULT_ICON);
    var cNo ="";
    var baseshadow = baseImg_home_sd;
    cNo =eval(iv+1);
    switch(stype)
    {
        case '4':
          baseIcon.image = baseImgCompare_4 + cNo+".png";
          baseIcon.imageOut = baseImgCompare_4 + cNo+".png";
          baseIcon.imageOver = baseImgCompare_Over_4 + cNo+".png";
          baseIcon.iconSize = new GSize(40, 52);
          baseIcon.shadowSize = new GSize(80, 52);
          baseshadow = baseImg_condo_sd;
          break;
        case '5':
          baseIcon.image = baseImgCompare_5 + cNo+".png";
          baseIcon.imageOut = baseImgCompare_5 + cNo+".png";
          baseIcon.imageOver = baseImgCompare_Over_5 + cNo+".png";
          baseIcon.iconSize = new GSize(40, 48);
          baseIcon.shadowSize = new GSize(80, 48);
          baseshadow = baseImg_other_sd;
          break;
        default:
          baseIcon.image = baseImgCompare + cNo+".png";
          baseIcon.imageOut = baseImgCompare + cNo+".png";
          baseIcon.imageOver = baseImgCompare_Over + cNo+".png";
          baseIcon.iconSize = new GSize(40, 48);
          baseIcon.shadowSize = new GSize(80, 48);
          break;
    }
    baseIcon.shadow = baseshadow;
    baseIcon.iconAnchor = new GPoint(9, 34);
    baseIcon.infoWindowAnchor = new GPoint(9, 2);
  	var point = new GLatLng(slat,slng); 	
	var marker = new GMarker(point,{title:name,icon:baseIcon}); 	
	GEvent.addListener(marker, "click", function() { 		
		marker.openInfoWindowHtml(html); 		
		map.setCenter(point,16); 		
		}); 	
    GEvent.addListener(marker, "mouseover", function() {
    marker.setImage(marker.getIcon().imageOver); });
    GEvent.addListener(marker, "mouseout", function() {
    marker.setImage(marker.getIcon().imageOut);  });
	a_markers[iv] = marker; 	
	a_latlngs[iv] = point ; 	
	return marker; 
}
function myclick_A(c_IDCODE,c_NAME,c_LAT,c_LNG) 
{ 	
    i=-1;
    for(var iv =0; iv < a_TTPoint;iv++) { 
		if (a_IDCODE[iv].trim() ==  c_IDCODE.trim())
		{
		    i = iv;
		    break;
		} 
    } 
    if (i < a_TTPoint && i >=0) 
    { 	
        a_markers[i].openInfoWindowHtml(a_htmls[i]); 	
        if (map.getZoom() < 16) { map.setCenter(a_latlngs[i],16); } 	
        else { map.setCenter(a_latlngs[i]); } 	
    } 
    else
    {
        if (c_LAT !="" && c_LNG !="" && c_NAME !="")
        {
            var point = new GLatLng(c_LAT,c_LNG); 	
	        var marker = new GMarker(point,{title:c_NAME}); 	
	        map.addOverlay(marker);
	        map.setCenter(point,16); 	
        }
    }
}
function getPOI_compare(sType)    
{     
    search_tab(3);
    var hPOI = document.getElementById(sContent+"d_hdn_POI_compare") ;
    var obj = hPOI.value;
    eval("var setPOI ="+obj) ;
    DisplayPOI_compare(setPOI,sType);
}
function DisplayPOI_compare(dsProject,sType)
{
    var iA = a_TTPoint;
    a_TTPoint=0;
    a_Lat=y_Lat;
    a_Lng=y_Lng;
    if (iA>0) {
        for (var ivv =0;ivv < iA;ivv++ ) 
        {   
            map.removeOverlay(a_markers[ivv]); 
        } 
        a_htmls.splice(0,iA);
	    a_holat.splice(0,iA);
	    a_holng.splice(0,iA);
	    a_hoName.splice(0,iA);
	    a_IdType.splice(0,iA);
	    a_latlngs.splice(0,iA);
        a_markers.splice(0,iA);
        a_IDCODE.splice(0,iA);
	}
    if (sType=="1") 
    {
        if (dsProject.POI.length>0 ) {
            for (var ii=0;ii<dsProject.POI.length;ii++){
                var f_NAME = dsProject.POI[ii].F_NAME ;
                var f_LAT = dsProject.POI[ii].F_LAT ;
                var f_LON = dsProject.POI[ii].F_LON ;
                var f_INFO = dsProject.POI[ii].F_INFO ;
                var f_HOMETYPE = dsProject.POI[ii].F_HOMETYPE ;
                var f_SPECIAL = dsProject.POI.F_SPECIAL ;
                var f_DATA_STATUS = "T" ;
                var f_IDCODE= dsProject.POI[ii].F_IDCODE ;
                if (f_DATA_STATUS=="T") 
                {
                    a_TTPoint +=1;
                    a_htmls[ii] = f_INFO;
                    a_holat[ii] = f_LAT;
                    a_holng[ii] = f_LON;
                    a_hoName[ii] = f_NAME ;
                    a_IdType[ii] = f_HOMETYPE;
                    a_IDCODE[ii] = f_IDCODE;
                  var marker = createMarker_compare(f_LAT,f_LON,f_INFO,f_NAME,f_HOMETYPE,ii); 	
                  map.addOverlay(a_markers[ii]);
                }
                if (ii==0)
                {
                a_Lat=f_LAT;
                a_Lng=f_LON;
                }
            }
        }
        var ZoneCenter = new GLatLng(a_Lat,a_Lng);
        var nZoom = 11 ; 
        map.setCenter(ZoneCenter,nZoom)
        
    }
}
function createMarker_Near(slat,slng,html,name,stype,iv) { 	
    var baseIcon = new GIcon(G_DEFAULT_ICON);
    var cNo ="";
    var baseshadow = baseImg_home_sd;
    cNo =eval(iv+1);
    switch(stype)
    {
        case '4':
          baseIcon.image = baseImgchose_4 + cNo +".png";
          baseIcon.imageOut = baseImgchose_4 + cNo +".png";
          baseIcon.imageOver = baseImgchose_Over_4 + cNo +".png";
          baseIcon.iconSize = new GSize(40, 52);
          baseIcon.shadowSize = new GSize(80, 52);
          baseshadow = baseImg_condo_sd;
          break;
        case '5':
          baseIcon.image = baseImgchose_5 + cNo +".png";
          baseIcon.imageOut = baseImgchose_5 + cNo +".png";
          baseIcon.imageOver = baseImgchose_Over_5 + cNo +".png";
          baseIcon.iconSize = new GSize(40, 48);
          baseIcon.shadowSize = new GSize(80, 48);
          baseshadow = baseImg_other_sd;
          break;
        default:
          baseIcon.image = baseImgchose + cNo +".png";
          baseIcon.imageOut = baseImgchose + cNo +".png";
          baseIcon.imageOver = baseImgchose_Over + cNo +".png";
          baseIcon.iconSize = new GSize(40, 48);
          baseIcon.shadowSize = new GSize(80, 48);
          break;
    }
    baseIcon.shadow =baseshadow;
    baseIcon.iconAnchor = new GPoint(9, 34);
    baseIcon.infoWindowAnchor = new GPoint(9, 2);
	var point = new GLatLng(slat,slng); 	
	var marker = new GMarker(point,{title:name,icon:baseIcon}); 	
	GEvent.addListener(marker, "click", function() { 		
		marker.openInfoWindowHtml(html); 		
		map.setCenter(point,16); 		
		}); 	
	GEvent.addListener(marker, "mouseover", function() {
    marker.setImage(marker.getIcon().imageOver); });
    GEvent.addListener(marker, "mouseout", function() {
    marker.setImage(marker.getIcon().imageOut);  });
	w_markers[iv] = marker; 	
	w_latlngs[iv] = point ; 	
	return marker; 
}
function myclick_W(c_IDCODE,c_NAME,c_LAT,c_LNG) 
{ 	
    i=-1;
    for(var iv =0; iv < w_TTPoint;iv++) { 
		if (w_IDCODE[iv].trim() ==  c_IDCODE.trim())
		{
		    i = iv;
		    break;
		} 
    } 
    if (i < w_TTPoint && i >=0) 
    { 	
        w_markers[i].openInfoWindowHtml(w_htmls[i]); 	
        if (map.getZoom() < 16) { map.setCenter(w_latlngs[i],16); } 	
        else { map.setCenter(w_latlngs[i]); } 	
    } 
    else
    {
        if (c_LAT !="" && c_LNG !="" && c_NAME !="")
        {
            var point = new GLatLng(c_LAT,c_LNG); 	
	        var marker = new GMarker(point,{title:c_NAME}); 	
	        map.addOverlay(marker);
	        map.setCenter(point,16); 	
        }
    }
}
function getPOI_Near(sType)    
{     
    search_tab(1);
    var hPOI = document.getElementById(sContent+"d_hdn_POI_Near") ;
    var obj = hPOI.value;
    if (obj != null && obj !='') {
        eval("var setPOI =" + obj);
        DisplayPOI_Near(setPOI, sType);
    }
}
function DisplayPOI_Near(dsProject,sType)
{
    var iA = w_TTPoint;
    w_TTPoint=0;
    w_Lat=y_Lat;
    w_Lng=y_Lng;
    if (iA>0) {
        for (var ivv =0;ivv < iA;ivv++ ) 
        {   
            map.removeOverlay(w_markers[ivv]); 
        } 
        w_htmls.splice(0,iA);
	    w_holat.splice(0,iA);
	    w_holng.splice(0,iA);
	    w_hoName.splice(0,iA);
	    w_IdType.splice(0,iA);
	    w_latlngs.splice(0,iA);
        w_markers.splice(0,iA);
        w_IDCODE.splice(0,iA);
	}
    if (sType=="1")  
    {
        if (dsProject.POI.length>0 ) {
            for (var ii=0;ii<dsProject.POI.length;ii++){
                var f_NAME = dsProject.POI[ii].F_NAME ;
                var f_LAT = dsProject.POI[ii].F_LAT ;
                var f_LON = dsProject.POI[ii].F_LON ;
                var f_INFO = dsProject.POI[ii].F_INFO ;
                var f_HOMETYPE = dsProject.POI[ii].F_HOMETYPE ;
                var f_SPECIAL = dsProject.POI.F_SPECIAL ;
                var f_DATA_STATUS = "T" ;
                var f_IDCODE= dsProject.POI[ii].F_IDCODE ;
                if (f_DATA_STATUS=="T") 
                {
                    w_TTPoint +=1;
                    w_htmls[ii] = f_INFO;
                    w_holat[ii] = f_LAT;
                    w_holng[ii] = f_LON;
                    w_hoName[ii] = f_NAME ;
                    w_IdType[ii] = f_HOMETYPE;
                    w_IDCODE[ii] = f_IDCODE;
                  var marker = createMarker_Near(f_LAT,f_LON,f_INFO,f_NAME,f_HOMETYPE,ii); 	
                  map.addOverlay(w_markers[ii]);
                }
                if (ii==0)
                {
                w_Lat=f_LAT;
                w_Lng=f_LON;
                }
            }
        }
        var ZoneCenter = new GLatLng(w_Lat,w_Lng);
        var nZoom = 11 ; 
        map.setCenter(ZoneCenter,nZoom)
        var radius =  document.getElementById(sContent+"d_ddl_radius").value;
        var warea = new GLatLng(y_Lat,y_Lng);
        drawCircle(warea,eval(radius));
        
    }
}
function gotoGE(cURL){	
	window.location.href =cURL ;
}
function Open_Win_Popup(cURL) {
    var cGC = (Math.random()+1) * (Math.random()+1) ;
    var cwin = "H2_baan_gmap_"  + cGC ;
    cwin = cwin.replace('.','');
    cwin = cwin.replace(' ','');
    win_detail = window.open(cURL,cwin);
}
function drawCircle(center,wradius){
  if (w_circle != null) { map.removeOverlay(w_circle);}
  var radius =  wradius*2;
  var nodes = 40;
  var liColor ="#0055ff";
  var liWidth=1;
  var liOpa;
  var fillColor="#0055ff";
  var fillOpa=0.07;
  var latConv = center.distanceFrom(new GLatLng(center.lat()+0.1, center.lng()))/100;
  var lngConv = center.distanceFrom(new GLatLng(center.lat(), center.lng()+0.1))/100;
  var points = [];
  var step = parseInt(360/nodes);
  for(var i=0; i<=360; i+=step)
  {
    var pint = new GLatLng(center.lat() + (radius/latConv * Math.cos(i * Math.PI/180)), 
      center.lng() + 
      (radius/lngConv * Math.sin(i * Math.PI/180)));
    points.push(pint);
  }
  points.push(points[0]); 
  var poly = new GPolygon(points,liColor,liWidth,liOpa,fillColor,fillOpa);
  w_circle = poly;
  map.addOverlay(poly);
}
function gopoint_view_tab(iView) {
 if (typeof(map) != 'undefined'  && map != null) { 
    switch (iView){
	    case 1:
		    set_tabview(w_Lat,w_Lng);
			break;
		case 2:
			set_tabview(g_Lat,g_Lng);
			break;
		case 3 :
			set_tabview(a_Lat,a_Lng);
			break;
		case 4 :
			if (d_Lat!=null && d_Lat!="" && d_Lng!=null && d_Lng!="")
			{
			    var points = [];
			    var pint1 = new GLatLng(eval(d_Lat),eval(d_Lng));
	            points.push(pint1);
	            var pint2 = new GLatLng(y_Lat,y_Lng);
	            points.push(pint2);
			    fitMap(points); 
			}
			else{set_tabview(y_Lat,y_Lng); }
			break;
	}   
	}
}
function view_tab(iView) {
   var $tabs = $('#sidebar').tabs(); 
    switch (iView){
	    case 1:
            $tabs.tabs('select', (iView-1)); 
		    set_tabview(w_Lat,w_Lng);
			break;
		case 2 :
            $tabs.tabs('select', (iView-1)); 
			set_tabview(g_Lat,g_Lng);
			break;
		case 3 :
            $tabs.tabs('select', (iView-1)); 
			set_tabview(a_Lat,a_Lng);
			break;
		case 4 :
            $tabs.tabs('select', (iView-1)); 
			if (d_Lat!=null && d_Lat!="" && d_Lng!=null && d_Lng!="")
			{
			    var points = [];
			    var pint1 = new GLatLng(eval(d_Lat),eval(d_Lng));
	            points.push(pint1);
	            var pint2 = new GLatLng(y_Lat,y_Lng);
	            points.push(pint2);
			    fitMap(points); 
			}
			else{            
                set_tabview(y_Lat,y_Lng);  
                }
			break;
	}   
	_currView = iView;
}
function gopoint_center(iView) {
 if (typeof(map) != 'undefined'  && map != null) { 
    var c_Lat ;
    var c_Lng ;
    switch (iView){
	    case 1:
		    c_Lat =w_Lat;
		    c_Lng= w_Lng;
			break;
		case 2:
		    c_Lat =g_Lat;
		    c_Lng= g_Lng;
			break;
		case 3 :
		    c_Lat =a_Lat;
		    c_Lng= a_Lng;
			break;
		case 4 :
			if (d_Lat!=null && d_Lat!="" && d_Lng!=null && d_Lng!="")
			{
			    c_Lat =d_Lat;
		        c_Lng= d_Lng;
			}
			else
			{
			 c_Lat =y_Lat;
		    c_Lng= y_Lng;
			}
			break;
	    }   
	    if (c_Lat!=null && c_Lat!="" && c_Lng!=null && c_Lng!="")
			{
	    var point = new GLatLng(c_Lat,c_Lng); 	
        map.setCenter(point,13); }
	}
}

