/* カスタマイズ用のJavaScriptコードをここに記述してください */
$(document).ready(function() {
	//toggle shop list.
	$('body').on('click', '#acdn-button', function(){
		if($("#acdn-target").css('display') == "none"){
			$('#triangle').removeClass('triangle-down');
			$('#triangle').addClass('triangle-up');
		}else{
			$('#triangle').removeClass('triangle-up');
			$('#triangle').addClass('triangle-down');
		}
		$('#acdn-target').slideToggle();
	});
	// button back
	$(".btn-back").click(function() {
		var urlSearchTop = $("#screen-search-top").attr("href");
		if(urlSearchTop){
			window.location.href = urlSearchTop;
		}
	});
	// button back for map screen
	$(".btn-back-custom").click(function() {
		var urlSearchTop = $("#screen-search-top").attr("href");
		if(urlSearchTop){
			window.location.href = urlSearchTop;
		}
	});
	// button search
	$("#btn-search").click(function() {
		$("#formPl").submit();
	});
	// toggle fillter
	$('body').on('click', '#filter-acdn-button', function() {
		$(this).children('div').toggleClass('filter-triangle-down filter-triangle-up');
	    $( '#acdn-fw-target' ).slideToggle();
	});
	// custom tab for search list
	$('body').on('click', 'ul.fw-search-tab-container li', function(){
        var tab_id = $(this).attr('data-tab');
		$('ul.fw-search-tab-container li').removeClass('current');
		$('.fw-search-tab-content').removeClass('current');
		$(this).addClass('current');
		$("#"+tab_id).addClass('current');
    });
    // When the page first loads
    if($('.topline').length > 0) {
    	$('body').css('overflow-x', 'hidden');
		zoomSquare();
	}

	if($('.topline_custom').length > 0) {
		$('body').css('overflow-x', 'hidden');
		zoomSquareCustom();  
	}
	// Display current tabs
	var tab1Flag = true;
	var tab2Flag = false;
	var tab3Flag = false;
	var tab1 = $("#fw-tab1").find("span").text();
	var tab2 = $("#fw-tab2").find("span").text();
	var tab3 = $("#fw-tab3").find("span").text();

	if(tab1 == 0){
		if(tab3 != 0){
			tab3Flag = true;
			tab1Flag = false;
		}else{
			if(tab2 != 0){
				tab2Flag = true;
				tab1Flag = false;
			}
		}
	}
	if (tab1Flag) {
 		$("#fw-tab1").addClass('current');
 		$("#tab-1").addClass('current');
	} else if (tab3Flag) {
		$("#fw-tab3").addClass('current');
 		$("#tab-3").addClass('current');
	} else {
		$("#fw-tab2").addClass('current');
 		$("#tab-2").addClass('current');
	}
	if($('#ZdcFWList').length > 0) {
        $('#wrapper').css('height', 975 + 'px');
    }

});

// When the browser is resized
$(window).on('resize', function(){ 
	if($('.topline').length > 0) {
		zoomSquare(); 
	}
});
// When the browser is resized for map and shoplist screen
$(window).on('resize', function(){
  	setTimeout(function () {
  		if($('.topline_custom').length > 0) {
  			zoomSquareCustom();
  		}
  	},500);
});
// function fillter cond
function fillterCond(){
	ZdcEmapRemoveBallonUserWidget();
    ZdcEmapSearchSet(ZdcEmapMapObj.getLatLon().lat,ZdcEmapMapObj.getLatLon().lon,true);
}

function zoomSquare() {
    var $square = $('#wrapper');

    var viewportwidth = $(window).width();
    var squarewidth = $square.width();
    var desiredwidth = Math.round(viewportwidth * 0.95);
    var zoom = (desiredwidth / squarewidth);
    if(zoom < 1){
    	$square.css('zoom', zoom);
	    $square.css('-moz-transform', 'scale(' + zoom + ')');
	    $square.css('-o-transform', 'scale(' + zoom + ')');
    }else{
    	zoom = 1;
    	$square.css('zoom', 1);
	    $square.css('-moz-transform', 'scale(' + 1 + ')');
	    $square.css(  '-o-transform', 'scale(' + 1 + ')');
    }
    var isIE = navigator.userAgent.indexOf("Trident/");
   	if(isIE != -1){
   		var zoom_level = zoom;
		var newtop = 51*zoom_level+"px";
		var newheight = 5*zoom_level+"px";
		var history_top = zoom_level*55+"px";
		var history_scale = 100/zoom_level;
		$('#history').css('width', history_scale+'%');
		$('#history').css('top', history_top);
		// change position rainbow line to fit window size
		var add = '<style>.topline:before{top:'+newtop+';}</style>';
		var add_height = '<style>.topline:before{height:'+newheight+';}</style>';
		$('#wrapper').append(add);
		$('#wrapper').append(add_height);
		// scale for header and history area
		$("#header").css({transform:"scale("+zoom+")",transformOrigin:"0 0"});
		$("#history").css({transform:"scale("+zoom+")",transformOrigin:"0 0"});
   	}
}

