$(document).ready(function(){
	var topBtn = $('.pagetop');
	topBtn.hide();
	$(window).scroll(function () {
		if ($(this).scrollTop() > 300) {
			topBtn.fadeIn();
		} else {
			topBtn.fadeOut();
		}
	});
});
if (typeof itsmo == 'undefined') {
    var itsmo = {};
}
if (typeof itsmo.vars == 'undefined') {
    itsmo.vars = {}
    ;
}
var tile_map = 'mapcache.e-map.ne.jp';
itsmo.michinoeki = {};
itsmo.michinoeki.g_map_obj = null;
itsmo.michinoeki.roadBalloons = null;
itsmo.michinoeki.balloonTemplate =
            "<div>\
                <div class=\"map-balloon-m road-ballon\">\
                    <a href=\"[url]\" style=\"display: block;\">\
                    <ul><li class=\"poi-name\"><span>[name]</span></li></ul>\
                    </a>\
                </div>\
            </div>";
itsmo.michinoeki.loadMap = function () {
    if (typeof ZDC === 'undefined' || typeof ZDC.Map === 'undefined') {
		return;
	}
    var arrLatLon = $('input#lat-lon').val().split(',');
    var lat = ZDC.msTodeg(arrLatLon[0]);
    var lon = ZDC.msTodeg(arrLatLon[1]);
    var latlon = new ZDC.LatLon(lat, lon);
    var maptype = ZDC.MAPTYPE_COLOR;
    var lvl = 13
    ZDC._TILE_SERVERS = tile_map;
    ZDC._TILE_PATHS["4"] = ZDC._TILE_PATHS["24"];
    itsmo.michinoeki.g_map_obj = new ZDC.Map(
		$('#idMap').get(0),
		{
			mapType: maptype,
			latlon: latlon,
			zoom: lvl
		}
	);
    itsmo.michinoeki.g_map_obj.dragOn();
	itsmo.michinoeki.g_map_obj.zoomOn();

	ZDC.addListener(itsmo.michinoeki.g_map_obj, ZDC.MAP_CLICK, function(){
		var latlon = itsmo.michinoeki.g_map_obj.getClickLatLon();
		itsmo.michinoeki.g_map_obj.moveLatLon(latlon);
	});
    var size = new ZDC.WH(44, 44);
    var widget = new ZDC.StaticUserWidget({ top: 8, left: 8}, {
		html: '<div class="plus"><a href="javascript:void(0);" onClick="itsmo.michinoeki.g_map_obj.zoomIn(); return false;" class="btn-mapwhite icon-plus"><span class="parts-map"></span></a></div>',
		size: size
	});
	itsmo.michinoeki.g_map_obj.addWidget(widget);
	widget.open();
	widget = new ZDC.StaticUserWidget({ top: 51, left: 8}, {
		html: '<div class="minus"><a href="javascript:void(0);" onClick="itsmo.michinoeki.g_map_obj.zoomOut(); return false;" class="btn-mapwhite icon-minus"><span class="parts-map"></span></a></div>',
		size: size
	});
	itsmo.michinoeki.g_map_obj.addWidget(widget);
	widget.open();
};

itsmo.michinoeki.createRoadStationWidget = function () {
    if (typeof ZDC === 'undefined' || typeof ZDC.Map === 'undefined') {
        return;
    }
    itsmo.michinoeki.loadMap();
    var latlons = [];
    var i = 0;
    $('.leftCol ul li ').each(function () {
        var currentElement = $(this);
        var arrLatLon = currentElement.find('input:hidden#lat-lon').val().split(',');
        var lat = ZDC.msTodeg(arrLatLon[0]);
        var lon = ZDC.msTodeg(arrLatLon[1]);
        var latlon = new ZDC.LatLon(lat, lon);
        latlons.push(latlon);
        var html = '<a id="'+ i +'" href="javascript:void(0);" onclick="itsmo.michinoeki.openRoadBallon(this, true);" class="icon-koko-pink"></a>';
        var maker = new ZDC.UserWidget(latlon, {
            size: new ZDC.WH(22, 34),
            html: html,
            offset: new ZDC.Pixel(-10, -29)
        });
        itsmo.michinoeki.g_map_obj.addWidget(maker);
        maker.open();
        i++;
    });
    var adjust = itsmo.michinoeki.g_map_obj.getAdjustZoom(latlons, true);
    itsmo.michinoeki.g_map_obj.setZoom(adjust.zoom);
    itsmo.michinoeki.g_map_obj.moveLatLon(adjust.latlon);
    //add link for area tod go to normal map
    var mapLat = ZDC.degToms(adjust.latlon.lat);
    var mapLon = ZDC.degToms(adjust.latlon.lon);
    var mapUrl = "/map/#michinoeki,";
    var path = window.location.pathname.split('/');
    var areaTod = path[4];// get area tod on url path name
    // area tod  46 is "鹿児島" area
    if(areaTod == "46"){
        mapLat = "113603810";
        mapLon = "470016960";
    }
    $(".mapbig .map-url").attr('href', mapUrl + mapLat + "-" + mapLon + "," + adjust.zoom);
};

