/*------------------------------------------------------

------------------------------------------------------*/
var gmap=null;
var markers = [];
var currentInfoWindow = false;
var gTabs=null;
var gshow=false;
var geocoder=null;
var infowindow = null;

$(function() {
	geocoder = new google.maps.Geocoder();
	var myLatlng = new google.maps.LatLng(31.60193,131.37873);
	var mapOptions = {
		zoom: 16,
		center: myLatlng,
		disableDoubleClickZoom: true,
        streetViewControl: false,
        mapTypeControl: false,
		scaleControl: true,
		mapTypeId: google.maps.MapTypeId.ROADMAP
	}
	gmap = new google.maps.Map(document.getElementById('map_canvas'), mapOptions);
    
	//google.maps.event.addListener(gmap, 'idle', function() {
    //google.maps.event.addListener(gmap, 'dragend', function() {
    google.maps.event.addListener(gmap, 'dragend', function() {
		var area = "";
		var latlng = gmap.getCenter();
        if(gshow){
			showbkn(latlng.lat(),latlng.lng(),area);
        }
    });
});
/**********************************************************
**         物件マーカー作成表示
**********************************************************/
function showbkn(lat,lng,area){
	for (var i = 0; i < markers.length; i++) {
		markers[i].setMap(null);
	}
    markers = [];
    
	$.ajax({
	type:"POST",
	url: "../ctrl-nichinan/wp-content/themes/nico2-customize/js/showtenpo.php",
	data: {"act":"areamap","lat":lat,"lng":lng,"area":area},
	dataType: "json",
	error:function (XMLHttpRequest, status, errorThrown) {alert(XMLHttpRequest.responseText);},
	success: function(data){
		if(data.length==0){
			return false;
		}
		for (var i = 0; i < data.length; i++) {
			makeMarker(data[i],'');
		}
	    //$("#findtext").html('<div class="gmapmsg">'+i+'件の店舗が見つかりました。</div>');
	}
	});
}
function setAllMap(map) {
  for (var i = 0; i < markers.length; i++) {
    markers[i].setMap(map);
  }
}
function clearOverlays() {
  setAllMap(null);
}
function showOverlays() {
  setAllMap(gmap);
}
function deleteOverlays() {
  clearOverlays();
  markers = [];
}
/**********************************************************
**         マーカー作成
**********************************************************/
function makeMarker(location,image) {
	var markerOptions = {map: gmap, position: new google.maps.LatLng(location.lat, location.lng),icon:image};
	var marker = new google.maps.Marker(markerOptions);    

    google.maps.event.addListener(marker, 'click', function(e) {
		if(infowindow)infowindow.close();
		infowindow = new google.maps.InfoWindow({content:location.content});
		infowindow.open(gmap, marker);
        //$("#gmaptenpo").html(location.content);
        /*-----スマートフォン電話番号-------*/
        if(isPhone()){
            $('a[data-action="call"]').each(function(){
                //var $ele = $(this);
                //$ele.wrap('<a href="tel:' + $ele.data('tel') + '"></a>');
            });
        }
    });
  	markers.push(marker);
}
/****************************************************************
センター設定
****************************************************************/
function goCenter(lat,lng) {
	var latlng = new google.maps.LatLng(lat,lng);
	gmap.setCenter(latlng);
}
/**********************************************************/
/**********************************************************/