function zoomSquareCustom() {
	var viewportwidth = $(window).width();
	var viewportheight = $('#custom_wrapper').height();
	var screen_width = screen.width;
	var zoom = viewportwidth/1200;
	var header_height = $('#header').height();
	var history_height = $('#history').height();
	var win_width = $('#contents').width();
	if(win_width < 1200) win_width = 1200;
	var sidebar_width = $('#rightAreaCustom').width();
	var left_area = $('#leftAreaCustom').width();
	$("#leftAreaCustom").css({
        "width": (win_width - sidebar_width) + 6 +"px",
        "height": "auto",
        "overflow": "hidden"
      });
	$("#ZdcEmapMap").css({
          "width": (win_width - sidebar_width) + 3 +"px",
          "overflow": "hidden"
    });
	if(zoom > 1) zoom = 1;
	var isChrome = navigator.userAgent.indexOf("Chrome");// detect Chrome
	var isSafari = navigator.userAgent.indexOf("Safari");// detect Safari
	if(isChrome != -1 || isSafari != -1) {
		$("#custom_wrapper").css({zoom:zoom,width:1200});
		if(zoom >= 1) {
			$("#custom_wrapper").css({width:""});
			$('#leftAreaCustom').width("");
			$("#ZdcEmapMap").css({
          "width": (viewportwidth - sidebar_width) + 3 +"px",
          "overflow": "hidden"
    });
		}
	}else {
		$("#custom_wrapper").width("");
		if(zoom < 1) {
			$("#custom_wrapper").css({width:1200});
		}else {
			$("#custom_wrapper").css({width:""});
			$('#leftAreaCustom').width("");
			$("#ZdcEmapMap").css({
	          "width": (viewportwidth - sidebar_width) + 3 +"px",
	          "overflow": "hidden"
	        });
		}
		$("#custom_wrapper").css({overflow:"hidden"});
		$("#custom_wrapper").css({transform:"scale("+zoom+")",transformOrigin:"0 0"});
	}
	if(ZdcEmapMapObj){
		ZdcEmapMapObj.refresh();
	}
}

function scrollBalloon(){ 
	// scroll when move mouse on balloon
	var heightScroll = 0;
	$('#z_map_msg').on('mousewheel', function(e){
	    if(e.originalEvent.wheelDelta /120 > 0) {
	    	heightScroll = $('#z_map_msg').scrollTop();
	    	if(heightScroll != 0){
				heightScroll -= 50;
	    	}
	    }
	    else{
	    	heightScroll = $('#z_map_msg').scrollTop() + 50;
	    }
	    $('#z_map_msg').scrollTop(heightScroll);
	});
}
// show cursor when mouseover item shop
function ZdcEmapMapCursorSetCustom (id, lat, lon) {
	if (typeof ZdcEmapCluster == "undefined" || !ZdcEmapCluster) {
		ZdcEmapMapCursorSet(lat, lon);
		return;
	}
	var clusterArr = ZdcEmapCluster.getClusterMarker();
	if (clusterArr.length < 1) {
		ZdcEmapMapCursorSet(lat, lon);
		return;
	}
	// find marker in clusters list.
	var cluster = null;
	$.each(clusterArr, function (i, v) {
		var markers = v.markers;
		var mrk = null;
		$.each(markers, function (j, m) {
			if (m.data1 == id) {
				mrk = m;
				return false;
			}
		})
		if (mrk) {
			cluster = v.owner;
			return false;
		}
	});
	if (cluster) {
		var latlon = cluster.getLatLon();
		lat = latlon.lat;
		lon = latlon.lon;
	}
	ZdcEmapMapCursorSet(lat, lon);
}