itsmo.michinoeki.createRoadBalloon = function () {
    var template = itsmo.michinoeki.balloonTemplate;
    itsmo.michinoeki.roadBalloons = [];
    var i = 0;
    $('.leftCol ul li ').each(function () {
        var currentElement = $(this);
        var arrLatLon = currentElement.find('input:hidden#lat-lon').val().split(',');
        var lat = ZDC.msTodeg(arrLatLon[0]);
        var lon = ZDC.msTodeg(arrLatLon[1]);
        var latlon = new ZDC.LatLon(lat, lon);
        var detailLink = currentElement.find('input:hidden#detail-link').val();
        var name = currentElement.find('a#' + i).text();
        var html = template;
        html = html.replace(/\[name\]/g, name);
        html = html.replace(/\[url\]/g, detailLink);
        var balloon = new ZDC.UserWidget(latlon, {
            size: new ZDC.WH(120, 40),
            html: html,
            offset: new ZDC.Pixel(-58, -68),
        });
        itsmo.michinoeki.g_map_obj.addWidget(balloon);
        itsmo.michinoeki.roadBalloons[i] = balloon;
        i++;
    });
};

itsmo.michinoeki.closeRoadBalloon = function () {
    if(itsmo.michinoeki.roadBalloons != null){
        for (var i = 0; i < itsmo.michinoeki.roadBalloons.length; i++) {
            itsmo.michinoeki.roadBalloons[i].close();
        }
        return false;
    }
};

itsmo.michinoeki.openRoadBallon = function (event, noMove) {
    if(typeof(noMove) == 'undefined'){
        noMove = false;
    }
    itsmo.michinoeki.closeRoadBalloon();
    var index = $(event).attr('id');
    var parent = $('.areadetail .innerCol .clearfix .leftCol ul li a#' + index).parent();
    var arrLatLon = parent.find('input:hidden#lat-lon').val().split(',');
    var lat = ZDC.msTodeg(arrLatLon[0]);
    var lon = ZDC.msTodeg(arrLatLon[1]);
    var latlon = new ZDC.LatLon(lat, lon);
    itsmo.michinoeki.roadBalloons[index].open();
    if (false == noMove) {
        itsmo.michinoeki.g_map_obj.moveLatLon(latlon);
    }
};

itsmo.michinoeki.areaId = null;
itsmo.michinoeki.searchRoadStationArea = function (todid, todnm, id) {
    if (todid == '01') {
        var geoName = todnm;
    }
    itsmo.michinoeki.areaId = id;
    var url = '/special/michinoeki/ajaxGetRoadStationInArea.php?todCode=' + encodeURIComponent(todid)
            + '&geoName=' + encodeURIComponent(geoName);
    var imgWait = '<div class="maploading"><img src="/design/cssimg/smartphone/loading_map_l.gif"></div>';
    $('#' + itsmo.michinoeki.areaId + ' .spotdetail2').append(imgWait);
    $('#' + itsmo.michinoeki.areaId + ' .spotdetail2').slideToggle();
    $('#' + itsmo.michinoeki.areaId + ' a:first').toggleClass("active");
    itsmo.lib.XMLHttpRequest2_send(url, function (data) {
        var html = '';
        for (var i = 0; i < data['count']; i++) {
            html += '<li><a href="' + data['list'][i]['detail_url'] + '">' + data['list'][i]['nm'] + '</a></li>\n';
        }
        
        $('#' + itsmo.michinoeki.areaId + ' .spotdetail2').html('');
        $('#' + itsmo.michinoeki.areaId + ' .spotdetail2').append(html);
    }, 'GET', '', 'json');
};

itsmo.michinoeki.searchAreaFooter = function(){
    var areaid = $(" input[type='hidden'][name='areaid']").val();
    var todid = $(" input[type='hidden'][name='todid']").val();
    var geoName = $(" input[type='hidden'][name='geoName']").val();
    var id = $(" input[type='hidden'][name='selector_id']").val();
    $('.spotmenu #area-' + areaid).next().slideToggle();
    $('.spotmenu #area-' + areaid).toggleClass("active");
    $(window).scrollTop($('.spotmenu #area-' + areaid).offset().top - 50);
    itsmo.michinoeki.searchRoadStationArea(todid, geoName, id);
};