/**
 *
 * Color picker
 * Author: Stefan Petre www.eyecon.ro
 * 
 * Dual licensed under the MIT and GPL licenses
 * 
 */
(function ($) {
	var ColorPicker = function () {
		var
			ids = {},
			inAction,
			charMin = 65,
			visible,
			tpl = '<div class="colorpicker"><div class="colorpicker_color"><div><div></div></div></div><div class="colorpicker_hue"><div></div></div><div class="colorpicker_new_color"></div><div class="colorpicker_current_color"></div><div class="colorpicker_hex"><input type="text" maxlength="6" size="6" /></div><div class="colorpicker_rgb_r colorpicker_field"><input type="text" maxlength="3" size="3" /><span></span></div><div class="colorpicker_rgb_g colorpicker_field"><input type="text" maxlength="3" size="3" /><span></span></div><div class="colorpicker_rgb_b colorpicker_field"><input type="text" maxlength="3" size="3" /><span></span></div><div class="colorpicker_hsb_h colorpicker_field"><input type="text" maxlength="3" size="3" /><span></span></div><div class="colorpicker_hsb_s colorpicker_field"><input type="text" maxlength="3" size="3" /><span></span></div><div class="colorpicker_hsb_b colorpicker_field"><input type="text" maxlength="3" size="3" /><span></span></div><div class="colorpicker_submit"></div></div>',
			defaults = {
				eventName: 'click',
				onShow: function () {},
				onBeforeShow: function(){},
				onHide: function () {},
				onChange: function () {},
				onSubmit: function () {},
				color: 'ff0000',
				livePreview: true,
				flat: false
			},
			fillRGBFields = function  (hsb, cal) {
				var rgb = HSBToRGB(hsb);
				$(cal).data('colorpicker').fields
					.eq(1).val(rgb.r).end()
					.eq(2).val(rgb.g).end()
					.eq(3).val(rgb.b).end();
			},
			fillHSBFields = function  (hsb, cal) {
				$(cal).data('colorpicker').fields
					.eq(4).val(hsb.h).end()
					.eq(5).val(hsb.s).end()
					.eq(6).val(hsb.b).end();
			},
			fillHexFields = function (hsb, cal) {
				$(cal).data('colorpicker').fields
					.eq(0).val(HSBToHex(hsb)).end();
			},
			setSelector = function (hsb, cal) {
				$(cal).data('colorpicker').selector.css('backgroundColor', '#' + HSBToHex({h: hsb.h, s: 100, b: 100}));
				$(cal).data('colorpicker').selectorIndic.css({
					left: parseInt(150 * hsb.s/100, 10),
					top: parseInt(150 * (100-hsb.b)/100, 10)
				});
			},
			setHue = function (hsb, cal) {
				$(cal).data('colorpicker').hue.css('top', parseInt(150 - 150 * hsb.h/360, 10));
			},
			setCurrentColor = function (hsb, cal) {
				$(cal).data('colorpicker').currentColor.css('backgroundColor', '#' + HSBToHex(hsb));
			},
			setNewColor = function (hsb, cal) {
				$(cal).data('colorpicker').newColor.css('backgroundColor', '#' + HSBToHex(hsb));
			},
			keyDown = function (ev) {
				var pressedKey = ev.charCode || ev.keyCode || -1;
				if ((pressedKey > charMin && pressedKey <= 90) || pressedKey == 32) {
					return false;
				}
				var cal = $(this).parent().parent();
				if (cal.data('colorpicker').livePreview === true) {
					change.apply(this);
				}
			},
			change = function (ev) {
				var cal = $(this).parent().parent(), col;
				if (this.parentNode.className.indexOf('_hex') > 0) {
					cal.data('colorpicker').color = col = HexToHSB(fixHex(this.value));
				} else if (this.parentNode.className.indexOf('_hsb') > 0) {
					cal.data('colorpicker').color = col = fixHSB({
						h: parseInt(cal.data('colorpicker').fields.eq(4).val(), 10),
						s: parseInt(cal.data('colorpicker').fields.eq(5).val(), 10),
						b: parseInt(cal.data('colorpicker').fields.eq(6).val(), 10)
					});
				} else {
					cal.data('colorpicker').color = col = RGBToHSB(fixRGB({
						r: parseInt(cal.data('colorpicker').fields.eq(1).val(), 10),
						g: parseInt(cal.data('colorpicker').fields.eq(2).val(), 10),
						b: parseInt(cal.data('colorpicker').fields.eq(3).val(), 10)
					}));
				}
				if (ev) {
					fillRGBFields(col, cal.get(0));
					fillHexFields(col, cal.get(0));
					fillHSBFields(col, cal.get(0));
				}
				setSelector(col, cal.get(0));
				setHue(col, cal.get(0));
				setNewColor(col, cal.get(0));
				cal.data('colorpicker').onChange.apply(cal, [col, HSBToHex(col), HSBToRGB(col)]);
			},
			blur = function (ev) {
				var cal = $(this).parent().parent();
				cal.data('colorpicker').fields.parent().removeClass('colorpicker_focus');
			},
			focus = function () {
				charMin = this.parentNode.className.indexOf('_hex') > 0 ? 70 : 65;
				$(this).parent().parent().data('colorpicker').fields.parent().removeClass('colorpicker_focus');
				$(this).parent().addClass('colorpicker_focus');
			},
			downIncrement = function (ev) {
				var field = $(this).parent().find('input').focus();
				var current = {
					el: $(this).parent().addClass('colorpicker_slider'),
					max: this.parentNode.className.indexOf('_hsb_h') > 0 ? 360 : (this.parentNode.className.indexOf('_hsb') > 0 ? 100 : 255),
					y: ev.pageY,
					field: field,
					val: parseInt(field.val(), 10),
					preview: $(this).parent().parent().data('colorpicker').livePreview					
				};
				$(document).bind('mouseup', current, upIncrement);
				$(document).bind('mousemove', current, moveIncrement);
			},
			moveIncrement = function (ev) {
				ev.data.field.val(Math.max(0, Math.min(ev.data.max, parseInt(ev.data.val + ev.pageY - ev.data.y, 10))));
				if (ev.data.preview) {
					change.apply(ev.data.field.get(0), [true]);
				}
				return false;
			},
			upIncrement = function (ev) {
				change.apply(ev.data.field.get(0), [true]);
				ev.data.el.removeClass('colorpicker_slider').find('input').focus();
				$(document).unbind('mouseup', upIncrement);
				$(document).unbind('mousemove', moveIncrement);
				return false;
			},
			downHue = function (ev) {
				var current = {
					cal: $(this).parent(),
					y: $(this).offset().top
				};
				current.preview = current.cal.data('colorpicker').livePreview;
				$(document).bind('mouseup', current, upHue);
				$(document).bind('mousemove', current, moveHue);
			},
			moveHue = function (ev) {
				change.apply(
					ev.data.cal.data('colorpicker')
						.fields
						.eq(4)
						.val(parseInt(360*(150 - Math.max(0,Math.min(150,(ev.pageY - ev.data.y))))/150, 10))
						.get(0),
					[ev.data.preview]
				);
				return false;
			},
			upHue = function (ev) {
				fillRGBFields(ev.data.cal.data('colorpicker').color, ev.data.cal.get(0));
				fillHexFields(ev.data.cal.data('colorpicker').color, ev.data.cal.get(0));
				$(document).unbind('mouseup', upHue);
				$(document).unbind('mousemove', moveHue);
				return false;
			},
			downSelector = function (ev) {
				var current = {
					cal: $(this).parent(),
					pos: $(this).offset()
				};
				current.preview = current.cal.data('colorpicker').livePreview;
				$(document).bind('mouseup', current, upSelector);
				$(document).bind('mousemove', current, moveSelector);
			},
			moveSelector = function (ev) {
				change.apply(
					ev.data.cal.data('colorpicker')
						.fields
						.eq(6)
						.val(parseInt(100*(150 - Math.max(0,Math.min(150,(ev.pageY - ev.data.pos.top))))/150, 10))
						.end()
						.eq(5)
						.val(parseInt(100*(Math.max(0,Math.min(150,(ev.pageX - ev.data.pos.left))))/150, 10))
						.get(0),
					[ev.data.preview]
				);
				return false;
			},
			upSelector = function (ev) {
				fillRGBFields(ev.data.cal.data('colorpicker').color, ev.data.cal.get(0));
				fillHexFields(ev.data.cal.data('colorpicker').color, ev.data.cal.get(0));
				$(document).unbind('mouseup', upSelector);
				$(document).unbind('mousemove', moveSelector);
				return false;
			},
			enterSubmit = function (ev) {
				$(this).addClass('colorpicker_focus');
			},
			leaveSubmit = function (ev) {
				$(this).removeClass('colorpicker_focus');
			},
			clickSubmit = function (ev) {
				var cal = $(this).parent();
				var col = cal.data('colorpicker').color;
				cal.data('colorpicker').origColor = col;
				setCurrentColor(col, cal.get(0));
				cal.data('colorpicker').onSubmit(col, HSBToHex(col), HSBToRGB(col), cal.data('colorpicker').el);
			},
			show = function (ev) {
				var cal = $('#' + $(this).data('colorpickerId'));
				cal.data('colorpicker').onBeforeShow.apply(this, [cal.get(0)]);
				var pos = $(this).offset();
				var viewPort = getViewport();
				var top = pos.top + this.offsetHeight;
				var left = pos.left;
				if (top + 176 > viewPort.t + viewPort.h) {
					top -= this.offsetHeight + 176;
				}
				if (left + 356 > viewPort.l + viewPort.w) {
					left -= 356;
				}
				cal.css({left: left + 'px', top: top + 'px'});
				if (cal.data('colorpicker').onShow.apply(this, [cal.get(0)]) != false) {
					cal.show();
				}
				$(document).bind('mousedown', {cal: cal}, hide);
				return false;
			},
			hide = function (ev) {
				if (!isChildOf(ev.data.cal.get(0), ev.target, ev.data.cal.get(0))) {
					if (ev.data.cal.data('colorpicker').onHide.apply(this, [ev.data.cal.get(0)]) != false) {
						ev.data.cal.hide();
					}
					$(document).unbind('mousedown', hide);
				}
			},
			isChildOf = function(parentEl, el, container) {
				if (parentEl == el) {
					return true;
				}
				if (parentEl.contains) {
					return parentEl.contains(el);
				}
				if ( parentEl.compareDocumentPosition ) {
					return !!(parentEl.compareDocumentPosition(el) & 16);
				}
				var prEl = el.parentNode;
				while(prEl && prEl != container) {
					if (prEl == parentEl)
						return true;
					prEl = prEl.parentNode;
				}
				return false;
			},
			getViewport = function () {
				var m = document.compatMode == 'CSS1Compat';
				return {
					l : window.pageXOffset || (m ? document.documentElement.scrollLeft : document.body.scrollLeft),
					t : window.pageYOffset || (m ? document.documentElement.scrollTop : document.body.scrollTop),
					w : window.innerWidth || (m ? document.documentElement.clientWidth : document.body.clientWidth),
					h : window.innerHeight || (m ? document.documentElement.clientHeight : document.body.clientHeight)
				};
			},
			fixHSB = function (hsb) {
				return {
					h: Math.min(360, Math.max(0, hsb.h)),
					s: Math.min(100, Math.max(0, hsb.s)),
					b: Math.min(100, Math.max(0, hsb.b))
				};
			}, 
			fixRGB = function (rgb) {
				return {
					r: Math.min(255, Math.max(0, rgb.r)),
					g: Math.min(255, Math.max(0, rgb.g)),
					b: Math.min(255, Math.max(0, rgb.b))
				};
			},
			fixHex = function (hex) {
				var len = 6 - hex.length;
				if (len > 0) {
					var o = [];
					for (var i=0; i<len; i++) {
						o.push('0');
					}
					o.push(hex);
					hex = o.join('');
				}
				return hex;
			}, 
			HexToRGB = function (hex) {
				var hex = parseInt(((hex.indexOf('#') > -1) ? hex.substring(1) : hex), 16);
				return {r: hex >> 16, g: (hex & 0x00FF00) >> 8, b: (hex & 0x0000FF)};
			},
			HexToHSB = function (hex) {
				return RGBToHSB(HexToRGB(hex));
			},
			RGBToHSB = function (rgb) {
				var hsb = {
					h: 0,
					s: 0,
					b: 0
				};
				var min = Math.min(rgb.r, rgb.g, rgb.b);
				var max = Math.max(rgb.r, rgb.g, rgb.b);
				var delta = max - min;
				hsb.b = max;
				if (max != 0) {
					
				}
				hsb.s = max != 0 ? 255 * delta / max : 0;
				if (hsb.s != 0) {
					if (rgb.r == max) {
						hsb.h = (rgb.g - rgb.b) / delta;
					} else if (rgb.g == max) {
						hsb.h = 2 + (rgb.b - rgb.r) / delta;
					} else {
						hsb.h = 4 + (rgb.r - rgb.g) / delta;
					}
				} else {
					hsb.h = -1;
				}
				hsb.h *= 60;
				if (hsb.h < 0) {
					hsb.h += 360;
				}
				hsb.s *= 100/255;
				hsb.b *= 100/255;
				return hsb;
			},
			HSBToRGB = function (hsb) {
				var rgb = {};
				var h = Math.round(hsb.h);
				var s = Math.round(hsb.s*255/100);
				var v = Math.round(hsb.b*255/100);
				if(s == 0) {
					rgb.r = rgb.g = rgb.b = v;
				} else {
					var t1 = v;
					var t2 = (255-s)*v/255;
					var t3 = (t1-t2)*(h%60)/60;
					if(h==360) h = 0;
					if(h<60) {rgb.r=t1;	rgb.b=t2; rgb.g=t2+t3}
					else if(h<120) {rgb.g=t1; rgb.b=t2;	rgb.r=t1-t3}
					else if(h<180) {rgb.g=t1; rgb.r=t2;	rgb.b=t2+t3}
					else if(h<240) {rgb.b=t1; rgb.r=t2;	rgb.g=t1-t3}
					else if(h<300) {rgb.b=t1; rgb.g=t2;	rgb.r=t2+t3}
					else if(h<360) {rgb.r=t1; rgb.g=t2;	rgb.b=t1-t3}
					else {rgb.r=0; rgb.g=0;	rgb.b=0}
				}
				return {r:Math.round(rgb.r), g:Math.round(rgb.g), b:Math.round(rgb.b)};
			},
			RGBToHex = function (rgb) {
				var hex = [
					rgb.r.toString(16),
					rgb.g.toString(16),
					rgb.b.toString(16)
				];
				$.each(hex, function (nr, val) {
					if (val.length == 1) {
						hex[nr] = '0' + val;
					}
				});
				return hex.join('');
			},
			HSBToHex = function (hsb) {
				return RGBToHex(HSBToRGB(hsb));
			},
			restoreOriginal = function () {
				var cal = $(this).parent();
				var col = cal.data('colorpicker').origColor;
				cal.data('colorpicker').color = col;
				fillRGBFields(col, cal.get(0));
				fillHexFields(col, cal.get(0));
				fillHSBFields(col, cal.get(0));
				setSelector(col, cal.get(0));
				setHue(col, cal.get(0));
				setNewColor(col, cal.get(0));
			};
		return {
			init: function (opt) {
				opt = $.extend({}, defaults, opt||{});
				if (typeof opt.color == 'string') {
					opt.color = HexToHSB(opt.color);
				} else if (opt.color.r != undefined && opt.color.g != undefined && opt.color.b != undefined) {
					opt.color = RGBToHSB(opt.color);
				} else if (opt.color.h != undefined && opt.color.s != undefined && opt.color.b != undefined) {
					opt.color = fixHSB(opt.color);
				} else {
					return this;
				}
				return this.each(function () {
					if (!$(this).data('colorpickerId')) {
						var options = $.extend({}, opt);
						options.origColor = opt.color;
						var id = 'collorpicker_' + parseInt(Math.random() * 1000);
						$(this).data('colorpickerId', id);
						var cal = $(tpl).attr('id', id);
						if (options.flat) {
							cal.appendTo(this).show();
						} else {
							cal.appendTo(document.body);
						}
						options.fields = cal
											.find('input')
												.bind('keyup', keyDown)
												.bind('change', change)
												.bind('blur', blur)
												.bind('focus', focus);
						cal
							.find('span').bind('mousedown', downIncrement).end()
							.find('>div.colorpicker_current_color').bind('click', restoreOriginal);
						options.selector = cal.find('div.colorpicker_color').bind('mousedown', downSelector);
						options.selectorIndic = options.selector.find('div div');
						options.el = this;
						options.hue = cal.find('div.colorpicker_hue div');
						cal.find('div.colorpicker_hue').bind('mousedown', downHue);
						options.newColor = cal.find('div.colorpicker_new_color');
						options.currentColor = cal.find('div.colorpicker_current_color');
						cal.data('colorpicker', options);
						cal.find('div.colorpicker_submit')
							.bind('mouseenter', enterSubmit)
							.bind('mouseleave', leaveSubmit)
							.bind('click', clickSubmit);
						fillRGBFields(options.color, cal.get(0));
						fillHSBFields(options.color, cal.get(0));
						fillHexFields(options.color, cal.get(0));
						setHue(options.color, cal.get(0));
						setSelector(options.color, cal.get(0));
						setCurrentColor(options.color, cal.get(0));
						setNewColor(options.color, cal.get(0));
						if (options.flat) {
							cal.css({
								position: 'relative',
								display: 'block'
							});
						} else {
							$(this).bind(options.eventName, show);
						}
					}
				});
			},
			showPicker: function() {
				return this.each( function () {
					if ($(this).data('colorpickerId')) {
						show.apply(this);
					}
				});
			},
			hidePicker: function() {
				return this.each( function () {
					if ($(this).data('colorpickerId')) {
						$('#' + $(this).data('colorpickerId')).hide();
					}
				});
			},
			setColor: function(col) {
				if (typeof col == 'string') {
					col = HexToHSB(col);
				} else if (col.r != undefined && col.g != undefined && col.b != undefined) {
					col = RGBToHSB(col);
				} else if (col.h != undefined && col.s != undefined && col.b != undefined) {
					col = fixHSB(col);
				} else {
					return this;
				}
				return this.each(function(){
					if ($(this).data('colorpickerId')) {
						var cal = $('#' + $(this).data('colorpickerId'));
						cal.data('colorpicker').color = col;
						cal.data('colorpicker').origColor = col;
						fillRGBFields(col, cal.get(0));
						fillHSBFields(col, cal.get(0));
						fillHexFields(col, cal.get(0));
						setHue(col, cal.get(0));
						setSelector(col, cal.get(0));
						setCurrentColor(col, cal.get(0));
						setNewColor(col, cal.get(0));
					}
				});
			}
		};
	}();
	$.fn.extend({
		ColorPicker: ColorPicker.init,
		ColorPickerHide: ColorPicker.hidePicker,
		ColorPickerShow: ColorPicker.showPicker,
		ColorPickerSetColor: ColorPicker.setColor
	});
})(jQuery)/*** snippet ***/
var global_bg = "";
var locateY= null;

var default_snippet_fixed_size = 'sizel';

var snippet_hd_mode;
var snippet_type_val;
var snippet_zoom_val;
var snippet_width_val;
var snippet_height_val;
var snippet_latitude_val;
var snippet_longitude_val;
var snippet_title_val;
var snippet_detail_val;
var snippet_locale_val;
var snippet_mapversion_val;
var snippet_zoombar_val;
var snippet_toolbar_val;
var snippet_mapselector_val;
var snippet_scalebar_val;
var snippet_centermark_val;
var snippet_mapmode_val;
var snippet_bgcolor_val;
var snippet_bgurl_val;
var snippet_bgpadding_val = 10;
var snippet_marker_val;
var snippet_marker_position_val;
var snippet_marker_offsetx_val;
var snippet_marker_offsety_val;
var snippet_poiid_val;
var snippet_position_type_val;
var snippet_theme_type_val;
var snippet_theme_val;
var snippet_fixed_size;
var snippet_search_val;
var snippet_tag_val;
var forcepoi = '';
var ignore_preview_snippet = false;

function initSnippetForm() {
    $('#snippet-selectcode-text').click(function() {
	$('#code-html-map-snippet').focus().select();
    });
    $('#mapbranch-snippet-selectcode-text').click(function() {
	$('#code-html-mapbranch-snippet').focus().select();
    });

    $('#code-html-map-snippet').change(function() {
	showPreviewSnippet();
    });

    $('#colorSelector').ColorPicker({
	color: '#ffb7d9',
	onShow: function (colpkr) {
	    $(colpkr).fadeIn(500);
	    return false;
	},
	onHide: function (colpkr) {
	    $(colpkr).fadeOut(500);
	    generateSnippetCode();
	    return false;
	},
	onChange: function (hsb, hex, rgb) {
	    $('#colorSelector div').css('backgroundColor', '#' + hex);
	    $("#urlbg").val("");
	    $("#snippet-bg-color").val('#' + hex);
	}
    });

    $('#checktool, #checkzoomer, #checkscale, #checkselector, #checkcentermark').change(function(){
       generateSnippetCode();
    });

    $('#sizes').click(function(){
	$('#snippet-width-setting').val('300');
	$('#snippet-height-setting').val('200');
    });
    $('#sizem').click(function(){
	$('#snippet-width-setting').val('450');
	$('#snippet-height-setting').val('300');
    });

    $('#sizel').click(function(){
	$('#snippet-width-setting').val('600');
	$('#snippet-height-setting').val('400');
    });

    $('.mapsize').click(function(){

	if($(this).val() == 'sizecustom') {
	    enableCustomSnippetSize();
	    setSnippetTheme('default');
	} else {
	    disableCustomSnippetSize();
	}

	generateSnippetCode();
    });

    $("#pattern > div").each(function(i){
	$("#box"+(i+1)).click(function(){
	    $("#urlbg").val("//map.longdo.com/mmmap/images/snippet/p-"+(i+1)+".png");
	    $("#snippet-bg-color").val("");
	    $("#colorSelector div").css('background-color', '#FFFFFF');
	    $(".boxstyle").removeClass('selected-snippet-bgimg');
	    $(this).addClass('selected-snippet-bgimg');
	    generateSnippetCode();
	});
    });

    $("#select-pinmark > div").each(function(i){
	if(!$("#pinmark"+i) || $("#pinmark"+i).length == 0) return;
	$("#pinmark"+i).click(function(){
	    var icon_img = i==0 ? '' : window.location.protocol+"//map.longdo.com/mmmap/images/snippet/pin_style_"+i+".png";
	    $("#marker").val(icon_img);
	    $("#pin-position").val("center-bottom");

	    $("#snippet-pin-offset-x").val(17);
	    $("#snippet-pin-offset-y").val(40);

	    $("#marker-pin").attr('checked', 'checked');

	    $(".pinMark").removeClass("snippet-selected-pinmark");
	    $(this).addClass("snippet-selected-pinmark");
	    generateSnippetCode();
	});
    });

    $('.snippet-location-type-setting').change(function(){
	generateSnippetCode();
    });

    $('.location-marker, #snippet-hd-mode').click(function(){
	generateSnippetCode();
    });

    $('#theme-option-background').change(function(){
	setSnippetTheme();
    });

    $("#animate").click(function(){
	setSnippetTheme();
    });

    $('#snippet-theme-type-setting').change(function(){
	var snippet_theme_type_val = $(this).val();
	$('.snippet-theme-type-setting').hide();
	if(snippet_theme_type_val == "bg_theme") {
	    $('#bg-theme-config').show();
	} else if(snippet_theme_type_val == "bg_deco") {
	    $('#deco-config').show();
	}
	if(snippet_theme_type_val != "bg_theme") {
	    $('.snippet-thumbnail-theme').removeClass('snippet-thumbnail-theme-selected');
	    $('.snippet-theme-default').parent().addClass('snippet-thumbnail-theme-selected');
	}
	generateSnippetCode();
    });


    $("#show-style-config, #show-advance-config, #show-basic-config").unbind( "click" );
    $("#show-basic-config").bind('click',function(){
	if($("#config-basic").css('display') != 'none') {
	    $("#show-basic-config").removeClass('accordion-active');
	    $("#config-basic").slideUp();
	} else {
	    var offset_top = $('#content-left-tools-print').height()+$('#content-left-tools-permalink').height()+60+$("#snippet-content").height()+15+$("#snippetform").height()-$("#accordion-snippet").height();
	    $('#content-menu-tools-area').animate({ scrollTop: offset_top }, 'slow');
	    $("#show-basic-config").addClass('accordion-active');
	    $("#config-basic").slideDown();
	}
    });
    $("#show-advance-config").bind('click',function(){
	if($("#config-advance").css('display') != 'none') {
	    $("#show-advance-config").removeClass('accordion-active');
	    $("#config-advance").slideUp();
	} else {
	    var offset_top = $('#content-left-tools-print').height()+$('#content-left-tools-permalink').height()+60+$("#snippet-content").height()+$("#show-basic-config").height()+$("#config-basic")[0].scrollHeight+30+ $("#snippetform").height()-$("#accordion-snippet").height();
	    $('#content-menu-tools-area').animate({ scrollTop: offset_top }, 'slow');
	    $("#show-advance-config").addClass('accordion-active');
	    $("#config-advance").slideDown();
	}
    });
    $("#show-style-config").bind('click',function(){
	if($("#config-style-advance").css('display') != 'none') {
	    $("#show-style-config").removeClass('accordion-active');
	    $("#config-style-advance").slideUp();
	} else {
	    var offset_top = $('#content-left-tools-print').height()+$('#content-left-tools-permalink').height()+60+$("#snippet-content").height()+$("#show-basic-config").height()+$("#config-basic")[0].scrollHeight+40+ $("#snippetform").height()-$("#accordion-snippet").height() + $("#show-advance-config").height() + $("#config-advance")[0].scrollHeight;
	    $('#content-menu-tools-area').animate({ scrollTop: offset_top }, 'slow');
	    $("#show-style-config").addClass('accordion-active');
	    $("#config-style-advance").slideDown();
	}
    });


    $(".snippet-type-setting").click(function() {
	if($(this).val() == 'iframe-snippet') {
	    $(".snippet-image-setting").hide();
	    $(".snippet-iframe-setting").show();
	} else {
	    $(".snippet-image-setting").show();
	    $(".snippet-iframe-setting").hide();
	}
	generateSnippetCode(0);
    });

    $("#longdomapid").keyup(function(){
	$("#snippet-location-by-poiid").attr('checked', 'checked');
    });

    $("#latitude, #longitude").keyup(function(){
	$("#snippet-location-by-latlon").attr('checked', 'checked');
    });

    $("#snippet-detail, #snippet-title").keyup(function(){
	$("#marker-popup").attr('checked', 'checked');
    });

    $(".location-marker").click(function(){
	if(!$("#marker-pin").is(':checked')) {
	    $(".pinMark").removeClass('snippet-selected-pinmark');
	}
    })

    $("#marker").keyup(function(){
	$("#marker-pin").attr('checked', 'checked');
    });

    $("#snippet-width-setting, #snippet-height-setting, #snippet-search, #snippet-tag, #snippet-pin-offset-x, #snippet-pin-offset-y").keyup(function(){
	generateSnippetCode();
    });
    $("#longdomapid, #mode-selector-select, #maplang, #zoom, #map-version, #snippet-title, #snippet-detail, #marker, #deco_img").change(function(){
	generateSnippetCode();
    });
    $("#latitude, #longitude").change(function(){
	if($("#snippet-location-by-latlon").is(":checked") ) {
	    generateSnippetCode();
	}
    });
    $("#pin-position").change(function(){
	generateSnippetCode();
	preview_pin_position();
    });

    $("#urlbg, #snippet-bg-padding").keyup(function(){
	generateSnippetCode();
    });

    $("#"+default_snippet_fixed_size).click();

    if(snippet_type_val == 'iframe') { // change default for snippet image
	$('#pinmark0').click();
    } else {
	$('#pinmark1').click();
    }
    
    $(".mapbranch-snippet-textbox").change(function(){
        generateMapBranchSnippetCode(true);
    });
}

//function toggleSnippetForm(generate_button) {
//
//    createDefaultSnippetCode();
//
//    if($(generate_button).val() == 'Generate') {
//	$(generate_button).val('Cancel')
//	$(generate_button).addClass('cancel-button');
//	$("#code-html-map-snippet").focus().select();
//	var snippet_form_offset_top = ($('#content-left-tools-print').height()+$('#content-left-tools-permalink').height()+60); // 60: padding
//	$('#content-menu-tools-area').animate({ scrollTop: snippet_form_offset_top}, 'slow');
//	showPreviewSnippet();
//    } else {
//	$(generate_button).val('Generate');
//	$(generate_button).removeClass('cancel-button');
//	hidePreviewSnippet();
//    }
//}

function preview_pin_position() {
    $(".snippet-preview-pinmark-position span").attr('class', '');
    $(".snippet-preview-pinmark-position span").addClass($("#pin-position").val());
}

function createDefaultSnippetCode(){
    ignore_preview_snippet = true;
    $(".snippet-image-setting").hide();
    if(forcepoi == '') {
	$("#zoom").val(mapZoom());
	var map_location = getCenterLocation();
	$("#longitude").val(map_location.lon);
	$("#latitude").val(map_location.lat);
    }


    if($("#sizecustom").is(":checked")) {
	enableCustomSnippetSize();
    } else {
	disableCustomSnippetSize();
    }
    setSnippetTheme('default', 0);

    preview_pin_position();
}

function getMarkerPostionParam(position) {
    switch(position) {
	case 'center-bottom':
	    return ';offsetX:center;offsetY:bottom;';
	case 'center-top':
	    return ';offsetX:center;offsetY:top;';
	case 'left-middle':
	    return ';offsetX:left;offsetY:middle;';
	case 'right-middle':
	    return ';offsetX:right;offsetY:middle;';
	case 'left-bottom':
	    return ';offsetX:left;offsetY:bottom;';
	case 'right-bottom':
	    return ';offsetX:right;offsetY:bottom;';
	case 'left-top':
	    return ';offsetX:left;offsetY:top;';
	case 'right-top':
	    return ';offsetX:right;offsetY:top;';
	case 'center-middle':
	default:
	    return '';
    }
}

function generateSnippetTheme(snippet_code) {
    if(snippet_theme_val == 'leather') {
	var width_div,height_div,width_div_2,height_div_2,style_top,style_left,bg_size;
	if(snippet_fixed_size == "size-s") {
	    width_div = 361; height_div = 261;
	    width_div_2 = 357; height_div_2 = 60;
	    style_top = 195; style_left = 3;
	    bg_size = 'S';
	} else if(snippet_fixed_size == "size-m") {
	    width_div = 541; height_div = 383;
	    width_div_2 = 534; height_div_2 = 88;
	    style_top = 287; style_left = 4;
	    bg_size = 'M';
	} else if(snippet_fixed_size == "size-l") {
	    width_div = 713; height_div = 501;
	    width_div_2 = 713; height_div_2 = 117;
	    style_top = 383; style_left = 0; // auto ?
	    bg_size = 'L';
	}
	snippet_code = "<div style='position:relative;width:"+width_div+"px;height:"+height_div+"px;float:left;'><img src='//map.longdo.com/mmmap/images/snippet/leather-bg-"+bg_size+".png' width='"+width_div+"' height='"+height_div+"' style='position:absolute;'/>"+snippet_code+"<img src='//map.longdo.com/mmmap/images/snippet/leather-bot-"+bg_size+".png' width='"+width_div_2+"' height='"+height_div_2+"' style='position:absolute;top:"+style_top+"px;left:"+style_left+"px'/></div>";
    } else if(snippet_theme_val == 'airmail') {
	var width_div, height_div, width_div_bg_top, height_div_bg_top, width_div_bg_left, height_div_bg_left, width_div_bg_right, height_div_bg_right, width_div_bg_bottom,  height_div_bg_bottom, style_left_bg_top, style_top_bg_right, style_left_bg_right, style_top_bg_bottom, stamp_img, width_stamp_img, height_stamp_img, style_top_stamp_img, style_left_stamp_img, bg_size;
	if(snippet_fixed_size == "size-s") {
	    width_div = 342; height_div = 239;
	    width_div_bg_top = 342; height_div_bg_top = 14;
	    width_div_bg_left = 21; height_div_bg_left = 199;
	    width_div_bg_right = 21; height_div_bg_right = 199;
	    width_div_bg_bottom = 342; height_div_bg_bottom = 26;
	    style_top_bg_left = 14;
	    style_top_bg_right = 14; style_left_bg_right = 321;
	    style_top_bg_bottom = 213;
	    stamp_img = '-s';
	    width_stamp_img = 71; height_stamp_img = 51;
	    style_top_stamp_img = 20; style_left_stamp_img = 245;
	    bg_size = 'S';
	} else if(snippet_fixed_size == "size-m") {
	    width_div = 512; height_div = 356;
	    width_div_bg_top = 505; height_div_bg_top = 20;
	    width_div_bg_left = 31; height_div_bg_left = 299;
	    width_div_bg_right = 31; height_div_bg_right = 299;
	    width_div_bg_bottom = 512; height_div_bg_bottom = 38;
	    style_top_bg_left = 20;
	    style_top_bg_right = 20; style_left_bg_right = 480;
	    style_top_bg_bottom = 318;
	    stamp_img = '';
	    width_stamp_img = 122; height_stamp_img = 90;
	    style_top_stamp_img = 22; style_left_stamp_img = 354;
	    bg_size = 'M';
	} else if(snippet_fixed_size == "size-l") {
	    width_div = 682; height_div = 466;
	    width_div_bg_top = 682; height_div_bg_top = 27;
	    width_div_bg_left = 42; height_div_bg_left = 399;
	    width_div_bg_right = 41; height_div_bg_right = 399;
	    width_div_bg_bottom = 682; height_div_bg_bottom = 40;
	    style_top_bg_left = 27;
	    style_top_bg_right = 27; style_left_bg_right = 641;
	    style_top_bg_bottom = 426;
	    stamp_img = '';
	    width_stamp_img = 122; height_stamp_img = 90;
	    style_top_stamp_img = 30; style_left_stamp_img = 515;
	    bg_size = 'L';
	}

	snippet_code = "<div style='position:relative;width:"+width_div+"px;height:"+height_div+"px;'>"+snippet_code+"<img src='//map.longdo.com/mmmap/images/snippet/airmail-"+bg_size+"-top.png' width='"+width_div_bg_top+"' height='"+height_div_bg_top+"' style='position:absolute;'><img src='//map.longdo.com/mmmap/images/snippet/airmail-"+bg_size+"-left.png' width='"+width_div_bg_left+"' height='"+height_div_bg_left+"' style='position:absolute;top:"+style_top_bg_left+"px;'><img src='//map.longdo.com/mmmap/images/snippet/airmail-"+bg_size+"-right.png' width='"+width_div_bg_right+"' height='"+height_div_bg_right+"' style='position:absolute;top:"+style_top_bg_right+"px;left:"+style_left_bg_right+"px;'><img src='//map.longdo.com/mmmap/images/snippet/airmail-"+bg_size+"-bot.png' width='"+width_div_bg_bottom+"' height='"+height_div_bg_bottom+"' style='position:absolute;top:"+style_top_bg_bottom+"px;'><img src='//map.longdo.com/mmmap/images/snippet/airmail-stamp"+stamp_img+".png' width='"+width_stamp_img+"' height='"+height_stamp_img+"'style='position:absolute;top:"+style_top_stamp_img+"px;left:"+style_left_stamp_img+"px;'/></div>";

    } else if(snippet_theme_val == 'standwood') {
	if(snippet_fixed_size == "size-s") {
	    snippet_code = "<div style='position:relative;width:339px;height:250px;float:left;overflow:hidden;'><img style='position:absolute;' src='//map.longdo.com/mmmap/images/snippet/standstone-bg-S.png' width='339' height='250'>"+snippet_code+"<img style='position:absolute;left:267px;top:168px;' src='//map.longdo.com/mmmap/images/snippet/standstone-corner-S.png' width='53' height='48'></div>";
	} else if(snippet_fixed_size == "size-m") {
	    snippet_code = "<div style='position:relative;width:509px;height:376px;float:left;overflow:hidden;'><img style='position:absolute;' src='//map.longdo.com/mmmap/images/snippet/standstone-bg-M.png' width='509' height='376'>"+snippet_code+"<img style='position:absolute;left:390px;top:242px;' src='//map.longdo.com/mmmap/images/snippet/standstone-corner-M.png' width='89' height='82'></div>";
	} else if(snippet_fixed_size == "size-l") {
	    snippet_code = "<div style='position:relative;width:678px;height:501px;float:left;overflow:hidden;'><img style='position:absolute;' src='//map.longdo.com/mmmap/images/snippet/standstone-bg-L.png' width='678' height='501'>"+snippet_code+"<img style='position:absolute;left:508px;top:313px;' src='//map.longdo.com/mmmap/images/snippet/standstone-corner-L.png' width='132' height='121'></div>";
	}
    } else if(snippet_theme_val == 'woodframe') {
	if(snippet_fixed_size == "size-s") {
	    snippet_code = "<div style='position:relative;width:327px;height:227px;'>"+snippet_code+"<img src='//map.longdo.com/mmmap/images/snippet/woodframe-S-top.png' width='327' height='19' style='position:absolute;'> <img src='//map.longdo.com/mmmap/images/snippet/woodframe-S-left.png' width='18' height='188' style='position:absolute;top:19px;'><img src='//map.longdo.com/mmmap/images/snippet/woodframe-S-right.png' width='17' height='188' style='position:absolute;top:19px;left:310px;'><img src='//map.longdo.com/mmmap/images/snippet/woodframe-S-bot.png' width='327' height='20' style='position:absolute;top:207px;'></div>";
	} else if(snippet_fixed_size == "size-m") {
	    snippet_code = "<div style='position:relative;width:490px;height:330px;'>"+snippet_code+"<img src='//map.longdo.com/mmmap/images/snippet/woodframe-M-top.png' width='490' height='28' style='position:absolute;'><img src='//map.longdo.com/mmmap/images/snippet/woodframe-M-left.png' width='27' height='281' style='position:absolute;top:19px;'><img src='//map.longdo.com/mmmap/images/snippet/woodframe-M-right.png' width='26' height='281' style='position:absolute;top:19px;left:464px;'><img src='//map.longdo.com/mmmap/images/snippet/woodframe-M-bot.png' width='490' height='30' style='position:absolute;top:300px;'></div>";
	} else if(snippet_fixed_size == "size-l") {
	    snippet_code = "<div style='position:relative;width:653px;height:451px;'>"+snippet_code+"<img src='//map.longdo.com/mmmap/images/snippet/woodframe-L-top.png' width='653' height='38' style='position:absolute;'><img src='//map.longdo.com/mmmap/images/snippet/woodframe-L-left.png' width='35' height='374' style='position:absolute;top:38px;'><img src='//map.longdo.com/mmmap/images/snippet/woodframe-L-right.png' width='35' height='374' style='position:absolute;top:38px;left:618px;'><img src='//map.longdo.com/mmmap/images/snippet/woodframe-L-bot.png' width='653' height='40' style='position:absolute;top:411px;'></div>";
	}
    } else if(snippet_theme_val == 'pinkframe') {
	if(snippet_fixed_size == "size-s") {
	    snippet_code = "<div style='position:relative;width:332px;height:234px;'>"+snippet_code+"<img src='//map.longdo.com/mmmap/images/snippet/ribbin-violet-S-top.png' width='331' height='22' style='position:absolute;' ><img src='//map.longdo.com/mmmap/images/snippet/ribbin-violet-S-left.png' width='23' height='186' style='position:absolute;top:21px;'><img src='//map.longdo.com/mmmap/images/snippet/ribbin-violet-S-right.png' width='22' height='186' style='position:absolute;top:21px;left:309px;'> <img src='//map.longdo.com/mmmap/images/snippet/ribbin-violet-S-but.png' width='331' height='28' style='position:absolute;top:206px;'></div>";
	} else if(snippet_fixed_size == "size-m") {
	    snippet_code = "<div style='position:relative;width:496px;height:354px;'>"+snippet_code+"<img src='//map.longdo.com/mmmap/images/snippet/ribbin-violet-M-top.png' width='496' height='34' style='position:absolute;'> <img src='//map.longdo.com/mmmap/images/snippet/ribbin-violet-M-left.png' width='34' height='279' style='position:absolute;top:33px;' ><img src='//map.longdo.com/mmmap/images/snippet/ribbin-violet-M-right.png' width='33' height='279' style='position:absolute;top:33px;left:463px;'><img src='//map.longdo.com/mmmap/images/snippet/ribbin-violet-M-but.png' width='496' height='43'  style='position:absolute; top:311px;'></div>";
	} else if(snippet_fixed_size == "size-l") {
	    snippet_code = "<div style='position:relative;width:670px;height:480px;'>"+snippet_code+"<img src='//map.longdo.com/mmmap/images/snippet/ribbin-violet-L-top.png' width='663' height='46' style='position:absolute;'><img src='//map.longdo.com/mmmap/images/snippet/ribbin-violet-L-left.png' width='45' height='372' style='position:absolute;top:45px;'><img src='//map.longdo.com/mmmap/images/snippet/ribbin-violet-L-right.png' width='45' height='372' style='position:absolute;top:45px;left:618px;'> <img src='//map.longdo.com/mmmap/images/snippet/ribbin-violet-L-but.png' width='663' height='57' style='position:absolute;top:417px;'></div>";
	}
    } else if(snippet_theme_val == 'darkvi') {
	if(snippet_fixed_size == "size-s") {
	    snippet_code = "<div style='position:relative;width:332px;height:234px;'>"+snippet_code+"<img src='//map.longdo.com/mmmap/images/snippet/ribbin-dark-violet-top-S.png' width='332' height='24' style='position:absolute;'><img src='//map.longdo.com/mmmap/images/snippet/ribbin-dark-violet-S-left.png' width='23' height='185' style='position:absolute;top:24px;' ><img src='//map.longdo.com/mmmap/images/snippet/ribbin-dark-violet-S-right.png' width='23' height='185' style='position:absolute;top:24px;left:309px;'><img src='//map.longdo.com/mmmap/images/snippet/ribbin-dark-violet-bot-S.png' width='332' height='28' style='position:absolute;top:209px;'></div>";
	} else if(snippet_fixed_size == "size-m") {
	    snippet_code = "<div style='position:relative;width:496px;height:354px;'>"+snippet_code+"<img src='//map.longdo.com/mmmap/images/snippet/ribbin-dark-violet-M-top.png' width='495' height='35'  style='position:absolute;'><img src='//map.longdo.com/mmmap/images/snippet/ribbin-dark-violet-M-left.png' width='34' height='277'  style='position:absolute;top:34px;'><img src='//map.longdo.com/mmmap/images/snippet/ribbin-dark-violet-M-right.png' width='34' height='277'  style='position:absolute;top:34px;left:461px;'><img src='//map.longdo.com/mmmap/images/snippet/ribbin-dark-violet-M-but.png' width='495' height='42'  style='position:absolute;top:310px;'></div>";
	} else if(snippet_fixed_size == "size-l") {
	    snippet_code = "<div style='position:relative;width:480px;height:670px;'>"+snippet_code+"<img src='//map.longdo.com/mmmap/images/snippet/ribbin-dark-violet-L-top.png' width='659' height='47' style='position:absolute;'><img src='//map.longdo.com/mmmap/images/snippet/ribbin-dark-violet-L-left.png' width='45' height='367' style='position:absolute;top:46px;'><img src='//map.longdo.com/mmmap/images/snippet/ribbin-dark-violet-L-right.png' width='45' height='367' style='position:absolute;top:45px;left:614px;'><img src='//map.longdo.com/mmmap/images/snippet/ribbin-dark-violet-L-bot.png' width='659' height='56' style='position:absolute;top:412px;'></div>";
	}
    } else if(snippet_theme_val == 'blueframe') {
	if(snippet_fixed_size == "size-s") {
	    snippet_code = "<div style='position:relative;width:332px;height:234px;'>"+snippet_code+"<img src='//map.longdo.com/mmmap/images/snippet/ribbin-ocean-S-top.png' width='330' height='23' style='position:absolute;'> <img src='//map.longdo.com/mmmap/images/snippet/ribbin-ocean-S-left.png' width='23' height='184' style='position:absolute;top:23px;'><img src='//map.longdo.com/mmmap/images/snippet/ribbin-ocean-S-right.png' width='23' height='184' style='position:absolute;top:23px;left:307px;'><img src='//map.longdo.com/mmmap/images/snippet/ribbin-ocean-S-but.png' width='330' height='27' style='position:absolute;top:206px;'></div>";
	} else if(snippet_fixed_size == "size-m") {
	    snippet_code = "<div style='position:relative;width:496px;height:354px;'>"+snippet_code+"<img src='//map.longdo.com/mmmap/images/snippet/ribbin-ocean-M-top.png' width='498' height='34' style='position:absolute;'><img src='//map.longdo.com/mmmap/images/snippet/ribbin-ocean-M-left.png' width='35' height='280' style='position:absolute;top:33px;'><img src='//map.longdo.com/mmmap/images/snippet/ribbin-ocean-M-right.png' width='34' height='280' style='position:absolute;top:33px;left:464px;'><img src='//map.longdo.com/mmmap/images/snippet/ribbin-ocean-M-but.png' width='498' height='41' style='position:absolute; top:312px;'></div>";
	} else if(snippet_fixed_size == "size-l") {
	    snippet_code = "<div style='position:relative;width:480px;height:670px;'>"+snippet_code+"<img src='//map.longdo.com/mmmap/images/snippet/ribbin-ocean-L-top.png' width='663' height='46' style='position:absolute;'><img src='//map.longdo.com/mmmap/images/snippet/ribbin-ocean-L-left.png' width='45' height='370' style='position:absolute;top:46px;'><img src='//map.longdo.com/mmmap/images/snippet/ribbin-ocean-L-right.png' width='45' height='370' style='position:absolute;top:46px;left:618px;'> <img src='//map.longdo.com/mmmap/images/snippet/ribbin-ocean-L-but.png' width='663' height='54' style='position:absolute;top:416px;'></div>";
	}
    } else if(snippet_theme_val == 'tear') {
	if(snippet_fixed_size == "size-s") {
	    snippet_code = "<div style='position:relative;width:367px;height:254px;'>"+snippet_code+"<img src='//map.longdo.com/mmmap/images/snippet/tear-S-top.png' width='367' height='53'  style='position:absolute;'><img src='//map.longdo.com/mmmap/images/snippet/tear-S-left.png' width='11' height='144' style='position:absolute;top:53px;'><img src='//map.longdo.com/mmmap/images/snippet/tear-S-right.png' width='88' height='144' style='position:absolute;top:53px;left:279px;'><img src='//map.longdo.com/mmmap/images/snippet/tear-S-bot.png' width='367' height='57' style='position:absolute;top:197px;'></div>";
	} else if(snippet_fixed_size == "size-m") {
	    snippet_code = "<div style='position:relative;width:554px;height:383px;'>"+snippet_code+"<img src='//map.longdo.com/mmmap/images/snippet/tear-M-top.png' width='554' height='80' style='position:absolute;'><img src='//map.longdo.com/mmmap/images/snippet/tear-M-left.png' width='17' height='218' style='position:absolute;top:80px;'><img src='//map.longdo.com/mmmap/images/snippet/tear-M-right.png' width='133' height='218' style='position:absolute;top:80px;left:421px;'><img src='//map.longdo.com/mmmap/images/snippet/tear-M-bot.png' width='554' height='85' style='position:absolute;top:298px;'></div>";
	} else if(snippet_fixed_size == "size-l") {
	    snippet_code = "<div style='position:relative;width:737px;height:510px;'>"+snippet_code+"<img src='//map.longdo.com/mmmap/images/snippet/tear-L-top.png' width='737' height='107' style='position:absolute;'> <img src='//map.longdo.com/mmmap/images/snippet/tear-L-left.png' width='23' height='290' style='position:absolute;top:107px;'><img src='//map.longdo.com/mmmap/images/snippet/tear-L-right.png' width='177' height='290' style='position:absolute;top:107px;left:560px;'><img src='//map.longdo.com/mmmap/images/snippet/tear-L-bot.png' width='737' height='113' style='position:absolute;top:397px;'></div>";
	}
    } else if(snippet_theme_val == 'ontable') {
	if(snippet_fixed_size == "size-s") {
	    snippet_code = "<div style='position:relative;width:337px;height:215px;'><img src='//map.longdo.com/mmmap/images/snippet/ontable-S-bg.png' width='338' height='215' style='position:absolute;left:-49px;'>"+snippet_code+"<img src='//map.longdo.com/mmmap/images/snippet/ontable-S-top.png' width='337' height='39' style='position:absolute;'><img src='//map.longdo.com/mmmap/images/snippet/ontable-S-left.png' width='25' height='137' style='position:absolute;top:39px;'><img src='//map.longdo.com/mmmap/images/snippet/ontable-S-right.png' width='24' height='137' style='position:absolute;top:39px;left:313px;'> <img src='//map.longdo.com/mmmap/images/snippet/ontable-S-bot.png' width='337' height='39' style='position:absolute;top:175px''></div>";
	} else if(snippet_fixed_size == "size-m") {
	    snippet_code = "<div style='position:relative;width:498px;height:311px;'><img src='//map.longdo.com/mmmap/images/snippet/ontable-M-bg.png' width='498' height='311' style='position:absolute;left:-72px;'>"+snippet_code+"<img src='//map.longdo.com/mmmap/images/snippet/ontable-M-top.png' width='498' height='57'  style='position:absolute;'><img src='//map.longdo.com/mmmap/images/snippet/ontable-M-left.png' width='38' height='198'  style='position:absolute;top:57px;'><img src='//map.longdo.com/mmmap/images/snippet/ontable-right.png' width='40' height='203'  style='position:absolute;top:57px;left:458px;'><img src='//map.longdo.com/mmmap/images/snippet/ontable-M-bot.png' width='498' height='56'  style='position:absolute;top:254px'></div>";
	} else if(snippet_fixed_size == "size-l") {
	    snippet_code = "<div style='position:relative;width:677px;height:424px;'><img src='//map.longdo.com/mmmap/images/snippet/ontable-L-bg.png' width='677' height='424' style='position:absolute;left:-98px;'>"+snippet_code+"<img src='//map.longdo.com/mmmap/images/snippet/ontable-L-top.png' width='677' height='77' style='position:absolute'><img src='//map.longdo.com/mmmap/images/snippet/ontable-L-left.png' width='52' height='270' style='position:absolute;top:77px;'><img src='//map.longdo.com/mmmap/images/snippet/ontable-L-right.png' width='52' height='270' style='position:absolute;top:77px;left:625px;'><img src='//map.longdo.com/mmmap/images/snippet/ontable-L-bot.png' width='677' height='77' style='position:absolute;top:347px'></div>";
	}
    } else if(snippet_theme_val == 'shop') {
	var animate = $("#animate").is(":checked");

	if(animate) {
	    setTimeout(function(){rollup();}, 1000); // koB ??
	}

	if(snippet_fixed_size == "size-s") {
	    snippet_code = "<div style='position:relative;width:357px;height:309px;'><div style='width:357px;height:50px;'><img src='//map.longdo.com/mmmap/images/snippet/shop-top-S.png' width='357' height='66' style='position:absolute;'/></div><center><div class='boxA' style='background:black;width:320px;height:225px;'><center>"+snippet_code+"</center> </div><div style='width:357px;height:31px;'><img src='//map.longdo.com/mmmap/images/snippet/shop-bottom-S.png' width='20' height='31'"+(animate ? " style='cursor:pointer;' onclick='rollup();'" : "")+"/></div></center></div>";
	    if(animate) {
		snippet_code = "<scr"+"ipt src='//map.longdo.com/misc/jquery.js' type='text/javascript'></scr"+"ipt><sc"+"ript type='text/javascript'>function rollup(){if ($('.boxAB').height() == '0'){$('.boxA').animate({height:235},'slow');$('.boxAB').animate({height:205},'slow');$('.boxA').animate({height:225},'slow');$('.boxAB').animate({height:200},'slow');}else {$('.boxA').animate({height:230},'slow');$('.boxAB').animate({height:205},'slow');$('.boxA').animate({height:30},'slow');$('.boxAB').animate({height:0},'slow');}}</sc"+"ript>" + snippet_code;
	    }
	} else if(snippet_fixed_size == "size-m") {
	    snippet_code = "<div style='position:relative;width:538px;height:468px;'><div style='width:357px;height:50px;'><img src='//map.longdo.com/mmmap/images/snippet/shop-top-M.png' width='538' height='100' style='position:absolute;'/></div><center><div class='boxA' style='background:black;width:480px;height:365px'><center>"+snippet_code+"</center></div><div style='width:357px;height:31px;'><img src='//map.longdo.com/mmmap/images/snippet/shop-bottom-M.png' width='32' height='49'"+(animate ? " style='cursor:pointer;' onclick='rollup();'" : "")+"/></div></center></div>";
	    if(animate) {
		snippet_code = "<scr"+"ipt src='//map.longdo.com/misc/jquery.js' type='text/javascript'></sc"+"ript><scr"+"ipt type='text/javascript'>function rollup(){if ($('.boxAB').height() == '0'){$('.boxA').animate({height:375},'slow');$('.boxAB').animate({height:310},'slow');$('.boxA').animate({height:365},'slow');$('.boxAB').animate({height:300},'slow');}else {$('.boxA').animate({height:375},'slow');$('.boxAB').animate({height:310},'slow');$('.boxA').animate({height:60},'slow');$('.boxAB').animate({height:0},'slow');}}</scr"+"ipt>" + snippet_code;
	    }
	} else if(snippet_fixed_size == "size-l") {
	    snippet_code = "<div style='position:relative;width:690px;height:610px;'><div style='width:357px;height:50px;'><img src='//map.longdo.com/mmmap/images/snippet/shop-top-L.png' width='690' height='128' style='position:absolute;' /></div><center><div class='boxA' style='background:black;width:630px;height:490px'><center> "+snippet_code+"</center></div><div style='width:357px;height:31px;'><img src='//map.longdo.com/mmmap/images/snippet/shop-bottom-L.png' width='44' height='67'"+(animate ? " style='cursor:pointer;' onclick='rollup();'" : "")+"/></div></center></div>";
	    if(animate) {
		snippet_code = "<scr"+"ipt src='//map.longdo.com/misc/jquery.js' type='text/javascript'></scr"+"ipt><scr"+"ipt type='text/javascript'>function rollup(){if ($('.boxAB').height() == '0'){$('.boxA').animate({height:500},'slow');$('.boxAB').animate({height:410},'slow');$('.boxA').animate({height:490},'slow');$('.boxAB').animate({height:400},'slow');}else {$('.boxA').animate({height:500},'slow');$('.boxAB').animate({height:410},'slow');$('.boxA').animate({height:85},'slow');$('.boxAB').animate({height:0},'slow');}}</scr"+"ipt>" + snippet_code;
	    }
	}
    }

    return snippet_code;
}

function generateSnippetStyle() {
    var snippet_bg_style = '';
    if(snippet_theme_type_val == 'bg_deco') {
	if(snippet_bgpadding_val != '') {
	    snippet_bg_style += 'padding:'+snippet_bgpadding_val+'px;';
	}
	if(snippet_bgurl_val != '') {
	    snippet_bg_style += 'background:url('+snippet_bgurl_val+') transparent;';
	} else if(snippet_bgcolor_val != '') {
	    snippet_bg_style += 'background:'+snippet_bgcolor_val+';';
	}
	if(snippet_bg_style != '') {
	    snippet_bg_style = ' style="'+snippet_bg_style+'"';
	}
    } else if(snippet_theme_type_val == 'bg_theme') {
	if(snippet_theme_val == 'leather') {
	    if(snippet_fixed_size == "size-s") {
		snippet_bg_style += ' style="position:absolute;left:31px;top:25px;"';
	    } else if(snippet_fixed_size == "size-m") {
		snippet_bg_style += ' style="position:absolute;left:47px;top:36px;"';
	    } else if(snippet_fixed_size == "size-l") {
		snippet_bg_style += ' style="position:absolute;left:56px;top:49px;"';
	    }
	} else if(snippet_theme_val == 'airmail') {
	    if(snippet_fixed_size == "size-s") {
		snippet_bg_style += ' style="position:absolute;left:20px;top:16px;"';
	    } else if(snippet_fixed_size == "size-m") {
		snippet_bg_style += ' style="position:absolute;left:30px;top:20px;"';
	    } else if(snippet_fixed_size == "size-l") {
		snippet_bg_style += ' style="position:absolute;left:41px;top:27px;"';
	    }
	} else if(snippet_theme_val == 'standwood') {
	    if(snippet_fixed_size == "size-s") {
		snippet_bg_style += ' style="position:absolute;left:20px;top:16px;"';
	    } else if(snippet_fixed_size == "size-m") {
		snippet_bg_style += ' style="position:absolute;left:29px;top:24px;"';
	    } else if(snippet_fixed_size == "size-l") {
		snippet_bg_style += ' style="position:absolute;left:39px;top:34px;"';
	    }
	} else if(snippet_theme_val == 'woodframe') {
	    if(snippet_fixed_size == "size-s") {
		snippet_bg_style += ' style="position:absolute;left:15px;top:15px;"';
	    } else if(snippet_fixed_size == "size-m") {
		snippet_bg_style += ' style="position:absolute;left:19px;top:19px;"';
	    } else if(snippet_fixed_size == "size-l") {
		snippet_bg_style += ' style="position:absolute;left:25px;top:25px;"';
	    }
	} else if(snippet_theme_val == 'pinkframe') {
	    if(snippet_fixed_size == "size-s") {
		snippet_bg_style += ' style="position:absolute;left:20px;top:16px;"';
	    } else if(snippet_fixed_size == "size-m") {
		snippet_bg_style += ' style="position:absolute;left:22px;top:22px;"';
	    } else if(snippet_fixed_size == "size-l") {
		snippet_bg_style += ' style="position:absolute;left:30px;top:31px;"';
	    }
	} else if(snippet_theme_val == 'darkvi') {
	    if(snippet_fixed_size == "size-s") {
		snippet_bg_style += ' style="position:absolute;left:20px;top:16px;"';
	    } else if(snippet_fixed_size == "size-m") {
		snippet_bg_style += ' style="position:absolute;left:22px;top:22px;"';
	    } else if(snippet_fixed_size == "size-l") {
		snippet_bg_style += ' style="position:absolute;left:30px;top:31px;"';
	    }
	} else if(snippet_theme_val == 'blueframe') {
	    if(snippet_fixed_size == "size-s") {
		snippet_bg_style += ' style="position:absolute;left:20px;top:16px;"';
	    } else if(snippet_fixed_size == "size-m") {
		snippet_bg_style += ' style="position:absolute;left:22px;top:22px;"';
	    } else if(snippet_fixed_size == "size-l") {
		snippet_bg_style += ' style="position:absolute;left:30px;top:31px;"';
	    }
	} else if(snippet_theme_val == 'tear') {
	    if(snippet_fixed_size == "size-s") {
		snippet_bg_style += ' style="position:absolute;top:16px;"';
	    } else if(snippet_fixed_size == "size-m") {
		snippet_bg_style += ' style="position:absolute;top:22px;"';
	    } else if(snippet_fixed_size == "size-l") {
		snippet_bg_style += ' style="position:absolute;top:31px;"';
	    }
	} else if(snippet_theme_val == 'ontable') {
	    if(snippet_fixed_size == "size-s") {
		snippet_bg_style += ' style="position:absolute;left:18px;top:10px;opacity:0.85;filter: alpha(opacity = 85);"';
	    } else if(snippet_fixed_size == "size-m") {
		snippet_bg_style += ' style="position:absolute;left:27px;top:6px;opacity:0.85;filter: alpha(opacity = 85);"';
	    } else if(snippet_fixed_size == "size-l") {
		snippet_bg_style += ' style="position:absolute;left:37px;top:20px;opacity:0.85;filter: alpha(opacity = 85);"';
	    }
	} else if(snippet_theme_val == 'shop') {
	    if(snippet_fixed_size == "size-s") {
		snippet_bg_style += ' class="boxAB" style="margin:15px 0px 0px 1px;background:black;"';
	    } else if(snippet_fixed_size == "size-m") {
		snippet_bg_style += ' class="boxAB" style="margin:45px 0px 0px 1px;background:black;"';
	    } else if(snippet_fixed_size == "size-l") {
		snippet_bg_style += ' class="boxAB" style="margin:70px 0px 0px 1px;background:black;"';
	    }
	}
    }
    return snippet_bg_style;
}

function generateDecoration(snippet_code) {
    var deco_img_val = $("#deco_img").val();

    if(deco_img_val == '') return snippet_code;

    var widthpoint = snippet_width_val;
    var heightpoint = snippet_height_val+snippet_bgpadding_val+20;

    snippet_code = "<div style='width:"+widthpoint+"px;height:"+heightpoint+"px;'><div style='width:450px;position:relative'><div style='position:absolute;'>"+snippet_code+"<br></div>";

    if(deco_img_val == 'deco01') {
	snippet_code += "<div style='position:absolute;width:"+widthpoint+"px;height:1px;margin:-16px 0px 0px 0px;'><img style='float:right;'src='//map.longdo.com/mmmap/images/snippet/deco-design01.png' width='127' height='129'></div>";
    } else if(deco_img_val == 'deco02') {
        var top = snippet_bgpadding_val-11;
        snippet_code += "<div style='position:absolute;width:"+widthpoint+"px;height:1px;margin:"+top+"px 0px 0px 0px;'><img style='float:right;' src='//map.longdo.com/mmmap/images/snippet/deco-design02.png' width='68' height='97'></div>";
    } else if(deco_img_val == "deco03"){
        var width = snippet_width_val+(snippet_bgpadding_val*2);
        snippet_code += "<div style='position:absolute;width:"+width+"px;height:1px;margin:0px 0px 0px 0px;'><img style='float:right;' src='//map.longdo.com/mmmap/images/snippet/deco-design03.png' width='108' height='108'></div>";
    } else if(deco_img_val == "deco04"){
        var width = snippet_width_val+snippet_bgpadding_val+4;
        var top = snippet_bgpadding_val-3;
        snippet_code += "<div style='position:absolute;width:"+width+"px;height:1px;margin:"+top+"px 0px 0px 0px;'><img style='float:right;' src='//map.longdo.com/mmmap/images/snippet/deco-design04.png' width='94' height='93' /></div>";
    } else if(deco_img_val == "deco05"){
        var width = snippet_width_val+snippet_bgpadding_val;
        var top = snippet_bgpadding_val+(snippet_height_val-70);
        snippet_code += "<div style='position:absolute;width:"+width+"px;height:1px;margin:"+top+"px 0px 0px 0px;'><img style='float:right;' src='//map.longdo.com/mmmap/images/snippet/deco-design05.png' width='79' height='71'/></div>";
    }

    snippet_code += "</div></div>";

    return snippet_code;
}

var gen_snippet_timeout = false;
function generateSnippetCode(timeout) {
    if(gen_snippet_timeout) clearTimeout(gen_snippet_timeout);
    if(typeof timeout == 'undefined') timeout = 1000;

    getInputValue();

    if(snippet_type_val == 'image') {
	if(snippet_width_val > 2000 || snippet_height_val > 2000 ) {
	    $("#code-html-map-snippet").val("");
	    alert("ไม่สามารถกำหนดขนาดแผนที่เกิน 2000 x 2000 px ได้");
	    return;
	}

	if(snippet_hd_mode == 1) {
	    setHdSizeText(snippet_width_val*2, snippet_height_val*2);
	} else {
	    setHdSizeText();
	}
    }

    gen_snippet_timeout = setTimeout(function() {

	getInputValue();

	var snippet_code = '';
	var param = ''

	var snippet_bg_style = generateSnippetStyle();

	if(snippet_locale_val != '') {
	    param += '&locale='+snippet_locale_val;
	}
	if(snippet_zoom_val != '') {
	    param += '&zoom='+snippet_zoom_val;
	}
	if(snippet_mapmode_val != '') {
	    param += '&mode='+snippet_mapmode_val;
	}
	if(snippet_mapversion_val != '') {
	    param += '&map='+snippet_mapversion_val;
	}

	if(snippet_position_type_val == 'latlon') {
	    param += '&lat='+snippet_latitude_val+'&long='+snippet_longitude_val;
	    if(snippet_title_val != '') {
		param += '&title='+snippet_title_val;
	    }
	    if(snippet_detail_val != '') {
		param += '&detail='+snippet_detail_val;
	    }
	} else { // snippet_position_type_val == 'poi'
	    param += '&ooi='+snippet_poiid_val;
	    if(snippet_title_val != '') {
		param += '&title='+snippet_title_val;
	    }
	    if(snippet_detail_val != '') {
		param += '&detail='+snippet_detail_val;
	    }
	}

	if(snippet_type_val == 'iframe') {
	    if(snippet_search_val != '') {
		param += '&search='+snippet_search_val;
	    }
	    if(snippet_tag_val != '') {
		param += '&tag='+snippet_tag_val;
	    }
	    if(snippet_zoombar_val != '') {
		param += '&zoombar='+snippet_zoombar_val;
	    }
	    if(snippet_toolbar_val != '') {
		param += '&toolbar='+snippet_toolbar_val;
	    }
	    if(snippet_mapselector_val != '') {
		param += '&mapselector='+snippet_mapselector_val;
	    }
	    if(snippet_scalebar_val != '') {
		param += '&scalebar='+snippet_scalebar_val;
	    }
	    if(snippet_centermark_val != '') {
		param += '&centermark='+snippet_centermark_val;
	    }
	    if(snippet_marker_val) {
		param += '&tagicon='+snippet_marker_val+(snippet_marker_offsetx_val && snippet_marker_offsety_val  ? '&iconposx='+snippet_marker_offsetx_val+'&iconposy='+snippet_marker_offsety_val : '');
	    }

	    //if(param != '') {
	    //    param += '&hidepopup=true';
	    //}

	    param = param.replace(/^&/, "?");
	    snippet_code = '<iframe scrolling="no" allowtransparency="true"'+snippet_bg_style+' width='+snippet_width_val+' height='+snippet_height_val+' src="'+window.location.protocol+'//map.longdo.com/snippet/iframe.php'+param+'" frameborder=0></iframe>';
	} else { // snippet_type_val == 'image'
	    var img_size_param = "";
	    if(snippet_width_val != '') {
		param += '&width='+snippet_width_val;
	    }
	    if(snippet_height_val != '') {
		param += '&height='+snippet_height_val;
	    }
	    if(snippet_marker_val) {
		var param_marker_position = getMarkerPostionParam(snippet_marker_position_val);
		if(snippet_position_type_val == 'latlon') {
		    param += '&marker=position:'+snippet_latitude_val+','+snippet_longitude_val+';icon:'+snippet_marker_val+param_marker_position;
		} else { // poi
		    param += '&pinmark=icon:'+snippet_marker_val+param_marker_position;
		}
	    }

	    if(snippet_hd_mode == 1) {
		param += '&HD=1';
		img_size_param = ' width="'+snippet_width_val+'" height="'+snippet_height_val+'"';
	    }

	    param = param.replace(/^&/, "?");
	    snippet_code = '<a href="//map.longdo.com/'+param+'"><img'+img_size_param+' src="//mmmap15.longdo.com/mmmap/snippet/'+param+'" border=0'+snippet_bg_style+'></a>';
	}

	if(snippet_theme_type_val == 'bg_deco') {
	    snippet_code = generateDecoration(snippet_code);
	} else if(snippet_theme_type_val == 'bg_theme') {
	    snippet_code = generateSnippetTheme(snippet_code);
	}

	previewSnippet(snippet_code);
    }, timeout);

}

function setHdSizeText(width, height) {
    var size_txt = "";
    if(width && height) {
	size_txt = "ขนาดไฟล์ที่ได้  "+width+" x "+height+" px";
    }
    $("#snippet-hd-mode-size").html(size_txt);
}

function previewSnippet(snippet_code) {
    showLoading();

    $("#code-html-map-snippet").val(snippet_code);

    if($("#preview-snippet-div").length == 1 && $("#preview-snippet-div").css('left') == "0px") {
	showPreviewSnippet(snippet_code);
    }

    hideLoading();

    if(!ignore_preview_snippet) {
        showPreviewSnippet();
    } else {
        ignore_preview_snippet = false
    }
}

function hidePreviewSnippet(op) {
    if(typeof op == 'undefined') {
        op = 'mapsnippet'
    }
    if(gen_snippet_timeout) clearTimeout(gen_snippet_timeout);
    $div = $("#preview-snippet-div");
    if($div.length < 1) return;

    $div.animate({left: -$div.outerWidth()});

    /*if($("#tools-snippet-button").val() == 'Cancel') {
	$("#tools-preview-snippet-button").show();
    } else {
	$("#tools-preview-snippet-button").hide();
    }*/

    $("#tools-preview-mapbranch-snippet-button").show();
    $("#tools-hide-mapbranch-snippet-button").hide();
    $("#tools-preview-snippet-button").show();
    $("#tools-hide-snippet-button").hide();
}

function showPreviewSnippet(snippet_code, op) {
    if(typeof op == 'undefined') {
        op = 'mapsnippet'
    }
    if(typeof snippet_code == 'undefined' && $("#code-html-map-snippet").val() == "") return;

    if($("#preview-snippet-div").length == 0) {
	$('#longdomap-tab').append('<div id="preview-snippet-div">\
	    <div id="preview-snippet-header">\
		<div class="float-left" style="margin-right: 100px;">Snippet Preview</div>\
		<div onclick="hidePreviewSnippet();" class="text-link float-right">Close [X]</div>\
		<div class="clear-float"></div>\
	    </div>\
	    <div id="preview-snippet"></div>\
	    <div class="loading"></div>\
	    <div class="clear-float"></div>\
	</div>');
    }

    $div = $("#preview-snippet-div");
    if($div.length < 1) return;

    $div.animate({left: $('#content-left').width()+23});

    $div.width(snippet_width_val);
    $div.height(snippet_height_val);

    if(op == 'mapbranch') {
        $("#tools-preview-mapbranch-snippet-button").hide();
        $("#tools-hide-mapbranch-snippet-button").show();
        $("#tools-preview-snippet-button").show();
        $("#tools-hide-snippet-button").hide();
    } else {
        $("#tools-preview-mapbranch-snippet-button").show();
        $("#tools-hide-mapbranch-snippet-button").hide();
        $("#tools-preview-snippet-button").hide();
        $("#tools-hide-snippet-button").show();
    }

    if(typeof snippet_code == 'undefined') {
	snippet_code = $("#code-html-map-snippet").val();
    }
    $("#preview-snippet").html(''+snippet_code+'');
    $("#preview-snippet").ready(function(){
	//$("#preview-snippet-div .loading").hide();
	//$("#preview-snippet-code-div").css('visibility', 'visible');
	$("#preview-snippet").removeAttr("style");
	$("#preview-snippet").css('position', 'absolute');
	var preview_snippet_width = $("#preview-snippet")[0].scrollWidth+20;
	var preview_snippet_height = $("#preview-snippet")[0].scrollHeight+45;
	$("#preview-snippet").removeAttr("style");

	var fit_width = $('#longdomap-tab').width()*(4/5);
	var fit_height = $('#longdomap-tab').height() - $("#preview-snippet-header").height() - 22; // 22: padding + border

	if(preview_snippet_width > fit_width) {
	   $("#preview-snippet").width(fit_width);
	}

	if(preview_snippet_height > fit_height) {
	   $("#preview-snippet").height(fit_height);
	}
	$("#preview-snippet-div").removeAttr("style");
    });
}

function generateMapBranchSnippetCode(delay) {
    var timeout = delay ? 1000 : 0;
    setTimeout(function(delay) {
        var tag = 'bank';
        var title = 'My Map 🇹🇭';
        
        if(document.getElementById('snippet-branch-map-title').value) {
            title = document.getElementById('snippet-branch-map-title').value;
        }
        if(document.getElementById('snippet-branch-map-tag').value) {
            tag = document.getElementById('snippet-branch-map-tag').value;
        }
        
        var snippet_code = '<iframe scrolling="no" allowtransparency="true" width=500 height=400 src="'+window.location.protocol+'//map.longdo.com/map/?tag='+tag+'&title='+title+'" frameborder=0></iframe>';
        
        $("#code-html-mapbranch-snippet").val(snippet_code);
        if(typeof delay != 'undefined' && delay) {
            showPreviewMapBranchSnippet();
        }
    }, timeout, delay);
}

function hidePreviewMapBranchSnippet() {
    hidePreviewSnippet('mapbranch');
}

function showPreviewMapBranchSnippet() {
    var snippet_code = $("#code-html-mapbranch-snippet").val();
    showPreviewSnippet(snippet_code, 'mapbranch');
}

function showLoading() {
    $("#preview-snippet-div .loading").show();
}

function enableCustomSnippetSize() {
    $("#snippet-width-setting, #snippet-height-setting").removeAttr("disabled");
    $("#snippet-width-setting, #snippet-height-setting").removeClass('disabled');
}
function disableCustomSnippetSize() {
    $("#snippet-width-setting, #snippet-height-setting").attr("disabled",true);
    $("#snippet-width-setting, #snippet-height-setting").addClass('disabled');
}
function hideLoading() {
    $("#preview-snippet").find("iframe, img").one('load', function() {
        $("#preview-snippet-div .loading").hide();
    }).each(function() {
	if(this.complete) $(this).load();
    });
}

function getInputValue() {
    snippet_type_val = $("#iframe-snippet").is(":checked") ? 'iframe' : 'image';
    snippet_hd_mode = $("#snippet-hd-mode").is(":checked") ? '1' : '0';
    snippet_zoom_val = Number($("#zoom").val());
    snippet_width_val = Number($("#snippet-width-setting").val());
    snippet_height_val = Number($("#snippet-height-setting").val());
    snippet_title_val = $("#marker-popup").is(":checked") ? $("#snippet-title").val() : '';
    snippet_detail_val = $("#marker-popup").is(":checked") ? $("#snippet-detail").val() : '';
    snippet_locale_val = $("#maplang").val();
    snippet_mapversion_val = $("#map-version").val();

    snippet_zoombar_val = $("#checkzoomer").val();
    snippet_toolbar_val = $("#checktool").val();
    snippet_mapselector_val = $("#checkselector").val();
    snippet_scalebar_val = $("#checkscale").val();
    snippet_centermark_val = $("#checkcentermark").val();

    snippet_mapmode_val = encodeURIComponent($("#mode-selector-select").val()+(snippet_locale_val=='en' ? '-en' : ''));
    snippet_bgcolor_val =  $("#snippet-bg-color").val();
    snippet_bgurl_val = $("#urlbg").val();
    snippet_bgpadding_val =  Number($("#snippet-bg-padding").val());
    snippet_marker_val = $("#marker-pin").is(":checked") ? $("#marker").val() : '';
    snippet_marker_position_val = $("#marker-pin").is(":checked") ? $("#pin-position").val() : '';
    snippet_marker_offsetx_val = Number($("#snippet-pin-offset-x").val());
    snippet_marker_offsety_val = Number($("#snippet-pin-offset-y").val());
    snippet_latitude_val = Number($("#latitude").val());
    snippet_longitude_val = Number($("#longitude").val());
    snippet_poiid_val = $("#longdomapid").val();

    snippet_position_type_val = $("#snippet-location-by-poiid").is(":checked") ? 'poi' : 'latlon';

    snippet_theme_type_val = $("#snippet-theme-type-setting").val();

    snippet_theme_val = $("#theme-option-background").val();

    snippet_fixed_size = $("#sizes").is(":checked") ? 'size-s' : ($("#sizem").is(":checked") ? 'size-m' : ($("#sizel").is(":checked") ? 'size-l' : 'size-custom') );

    snippet_search_val = $("#snippet-search").val();
    snippet_tag_val = $("#snippet-tag").val();
}

function setSnippetTheme(theme, timeout) {
    if(typeof theme == 'undefined') {
	theme = $("#theme-option-background").val();
    }

    if(theme == 'nonetype') {
	theme = 'default';
    }

    $('.snippet-thumbnail-theme').removeClass('snippet-thumbnail-theme-selected')
    $('.snippet-theme-'+theme).parent().addClass('snippet-thumbnail-theme-selected');

    if($("#theme-option-background option[value='"+theme+"']").length !== 0) {
	$("#theme-option-background").val(theme);
    }

    var theme_type_snippet = (theme == 'default' ? "none-theme" : "bg_theme");
    $("#snippet-theme-type-setting").val(theme_type_snippet);

    if(theme == 'default') {
	$("#bg-theme-config").hide();
    } else {
	$("#bg-theme-config").show();
    }

    if(theme_type_snippet == 'bg_theme' && $("#sizecustom").is(":checked")) {
	$("#"+default_snippet_fixed_size).click();
    }

    if(theme != "colorframe") {
	$("#deco-config").hide();
    }

    if(theme == 'shop') {
	$("#theme-animation").show();
    } else {
	$("#theme-animation").hide();
    }

    generateSnippetCode(timeout);
}

function createSnippetCodeByOOIID(ooiid) {
    if(!$("#content-menu-tools").hasClass('menu-top-active')) {
	$("#content-menu-tools").click();
  setcontent_whenclicktab('menu-tools')
    }
    if($("#tools-snippet-button").val() != 'Cancel') {
	$("#tools-snippet-button").click();
    }

    $("#snippet-location-by-poiid").click();
    $("#longdomapid").val(ooiid);
    $("#zoom").val(16);

    generateSnippetCode(0);

    setTimeout('$("#code-html-map-snippet").focus();$("#code-html-map-snippet").select(); showPreviewSnippet();', 100);
}// $Id: autocomplete.js,v 1.17 2007/01/09 07:31:04 drumm Exp $

/**
 * Attaches the autocomplete behaviour to all required fields
 */
Drupal.autocompleteAutoAttach = function () {
  var acdb = [];
  $('input.autocomplete').each(function () {
    var uri = this.value;
    if (!acdb[uri]) {
      acdb[uri] = new Drupal.ACDB(uri);
    }
    var input = $('#' + this.id.substr(0, this.id.length - 13))
      .attr('autocomplete', 'OFF')[0];
    $(input.form).submit(Drupal.autocompleteSubmit);
    new Drupal.jsAC(input, acdb[uri]);
  });
}

/**
 * Prevents the form from submitting if the suggestions popup is open
 * and closes the suggestions popup when doing so.
 */
Drupal.autocompleteSubmit = function () {
  return $('#autocomplete').each(function () {
    this.owner.hidePopup();
  }).size() == 0;
}

/**
 * An AutoComplete object
 */
Drupal.jsAC = function (input, db) {
  var ac = this;
  this.input = input;
  this.db = db;

  $(this.input)
    .keydown(function (event) { return ac.onkeydown(this, event); })
    .keyup(function (event) { ac.onkeyup(this, event) })
    .blur(function () { ac.hidePopup(); ac.db.cancel(); });

};

/**
 * Handler for the "keydown" event
 */
Drupal.jsAC.prototype.onkeydown = function (input, e) {
  if (!e) {
    e = window.event;
  }
  switch (e.keyCode) {
    case 40: // down arrow
      this.selectDown();
      return false;
    case 38: // up arrow
      this.selectUp();
      return false;
    default: // all other keys
      return true;
  }
}

/**
 * Handler for the "keyup" event
 */
Drupal.jsAC.prototype.onkeyup = function (input, e) {
  if (!e) {
    e = window.event;
  }
  switch (e.keyCode) {
    case 16: // shift
    case 17: // ctrl
    case 18: // alt
    case 20: // caps lock
    case 33: // page up
    case 34: // page down
    case 35: // end
    case 36: // home
    case 37: // left arrow
    case 38: // up arrow
    case 39: // right arrow
    case 40: // down arrow
      return true;

    case 9:  // tab
    case 13: // enter
    case 27: // esc
      this.hidePopup(e.keyCode);
      return true;

    default: // all other keys
      if (input.value.length > 0)
        this.populatePopup();
      else
        this.hidePopup(e.keyCode);
      return true;
  }
}

/**
 * Puts the currently highlighted suggestion into the autocomplete field
 */
Drupal.jsAC.prototype.select = function (node) {
  this.input.value = node.autocompleteValue;
}

/**
 * Highlights the next suggestion
 */
Drupal.jsAC.prototype.selectDown = function () {
  if (this.selected && this.selected.nextSibling) {
    this.highlight(this.selected.nextSibling);
  }
  else {
    var lis = $('li', this.popup);
    if (lis.size() > 0) {
      this.highlight(lis.get(0));
    }
  }
}

/**
 * Highlights the previous suggestion
 */
Drupal.jsAC.prototype.selectUp = function () {
  if (this.selected && this.selected.previousSibling) {
    this.highlight(this.selected.previousSibling);
  }
}

/**
 * Highlights a suggestion
 */
Drupal.jsAC.prototype.highlight = function (node) {
  if (this.selected) {
    $(this.selected).removeClass('selected');
  }
  $(node).addClass('selected');
  this.selected = node;
}

/**
 * Unhighlights a suggestion
 */
Drupal.jsAC.prototype.unhighlight = function (node) {
  $(node).removeClass('selected');
  this.selected = false;
}

/**
 * Hides the autocomplete suggestions
 */
Drupal.jsAC.prototype.hidePopup = function (keycode) {
  // Select item if the right key or mousebutton was pressed
  if (this.selected && ((keycode && keycode != 46 && keycode != 8 && keycode != 27) || !keycode)) {
    this.input.value = this.selected.autocompleteValue;
  }
  // Hide popup
  var popup = this.popup;
  if (popup) {
    this.popup = null;
    $(popup).fadeOut('fast', function() { $(popup).remove(); });
  }
  this.selected = false;
}

/**
 * Positions the suggestions popup and starts a search
 */
Drupal.jsAC.prototype.populatePopup = function () {
  // Show popup
  if (this.popup) {
    $(this.popup).remove();
  }
  this.selected = false;
  this.popup = document.createElement('div');
  this.popup.id = 'autocomplete';
  this.popup.owner = this;
  $(this.popup).css({
    marginTop: this.input.offsetHeight +'px',
    width: (this.input.offsetWidth - 4) +'px',
    display: 'none'
  });
  $(this.input).before(this.popup);

  // Do search
  this.db.owner = this;
  this.db.search(this.input.value);
}

/**
 * Fills the suggestion popup with any matches received
 */
Drupal.jsAC.prototype.found = function (matches) {
  // If no value in the textfield, do not show the popup.
  if (!this.input.value.length) {
    return false;
  }

  // Prepare matches
  var ul = document.createElement('ul');
  var ac = this;
  for (key in matches) {
    if(typeof matches[key] != "string") continue;
    var li = document.createElement('li');
    $(li)
      .html('<div>'+ matches[key] +'</div>')
      .mousedown(function () { ac.select(this); })
      .mouseover(function () { ac.highlight(this); })
      .mouseout(function () { ac.unhighlight(this); });
    li.autocompleteValue = key;
    $(ul).append(li);
  }

  // Show popup with matches, if any
  if (this.popup) {
    if (ul.childNodes.length > 0) {
      $(this.popup).empty().append(ul).show();
    }
    else {
      $(this.popup).css({visibility: 'hidden'});
      this.hidePopup();
    }
  }
}

Drupal.jsAC.prototype.setStatus = function (status) {
  switch (status) {
    case 'begin':
      $(this.input).addClass('throbbing');
      break;
    case 'cancel':
    case 'error':
    case 'found':
      $(this.input).removeClass('throbbing');
      break;
  }
}

/**
 * An AutoComplete DataBase object
 */
Drupal.ACDB = function (uri) {
  this.uri = uri;
  this.delay = 300;
  this.cache = {};
}

/**
 * Performs a cached and delayed search
 */
Drupal.ACDB.prototype.search = function (searchString) {
  var db = this;
  this.searchString = searchString;

  // See if this key has been searched for before
  if (this.cache[searchString]) {
    return this.owner.found(this.cache[searchString]);
  }

  // Initiate delayed search
  if (this.timer) {
    clearTimeout(this.timer);
  }
  this.timer = setTimeout(function() {
    db.owner.setStatus('begin');

    // Ajax GET request for autocompletion
    $.ajax({
      type: "GET",
      url: db.uri +'/'+ Drupal.encodeURIComponent(searchString),
      success: function (data) {
        // Parse back result
        var matches = Drupal.parseJson(data);
        if (typeof matches['status'] == 'undefined' || matches['status'] != 0) {
          db.cache[searchString] = matches;
          // Verify if these are still the matches the user wants to see
          if (db.searchString == searchString) {
            db.owner.found(matches);
          }
          db.owner.setStatus('found');
        }
      },
      error: function (xmlhttp) {
        alert('An HTTP error '+ xmlhttp.status +' occured.\n'+ db.uri);
      }
    });
  }, this.delay);
}

/**
 * Cancels the current autocomplete request
 */
Drupal.ACDB.prototype.cancel = function() {
  if (this.owner) this.owner.setStatus('cancel');
  if (this.timer) clearTimeout(this.timer);
  this.searchString = '';
}

// Global Killswitch
if (Drupal.jsEnabled) {
  $(document).ready(Drupal.autocompleteAutoAttach);
}
/*** ajax-client.js ***/
function checkPositiveInt(val){
    var result = val.match(/^\d+$/);
    return (result != null && result != 0);
}

function createRequestObject() {
    var ro;
    var browser = navigator.appName;
    if(browser == "Microsoft Internet Explorer"){
    ro = new ActiveXObject("Microsoft.XMLHTTP");
    }else{
    ro = new XMLHttpRequest();
    }
    return ro;
}

function handleResponse(myhttp, overlay) {
    if(myhttp.readyState == 4){
    var response = myhttp.responseText;
    var update = new Array();

    if(response.indexOf("?xml") == 1 ) { // not use the less-than bracket to avoid PHP problem

            // parse the XML
            var xmlresponse  = myhttp.responseXML.documentElement;

        if ( xmlresponse.getElementsByTagName('searchresult') ) {
                var param = xmlresponse.getElementsByTagName('param');

                var request=param[0].getAttribute("request");
                var imgid=param[0].getAttribute("imgid");
                var dispimg=param[0].getAttribute("dispimg");
                var zoom=param[0].getAttribute("zoom");
                var resultname=param[0].getAttribute("resultname");
                var resultname_en=param[0].getAttribute("resultname_en");
                var bookmark=parseInt(param[0].getAttribute("bookmark"));
                var hasmore=param[0].getAttribute("hasmore");
                var forcezoom=param[0].getAttribute("forcezoom");
                var search_key=param[0].getAttribute("search");
                var pois = xmlresponse.getElementsByTagName('searchobject');
                var servicesearch = param[0].getAttribute('service');
                var servicelongdosearch = (typeof servicesearch == 'undefined' || servicesearch == '' || servicesearch == null || servicesearch == 'longdo');
                var next_token = param[0].getAttribute('nexttoken');
                var gg_html_attribute = servicesearch=='google' ? param[0].getAttribute('gghtmlattribute') : '';
        var searchdiv = param[0].getAttribute('searchdiv');
        var searchform = searchdiv == 'routing-result' ? 'routing' : 'location';
        var prefixdiv = searchdiv == 'routing-result' ? 'routing-' : '';

        var title_hilight_location = (mylang == 'th' ? 'คลิกเพื่อดูสถานที่นี้' : 'Click to hi-light this location');
        var title_zoom_location = (mylang == 'th' ? 'คลิกเพื่อซูมไปยังสถานที่นี้' : 'Click to hi-light and ZOOM to this location');
        var title_image_location = (mylang == 'th' ? 'คลิกเพื่อดูภาพของสถานที่นี้' : 'Click to view this location\'s images');
        var title_event_location = (mylang == 'th' ? 'คลิกเพื่อดูเหตุการณ์ของสถานที่นี้' : 'Click to view this location\'s events');
        var title_add_destination = (mylang == 'th' ? 'คลิกเพื่อเลือกเป็นจุดหมายการเดินทาง' : 'Click to add destination');
        var title_view_road = (mylang == 'th' ? 'คลิกเพื่อดูสายทาง' : 'Click to hi-light this alley/road');
        var title_see_more_result = (mylang == 'th' ? 'คลิกเพื่อดูผลลัพธ์การค้นหาเพิ่มเติม' : 'Click to see more search results');

        var type_road_text = (mylang == "en" ? 'Alley/Road' : 'ถนน/ซอย');
        var type_khet_text = (mylang == "en" ? 'Boundary of Administrator' : 'ขอบเขตการปกครอง');
        var type_place_text = (mylang == "en" ? 'Place' : 'สถานที่');
        var type_water_text = (mylang == "en" ? 'River/Canal' : 'แม่น้ำ/คลอง');
	var type_layer_text = (mylang == "en" ? 'Layer' : 'เลเยอร์แผนที่');
	//var type_panorama_text = (mylang == "en" ? 'Panorama' : 'ภาพพาโนรามา');

        var txt_no_search_result = (mylang == "en" ? 'Sorry, no result found.' : 'ไม่พบผลลัพธ์การค้นหา');
        var txt_enter_more_info = (mylang == "en" ? 'Please enter at least %d characters' : 'โปรดระบุอย่างน้อย %d ตัวอักษร');
        var txt_search_other_services = (mylang == "en" ? 'Other search services' : 'ค้นหาจากบริการอื่น');
        var txt_search_google_service = (mylang == "en" ? 'Search by' : 'ค้นหาจาก') + ' Google';
        var txt_more = (mylang == "en" ? 'more' : 'เพิ่มเติม');
        
        var location = getCenterLocation();
        var google_search_link = 'https://www.google.com/maps/search/'+encodeURI(search_key)+'/@'+location.lat+','+location.lon;

        if(servicelongdosearch) servicesearch = 'longdo';

        var search_by = mylang == 'en' ? ' by ' : 'จาก ';
        switch(servicesearch) {
            case 'osm':
            search_by += 'Open Street Map';
            break;
            case 'google':
            search_by += 'Google';
            break;
            case 'foursquare':
            search_by += 'Foursquare';
            break;
            case 'longdo':
            search_by += 'Longdo Map';
            break;
            default:
            search_by += servicesearch;
            break;
        }

                var points = xmlresponse.getElementsByTagName('pointobject'); // for showobject
                n_points = points ? points.length : 0;

                var n_pois=0;
                if (pois)
            n_pois = pois.length;

        if (request == "getpois") {
                    poi_saved[zoom][imgid] = new Array();
                    poi_num[zoom][imgid] = n_pois;

                    for (var i = 0 ; i < n_pois; i++) {
                        var item = pois[i];
                        var id=item.getAttribute("id");
                        var name=item.getAttribute("name");
                        var lat=item.getAttribute("lat");
                        var mylong=item.getAttribute("long");
                        var type=item.getAttribute("type");
                        var status=item.getAttribute("status");
                        var showlevel=item.getAttribute("showlevel");
                        var name_en=item.getAttribute("name_en");
                        var contributor=item.getAttribute("contributor");
                        var imagefile=item.getAttribute("imagefile");
                        var iconlabel=item.getAttribute("iconlabel");
                        var iconlabel_en=item.getAttribute("iconlabel_en");
                        var iconlabel_en=item.getAttribute("iconlabel_en");

                        // save to poi array
                        poi_saved[zoom][imgid][i] = new Array();

                        var usename = name;

                        if (mylang == "en") {
                            usename = name_en;

                            if (name_en == "") {
                                usename = "(Thai) " + name;
                            }
                        }

                        var useiconlabel = iconlabel;
                        if (mylang == "en") {
                            useiconlabel = iconlabel_en;
                        }

                        poi_saved[zoom][imgid][i][0] = id;
                        poi_saved[zoom][imgid][i][1] = usename;
                        poi_saved[zoom][imgid][i][2] = lat;
                        poi_saved[zoom][imgid][i][3] = mylong;
                        poi_saved[zoom][imgid][i][4] = status;
                        poi_saved[zoom][imgid][i][5] = contributor;
                        poi_saved[zoom][imgid][i][6] = imagefile;
                        poi_saved[zoom][imgid][i][7] = useiconlabel;

                        //drawPOI(id,name,lat,mylong,status,zoom,dispimg,i);
                    }

                    drawPOIFromArray(zoom,imgid,dispimg);

                    // hide the unused image
                    var oldnum = poi_images_num[dispimg];
                    if (n_pois < oldnum ) {
                        for (var i = n_pois ; i < oldnum ; i++) {
                            //poi_images[dispimg][i].style.visibility = "hidden";

                            mymap.removeChild(poi_images[dispimg][i]);

                            // remove and recreate seems to be faster!
                            //poi_images_label[dispimg][i].style.visibility = "hidden";
                            //poi_images_label[dispimg][i].style.width = "0px";
                            //poi_images_label[dispimg][i].innerHTML = "";

                            mymap.removeChild(poi_images_label[dispimg][i]);
                        }
                    }
                    poi_images_num[dispimg] = n_pois;
        } else if ( request == "searchresultsxml") {
                    search_results_poi = new Array();

                    var shortdesc_limit = mylang == 'th' ? 60 : 70;
                    var searchresultshtml = '';

            var rs_table_id = prefixdiv+'search-result-list'+(servicesearch ? '-'+servicesearch : '');
	    
	    //if (!servicelongdosearch && n_pois == 0) {
		//return;
	    //}
                    if(bookmark == 0) {
            if(!servicelongdosearch) {
                var changed_to_btn = n_pois == 0;
                var prefix_div = changed_to_btn ? '<a target="_blank" href="'+google_search_link+'">' : '';
                var suffix_div = changed_to_btn ? '</a>' : '';
                var servicesearch_title = (changed_to_btn ? (mylang=='en' ? 'Search' : 'ค้นหา') : (mylang=='en' ? 'Search results' : 'ผลลัพธ์'))+search_by;
                        
                searchresultshtml += prefix_div+'<div class="search-result-header search-result-header-'+servicesearch+(changed_to_btn ? ' search-result-header-button' : '')+'"><div class="search-result-header-icon div-bg-img float-left"> </div><div class="search-result-header-txt float-left">'+servicesearch_title+'</div><div class="clear-float"></div></div>'+suffix_div;
            }
                        searchresultshtml += '<table cellspacing=0 class="search-result-list" id="'+rs_table_id+'" num_pois="'+n_pois+'" style="border-collapse: separate;">';
                    }
            var flipflop = 'odd';
            if (n_pois > 0) {
            // google mode
//          if (currentmode == "gmap") {
//                            gmap.clearMarkers();
//          }

            for (var i = 0 ; i < n_pois; i++) {
                var item = pois[i];
                var id=item.getAttribute("id");
                var name=item.getAttribute("name");
                var lat=item.getAttribute("lat");
                var mylong=item.getAttribute("long");
                var type=item.getAttribute("objecttype");
                var showlevel=item.getAttribute("showlevel");
                var name_en=item.getAttribute("name_en");
                var shortdesc=item.getAttribute("shortdesc");
                var shortdesc_en=item.getAttribute("shortdesc_en");
                var markicon = item.getAttribute('markicon');
                var geocode = item.getAttribute('geocode');
                var lucene_sign = item.getAttribute('bylucene') == 1 ? ' <span class="description">*</span>' : '';

                var showonmap = parseFloat(item.getAttribute('showonmap'));

                if(typeof showonmap == 'undefined' || showonmap == null || isNaN(showonmap)) showonmap = 0;

                markicon = markicon.split("^", 2);
                var markicon_title = typeof markicon[1] == "string" ? markicon[1] : '';
                if(markicon_title != '') {
                markicon_title = markicon_title.replace(/'/g, "&#39;");
                markicon_title = markicon_title.replace(/"/g, "&quot;");
                markicon_title = ' title="'+markicon_title+'"';
                }
                markicon = markicon[0];

                            var num_location_image=item.getAttribute("num_location_image");
                            var num_location_event=item.getAttribute("num_location_event");
                var countlabel = bookmark + 1 + i;
                var search_result_icon = "";
                //alert(id+","+name+","+lat+","+mylong+","+ showlevel + ", " +i);

                // save to poi array
                search_results_poi[i] = new Array();

                var usename = mylang == "en" ? ( name_en ? name_en : name) : (name ? name : name_en);

                usename_org = usename+lucene_sign;
                usename = usename.replace(/'/g, "\\'");
                usename = usename.replace(/"/g, "&quot;");
                var usedesc = mylang=='th' ? (shortdesc ? shortdesc : shortdesc_en) : (shortdesc_en ? shortdesc_en : shortdesc);
                usedesc = stripHtml(usedesc);
                if(!usedesc) usedesc = '';
                search_results_poi[i][0] = id;
                search_results_poi[i][1] = usename;
                search_results_poi[i][2] = lat;
                search_results_poi[i][3] = mylong;
                search_results_poi[i][4] = type;
                search_results_poi[i][5] = showlevel;
                search_results_poi[i][6] = showonmap;
                search_results_poi[i][7] = usedesc;

                // google mode
//              if (currentmode == "gmap") {
//                                gmap.addMarker(lat,mylong,usename);
//              }

                            var type_text = '';
                            switch(type) {
                                case 'road':
                                    type_text = type_road_text;
                                    break;
                                case 'tag':
                                    type_text = 'Tag';
                                    break;
                                case 'khet':
                                    type_text = type_khet_text;
                                    break;
                                case 'water-line':
                                case 'water-area':
                                    type_text = type_water_text;
                                    break;
				case 'layer':
				    type_text = type_layer_text;
				    break;
				//case 'panorama':
				//    type_text = type_panorama_text;
				//    break;
                                default:
                                    type_text = type_place_text;
                                    break;
                            }

                            searchresultshtml += '<tr title="'+type_text+'" class="search-result-'+type+' search-result-'+flipflop+' search-result-'+type+'-'+flipflop+'">';

                            flipflop = (flipflop == 'even' ? 'odd' : 'even');

			    searchresultshtml += "<td width=24 valign=top class='search-result-order'><img class='search-result-poi-icon img-mmmap-icon-1x' src='"+markicon+"'"+markicon_title+"/></td>"; // countlabel

                            searchresultshtml += '<td width=500 valign=top> ';

                            var zoom = mapZoom();

                            var zoomimg = "";
                if(searchdiv != 'routing-result') {
                zoomimg = (browser=='IE' && version<=6) ? "<span class='zoomseachimg' style='width:16px; height:16px; display:inline-block; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\"/mmmap/images/zoom.png\", sizingMethod=\"image\");'></span>" : "<img src='/mmmap/images/zoom.png' class='zoomsearchimg'>";
                }
                var viewimg = "";
                if(searchdiv != 'routing-result' && num_location_image>0) {
                                viewimg += (browser=='IE' && version<=6) ? "<span class='viewimg' style='width:16px; height:16px; display:inline-block; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\"/mmmap/images/view-icon.png\", sizingMethod=\"image\");'></span>" : "<img src='/mmmap/images/view-icon.png' class='viewimg'> ";
                }
                var eventimg = "";
                if(searchdiv != 'routing-result' && num_location_event>0) {
                                eventimg += (browser=='IE' && version<=6) ? "<span class='eventimg' style='width:16px; height:16px; display:inline-block; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\"/mmmap/images/event.png\", sizingMethod=\"image\");'></span>" : "<img src='/mmmap/images/event.png' class='eventimg'> ";
                }
                var routeimg = false;
                if(searchdiv == 'routing-result') {
                                routeimg = true;
                }

                if (type == "poi" || type == "osmp" || type == "foursquare-poi" || type == "google-poi" || type == "osm-poi") {
                                var name_padded = id;
                                var markpoijs = 'selectMapTab();';
                                var markpoiandzoomjs = 'selectMapTab();';

                                if(type == "poi" || type == "osmp") {
                                    while (name_padded.length < 8) name_padded = "0" + name_padded;
                                    if (n_pois == 1) {
                                        markpoijs += 'markPOIandZoom(' + '\''+id+'\'' + ",'" + usename + "'," + lat +',' + mylong + ", 17 , '', 1);";
									} else {
                                        markpoijs += 'markPOI(' + '\''+id+'\'' + ",'" + usename + "'," + lat +',' + mylong + ", " + zoom + " , '');";
                                    }
                                    markpoiandzoomjs += 'markPOIandZoom(' + '\''+id+'\'' + ",'" + usename + "'," + lat +',' + mylong + "," + showlevel + ", '', 1);";
                                } else { //if(type == "foursquare-poi") {
                                    if (n_pois == 1) {
                                        markpoijs += 'markPOIandZoom(' + '\''+id+'\'' + ",'" + usename + "'," + lat +',' + mylong + ", 17 , '', 1);";
									} else {
                                        markpoijs += 'markOtherServiceSearchPOI(' + '\''+id+'\'' + ",'" + usename + "'," + lat +',' + mylong + ", " + zoom + ");";
                                    }
                                    markpoiandzoomjs += 'markOtherServiceSearchPOI(' + '\''+id+'\'' + ",'" + usename + "'," + lat +',' + mylong + "," + showlevel + ", 1);";
                                }

                                searchresultshtml += '<span id="search_result_' + i + '" title="' + title_hilight_location + '" class="search-result-title" onclick="' + markpoijs + '">' + usename_org + "</span>" + (type == "osmp" ? " <span style='cursor:unset;' class='search-service-button search-service-button-osm' title='Open Street Map'></span>" : '');
                if(zoomimg!="") {
                    search_result_icon += ' <span id="search_result_zoom_' + i + '" title="' + title_zoom_location + '" onclick="'+markpoiandzoomjs+'">' + zoomimg + "</span>";
                }

                                if(viewimg!="") {
                                    search_result_icon += ' <span id="search_result_img_' + i + '" title="' + title_image_location + '" onclick="showOOITab('
                                        + '\''+usename+'\'' + ', \'A'+name_padded+'\'' + ', \'ooi-images-A'+name_padded+'\');when_lookat_poidetail(\'hide\');">' + viewimg + '</span>';
                                }
                                if(eventimg!="") {
                                    search_result_icon += ' <span id="search_result_event_' + i + '" title="' + title_event_location + '" onclick="showOOITab('
                                        + '\''+usename+'\'' + ', \'A'+name_padded+'\'' + ', \'event-zone-A'+name_padded+'\');">' + eventimg + '</span>';
                                }
                if(routeimg) {
                                    search_result_icon += ' <span class="routing-add-destination-icon" id="search_result_route_' + i + '" title="' + title_add_destination + '" onclick="if(longdomap_routing)longdomap_routing.addDestinationToActiveTxtBox('
                                        + lat + ', ' + mylong+', \'' + usename + '\');"></span>';
                }
                            } else if (type == "road") {
                searchresultshtml += '<span id="search_result_' + i + '" title="' + title_view_road + '" class="search-result-title" onclick="selectMapTab();focusLongdoPOI('+lat+', '+mylong+', '+id+', false, \'RID\');">' + usename_org + "</span>"; // <span class="highlight-search-result-type">'+type_road_text+':</span> 
                if(zoomimg!="") {
                    search_result_icon += ' <span id="search_result_zoom_' + i + '" title="' + title_zoom_location + '" onclick="selectMapTab();focusLongdoPOI('+lat+', '+mylong+', '+id+', true, \'RID\');">' + zoomimg + "</span>";
                }
                if(routeimg) {
                                    search_result_icon += ' <span class="routing-add-destination-icon" id="search_result_route_' + i + '" title="' + title_add_destination + '" onclick="if(longdomap_routing)longdomap_routing.addDestinationToActiveTxtBox('
                                        + lat + ', ' + mylong+', \'' + usename + '\');"></span>';
                }
                            } else if (type == "khet") {
                                var js_func = '';
                var zoom_js_func = '';
                                if(geocode) {
                                    js_func = 'focusLongdoPOI('+lat+', '+mylong+', '+geocode+', false, \'IG\');';
                    zoom_js_func = 'focusLongdoPOI('+lat+', '+mylong+', '+geocode+', true, \'IG\');';
                                } else {
                                    js_func = 'markPOI(-1 ,\'' + usename + '\',' + lat +',' + mylong + ', ' + zoom + ', \'<br>'+usedesc+'\');';
                    zoom_js_func = 'markPOIandZoom(-1 ,\'' + usename + '\',' + lat +',' + mylong + ', ' + zoom + ', \'<br>'+usedesc+'\');';
                                }
                                if (lat && mylong) {
                                    searchresultshtml += '<span id="search_result_' + i + '" title="' + title_hilight_location + '" class="search-result-title" onclick="selectMapTab();'+js_func+'">' + usename_org + "</span>";
                                } else {
                                    // probably only KWANG here
                                    searchresultshtml += '<span id="search_result_' + i + '" class="search-result-title" onclick="selectMapTab();showKhet(\'' + name + '\')">' + usename_org + "</span>";
                                }
                if(zoomimg!="") {
                    search_result_icon += ' <span id="search_result_zoom_' + i + '" title="' + title_zoom_location + '" onclick="selectMapTab();'+zoom_js_func+'">' + zoomimg + "</span>";
                }
                if(routeimg) {
                                    search_result_icon += ' <span class="routing-add-destination-icon" id="search_result_route_' + i + '" title="' + title_add_destination + '" onclick="if(longdomap_routing)longdomap_routing.addDestinationToActiveTxtBox('
                                        + lat + ', ' + mylong+', \'' + usename + '\');"></span>';
                }
                            } else if (type == "tag") {
                                var tagname = name.replace(/^tag: /, "");
                searchresultshtml += '<span id="search_result_' + i + '" class="search-result-title" onclick="selectMapTab();showTag(\'' + tagname.replace(/\'/g, "\\\'")
                + '\')">' + name + "</span>";
                            } else if (type == "geom") {
                                var name_padded = id;
                                while (name_padded.length < 8) name_padded = "0" + name_padded;
                searchresultshtml += '<span id="search_result_' + i + '" class="search-result-title" onclick="selectMapTab();showObject(\'G' + name_padded + '\')">' + name + "</span>";

                                if(viewimg!="") {
                    search_result_icon += ' <span id="search_result_img_' + i + '" title="' + title_image_location + '" onclick="showOOITab('
                    + '\''+usename+'\'' + ', \'G'+name_padded+'\'' + ', \'ooi-images-G'+name_padded+'\');when_lookat_poidetail(\'hide\');">' + viewimg + '</span>';
                                }
                                if(eventimg!="") {
                                    search_result_icon += ' <span id="search_result_event_' + i + '" title="' + title_event_location + '" onclick="showOOITab('
                    + '\''+usename+'\'' + ', \'G'+name_padded+'\'' + ', \'event-zone-G'+name_padded+'\');">' + eventimg + '</span>';
                                }
		    if(routeimg) {
                                    search_result_icon += ' <span class="routing-add-destination-icon" id="search_result_route_' + i + '" title="' + title_add_destination + '" onclick="if(longdomap_routing)longdomap_routing.addDestinationToActiveTxtBox('
                                        + lat + ', ' + mylong+', \'' + usename + '\');"></span>';
		    }
                } else if (type == "map" || type == "layer") {
                                var name_padded = id;
				var ooi_prefix = (type == "map") ? 'M' : 'Y';
                                while (name_padded.length < 8) name_padded = "0" + name_padded;
				searchresultshtml += '<span id="search_result_' + i + '" class="search-result-title" onclick="selectMapTab();showObject(\'' + ooi_prefix + name_padded + '\')">' + name + "</span>";

                                if(viewimg!="") {
                                    search_result_icon += ' <span id="search_result_img_' + i + '" title="' + title_image_location + '" onclick="showOOITab('
                                        + '\''+usename+'\'' + ', \''+ooi_prefix+name_padded+'\'' + ', \'ooi-images-'+ooi_prefix+name_padded+'\');when_lookat_poidetail(\'hide\');">' + viewimg + '</span>';
                                }
                                if(eventimg!="") {
                                    search_result_icon += ' <span id="search_result_event_' + i + '" title="' + title_event_location + '" onclick="showOOITab('
                                        + '\''+usename+'\'' + ', \''+ooi_prefix+name_padded+'\'' + ', \'event-zone-'+ooi_prefix+name_padded+'\');">' + eventimg + '</span>';
                                }
//                }  else if (type == "Panorama") {
//                                var name_padded = id;
//				var ooi_prefix = 'P';
//                                while (name_padded.length < 8) name_padded = "0" + name_padded;
//				searchresultshtml += '<span id="search_result_' + i + '" class="search-result-title"><a href="#" target="_blank">' + name + "</a></span>";
                } else {
                                var name_padded = id;
                var ds_type = "";
                if (type == "water-line") {
                    ooi_prefix = 'X';
                    ds_type = ooi_prefix + "ID";
                } else if(type == "water-area") {
                    ooi_prefix = 'W';
                    ds_type = ooi_prefix + "ID";
                } else if(type == "building") {
                    ooi_prefix = 'B';
                    ds_type = ooi_prefix + "ID";
                } else if(type == "bus") {
                    ooi_prefix = 'S';
                    ds_type = ooi_prefix + "ID";
                }

                if (ds_type != '') {
                    while (name_padded.length < 8) name_padded = "0" + name_padded;
                    searchresultshtml += '<span id="search_result_' + i + '" class="search-result-title" onclick="selectMapTab();focusLongdoPOI('+lat+', '+mylong+', \''+ooi_prefix+name_padded+'\', false, \''+ds_type+'\');">' + name + "</span>";

                    if(zoomimg!="") {
                    search_result_icon += ' <span id="search_result_zoom_' + i + '" title="' + title_zoom_location + '" onclick="selectMapTab();focusLongdoPOI('+lat+', '+mylong+', \''+ooi_prefix+name_padded+'\', true, \''+ds_type+'\');">' + zoomimg + "</span>";
                    }
                }
                            }

                            if(search_result_icon != '') {
                                search_result_icon = '<div class="search-result-icon">'+search_result_icon+'</div>';
                                searchresultshtml += search_result_icon;
                            }

                            if(typeof(usedesc) != "undefined" && usedesc != "") {
                                searchresultshtml += "<br><span class='search-result-address' title='"+usedesc+"'>"+ usedesc.substr(0,shortdesc_limit) + (usedesc.length > shortdesc_limit ? "..." : "") + "</span>";
                            }

                            searchresultshtml += "</td></tr>";
            }

            // pager
                        //searchresultshtml += "<tr><td class='no-border' colspan=2></td></tr>";
                        //if (n_pois > 20) {

            if (hasmore == "true") {
                searchresultshtml += "<tr class='more-search-result-tr' id='"+prefixdiv+"more-search-result-tr"+(servicesearch ? '-'+servicesearch : '')+"'>";
                            searchresultshtml += "<td colspan=3 align=center id='"+prefixdiv+"more-search-result"+(servicesearch ? '-'+servicesearch : '')+"' class='more-search-result'>";
                            var nextbookmark = bookmark + n_pois;
                            var more_result_func = 'setBookmark('+ nextbookmark + ', false, \''+searchform+'\'); doPreviousSearch(\''+search_key+'\', \''+searchform+'\');';
                if(typeof(servicesearch) == 'string' && servicesearch == 'google')
                                more_result_func = 'setBookmark('+ nextbookmark + ', \''+servicesearch+'\', \''+searchform+'\'); searchOtherService(\''+search_key+'\', \'google\', \''+next_token+'\', \''+searchform+'\');';
                else if(typeof(servicesearch) == 'string' && servicesearch == 'foursquare')
                                more_result_func = 'setBookmark('+ nextbookmark + ', \''+servicesearch+'\', \''+searchform+'\'); searchOtherService(\''+search_key+'\', \'foursquare\', \''+next_token+'\', \''+searchform+'\');';
                else if(typeof(servicesearch) == 'string' && servicesearch == 'osm')
                                more_result_func = 'setBookmark('+ nextbookmark + ', \''+servicesearch+'\', \''+searchform+'\'); searchOtherService(\''+search_key+'\', \'osm\', \''+next_token+'\', \''+searchform+'\');';

                            searchresultshtml += '<div onclick="'+more_result_func+'" title="' + title_see_more_result + '"><span class="div-bg-img"></span>&nbsp;'+txt_more+'</div> ';
                            searchresultshtml += "</td></tr>";
            }

                        if(gg_html_attribute) {
                            gg_html_attribute = gg_html_attribute.replace(/<a /g, '<a target="_blank"');
                            searchresultshtml += "<tr><td colspan=2 class='no-border no-search-result credit-search-result'>"+gg_html_attribute+"</td></tr>";
                        }

            } else { // no result
                        if(bookmark == 0) {
                var at_least_characters = 2;
                if(search_key.length >= at_least_characters) {
                    if(servicesearch == 'longdo') {
                        searchresultshtml += "<tr><td class='no-border no-search-result'>"+txt_no_search_result+"</td></tr>";
                    }
                } else {
                searchresultshtml += "<tr><td class='no-border no-search-result'>"+txt_enter_more_info.replace('%d', at_least_characters)+"</td></tr>";
                }
            }
            }
            if(bookmark == 0) {
                        searchresultshtml += "</table>";

                        if(servicelongdosearch) {
                            //searchresultshtml += "<div id='"+prefixdiv+"search-with-other-services' class='no-border with-content button' onclick='searchOtherService(\""+search_key+"\", \"all\", false, \""+searchform+"\");'><span id='search-with-other-services-text'>"+txt_search_other_services+":&nbsp;";
                            //if(typeof(servicesearch) == 'string' && servicesearch != 'longdo')
                            //    searchresultshtml += "<span class='search-service-button search-service-button-longdo' onclick='setBookmark(0, \"all\", \""+searchform+"\"); doSearch(\"\");setKeyFocusAtMaparea();' title='Longdo'></span>";
                            //if(typeof(servicesearch) != 'string' || servicesearch != 'foursquare')
                            //    searchresultshtml += "<span class='search-service-button search-service-button-foursquare' title='Foursquare'></span>";
                            //if(typeof(servicesearch) != 'string' || servicesearch != 'google')
                            //    searchresultshtml += "<span class='search-service-button search-service-button-google' title='Google'></span>";
                            //if(typeof(servicesearch) != 'string' || servicesearch != 'osm')
                            //    searchresultshtml += "<span class='search-service-button search-service-button-osm' title='Open Street Map'></span>";
                            //
                            //searchresultshtml += "</span></div>";
                            
                            
                            searchresultshtml += "<div id='"+prefixdiv+"search-with-other-services' class='no-border with-content button' onclick='window.open(\""+google_search_link+"\");'><span class='search-service-button search-service-button-google' title='Google'></span> <span id='search-with-other-services-text'>"+txt_search_google_service+"</span></div>";

                            showDiv(searchdiv, searchresultshtml);
                        } else {
                            $('#'+prefixdiv+'search-with-other-services').before(searchresultshtml);
                        }
            } else if(document.getElementById(prefixdiv+'search-result-list'+(servicesearch ? '-'+servicesearch : ''))) {
                        if(document.getElementById(prefixdiv+"more-search-result-loading"+(servicesearch ? '-'+servicesearch : ''))) {
                            document.getElementById(prefixdiv+"more-search-result-loading"+(servicesearch ? '-'+servicesearch : '')).style.display = 'none';
                        }
                        $(searchresultshtml).appendTo('#'+prefixdiv+'search-result-list'+(servicesearch ? '-'+servicesearch : ''));
            }
            //var isMMSnippet = false;
            if (document.getElementById('isMMMapSnippet') != null) {
            //            isMMSnippet = true;
                mapZoom(20); // for set appropriate zoom
            }

            var showingmark = true;
            //if (showingmark != -1 && showingmark && (isMMSnippet || forcezoom == 1)) {
            if (showingmark != -1 && showingmark && (forcezoom == 1)) {
            _setAllSearchResultsPOIVisible(false, searchform);
            }else if (showingmark != -1 && showingmark){
            var longdo_num_pois = 0;
            if(!servicelongdosearch) longdo_num_pois = document.getElementById('search-result-list-longdo') ? document.getElementById('search-result-list-longdo').getAttribute("num_pois") : 0;
            var auto_zoomout = servicelongdosearch ? true : (longdo_num_pois > 0 ? false : true);
            _setAllSearchResultsPOIVisible(auto_zoomout, searchform);
            }

//                     if (showingmark != -1 && showingmark){
//                         setAllSearchResultsPOIVisible(true);
//                     }
                    if(servicelongdosearch) {
                        if (n_pois == 1) {
                /*
                            if(document.getElementById('search_result_zoom_0')) document.getElementById('search_result_zoom_0').onclick();
                            else document.getElementById('search_result_0').onclick();
                */
			    if(searchform == 'location') document.getElementById('search_result_0').onclick();
			    else if (searchform == 'routing') {
				document.getElementById('search_result_route_0').onclick();
			    }
                        }

                        if(n_pois <= 3) {
                            searchOtherService(search_key, 'all', false, searchform);
                        }
                    }
		    
		    

		if (currentactive_tab == "pois") {
		    adjust_searchresult('false',pois.length)
		}

        } else if ( request == "showpoi") {
                    if (n_pois > 0) {
                        var item = pois[0];
                        var id=item.getAttribute("id");
                        var name=item.getAttribute("name");
                        var lat=item.getAttribute("lat");
                        var mylong=item.getAttribute("long");
                        var type=item.getAttribute("type");
                        var status=item.getAttribute("status");
                        var showlevel=item.getAttribute("showlevel");
                        var name_en=item.getAttribute("name_en");
                        var dozoom=item.getAttribute("dozoom");
                        var hidepopup=item.getAttribute("hidepopup");
                        var forcezoomlevel=item.getAttribute("forcezoomlevel");

                        if(forcezoomlevel > 0) {
                showlevel = forcezoomlevel;
                dozoom =  2; // forcezoom
            }

                        var usename = name;
                        if (mylang == "en") {
                            if (name_en != "")
                                usename = name_en;
                            else
                                usename = "(Thai) " + name;
                        }

                        if(hidepopup == "1") {
                            markPoint(id,usename,lat,mylong);
                            if((dozoom && dozoom != '0') || forcezoomlevel > 0) {
                                if ( showlevel > mapZoom() || forcezoomlevel > 0) {
                                    mapZoom(showlevel);
                                }
                            }
                            moveLocation(lat,mylong);
                        } else {
                            markPOIandZoom(id,usename,lat,mylong,showlevel,"",dozoom);
                        }
            /*
                                        markPOI(id,usename,lat,mylong,showlevel,"");
            if (dozoom == "1") {
              mapZoom(showlevel);
            }
            */
            }
        } else if ( request == "showobject") {
                    if (n_pois > 0) {
                        var item = pois[0];
                        var id=item.getAttribute("id");
                        var dozoom=item.getAttribute("dozoom");
                        var hidepopup=item.getAttribute("hidepopup");
                        var forcezoomlevel=item.getAttribute("forcezoomlevel");
                        var ds='LONGDO';
                        if(/^L/.test(id)) {
                            ds = 'RID';
                        }
            dozoom = (dozoom && dozoom != '0');
            if(forcezoomlevel > 0) {
                mapZoom(forcezoomlevel);
            }
            hidePopup = (hidepopup == "1") ? true : false;
            showLongdoPOI(id, dozoom, ds, hidePopup);
                        //mmmap.showObject({"id":id, "dozoom":1, "ds":ds});
                    }
        }
        }
    } else if(response.indexOf('|') != -1) {
        update = response.split('|');
        var elementname = removeNL(update[0]);
        showDiv(elementname, removeNL(update[1]));
        // SUPER HACK
        if (elementname == "locationdetails_contents") {
                showLocationdetailsDiv(overlay, removeNL(update[1]));
        }
    }
    myhttp = null; // garbage collection
    }
}

function removeNL(s) {
    /*
     ** Remove NewLine, CarriageReturn and Tab characters from a String
     **   s  string to be processed
     ** returns new string
     */
    r = "";
    for (i=0; i < s.length; i++) {
    if (s.charAt(i) != '\n' &&
            s.charAt(i) != '\r' &&
            s.charAt(i) != '\t') {
                r += s.charAt(i);
        }
    }
    return r;
}

function showDiv(divname, contents) {
    if (window.document.getElementById(divname) != null) {
        window.document.getElementById(divname).innerHTML = contents;
    }
}

function showLocationdetailsDiv(overlay, contents) {
    updateActivePopupContent(contents, overlay);

    setTimeout(function(){
    if($('.ldmap_popup_detail a[rel^="prettyText"]') && $('.ldmap_popup_detail a[rel^="prettyText"]').length > 0) {
        if($('.ldmap_popup_detail a[rel^="prettyText"]').prettyPhoto) {
        $('.ldmap_popup_detail a[rel^="prettyText"]').removeAttr("target");
        $('.ldmap_popup_detail a[rel^="prettyText"]').prettyPhoto({default_width: 400,default_height: 60});
        }
    }

    //if($("#location_popup_title") && $("#location_popup_title").length > 0 && $("#detail_0") && $("#detail_0").length > 0) {
    //    $("#location_popup_title").removeAttr('onclick');
    //    $("#location_popup_title").unbind('click').click(function(){
    //        eval($("#detail_0").attr('href').replace('javascript:', ''));
    //    });
    //}

    if($("#snippet_0") && $("#snippet_0").length > 0) {
        $("#snippet_0").click(function(event){
        event.stopPropagation();
        var ooiid = $("#snippet_0").attr('rel');
        createSnippetCodeByOOIID(ooiid);
        return false;
        });
    }

    if($("#link_0") && $("#link_0").length > 0 && typeof $.prettyPhoto == 'object') {
        var permalink_href = $("#link_0").attr('href') + '#?permalink=true';
        $("#link_0").attr('href', permalink_href);
    }
    }, 500);

    _resizeLongdoMapLocationPopupContent();
    setTimeout(function(){
    _resizeLongdoMapLocationPopupContent();
    }, 500);
}

function _resizeLongdoMapLocationPopupContent() {
    var main_popup_h = $(".ldmap_popup_mini").length > 0 ? $(".ldmap_popup_mini").height() : 224;
    
    if($(".longdomap-popup-contents") && $(".longdomap-popup-contents").length > 0 && $(".longdomap-popup-footer") && $(".longdomap-popup-footer").length > 0) {
    var max_h = main_popup_h;
    var footer_h = $(".longdomap-popup-footer").height();
    if ($(".ldmap_popup_detail") && $(".ldmap_popup_detail").length > 0 && $(".ldmap_popup_detail").css('max-height')) {
        var popup_detail_max_h = parseInt($(".ldmap_popup_detail").css('max-height').replace('px', ''));
        if(popup_detail_max_h > 0) {
            max_h = popup_detail_max_h - footer_h;
        }
    } else if ($(".ldmap_popup_mini").length > 0) {
        var title_h = $(".ldmap_popup_title").height();
        max_h = max_h - footer_h - title_h - 8 - 3 - 8 - 2; // 8, 3, 8 : padding
	}
    if ($.browser && ($.browser.msie || !!navigator.userAgent.match(/Trident\/7\./))) {
        $(".longdomap-popup-contents").width($(".longdomap-popup-contents").width()+15);
    }
    $(".longdomap-popup-contents").css('overflow-y', 'auto');
    $(".longdomap-popup-contents").css('max-height', max_h+'px');
    
    $(".ldmap_popup_detail").addClass('longdomap-popup-location-detail');
    }
}

function _setAllSearchResultsPOIVisible(allowed_zoomout, searchform) {
    if ( ! search_results_poi || search_results_poi.length <= 0 ) return;
    var resetSearchAndTagResults = isResetSearchAndTagResults();

    if(resetSearchAndTagResults) {
    clearAllSearchLocationPin();
    }
    
    clearAllPopup();

    var sumlat = 0;
    var sumlong = 0;

    var all_points_on_screen = true;
    var some_point_on_screen = false;

    var points = new Array();
    
    var num_poi = search_results_poi.length;
    
    var center_poi = getCenterLocation();
    
    var distance = 0; var min_distance = 0;
    var nearestpoi_onmap = false;
    var type = false;
    for (var i=0; i<num_poi; i++) {
        type = search_results_poi[i][4];
        if(type == "poi" || type == "osmp" || type == "foursquare-poi" || type == "google-poi" || type == "osm-poi") {
            distance = map_version === 'v3'
                ? longdo.Util.distance({
                    coordinates: [[center_poi.lon, center_poi.lat], [search_results_poi[i][3], search_results_poi[i][2]]]
                })
                : longdo.Util.distance([center_poi, {lat: search_results_poi[i][2], lon: search_results_poi[i][3]}]);
            if (!nearestpoi_onmap || distance < min_distance) {
                nearestpoi_onmap = {lat: search_results_poi[i][2], lon: search_results_poi[i][3]};
                min_distance = distance;
			}
        }
    }

    search_results_poi.sort(function(a,b) {return a[2]==b[2] ? 0 : (a[2] < b[2] ? -1 : 1)});
    var marker_op = {'longdomap': {'markertype': 'search-result'}};
    
    for (var i=num_poi-1; i>=0; i--) {
        var id = search_results_poi[i][0];
        var name = search_results_poi[i][1];
        var lat = search_results_poi[i][2];
        var mylong = search_results_poi[i][3];
        var type = search_results_poi[i][4];
        var showlevel = search_results_poi[i][5];
        var showonmap = search_results_poi[i][6];
        var detail = search_results_poi[i][7];

        lat = parseFloat(lat);
        mylong = parseFloat(mylong);

        if (type == "poi" || type == "osmp" || type == "foursquare-poi" || type == "google-poi" || type == "osm-poi") {
            if(type == "poi" || type == "osmp") {
                if(searchform && searchform == 'location' && resetSearchAndTagResults) {
                    showIconLongdoPOI(id); // draw locations' icon.
                }
                if (!(num_poi == 1 && searchform == 'routing')) {
                    markPoint(id,name,lat,mylong,marker_op,(id == -1 ? detail : ''));
                }
            } else { //if(type == "foursquare-poi") {
                markPointOtherServiceSearch(id,name,lat,mylong);
            }
    
            if(showonmap == '1') {
                if (nearestpoi_onmap) {
                    distance = map_version === 'v3'
                        ? longdo.Util.distance({
                            coordinates: [[nearestpoi_onmap.lon, nearestpoi_onmap.lat], [mylong, lat]]
                        })
                        : longdo.Util.distance([nearestpoi_onmap, {lat: lat, lon:mylong}]);
                }
                
                if (distance < 1000) {
                    points.push({lat: lat, lon:mylong});
                }
        
            //if (all_points_on_screen) {
            //    if ( isOutOfBoundary(lat, mylong) ) {
            //  all_points_on_screen = false;
            //    }
            //}
        
                if (!some_point_on_screen) {
                    if ( !isOutOfBoundary(lat, mylong) ) {
                        some_point_on_screen = true;
                    }
                }
            }
        }
    }

    if(points.length > 0) {
        //if (allowed_zoomout && !all_points_on_screen)  {
        if (allowed_zoomout && !some_point_on_screen)  {
            //if (document.getElementById('isMMMapSnippet') == null) {
            appropriateZoom(points, center_poi);
            //}
        }
    }
}

function markPointOtherServiceSearch(id,name,lat,mylong) {
    var imageObject = document.createElement('img');
    var marker_op = {'longdomap': {'markertype': 'search-result'}};

    imageObject.mark_lat = lat;
    imageObject.mark_long = mylong;

    var pin_type = '';
    if(/^foursquare/.test(id)) {
        pin_type = 'foursquare';
    } else if(/^osm/.test(id)) {
        pin_type = 'osm';
    } else { // google
        pin_type = 'google';
    }

    var pin_h = 42;
    var pin_w = 30;
    imageObject.src="/mmmap/images/ic_pin.svg";

    imageObject.style.width = pin_w+'px';
    imageObject.style.height = pin_h+'px';

    imageObject.className = 'marker-pin-'+pin_type;
    imageObject.poi_id = id;
    imageObject.title = name;
    imageObject.onmousedown = poiClicked;
    imageObject.border=0;
    imageObject.style.zIndex = 1000;
    imageObject.style.cursor = 'pointer';
    //var attr = {"centerOffsetX" : "12px", "centerOffsetY" : "44px"};
    //mmmap.drawCustomDivWithPopup(imageObject, lat, mylong, name, '', attr);

    drawMarker(imageObject, lat, mylong, name, '', id, {offset: { x: (pin_w/2), y: pin_h }},marker_op);

    return;
}

function markOtherServiceSearchPOI(id,name,lat,mylong,showlevel,dozoom) {
    if (id != -1) {
        markPointOtherServiceSearch(id,name,lat,mylong);
    }

    //showlevel = Math.pow(2,showlevel);

    if ( dozoom == 1 ) {
        if (showlevel > mapZoom()) {
            mapZoom(showlevel);
        }
        moveLocation(lat,mylong);
    } else {
        moveLocationWhenOutOfBoundary(lat,mylong);
    }

    // FIXME now supports only popup_idx = 0
    var popup_idx = 0;

    showLocationDetailPopup(id,name,mylong,lat,'',popup_idx);
}
/* ------------------------------------------------------------------------
	Class: prettyPhoto
	Use: Lightbox clone for jQuery
	Author: Stephane Caron (http://www.no-margin-for-errors.com)
	Version: 3.1.4
------------------------------------------------------------------------- */
(function($) {
	$.prettyPhoto = {version: '3.1.4'};

	if(!$.browser) {
		$.browser = {};
	}
	
	$.fn.prettyPhoto = function(pp_settings) {
		pp_settings = jQuery.extend({
			hook: 'rel', /* the attribute tag to use for prettyPhoto hooks. default: 'rel'. For HTML5, use "data-rel" or similar. */
			animation_speed: 'fast', /* fast/slow/normal */
			ajaxcallback: function() {},
			slideshow: false, /* false OR interval time in ms [default: 5000] */
			autoplay_slideshow: false, /* true/false */
			opacity: 0.60, /* Value between 0 and 1 */
			show_title: true, /* true/false */        
			show_description: true, /* true/false */
			allow_resize: true, /* Resize the photos bigger than viewport. true/false */
			allow_expand: true, /* Allow the user to expand a resized image. true/false */
			default_width: 500,
			default_height: 344,
			counter_separator_label: '/', /* The separator for the gallery counter 1 "of" 2 */
			theme: 'facebook pp-longdomap', /* light_rounded / dark_rounded / light_square / dark_square / facebook / pp_default [default: pp_default] */
			horizontal_padding: 20, /* The padding on each side of the picture */
			hideflash: false, /* Hides all the flash object on a page, set to TRUE if flash appears over prettyPhoto */
			wmode: 'opaque', /* Set the flash wmode attribute */
			autoplay: true, /* Automatically start videos: True/False */
			modal: false, /* If set to true, only the close button will close the window */
			deeplinking: false, /* Allow prettyPhoto to update the url to enable deeplinking. [default: true] */
			overlay_gallery: true, /* If set to true, a gallery will overlay the fullscreen image on mouse over */
			overlay_gallery_max: 30, /* Maximum number of pictures in the overlay gallery */
			keyboard_shortcuts: true, /* Set to false if you open forms inside prettyPhoto */
			changepicturecallback: function(){}, /* Called everytime an item is shown/changed */
			callback: function(){}, /* Called when prettyPhoto is closed */
			ie6_fallback: true,
			markup: '<div class="pp_pic_holder"> \
						<div class="ppt">&nbsp;</div> \
						<div class="pp_top"> \
							<div class="pp_left"></div> \
							<div class="pp_middle"></div> \
							<div class="pp_right"></div> \
						</div> \
						<div class="pp_content_container"> \
							<div class="pp_left"> \
							<div class="pp_right"> \
								<div class="pp_content"> \
								  <a class="pp_close" href="#">Close</a> \
									<div class="pp_loaderIcon"></div> \
									<div class="pp_fade"> \
										<a href="#" class="pp_expand" title="Expand the image">Expand</a> \
										<div class="pp_hoverContainer"> \
											<a class="pp_next" href="#">next</a> \
											<a class="pp_previous" href="#">previous</a> \
										</div> \
										<div id="pp_full_res"></div> \
										<div class="pp_details"> \
											<div class="pp_nav"> \
												<a href="#" class="pp_arrow_previous">Previous</a> \
												<p class="currentTextHolder">0/0</p> \
												<a href="#" class="pp_arrow_next">Next</a> \
											</div> \
											<p class="pp_description"></p> \
											<div class="pp_social">{pp_social}</div> \
										</div> \
									</div> \
								</div> \
							</div> \
							</div> \
						</div> \
						<div class="pp_bottom"> \
							<div class="pp_left"></div> \
							<div class="pp_middle"></div> \
							<div class="pp_right"></div> \
						</div> \
					</div> \
					<div class="pp_overlay"></div>',
			gallery_markup: '<div class="pp_gallery"> \
								<a href="#" class="pp_arrow_previous">Previous</a> \
								<div> \
									<ul> \
										{gallery} \
									</ul> \
								</div> \
								<a href="#" class="pp_arrow_next">Next</a> \
							</div>',
			image_markup: '<img id="fullResImage" src="{path}" />',
			flash_markup: '<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="{width}" height="{height}"><param name="wmode" value="{wmode}" /><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="{path}" /><embed src="{path}" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="{width}" height="{height}" wmode="{wmode}"></embed></object>',
			quicktime_markup: '<object classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" codebase="http://www.apple.com/qtactivex/qtplugin.cab" height="{height}" width="{width}"><param name="src" value="{path}"><param name="autoplay" value="{autoplay}"><param name="type" value="video/quicktime"><embed src="{path}" height="{height}" width="{width}" autoplay="{autoplay}" type="video/quicktime" pluginspage="http://www.apple.com/quicktime/download/"></embed></object>',
			iframe_markup: '<iframe src ="{path}" width="{width}" height="{height}" frameborder="no"></iframe>',
			inline_markup: '<div class="pp_inline">{content}</div>',
			custom_markup: '',
			permalink_markup: '<div class="pp_permalink_text">Copy text using <span class="small-os-windows-icon bg-img-div"></span> Ctrl+C / <span class="small-os-mac-icon bg-img-div"></span> <span class="small-ascii-mac-command">&#8984;</span>+C)</div> <input type="text" value="{link}" class="pp_permalink_textbox" rel="thickbox-focus" readonly="readonly">',
			textarea_markup: '<div class="pp_permalink_text">Copy text using <span class="small-os-windows-icon bg-img-div"></span> Ctrl+C / <span class="small-os-mac-icon bg-img-div"></span> <span class="small-ascii-mac-command">&#8984;</span>+C)</div> <textarea class="pp_textarea" rel="thickbox-focus" readonly="readonly">{link}</textarea>',
			login_markup: '<form id="longdologin-form-ajax" onsubmit="login_ajax(\'{destination}\');" action="javascript:void(0);"> \
            <div style="text-align:left;"> \
              <div class="longdologin-form-ajax-username"> \
                <label for="username-ajax">username: </label> \
                <input onfocus="document.onkeydown=\'return true\'; document.onkeypress=\'return true\';" onblur="if(typeof mmmap !=\'undefined\') mmmap.setKeyFocusAtMaparea();" id="username-ajax" type="text" tabindex="1" value="" size="60" maxlength="128" rel="thickbox-focus"> \
                <div class="description">Enter your longdo.com username.</div> \
              </div> \
              <div class="longdologin-form-ajax-password"> \
              <label for="pass-ajax">password: </label> \
              <input onfocus="document.onkeydown=\'return true\'; document.onkeypress=\'return true\';" onblur="if(typeof mmmap !=\'undefined\') mmmap.setKeyFocusAtMaparea();" id="pass-ajax" type="password" tabindex="2" size="60"/> \
              <div class="description">Enter the password that accompanies your username.</div> \
            </div> \
            <input class="login-submit-ajax" type="submit" tabindex="3" value="เข้าสู่ระบบ"/> \
            <div class="link-login"> \
              <a href="/login/user">Create new account</a> \
              <a href="/login/password">Request new password</a> \
            </div> \
            <div class="clear"></div> \
          </div> \
        </form> \
        <div id="login-loading"><img src="/mmmap/images/loading.gif"></div>',
			social_tools: false /* html or false to disable [default: '<div class="twitter"><a href="http://twitter.com/share" class="twitter-share-button" data-count="none">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script></div><div class="facebook"><iframe src="//www.facebook.com/plugins/like.php?locale=en_US&href={location_href}&amp;layout=button_count&amp;show_faces=true&amp;width=500&amp;action=like&amp;font&amp;colorscheme=light&amp;height=23" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:500px; height:23px;" allowTransparency="true"></iframe></div>'] */
		}, pp_settings);
		
		// Global variables accessible only by prettyPhoto
		var matchedObjects = this, percentBased = false, pp_dimensions, pp_open,
		
		// prettyPhoto container specific
		pp_contentHeight, pp_contentWidth, pp_containerHeight, pp_containerWidth,
		
		// Window size
		windowHeight = $(window).height(), windowWidth = $(window).width(),

		// Global elements
		pp_slideshow;
		
		doresize = true, scroll_pos = _get_scroll();
	
		// Window/Keyboard events
		$(window).unbind('resize.prettyphoto').bind('resize.prettyphoto',function(){ _center_overlay(); _resize_overlay(); });
		
		if(pp_settings.keyboard_shortcuts) {
			$(document).unbind('keydown.prettyphoto').bind('keydown.prettyphoto',function(e){
				if(typeof $pp_pic_holder != 'undefined'){
					if($pp_pic_holder.is(':visible')){
						switch(e.keyCode){
							case 37:
								if(_getFileType(pp_images[set_position])=="image") {
                  $.prettyPhoto.changePage('previous');
  								e.preventDefault();
                }                                    
								break;
							case 39:
                if(_getFileType(pp_images[set_position])=="image") {
  								$.prettyPhoto.changePage('next');
  								e.preventDefault();
                }                                   
								break;
							case 27:
								if(!settings.modal) {                                      
								  $.prettyPhoto.close();
                }
								e.preventDefault();
								break;
						};
						// return false;
					};
				};
			});
		};
		
		/**
		* Initialize prettyPhoto.
		*/
		$.prettyPhoto.initialize = function() {
			
			settings = pp_settings;
			
			if(settings.theme == 'pp_default') settings.horizontal_padding = 16;
			if(settings.ie6_fallback && $.browser.msie && parseInt($.browser.version) == 6) settings.theme = "light_square"; // Fallback to a supported theme for IE6
			
			// Find out if the picture is part of a set
			theRel = $(this).attr(settings.hook);
			galleryRegExp = /\[(?:.*)\]/;
			isSet = (galleryRegExp.exec(theRel)) ? true : false;
			
			// Put the SRCs, TITLEs, ALTs into an array.
			pp_images = (isSet) ? jQuery.map(matchedObjects, function(n, i){ if($(n).attr(settings.hook).indexOf(theRel) != -1) return $(n).attr('href'); }) : $.makeArray($(this).attr('href'));
			pp_titles = (isSet) ? jQuery.map(matchedObjects, function(n, i){ if($(n).attr(settings.hook).indexOf(theRel) != -1) return ($(n).find('img').attr('alt')) ? $(n).find('img').attr('alt') : ""; }) : $.makeArray($(this).find('img').attr('alt'));
			
			if(settings.show_description) {
				pp_descriptions = (isSet) ? jQuery.map(matchedObjects, function(n, i){ if($(n).attr(settings.hook).indexOf(theRel) != -1) return ($(n).attr('title')) ? $(n).attr('title') : ""; }) : $.makeArray($(this).attr('title'));
			} else {
				pp_descriptions = $.makeArray("");
			}
			
			if(pp_images.length > settings.overlay_gallery_max) settings.overlay_gallery = false;
			
			set_position = jQuery.inArray($(this).attr('href'), pp_images); // Define where in the array the clicked item is positionned
			rel_index = (isSet) ? set_position : $("a["+settings.hook+"^='"+theRel+"']").index($(this));
			
			_build_overlay(this); // Build the overlay {this} being the caller
			
			if(settings.allow_resize)
				$(window).bind('scroll.prettyphoto',function(){ _center_overlay(); });
			
			
			$.prettyPhoto.open();
			
			return false;
		}


		/**
		* Opens the prettyPhoto modal box.
		* @param image {String,Array} Full path to the image to be open, can also be an array containing full images paths.
		* @param title {String,Array} The title to be displayed with the picture, can also be an array containing all the titles.
		* @param description {String,Array} The description to be displayed with the picture, can also be an array containing all the descriptions.
		*/
		$.prettyPhoto.open = function(event) {
			if(typeof settings == "undefined"){ // Means it's an API call, need to manually get the settings and set the variables
				settings = pp_settings;
				if($.browser.msie && $.browser.version == 6) settings.theme = "light_square"; // Fallback to a supported theme for IE6
				pp_images = $.makeArray(arguments[0]);
				pp_titles = (arguments[1]) ? $.makeArray(arguments[1]) : $.makeArray("");
				pp_descriptions = (arguments[2]) ? $.makeArray(arguments[2]) : $.makeArray("");
				isSet = (pp_images.length > 1) ? true : false;
				set_position = (arguments[3])? arguments[3]: 0;
				_build_overlay(event.target); // Build the overlay {this} being the caller
			}

			if($.browser.msie && $.browser.version == 6) $('select').css('visibility','hidden'); // To fix the bug with IE select boxes
			
			if(settings.hideflash) $('object,embed,iframe[src*=youtube],iframe[src*=vimeo]').css('visibility','hidden'); // Hide the flash

			var pp_images_size = ($(pp_images).size ? $(pp_images).size() : $(pp_images).length);

			_checkPosition(pp_images_size); // Hide the next/previous links if on first or last images.
		
			$('.pp_loaderIcon').show();
		
			if(settings.deeplinking)
				setHashtag();
		
			// Rebuild Facebook Like Button with updated href
			if(settings.social_tools){
				facebook_like_link = settings.social_tools.replace('{location_href}', encodeURIComponent(location.href)); 
				$pp_pic_holder.find('.pp_social').html(facebook_like_link);
			}
			
			// Fade the content in
			if($ppt.is(':hidden')) $ppt.css('opacity',0).show();
			$pp_overlay.show().fadeTo(settings.animation_speed,settings.opacity);

			// Display the current position
			$pp_pic_holder.find('.currentTextHolder').text((set_position+1) + settings.counter_separator_label + pp_images_size);

			// Set the description
			if(typeof pp_descriptions[set_position] != 'undefined' && pp_descriptions[set_position] != ""){
				$pp_pic_holder.find('.pp_description').show().html(unescape(pp_descriptions[set_position]));
			}else{
				$pp_pic_holder.find('.pp_description').hide();
			}
			
			// Get the dimensions
			movie_width = ( parseFloat(getParam('width',pp_images[set_position])) ) ? getParam('width',pp_images[set_position]) : settings.default_width.toString();
			movie_height = ( parseFloat(getParam('height',pp_images[set_position])) ) ? getParam('height',pp_images[set_position]) : settings.default_height.toString();
			
			// If the size is % based, calculate according to window dimensions
			percentBased=false;
			if(movie_height.indexOf('%') != -1) { movie_height = parseFloat(($(window).height() * parseFloat(movie_height) / 100) - 150); percentBased = true; }
			if(movie_width.indexOf('%') != -1) { movie_width = parseFloat(($(window).width() * parseFloat(movie_width) / 100) - 150); percentBased = true; }
			
			// Fade the holder
			$pp_pic_holder.fadeIn(function(){
				// Set the title
				(settings.show_title && pp_titles[set_position] != "" && typeof pp_titles[set_position] != "undefined") ? $ppt.html(unescape(pp_titles[set_position])) : $ppt.html('&nbsp;');
				
				imgPreloader = "";
				skipInjection = false;
				
				// Inject the proper content
				switch(_getFileType(pp_images[set_position])){
					case 'image':
						imgPreloader = new Image();

						// Preload the neighbour images
						nextImage = new Image();
						if(isSet && set_position < pp_images_size -1) nextImage.src = pp_images[set_position + 1];
						prevImage = new Image();
						if(isSet && pp_images[set_position - 1]) prevImage.src = pp_images[set_position - 1];

						$pp_pic_holder.find('#pp_full_res')[0].innerHTML = settings.image_markup.replace(/{path}/g,pp_images[set_position]);

						imgPreloader.onload = function(){
							// Fit item to viewport
							pp_dimensions = _fitToViewport(imgPreloader.width,imgPreloader.height);

							_showContent();
						};

						imgPreloader.onerror = function(){
							alert('Image cannot be loaded. Make sure the path is correct and image exist.');
							$.prettyPhoto.close();
						};
					
						imgPreloader.src = pp_images[set_position];
					break;
				
					case 'youtube':
						pp_dimensions = _fitToViewport(movie_width,movie_height); // Fit item to viewport
						
						// Regular youtube link
						movie_id = getParam('v',pp_images[set_position]);
						
						// youtu.be link
						if(movie_id == ""){
							movie_id = pp_images[set_position].split('youtu.be/');
							movie_id = movie_id[1];
							if(movie_id.indexOf('?') > 0)
								movie_id = movie_id.substr(0,movie_id.indexOf('?')); // Strip anything after the ?

							if(movie_id.indexOf('&') > 0)
								movie_id = movie_id.substr(0,movie_id.indexOf('&')); // Strip anything after the &
						}

						movie = 'http://www.youtube.com/embed/'+movie_id;
						(getParam('rel',pp_images[set_position])) ? movie+="?rel="+getParam('rel',pp_images[set_position]) : movie+="?rel=1";
							
						if(settings.autoplay) movie += "&autoplay=1";
					
						toInject = settings.iframe_markup.replace(/{width}/g,pp_dimensions['width']).replace(/{height}/g,pp_dimensions['height']).replace(/{wmode}/g,settings.wmode).replace(/{path}/g,movie);
					break;
				
					case 'vimeo':
						pp_dimensions = _fitToViewport(movie_width,movie_height); // Fit item to viewport
					
						movie_id = pp_images[set_position];
						var regExp = /http:\/\/(www\.)?vimeo.com\/(\d+)/;
						var match = movie_id.match(regExp);
						
						movie = 'http://player.vimeo.com/video/'+ match[2] +'?title=0&amp;byline=0&amp;portrait=0';
						if(settings.autoplay) movie += "&autoplay=1;";
				
						vimeo_width = pp_dimensions['width'] + '/embed/?moog_width='+ pp_dimensions['width'];
				
						toInject = settings.iframe_markup.replace(/{width}/g,vimeo_width).replace(/{height}/g,pp_dimensions['height']).replace(/{path}/g,movie);
					break;
				
					case 'quicktime':
						pp_dimensions = _fitToViewport(movie_width,movie_height); // Fit item to viewport
						pp_dimensions['height']+=15; pp_dimensions['contentHeight']+=15; pp_dimensions['containerHeight']+=15; // Add space for the control bar
				
						toInject = settings.quicktime_markup.replace(/{width}/g,pp_dimensions['width']).replace(/{height}/g,pp_dimensions['height']).replace(/{wmode}/g,settings.wmode).replace(/{path}/g,pp_images[set_position]).replace(/{autoplay}/g,settings.autoplay);
					break;
				
					case 'flash':
						pp_dimensions = _fitToViewport(movie_width,movie_height); // Fit item to viewport
					
						flash_vars = pp_images[set_position];
						flash_vars = flash_vars.substring(pp_images[set_position].indexOf('flashvars') + 10,pp_images[set_position].length);

						filename = pp_images[set_position];
						filename = filename.substring(0,filename.indexOf('?'));
					
						toInject =  settings.flash_markup.replace(/{width}/g,pp_dimensions['width']).replace(/{height}/g,pp_dimensions['height']).replace(/{wmode}/g,settings.wmode).replace(/{path}/g,filename+'?'+flash_vars);
					break;
				
					case 'iframe':
						pp_dimensions = _fitToViewport(movie_width,movie_height); // Fit item to viewport
						frame_url = pp_images[set_position];
						frame_url = frame_url.substr(0,frame_url.indexOf('iframe')-1);

						toInject = settings.iframe_markup.replace(/{width}/g,pp_dimensions['width']).replace(/{height}/g,pp_dimensions['height']).replace(/{path}/g,frame_url);
						
						settings.allow_expand = false;
					break;
					
					/*case 'ajax': // koB hack 20120830
						doresize = false; // Make sure the dimensions are not resized.
						pp_dimensions = _fitToViewport(movie_width,movie_height);
						doresize = true; // Reset the dimensions
					
						skipInjection = true;
						$.get(pp_images[set_position],function(responseHTML){
							toInject = settings.inline_markup.replace(/{content}/g,responseHTML);
							$pp_pic_holder.find('#pp_full_res')[0].innerHTML = toInject;
							_showContent();
						});
						
					break;*/
					
					case 'ajax':
						skipInjection = true;
						$.get(pp_images[set_position], function (responseHTML) {
						    toInject = settings.inline_markup.replace(/{content}/g, responseHTML);
						    $pp_pic_holder.find('#pp_full_res')[0].innerHTML = toInject;
			
						    myClone = $($pp_pic_holder.find('#pp_full_res')[0]).clone().append('<br clear=\"all\" />').css({ 'width': settings.default_width }).wrapInner('<div id=\"pp_full_res\"><div class=\"pp_inline\"></div></div>').appendTo($('body')).show();
						    doresize = false; // Make sure the dimensions are not resized.
						    pp_dimensions = _fitToViewport($(myClone).width(), $(myClone).height());
						    doresize = true; // Reset the dimensions
						    $(myClone).remove();
			
						    _showContent();
						});
					break;
					
					case 'custom':
						pp_dimensions = _fitToViewport(movie_width,movie_height); // Fit item to viewport
					
						toInject = settings.custom_markup;
					break;
				
					case 'inline':
						// to get the item height clone it, apply default width, wrap it in the prettyPhoto containers , then delete
						myClone = $(pp_images[set_position]).clone().append('<br clear="all" />').css({'width':settings.default_width}).wrapInner('<div id="pp_full_res"><div class="pp_inline"></div></div>').appendTo($('body')).show();
						doresize = false; // Make sure the dimensions are not resized.
						pp_dimensions = _fitToViewport($(myClone).width(),$(myClone).height());
						doresize = true; // Reset the dimensions
						$(myClone).remove();
						toInject = settings.inline_markup.replace(/{content}/g,$(pp_images[set_position]).html());
					break;
          
					case 'permalink':                                      
						pp_dimensions = _fitToViewport(movie_width,movie_height);
						
						var link = pp_images[set_position].split('#',2)[0];
						toInject = settings.permalink_markup.replace(/{link}/g,link);
					break;
					
					case 'textarea':                                    
						pp_dimensions = _fitToViewport(movie_width,movie_height);
						
						var link = getPermalinkURL();
						toInject = settings.textarea_markup.replace(/{link}/g,link);
					break;
					
					case 'login':
						pp_dimensions = _fitToViewport(movie_width,movie_height); // Fit item to viewport
						
						var destination = '';
						var pattern = /destination=(.*)/
						var href = pp_images[set_position];
						if(href) {
							var dest = href.match(pattern) ? href.match(pattern)[1] : '';
							if(dest != '') destination = dest;
						}
						
						
						toInject = settings.login_markup.replace(/{destination}/g,destination);
					break;
				};

				if(!imgPreloader && !skipInjection){
					$pp_pic_holder.find('#pp_full_res')[0].innerHTML = toInject;
				
					// Show content
					_showContent();
				};
			});

			return false;
		};

	
		/**
		* Change page in the prettyPhoto modal box
		* @param direction {String} Direction of the paging, previous or next.
		*/
		$.prettyPhoto.changePage = function(direction){
			currentGalleryPage = 0;
			var pp_images_size = ($(pp_images).size ? $(pp_images).size() : $(pp_images).length);
			if(direction == 'previous') {
				set_position--;
				if (set_position < 0) set_position = pp_images_size-1;
			}else if(direction == 'next'){
				set_position++;
				if(set_position > pp_images_size-1) set_position = 0;
			}else{
				set_position=direction;
			};
			
			rel_index = set_position;

			//if(!doresize) doresize = true; // Allow the resizing of the images
			if(settings.allow_expand) {
				if (doresize) {
					$('.pp_contract').removeClass('pp_expand').addClass('pp_contract');
				} else {
					$('.pp_expand').removeClass('pp_contract').addClass('pp_expand');
				}
			}

			_hideContent(function(){ $.prettyPhoto.open(); });
		};


		/**
		* Change gallery page in the prettyPhoto modal box
		* @param direction {String} Direction of the paging, previous or next.
		*/
		$.prettyPhoto.changeGalleryPage = function(direction){
			if(direction=='next'){
				currentGalleryPage ++;

				if(currentGalleryPage > totalPage) currentGalleryPage = 0;
			}else if(direction=='previous'){
				currentGalleryPage --;

				if(currentGalleryPage < 0) currentGalleryPage = totalPage;
			}else{
				currentGalleryPage = direction;
			};
			
			slide_speed = (direction == 'next' || direction == 'previous') ? settings.animation_speed : 0;

			slide_to = currentGalleryPage * (itemsPerPage * itemWidth);

			$pp_gallery.find('ul').animate({left:-slide_to},slide_speed);
		};


		/**
		* Start the slideshow...
		*/
		$.prettyPhoto.startSlideshow = function(){
			if(typeof pp_slideshow == 'undefined'){
				$pp_pic_holder.find('.pp_play').unbind('click').removeClass('pp_play').addClass('pp_pause').click(function(){
					$.prettyPhoto.stopSlideshow();
					return false;
				});
				pp_slideshow = setInterval($.prettyPhoto.startSlideshow,settings.slideshow);
			}else{
				$.prettyPhoto.changePage('next');	
			};
		}


		/**
		* Stop the slideshow...
		*/
		$.prettyPhoto.stopSlideshow = function(){
			$pp_pic_holder.find('.pp_pause').unbind('click').removeClass('pp_pause').addClass('pp_play').click(function(){
				$.prettyPhoto.startSlideshow();
				return false;
			});
			clearInterval(pp_slideshow);
			pp_slideshow=undefined;
		}


		/**
		* Closes prettyPhoto.
		*/
		$.prettyPhoto.close = function(){
			if($pp_overlay.is(":animated")) return;
			
			$.prettyPhoto.stopSlideshow();
			
			$pp_pic_holder.stop().find('object,embed').css('visibility','hidden');
			
			$('div.pp_pic_holder,div.ppt,.pp_fade').fadeOut(settings.animation_speed,function(){ $(this).remove(); });
			
			$pp_overlay.fadeOut(settings.animation_speed, function(){
				if($.browser.msie && $.browser.version == 6) $('select').css('visibility','visible'); // To fix the bug with IE select boxes
				
				if(settings.hideflash) $('object,embed,iframe[src*=youtube],iframe[src*=vimeo]').css('visibility','visible'); // Show the flash
				
				$(this).remove(); // No more need for the prettyPhoto markup
				
				$(window).unbind('scroll.prettyphoto');
				
				clearHashtag();
				
				settings.callback();
				
				doresize = true;
				
				pp_open = false;
				
				delete settings;
			});

			$('html').removeClass('showFullscreenPrettyPhoto');
		};
	
		/**
		* Set the proper sizes on the containers and animate the content in.
		*/
		function _showContent(){
			$('.pp_loaderIcon').hide();

			// Calculate the opened top position of the pic holder
			projectedTop = scroll_pos['scrollTop'] + ((windowHeight/2) - (pp_dimensions['containerHeight']/2));
			if(projectedTop < 0) projectedTop = 0;

			$ppt.fadeTo(settings.animation_speed,1);

			// Resize the content holder
			$pp_pic_holder.find('.pp_content')
				.animate({
					height:pp_dimensions['contentHeight'],
					width:pp_dimensions['contentWidth']
				},settings.animation_speed);
			
			// Resize picture the holder
			$pp_pic_holder.animate({
				'top': projectedTop,
				'left': ((windowWidth/2) - (pp_dimensions['containerWidth']/2) < 0) ? 0 : (windowWidth/2) - (pp_dimensions['containerWidth']/2),
				width:pp_dimensions['containerWidth']
			},settings.animation_speed,function(){
				$pp_pic_holder.find('.pp_hoverContainer,#fullResImage').height(pp_dimensions['height']).width(pp_dimensions['width']);

				$pp_pic_holder.find('.pp_fade').fadeIn(settings.animation_speed); // Fade the new content

				// Show the nav
				if(isSet && _getFileType(pp_images[set_position])=="image") { $pp_pic_holder.find('.pp_hoverContainer').show(); }else{ $pp_pic_holder.find('.pp_hoverContainer').hide(); }
				if(settings.allow_expand) {
					if(pp_dimensions['resized']){ // Fade the resizing link if the image is resized
						$('a.pp_expand,a.pp_contract').show();
					}else{
						if (doresize) $('a.pp_expand,a.pp_expand').hide();
					}
				}
				
				if(settings.autoplay_slideshow && !pp_slideshow && !pp_open) $.prettyPhoto.startSlideshow();    
        
				if(_getFileType(pp_images[set_position])=="permalink" || _getFileType(pp_images[set_position])=="textarea" || _getFileType(pp_images[set_position])=="login") {
					$pp_pic_holder.find('[rel="thickbox-focus"]').focus();
					if(_getFileType(pp_images[set_position])=="permalink" || _getFileType(pp_images[set_position])=="textarea") {
						$pp_pic_holder.find('[rel="thickbox-focus"]').select();
					} 
				}
				                                               
				settings.changepicturecallback(); // Callback!
				
				pp_open = true;
			});
			
			_insert_gallery();
			pp_settings.ajaxcallback();
		};
		
		/**
		* Hide the content...DUH!
		*/
		function _hideContent(callback){
			// Fade out the current picture
			$pp_pic_holder.find('#pp_full_res object,#pp_full_res embed').css('visibility','hidden');
			$pp_pic_holder.find('.pp_fade').fadeOut(settings.animation_speed,function(){
				$('.pp_loaderIcon').show();
				
				callback();
			});
		};
	
		/**
		* Check the item position in the gallery array, hide or show the navigation links
		* @param setCount {integer} The total number of items in the set
		*/
		function _checkPosition(setCount){
			(setCount > 1) ? $('.pp_nav').show() : $('.pp_nav').hide(); // Hide the bottom nav if it's not a set.
		};
	
		/**
		* Resize the item dimensions if it's bigger than the viewport
		* @param width {integer} Width of the item to be opened
		* @param height {integer} Height of the item to be opened
		* @return An array containin the "fitted" dimensions
		*/
		function _fitToViewport(width,height){
			resized = false;

			_getDimensions(width,height);
			
			// Define them in case there's no resize needed
			imageWidth = width, imageHeight = height;

			if( ((pp_containerWidth > windowWidth) || (pp_containerHeight > windowHeight)) && doresize && settings.allow_resize && !percentBased) {
				resized = true, fitting = false;
			
				while (!fitting){
					if((pp_containerWidth > windowWidth)){
						imageWidth = (windowWidth - 110);
						imageHeight = (height/width) * imageWidth;
					}else if((pp_containerHeight > windowHeight)){
						imageHeight = (windowHeight - 110);
						imageWidth = (width/height) * imageHeight;
					}else{
						fitting = true;
					};

					pp_containerHeight = imageHeight, pp_containerWidth = imageWidth;
				};
			
				_getDimensions(imageWidth,imageHeight);
				
				if((pp_containerWidth > windowWidth) || (pp_containerHeight > windowHeight)){
					_fitToViewport(pp_containerWidth,pp_containerHeight)
				};
			};
			
			return {
				width:Math.floor(imageWidth),
				height:Math.floor(imageHeight),
				containerHeight:Math.floor(pp_containerHeight),
				containerWidth:Math.floor(pp_containerWidth) + (settings.horizontal_padding * 2),
				contentHeight:Math.floor(pp_contentHeight),
				contentWidth:Math.floor(pp_contentWidth),
				resized:resized
			};
		};
		
		/**
		* Get the containers dimensions according to the item size
		* @param width {integer} Width of the item to be opened
		* @param height {integer} Height of the item to be opened
		*/
		function _getDimensions(width,height){
			width = parseFloat(width);
			height = parseFloat(height);
			
			// Get the details height, to do so, I need to clone it since it's invisible
			$pp_details = $pp_pic_holder.find('.pp_details');
			$pp_details.width(width);
			detailsHeight = parseFloat($pp_details.css('marginTop')) + parseFloat($pp_details.css('marginBottom'));
			
			$pp_details = $pp_details.clone().addClass(settings.theme).width(width).appendTo($('body')).css({
				'position':'absolute',
				'top':-10000
			});
			detailsHeight += $pp_details.height();
			detailsHeight = (detailsHeight <= 34) ? 36 : detailsHeight; // Min-height for the details
			if($.browser.msie && $.browser.version==7) detailsHeight+=8;
			$pp_details.remove();
			
			// Get the titles height, to do so, I need to clone it since it's invisible
			$pp_title = $pp_pic_holder.find('.ppt');
			$pp_title.width(width);
			titleHeight = parseFloat($pp_title.css('marginTop')) + parseFloat($pp_title.css('marginBottom'));
			$pp_title = $pp_title.clone().appendTo($('body')).css({
				'position':'absolute',
				'top':-10000
			});
			titleHeight += $pp_title.height();
			$pp_title.remove();
			
			// Get the container size, to resize the holder to the right dimensions
			pp_contentHeight = height + detailsHeight;
			pp_contentWidth = width;
			pp_containerHeight = pp_contentHeight + titleHeight + $pp_pic_holder.find('.pp_top').height() + $pp_pic_holder.find('.pp_bottom').height();
			pp_containerWidth = width;
		}
	
		function _getFileType(itemSrc){
			if (itemSrc.match(/youtube\.com\/watch/i) || itemSrc.match(/youtu\.be/i)) {
				return 'youtube';
			}else if (itemSrc.match(/vimeo\.com/i)) {
				return 'vimeo';
			}else if(itemSrc.match(/\b.mov\b/i)){ 
				return 'quicktime';
			}else if(itemSrc.match(/\b.swf\b/i)){
				return 'flash';
			}else if(itemSrc.match(/\biframe=true\b/i)){
				return 'iframe';
			}else if(itemSrc.match(/\bajax=true\b/i)){
				return 'ajax';
			}else if(itemSrc.match(/\bcustom=true\b/i)){
				return 'custom';
			}else if(itemSrc.match(/\bpermalink=true\b/i)){
				return 'permalink';
			}else if(itemSrc.match(/\btextarea=true\b/i)){
				return 'textarea';
			}else if(itemSrc.match(/\/login/i)){
				return 'login';
			}else if(itemSrc.substr(0,1) == '#'){
				return 'inline';
			}else{
				return 'image';
			};
		};
	
		function _center_overlay(){
			if(doresize && typeof $pp_pic_holder != 'undefined') {
				scroll_pos = _get_scroll();
				contentHeight = $pp_pic_holder.height(), contentwidth = $pp_pic_holder.width();

				projectedTop = (windowHeight/2) + scroll_pos['scrollTop'] - (contentHeight/2);
				if(projectedTop < 0) projectedTop = 0;
				
				if(contentHeight > windowHeight)
					return;

				$pp_pic_holder.css({
					'top': projectedTop,
					'left': (windowWidth/2) + scroll_pos['scrollLeft'] - (contentwidth/2)
				});
			};
		};
	
		function _get_scroll(){
			if (self.pageYOffset) {
				return {scrollTop:self.pageYOffset,scrollLeft:self.pageXOffset};
			} else if (document.documentElement && document.documentElement.scrollTop) { // Explorer 6 Strict
				return {scrollTop:document.documentElement.scrollTop,scrollLeft:document.documentElement.scrollLeft};
			} else if (document.body) {// all other Explorers
				return {scrollTop:document.body.scrollTop,scrollLeft:document.body.scrollLeft};
			};
		};
	
		function _resize_overlay() {
			windowHeight = $(window).height(), windowWidth = $(window).width();
			
			if(typeof $pp_overlay != "undefined") $pp_overlay.height($(document).height()).width(windowWidth);
		};
	
		function _insert_gallery(){
			if(isSet && settings.overlay_gallery && _getFileType(pp_images[set_position])=="image" && (settings.ie6_fallback && !($.browser.msie && parseInt($.browser.version) == 6))) {
				itemWidth = 52+5; // 52 beign the thumb width, 5 being the right margin.
				navWidth = (settings.theme == "facebook" || settings.theme == "pp_default") ? 50 : 30; // Define the arrow width depending on the theme
				
				itemsPerPage = Math.floor((pp_dimensions['containerWidth'] - 100 - navWidth) / itemWidth);
				itemsPerPage = (itemsPerPage < pp_images.length) ? itemsPerPage : pp_images.length;
				totalPage = Math.ceil(pp_images.length / itemsPerPage) - 1;

				// Hide the nav in the case there's no need for links
				if(totalPage == 0){
					navWidth = 0; // No nav means no width!
					$pp_gallery.find('.pp_arrow_next,.pp_arrow_previous').hide();
				}else{
					$pp_gallery.find('.pp_arrow_next,.pp_arrow_previous').show();
				};

				galleryWidth = itemsPerPage * itemWidth;
				fullGalleryWidth = pp_images.length * itemWidth;
				
				// Set the proper width to the gallery items
				$pp_gallery
					.css('margin-left',-((galleryWidth/2) + (navWidth/2)))
					.find('div:first').width(galleryWidth+5)
					.find('ul').width(fullGalleryWidth)
					.find('li.selected').removeClass('selected');
				
				goToPage = (Math.floor(set_position/itemsPerPage) < totalPage) ? Math.floor(set_position/itemsPerPage) : totalPage;

				$.prettyPhoto.changeGalleryPage(goToPage);
				
				$pp_gallery_li.filter(':eq('+set_position+')').addClass('selected');
			}else{
				$pp_pic_holder.find('.pp_content').unbind('mouseenter mouseleave');
				// $pp_gallery.hide();
			}
		}
	
		function _build_overlay(caller){
			// Inject Social Tool markup into General markup
			if(settings.social_tools)
				facebook_like_link = settings.social_tools.replace('{location_href}', encodeURIComponent(location.href)); 

			settings.markup = settings.markup.replace('{pp_social}',''); 
			
			$('body').append(settings.markup); // Inject the markup
			
			$pp_pic_holder = $('.pp_pic_holder'), $ppt = $('.ppt'), $pp_overlay = $('div.pp_overlay'); // Set my global selectors
			
			// Inject the inline gallery!
			if(isSet && settings.overlay_gallery) {
				currentGalleryPage = 0;
				toInject = "";
				for (var i=0; i < pp_images.length; i++) {
					if(!pp_images[i].match(/\b(jpg|jpeg|png|gif|files\/images)\b/gi)){
						classname = 'default';
						img_src = '';
					}else{
						classname = '';
						img_src = pp_images[i];
					}
					toInject += "<li class='"+classname+"'><a href='#'><img src='" + img_src + "' width='50' alt='' /></a></li>";
				};
				
				toInject = settings.gallery_markup.replace(/{gallery}/g,toInject);
				
				$pp_pic_holder.find('#pp_full_res').after(toInject);
				
				$pp_gallery = $('.pp_pic_holder .pp_gallery'), $pp_gallery_li = $pp_gallery.find('li'); // Set the gallery selectors
				
				$pp_gallery.find('.pp_arrow_next').click(function(){
					$.prettyPhoto.changeGalleryPage('next');
					$.prettyPhoto.stopSlideshow();
					return false;
				});
				
				$pp_gallery.find('.pp_arrow_previous').click(function(){
					$.prettyPhoto.changeGalleryPage('previous');
					$.prettyPhoto.stopSlideshow();
					return false;
				});
				
				$pp_pic_holder.find('.pp_content').hover(
					function(){
						$pp_pic_holder.find('.pp_gallery:not(.disabled)').fadeIn();
					},
					function(){
						$pp_pic_holder.find('.pp_gallery:not(.disabled)').fadeOut();
					});

				itemWidth = 52+5; // 52 beign the thumb width, 5 being the right margin.
				$pp_gallery_li.each(function(i){
					$(this)
						.find('a')
						.click(function(){
							$.prettyPhoto.changePage(i);
							$.prettyPhoto.stopSlideshow();
							return false;
						});
				});
			};
			
			
			// Inject the play/pause if it's a slideshow
			if(settings.slideshow){
				$pp_pic_holder.find('.pp_nav').prepend('<a href="#" class="pp_play">Play</a>')
				$pp_pic_holder.find('.pp_nav .pp_play').click(function(){
					$.prettyPhoto.startSlideshow();
					return false;
				});
			}
			
			$pp_pic_holder.attr('class','pp_pic_holder ' + settings.theme); // Set the proper theme
			
			$pp_overlay
				.css({
					'opacity':0,
					'height':$(document).height(),
					'width':$(window).width()
					})
				.bind('click',function(){
					if(!settings.modal) $.prettyPhoto.close();
				});

			$('a.pp_close').bind('click',function(){ $.prettyPhoto.close(); return false; });


			if(settings.allow_expand) {
				$('a.pp_expand').bind('click',function(e){
					// Expand the image
					if($(this).hasClass('pp_expand')){
						$(this).removeClass('pp_expand').addClass('pp_contract');
						$('html').addClass('showFullscreenPrettyPhoto');
						doresize = false;
					}else{
						$(this).removeClass('pp_contract').addClass('pp_expand');
						$('html').removeClass('showFullscreenPrettyPhoto');
						doresize = true;
					};
				
					_hideContent(function(){ $.prettyPhoto.open(); });
			
					return false;
				});
			}
		
			$pp_pic_holder.find('.pp_previous, .pp_nav .pp_arrow_previous').bind('click',function(){
				$.prettyPhoto.changePage('previous');
				$.prettyPhoto.stopSlideshow();
				return false;
			});
		
			$pp_pic_holder.find('.pp_next, .pp_nav .pp_arrow_next').bind('click',function(){
				$.prettyPhoto.changePage('next');
				$.prettyPhoto.stopSlideshow();
				return false;
			});
			
			_center_overlay(); // Center it
		};

		if(!pp_alreadyInitialized && getHashtag()){
			pp_alreadyInitialized = true;
			
			// Grab the rel index to trigger the click on the correct element
			hashIndex = getHashtag();
			hashRel = hashIndex;
			hashIndex = hashIndex.substring(hashIndex.indexOf('/')+1,hashIndex.length-1);
			hashRel = hashRel.substring(0,hashRel.indexOf('/'));

			// Little timeout to make sure all the prettyPhoto initialize scripts has been run.
			// Useful in the event the page contain several init scripts.
			setTimeout(function(){ $("a["+pp_settings.hook+"^='"+hashRel+"']:eq("+hashIndex+")").trigger('click'); },50);
		}
		
		return this.unbind('click.prettyphoto').bind('click.prettyphoto',$.prettyPhoto.initialize); // Return the jQuery object for chaining. The unbind method is used to avoid click conflict when the plugin is called more than once
	};
	
	function getHashtag(){
		url = location.href;
		hashtag = (url.indexOf('#prettyPhoto') !== -1) ? decodeURI(url.substring(url.indexOf('#prettyPhoto')+1,url.length)) : false;

		return hashtag;
	};
	
	function setHashtag(){
		if(typeof theRel == 'undefined') return; // theRel is set on normal calls, it's impossible to deeplink using the API
		location.hash = theRel + '/'+rel_index+'/';
	};
	
	function clearHashtag(){
		if ( location.href.indexOf('#prettyPhoto') !== -1 ) location.hash = "prettyPhoto";
	}
	
	function getParam(name,url){
	  name = name.replace(/[\[]/,"\\\[").replace(/[\]]/,"\\\]");
	  var regexS = "[\\?&]"+name+"=([^&#]*)";
	  var regex = new RegExp( regexS );
	  var results = regex.exec( url );
	  return ( results == null ) ? "" : results[1];
	}
	
})(jQuery);

var pp_alreadyInitialized = false; // Used for the deep linking to make sure not to call the same function several times.
/*
 Highcharts JS v6.1.3 (2018-09-12)

 (c) 2009-2016 Torstein Honsi

 License: www.highcharts.com/license
*/
(function(T,K){"object"===typeof module&&module.exports?module.exports=T.document?K(T):K:"function"===typeof define&&define.amd?define(function(){return K(T)}):T.Highcharts=K(T)})("undefined"!==typeof window?window:this,function(T){var K=function(){var a="undefined"===typeof T?window:T,C=a.document,D=a.navigator&&a.navigator.userAgent||"",E=C&&C.createElementNS&&!!C.createElementNS("http://www.w3.org/2000/svg","svg").createSVGRect,m=/(edge|msie|trident)/i.test(D)&&!a.opera,h=-1!==D.indexOf("Firefox"),
f=-1!==D.indexOf("Chrome"),r=h&&4>parseInt(D.split("Firefox/")[1],10);return a.Highcharts?a.Highcharts.error(16,!0):{product:"Highcharts",version:"6.1.3",deg2rad:2*Math.PI/360,doc:C,hasBidiBug:r,hasTouch:C&&void 0!==C.documentElement.ontouchstart,isMS:m,isWebKit:-1!==D.indexOf("AppleWebKit"),isFirefox:h,isChrome:f,isSafari:!f&&-1!==D.indexOf("Safari"),isTouchDevice:/(Mobile|Android|Windows Phone)/.test(D),SVG_NS:"http://www.w3.org/2000/svg",chartCount:0,seriesTypes:{},symbolSizes:{},svg:E,win:a,marginNames:["plotTop",
"marginRight","marginBottom","plotLeft"],noop:function(){},charts:[]}}();(function(a){a.timers=[];var C=a.charts,D=a.doc,E=a.win;a.error=function(m,h){m=a.isNumber(m)?"Highcharts error #"+m+": www.highcharts.com/errors/"+m:m;if(h)throw Error(m);E.console&&console.log(m)};a.Fx=function(a,h,f){this.options=h;this.elem=a;this.prop=f};a.Fx.prototype={dSetter:function(){var a=this.paths[0],h=this.paths[1],f=[],r=this.now,y=a.length,q;if(1===r)f=this.toD;else if(y===h.length&&1>r)for(;y--;)q=parseFloat(a[y]),
f[y]=isNaN(q)?h[y]:r*parseFloat(h[y]-q)+q;else f=h;this.elem.attr("d",f,null,!0)},update:function(){var a=this.elem,h=this.prop,f=this.now,r=this.options.step;if(this[h+"Setter"])this[h+"Setter"]();else a.attr?a.element&&a.attr(h,f,null,!0):a.style[h]=f+this.unit;r&&r.call(a,f,this)},run:function(m,h,f){var r=this,y=r.options,q=function(a){return q.stopped?!1:r.step(a)},w=E.requestAnimationFrame||function(a){setTimeout(a,13)},e=function(){for(var c=0;c<a.timers.length;c++)a.timers[c]()||a.timers.splice(c--,
1);a.timers.length&&w(e)};m!==h||this.elem["forceAnimate:"+this.prop]?(this.startTime=+new Date,this.start=m,this.end=h,this.unit=f,this.now=this.start,this.pos=0,q.elem=this.elem,q.prop=this.prop,q()&&1===a.timers.push(q)&&w(e)):(delete y.curAnim[this.prop],y.complete&&0===a.keys(y.curAnim).length&&y.complete.call(this.elem))},step:function(m){var h=+new Date,f,r=this.options,y=this.elem,q=r.complete,w=r.duration,e=r.curAnim;y.attr&&!y.element?m=!1:m||h>=w+this.startTime?(this.now=this.end,this.pos=
1,this.update(),f=e[this.prop]=!0,a.objectEach(e,function(a){!0!==a&&(f=!1)}),f&&q&&q.call(y),m=!1):(this.pos=r.easing((h-this.startTime)/w),this.now=this.start+(this.end-this.start)*this.pos,this.update(),m=!0);return m},initPath:function(m,h,f){function r(a){var d,k;for(b=a.length;b--;)d="M"===a[b]||"L"===a[b],k=/[a-zA-Z]/.test(a[b+3]),d&&k&&a.splice(b+1,0,a[b+1],a[b+2],a[b+1],a[b+2])}function y(a,d){for(;a.length<k;){a[0]=d[k-a.length];var c=a.slice(0,z);[].splice.apply(a,[0,0].concat(c));u&&(c=
a.slice(a.length-z),[].splice.apply(a,[a.length,0].concat(c)),b--)}a[0]="M"}function q(a,b){for(var c=(k-a.length)/z;0<c&&c--;)d=a.slice().splice(a.length/p-z,z*p),d[0]=b[k-z-c*z],l&&(d[z-6]=d[z-2],d[z-5]=d[z-1]),[].splice.apply(a,[a.length/p,0].concat(d)),u&&c--}h=h||"";var w,e=m.startX,c=m.endX,l=-1<h.indexOf("C"),z=l?7:3,k,d,b;h=h.split(" ");f=f.slice();var u=m.isArea,p=u?2:1,H;l&&(r(h),r(f));if(e&&c){for(b=0;b<e.length;b++)if(e[b]===c[0]){w=b;break}else if(e[0]===c[c.length-e.length+b]){w=b;H=
!0;break}void 0===w&&(h=[])}h.length&&a.isNumber(w)&&(k=f.length+w*p*z,H?(y(h,f),q(f,h)):(y(f,h),q(h,f)));return[h,f]},fillSetter:function(){a.Fx.prototype.strokeSetter.apply(this,arguments)},strokeSetter:function(){this.elem.attr(this.prop,a.color(this.start).tweenTo(a.color(this.end),this.pos),null,!0)}};a.merge=function(){var m,h=arguments,f,r={},y=function(f,m){"object"!==typeof f&&(f={});a.objectEach(m,function(e,c){!a.isObject(e,!0)||a.isClass(e)||a.isDOMElement(e)?f[c]=m[c]:f[c]=y(f[c]||{},
e)});return f};!0===h[0]&&(r=h[1],h=Array.prototype.slice.call(h,2));f=h.length;for(m=0;m<f;m++)r=y(r,h[m]);return r};a.pInt=function(a,h){return parseInt(a,h||10)};a.isString=function(a){return"string"===typeof a};a.isArray=function(a){a=Object.prototype.toString.call(a);return"[object Array]"===a||"[object Array Iterator]"===a};a.isObject=function(m,h){return!!m&&"object"===typeof m&&(!h||!a.isArray(m))};a.isDOMElement=function(m){return a.isObject(m)&&"number"===typeof m.nodeType};a.isClass=function(m){var h=
m&&m.constructor;return!(!a.isObject(m,!0)||a.isDOMElement(m)||!h||!h.name||"Object"===h.name)};a.isNumber=function(a){return"number"===typeof a&&!isNaN(a)&&Infinity>a&&-Infinity<a};a.erase=function(a,h){for(var f=a.length;f--;)if(a[f]===h){a.splice(f,1);break}};a.defined=function(a){return void 0!==a&&null!==a};a.attr=function(m,h,f){var r;a.isString(h)?a.defined(f)?m.setAttribute(h,f):m&&m.getAttribute&&((r=m.getAttribute(h))||"class"!==h||(r=m.getAttribute(h+"Name"))):a.defined(h)&&a.isObject(h)&&
a.objectEach(h,function(a,f){m.setAttribute(f,a)});return r};a.splat=function(m){return a.isArray(m)?m:[m]};a.syncTimeout=function(a,h,f){if(h)return setTimeout(a,h,f);a.call(0,f)};a.clearTimeout=function(m){a.defined(m)&&clearTimeout(m)};a.extend=function(a,h){var f;a||(a={});for(f in h)a[f]=h[f];return a};a.pick=function(){var a=arguments,h,f,r=a.length;for(h=0;h<r;h++)if(f=a[h],void 0!==f&&null!==f)return f};a.css=function(m,h){a.isMS&&!a.svg&&h&&void 0!==h.opacity&&(h.filter="alpha(opacity\x3d"+
100*h.opacity+")");a.extend(m.style,h)};a.createElement=function(m,h,f,r,y){m=D.createElement(m);var q=a.css;h&&a.extend(m,h);y&&q(m,{padding:0,border:"none",margin:0});f&&q(m,f);r&&r.appendChild(m);return m};a.extendClass=function(m,h){var f=function(){};f.prototype=new m;a.extend(f.prototype,h);return f};a.pad=function(a,h,f){return Array((h||2)+1-String(a).replace("-","").length).join(f||0)+a};a.relativeLength=function(a,h,f){return/%$/.test(a)?h*parseFloat(a)/100+(f||0):parseFloat(a)};a.wrap=
function(a,h,f){var m=a[h];a[h]=function(){var a=Array.prototype.slice.call(arguments),q=arguments,w=this;w.proceed=function(){m.apply(w,arguments.length?arguments:q)};a.unshift(m);a=f.apply(this,a);w.proceed=null;return a}};a.formatSingle=function(m,h,f){var r=/\.([0-9])/,y=a.defaultOptions.lang;/f$/.test(m)?(f=(f=m.match(r))?f[1]:-1,null!==h&&(h=a.numberFormat(h,f,y.decimalPoint,-1<m.indexOf(",")?y.thousandsSep:""))):h=(f||a.time).dateFormat(m,h);return h};a.format=function(m,h,f){for(var r="{",
y=!1,q,w,e,c,l=[],z;m;){r=m.indexOf(r);if(-1===r)break;q=m.slice(0,r);if(y){q=q.split(":");w=q.shift().split(".");c=w.length;z=h;for(e=0;e<c;e++)z&&(z=z[w[e]]);q.length&&(z=a.formatSingle(q.join(":"),z,f));l.push(z)}else l.push(q);m=m.slice(r+1);r=(y=!y)?"}":"{"}l.push(m);return l.join("")};a.getMagnitude=function(a){return Math.pow(10,Math.floor(Math.log(a)/Math.LN10))};a.normalizeTickInterval=function(m,h,f,r,y){var q,w=m;f=a.pick(f,1);q=m/f;h||(h=y?[1,1.2,1.5,2,2.5,3,4,5,6,8,10]:[1,2,2.5,5,10],
!1===r&&(1===f?h=a.grep(h,function(a){return 0===a%1}):.1>=f&&(h=[1/f])));for(r=0;r<h.length&&!(w=h[r],y&&w*f>=m||!y&&q<=(h[r]+(h[r+1]||h[r]))/2);r++);return w=a.correctFloat(w*f,-Math.round(Math.log(.001)/Math.LN10))};a.stableSort=function(a,h){var f=a.length,m,y;for(y=0;y<f;y++)a[y].safeI=y;a.sort(function(a,f){m=h(a,f);return 0===m?a.safeI-f.safeI:m});for(y=0;y<f;y++)delete a[y].safeI};a.arrayMin=function(a){for(var h=a.length,f=a[0];h--;)a[h]<f&&(f=a[h]);return f};a.arrayMax=function(a){for(var h=
a.length,f=a[0];h--;)a[h]>f&&(f=a[h]);return f};a.destroyObjectProperties=function(m,h){a.objectEach(m,function(a,r){a&&a!==h&&a.destroy&&a.destroy();delete m[r]})};a.discardElement=function(m){var h=a.garbageBin;h||(h=a.createElement("div"));m&&h.appendChild(m);h.innerHTML=""};a.correctFloat=function(a,h){return parseFloat(a.toPrecision(h||14))};a.setAnimation=function(m,h){h.renderer.globalAnimation=a.pick(m,h.options.chart.animation,!0)};a.animObject=function(m){return a.isObject(m)?a.merge(m):
{duration:m?500:0}};a.timeUnits={millisecond:1,second:1E3,minute:6E4,hour:36E5,day:864E5,week:6048E5,month:24192E5,year:314496E5};a.numberFormat=function(m,h,f,r){m=+m||0;h=+h;var y=a.defaultOptions.lang,q=(m.toString().split(".")[1]||"").split("e")[0].length,w,e,c=m.toString().split("e");-1===h?h=Math.min(q,20):a.isNumber(h)?h&&c[1]&&0>c[1]&&(w=h+ +c[1],0<=w?(c[0]=(+c[0]).toExponential(w).split("e")[0],h=w):(c[0]=c[0].split(".")[0]||0,m=20>h?(c[0]*Math.pow(10,c[1])).toFixed(h):0,c[1]=0)):h=2;e=(Math.abs(c[1]?
c[0]:m)+Math.pow(10,-Math.max(h,q)-1)).toFixed(h);q=String(a.pInt(e));w=3<q.length?q.length%3:0;f=a.pick(f,y.decimalPoint);r=a.pick(r,y.thousandsSep);m=(0>m?"-":"")+(w?q.substr(0,w)+r:"");m+=q.substr(w).replace(/(\d{3})(?=\d)/g,"$1"+r);h&&(m+=f+e.slice(-h));c[1]&&0!==+m&&(m+="e"+c[1]);return m};Math.easeInOutSine=function(a){return-.5*(Math.cos(Math.PI*a)-1)};a.getStyle=function(m,h,f){if("width"===h)return Math.max(0,Math.min(m.offsetWidth,m.scrollWidth)-a.getStyle(m,"padding-left")-a.getStyle(m,
"padding-right"));if("height"===h)return Math.max(0,Math.min(m.offsetHeight,m.scrollHeight)-a.getStyle(m,"padding-top")-a.getStyle(m,"padding-bottom"));E.getComputedStyle||a.error(27,!0);if(m=E.getComputedStyle(m,void 0))m=m.getPropertyValue(h),a.pick(f,"opacity"!==h)&&(m=a.pInt(m));return m};a.inArray=function(m,h,f){return(a.indexOfPolyfill||Array.prototype.indexOf).call(h,m,f)};a.grep=function(m,h){return(a.filterPolyfill||Array.prototype.filter).call(m,h)};a.find=Array.prototype.find?function(a,
h){return a.find(h)}:function(a,h){var f,r=a.length;for(f=0;f<r;f++)if(h(a[f],f))return a[f]};a.some=function(m,h,f){return(a.somePolyfill||Array.prototype.some).call(m,h,f)};a.map=function(a,h){for(var f=[],r=0,y=a.length;r<y;r++)f[r]=h.call(a[r],a[r],r,a);return f};a.keys=function(m){return(a.keysPolyfill||Object.keys).call(void 0,m)};a.reduce=function(m,h,f){return(a.reducePolyfill||Array.prototype.reduce).apply(m,2<arguments.length?[h,f]:[h])};a.offset=function(a){var h=D.documentElement;a=a.parentElement||
a.parentNode?a.getBoundingClientRect():{top:0,left:0};return{top:a.top+(E.pageYOffset||h.scrollTop)-(h.clientTop||0),left:a.left+(E.pageXOffset||h.scrollLeft)-(h.clientLeft||0)}};a.stop=function(m,h){for(var f=a.timers.length;f--;)a.timers[f].elem!==m||h&&h!==a.timers[f].prop||(a.timers[f].stopped=!0)};a.each=function(m,h,f){return(a.forEachPolyfill||Array.prototype.forEach).call(m,h,f)};a.objectEach=function(a,h,f){for(var r in a)a.hasOwnProperty(r)&&h.call(f||a[r],a[r],r,a)};a.addEvent=function(m,
h,f,r){var y,q=m.addEventListener||a.addEventListenerPolyfill;y="function"===typeof m&&m.prototype?m.prototype.protoEvents=m.prototype.protoEvents||{}:m.hcEvents=m.hcEvents||{};a.Point&&m instanceof a.Point&&m.series&&m.series.chart&&(m.series.chart.runTrackerClick=!0);q&&q.call(m,h,f,!1);y[h]||(y[h]=[]);y[h].push(f);r&&a.isNumber(r.order)&&(f.order=r.order,y[h].sort(function(a,e){return a.order-e.order}));return function(){a.removeEvent(m,h,f)}};a.removeEvent=function(m,h,f){function r(e,c){var l=
m.removeEventListener||a.removeEventListenerPolyfill;l&&l.call(m,e,c,!1)}function y(e){var c,l;m.nodeName&&(h?(c={},c[h]=!0):c=e,a.objectEach(c,function(a,k){if(e[k])for(l=e[k].length;l--;)r(k,e[k][l])}))}var q,w;a.each(["protoEvents","hcEvents"],function(e){var c=m[e];c&&(h?(q=c[h]||[],f?(w=a.inArray(f,q),-1<w&&(q.splice(w,1),c[h]=q),r(h,f)):(y(c),c[h]=[])):(y(c),m[e]={}))})};a.fireEvent=function(m,h,f,r){var y,q,w,e,c;f=f||{};D.createEvent&&(m.dispatchEvent||m.fireEvent)?(y=D.createEvent("Events"),
y.initEvent(h,!0,!0),a.extend(y,f),m.dispatchEvent?m.dispatchEvent(y):m.fireEvent(h,y)):a.each(["protoEvents","hcEvents"],function(l){if(m[l])for(q=m[l][h]||[],w=q.length,f.target||a.extend(f,{preventDefault:function(){f.defaultPrevented=!0},target:m,type:h}),e=0;e<w;e++)(c=q[e])&&!1===c.call(m,f)&&f.preventDefault()});r&&!f.defaultPrevented&&r.call(m,f)};a.animate=function(m,h,f){var r,y="",q,w,e;a.isObject(f)||(e=arguments,f={duration:e[2],easing:e[3],complete:e[4]});a.isNumber(f.duration)||(f.duration=
400);f.easing="function"===typeof f.easing?f.easing:Math[f.easing]||Math.easeInOutSine;f.curAnim=a.merge(h);a.objectEach(h,function(c,e){a.stop(m,e);w=new a.Fx(m,f,e);q=null;"d"===e?(w.paths=w.initPath(m,m.d,h.d),w.toD=h.d,r=0,q=1):m.attr?r=m.attr(e):(r=parseFloat(a.getStyle(m,e))||0,"opacity"!==e&&(y="px"));q||(q=c);q&&q.match&&q.match("px")&&(q=q.replace(/px/g,""));w.run(r,q,y)})};a.seriesType=function(m,h,f,r,y){var q=a.getOptions(),w=a.seriesTypes;q.plotOptions[m]=a.merge(q.plotOptions[h],f);
w[m]=a.extendClass(w[h]||function(){},r);w[m].prototype.type=m;y&&(w[m].prototype.pointClass=a.extendClass(a.Point,y));return w[m]};a.uniqueKey=function(){var a=Math.random().toString(36).substring(2,9),h=0;return function(){return"highcharts-"+a+"-"+h++}}();E.jQuery&&(E.jQuery.fn.highcharts=function(){var m=[].slice.call(arguments);if(this[0])return m[0]?(new (a[a.isString(m[0])?m.shift():"Chart"])(this[0],m[0],m[1]),this):C[a.attr(this[0],"data-highcharts-chart")]})})(K);(function(a){var C=a.each,
D=a.isNumber,E=a.map,m=a.merge,h=a.pInt;a.Color=function(f){if(!(this instanceof a.Color))return new a.Color(f);this.init(f)};a.Color.prototype={parsers:[{regex:/rgba\(\s*([0-9]{1,3})\s*,\s*([0-9]{1,3})\s*,\s*([0-9]{1,3})\s*,\s*([0-9]?(?:\.[0-9]+)?)\s*\)/,parse:function(a){return[h(a[1]),h(a[2]),h(a[3]),parseFloat(a[4],10)]}},{regex:/rgb\(\s*([0-9]{1,3})\s*,\s*([0-9]{1,3})\s*,\s*([0-9]{1,3})\s*\)/,parse:function(a){return[h(a[1]),h(a[2]),h(a[3]),1]}}],names:{white:"#ffffff",black:"#000000"},init:function(f){var h,
y,q,w;if((this.input=f=this.names[f&&f.toLowerCase?f.toLowerCase():""]||f)&&f.stops)this.stops=E(f.stops,function(e){return new a.Color(e[1])});else if(f&&f.charAt&&"#"===f.charAt()&&(h=f.length,f=parseInt(f.substr(1),16),7===h?y=[(f&16711680)>>16,(f&65280)>>8,f&255,1]:4===h&&(y=[(f&3840)>>4|(f&3840)>>8,(f&240)>>4|f&240,(f&15)<<4|f&15,1])),!y)for(q=this.parsers.length;q--&&!y;)w=this.parsers[q],(h=w.regex.exec(f))&&(y=w.parse(h));this.rgba=y||[]},get:function(a){var f=this.input,h=this.rgba,q;this.stops?
(q=m(f),q.stops=[].concat(q.stops),C(this.stops,function(f,e){q.stops[e]=[q.stops[e][0],f.get(a)]})):q=h&&D(h[0])?"rgb"===a||!a&&1===h[3]?"rgb("+h[0]+","+h[1]+","+h[2]+")":"a"===a?h[3]:"rgba("+h.join(",")+")":f;return q},brighten:function(a){var f,y=this.rgba;if(this.stops)C(this.stops,function(f){f.brighten(a)});else if(D(a)&&0!==a)for(f=0;3>f;f++)y[f]+=h(255*a),0>y[f]&&(y[f]=0),255<y[f]&&(y[f]=255);return this},setOpacity:function(a){this.rgba[3]=a;return this},tweenTo:function(a,h){var f=this.rgba,
q=a.rgba;q.length&&f&&f.length?(a=1!==q[3]||1!==f[3],h=(a?"rgba(":"rgb(")+Math.round(q[0]+(f[0]-q[0])*(1-h))+","+Math.round(q[1]+(f[1]-q[1])*(1-h))+","+Math.round(q[2]+(f[2]-q[2])*(1-h))+(a?","+(q[3]+(f[3]-q[3])*(1-h)):"")+")"):h=a.input||"none";return h}};a.color=function(f){return new a.Color(f)}})(K);(function(a){var C,D,E=a.addEvent,m=a.animate,h=a.attr,f=a.charts,r=a.color,y=a.css,q=a.createElement,w=a.defined,e=a.deg2rad,c=a.destroyObjectProperties,l=a.doc,z=a.each,k=a.extend,d=a.erase,b=a.grep,
u=a.hasTouch,p=a.inArray,H=a.isArray,t=a.isFirefox,L=a.isMS,x=a.isObject,I=a.isString,n=a.isWebKit,G=a.merge,B=a.noop,M=a.objectEach,F=a.pick,g=a.pInt,v=a.removeEvent,P=a.stop,Q=a.svg,J=a.SVG_NS,O=a.symbolSizes,N=a.win;C=a.SVGElement=function(){return this};k(C.prototype,{opacity:1,SVG_NS:J,textProps:"direction fontSize fontWeight fontFamily fontStyle color lineHeight width textAlign textDecoration textOverflow textOutline cursor".split(" "),init:function(a,g){this.element="span"===g?q(g):l.createElementNS(this.SVG_NS,
g);this.renderer=a},animate:function(A,g,b){g=a.animObject(F(g,this.renderer.globalAnimation,!0));0!==g.duration?(b&&(g.complete=b),m(this,A,g)):(this.attr(A,null,b),g.step&&g.step.call(this));return this},complexColor:function(A,g,b){var d=this.renderer,v,k,c,n,e,J,l,B,u,R,p,t=[],x;a.fireEvent(this.renderer,"complexColor",{args:arguments},function(){A.radialGradient?k="radialGradient":A.linearGradient&&(k="linearGradient");k&&(c=A[k],e=d.gradients,l=A.stops,R=b.radialReference,H(c)&&(A[k]=c={x1:c[0],
y1:c[1],x2:c[2],y2:c[3],gradientUnits:"userSpaceOnUse"}),"radialGradient"===k&&R&&!w(c.gradientUnits)&&(n=c,c=G(c,d.getRadialAttr(R,n),{gradientUnits:"userSpaceOnUse"})),M(c,function(a,A){"id"!==A&&t.push(A,a)}),M(l,function(a){t.push(a)}),t=t.join(","),e[t]?p=e[t].attr("id"):(c.id=p=a.uniqueKey(),e[t]=J=d.createElement(k).attr(c).add(d.defs),J.radAttr=n,J.stops=[],z(l,function(A){0===A[1].indexOf("rgba")?(v=a.color(A[1]),B=v.get("rgb"),u=v.get("a")):(B=A[1],u=1);A=d.createElement("stop").attr({offset:A[0],
"stop-color":B,"stop-opacity":u}).add(J);J.stops.push(A)})),x="url("+d.url+"#"+p+")",b.setAttribute(g,x),b.gradient=t,A.toString=function(){return x})})},applyTextOutline:function(A){var g=this.element,b,v,k,c,n;-1!==A.indexOf("contrast")&&(A=A.replace(/contrast/g,this.renderer.getContrast(g.style.fill)));A=A.split(" ");v=A[A.length-1];if((k=A[0])&&"none"!==k&&a.svg){this.fakeTS=!0;A=[].slice.call(g.getElementsByTagName("tspan"));this.ySetter=this.xSetter;k=k.replace(/(^[\d\.]+)(.*?)$/g,function(a,
A,g){return 2*A+g});for(n=A.length;n--;)b=A[n],"highcharts-text-outline"===b.getAttribute("class")&&d(A,g.removeChild(b));c=g.firstChild;z(A,function(a,A){0===A&&(a.setAttribute("x",g.getAttribute("x")),A=g.getAttribute("y"),a.setAttribute("y",A||0),null===A&&g.setAttribute("y",0));a=a.cloneNode(1);h(a,{"class":"highcharts-text-outline",fill:v,stroke:v,"stroke-width":k,"stroke-linejoin":"round"});g.insertBefore(a,c)})}},attr:function(a,g,b,d){var A,v=this.element,k,c=this,n,J;"string"===typeof a&&
void 0!==g&&(A=a,a={},a[A]=g);"string"===typeof a?c=(this[a+"Getter"]||this._defaultGetter).call(this,a,v):(M(a,function(A,g){n=!1;d||P(this,g);this.symbolName&&/^(x|y|width|height|r|start|end|innerR|anchorX|anchorY)$/.test(g)&&(k||(this.symbolAttr(a),k=!0),n=!0);!this.rotation||"x"!==g&&"y"!==g||(this.doTransform=!0);n||(J=this[g+"Setter"]||this._defaultSetter,J.call(this,A,g,v),this.shadows&&/^(width|height|visibility|x|y|d|transform|cx|cy|r)$/.test(g)&&this.updateShadows(g,A,J))},this),this.afterSetters());
b&&b.call(this);return c},afterSetters:function(){this.doTransform&&(this.updateTransform(),this.doTransform=!1)},updateShadows:function(a,g,b){for(var A=this.shadows,d=A.length;d--;)b.call(A[d],"height"===a?Math.max(g-(A[d].cutHeight||0),0):"d"===a?this.d:g,a,A[d])},addClass:function(a,g){var A=this.attr("class")||"";-1===A.indexOf(a)&&(g||(a=(A+(A?" ":"")+a).replace("  "," ")),this.attr("class",a));return this},hasClass:function(a){return-1!==p(a,(this.attr("class")||"").split(" "))},removeClass:function(a){return this.attr("class",
(this.attr("class")||"").replace(a,""))},symbolAttr:function(a){var A=this;z("x y r start end width height innerR anchorX anchorY".split(" "),function(g){A[g]=F(a[g],A[g])});A.attr({d:A.renderer.symbols[A.symbolName](A.x,A.y,A.width,A.height,A)})},clip:function(a){return this.attr("clip-path",a?"url("+this.renderer.url+"#"+a.id+")":"none")},crisp:function(a,g){var A;g=g||a.strokeWidth||0;A=Math.round(g)%2/2;a.x=Math.floor(a.x||this.x||0)+A;a.y=Math.floor(a.y||this.y||0)+A;a.width=Math.floor((a.width||
this.width||0)-2*A);a.height=Math.floor((a.height||this.height||0)-2*A);w(a.strokeWidth)&&(a.strokeWidth=g);return a},css:function(a){var A=this.styles,b={},d=this.element,v,c="",n,J=!A,e=["textOutline","textOverflow","width"];a&&a.color&&(a.fill=a.color);A&&M(a,function(a,g){a!==A[g]&&(b[g]=a,J=!0)});J&&(A&&(a=k(A,b)),a&&(null===a.width||"auto"===a.width?delete this.textWidth:"text"===d.nodeName.toLowerCase()&&a.width&&(v=this.textWidth=g(a.width))),this.styles=a,v&&!Q&&this.renderer.forExport&&
delete a.width,d.namespaceURI===this.SVG_NS?(n=function(a,A){return"-"+A.toLowerCase()},M(a,function(a,A){-1===p(A,e)&&(c+=A.replace(/([A-Z])/g,n)+":"+a+";")}),c&&h(d,"style",c)):y(d,a),this.added&&("text"===this.element.nodeName&&this.renderer.buildText(this),a&&a.textOutline&&this.applyTextOutline(a.textOutline)));return this},strokeWidth:function(){return this["stroke-width"]||0},on:function(a,g){var A=this,b=A.element;u&&"click"===a?(b.ontouchstart=function(a){A.touchEventFired=Date.now();a.preventDefault();
g.call(b,a)},b.onclick=function(a){(-1===N.navigator.userAgent.indexOf("Android")||1100<Date.now()-(A.touchEventFired||0))&&g.call(b,a)}):b["on"+a]=g;return this},setRadialReference:function(a){var A=this.renderer.gradients[this.element.gradient];this.element.radialReference=a;A&&A.radAttr&&A.animate(this.renderer.getRadialAttr(a,A.radAttr));return this},translate:function(a,g){return this.attr({translateX:a,translateY:g})},invert:function(a){this.inverted=a;this.updateTransform();return this},updateTransform:function(){var a=
this.translateX||0,g=this.translateY||0,b=this.scaleX,d=this.scaleY,v=this.inverted,c=this.rotation,k=this.matrix,n=this.element;v&&(a+=this.width,g+=this.height);a=["translate("+a+","+g+")"];w(k)&&a.push("matrix("+k.join(",")+")");v?a.push("rotate(90) scale(-1,1)"):c&&a.push("rotate("+c+" "+F(this.rotationOriginX,n.getAttribute("x"),0)+" "+F(this.rotationOriginY,n.getAttribute("y")||0)+")");(w(b)||w(d))&&a.push("scale("+F(b,1)+" "+F(d,1)+")");a.length&&n.setAttribute("transform",a.join(" "))},toFront:function(){var a=
this.element;a.parentNode.appendChild(a);return this},align:function(a,g,b){var A,v,c,k,n={};v=this.renderer;c=v.alignedObjects;var J,e;if(a){if(this.alignOptions=a,this.alignByTranslate=g,!b||I(b))this.alignTo=A=b||"renderer",d(c,this),c.push(this),b=null}else a=this.alignOptions,g=this.alignByTranslate,A=this.alignTo;b=F(b,v[A],v);A=a.align;v=a.verticalAlign;c=(b.x||0)+(a.x||0);k=(b.y||0)+(a.y||0);"right"===A?J=1:"center"===A&&(J=2);J&&(c+=(b.width-(a.width||0))/J);n[g?"translateX":"x"]=Math.round(c);
"bottom"===v?e=1:"middle"===v&&(e=2);e&&(k+=(b.height-(a.height||0))/e);n[g?"translateY":"y"]=Math.round(k);this[this.placed?"animate":"attr"](n);this.placed=!0;this.alignAttr=n;return this},getBBox:function(a,g){var A,b=this.renderer,d,v=this.element,c=this.styles,n,J=this.textStr,l,B=b.cache,u=b.cacheKeys,p;g=F(g,this.rotation);d=g*e;n=c&&c.fontSize;w(J)&&(p=J.toString(),-1===p.indexOf("\x3c")&&(p=p.replace(/[0-9]/g,"0")),p+=["",g||0,n,this.textWidth,c&&c.textOverflow].join());p&&!a&&(A=B[p]);if(!A){if(v.namespaceURI===
this.SVG_NS||b.forExport){try{(l=this.fakeTS&&function(a){z(v.querySelectorAll(".highcharts-text-outline"),function(A){A.style.display=a})})&&l("none"),A=v.getBBox?k({},v.getBBox()):{width:v.offsetWidth,height:v.offsetHeight},l&&l("")}catch(W){}if(!A||0>A.width)A={width:0,height:0}}else A=this.htmlGetBBox();b.isSVG&&(a=A.width,b=A.height,c&&"11px"===c.fontSize&&17===Math.round(b)&&(A.height=b=14),g&&(A.width=Math.abs(b*Math.sin(d))+Math.abs(a*Math.cos(d)),A.height=Math.abs(b*Math.cos(d))+Math.abs(a*
Math.sin(d))));if(p&&0<A.height){for(;250<u.length;)delete B[u.shift()];B[p]||u.push(p);B[p]=A}}return A},show:function(a){return this.attr({visibility:a?"inherit":"visible"})},hide:function(){return this.attr({visibility:"hidden"})},fadeOut:function(a){var A=this;A.animate({opacity:0},{duration:a||150,complete:function(){A.attr({y:-9999})}})},add:function(a){var A=this.renderer,g=this.element,b;a&&(this.parentGroup=a);this.parentInverted=a&&a.inverted;void 0!==this.textStr&&A.buildText(this);this.added=
!0;if(!a||a.handleZ||this.zIndex)b=this.zIndexSetter();b||(a?a.element:A.box).appendChild(g);if(this.onAdd)this.onAdd();return this},safeRemoveChild:function(a){var A=a.parentNode;A&&A.removeChild(a)},destroy:function(){var a=this,g=a.element||{},b=a.renderer.isSVG&&"SPAN"===g.nodeName&&a.parentGroup,v=g.ownerSVGElement,c=a.clipPath;g.onclick=g.onmouseout=g.onmouseover=g.onmousemove=g.point=null;P(a);c&&v&&(z(v.querySelectorAll("[clip-path],[CLIP-PATH]"),function(a){var g=a.getAttribute("clip-path"),
A=c.element.id;(-1<g.indexOf("(#"+A+")")||-1<g.indexOf('("#'+A+'")'))&&a.removeAttribute("clip-path")}),a.clipPath=c.destroy());if(a.stops){for(v=0;v<a.stops.length;v++)a.stops[v]=a.stops[v].destroy();a.stops=null}a.safeRemoveChild(g);for(a.destroyShadows();b&&b.div&&0===b.div.childNodes.length;)g=b.parentGroup,a.safeRemoveChild(b.div),delete b.div,b=g;a.alignTo&&d(a.renderer.alignedObjects,a);M(a,function(g,A){delete a[A]});return null},shadow:function(a,g,b){var A=[],d,v,c=this.element,k,n,J,e;
if(!a)this.destroyShadows();else if(!this.shadows){n=F(a.width,3);J=(a.opacity||.15)/n;e=this.parentInverted?"(-1,-1)":"("+F(a.offsetX,1)+", "+F(a.offsetY,1)+")";for(d=1;d<=n;d++)v=c.cloneNode(0),k=2*n+1-2*d,h(v,{isShadow:"true",stroke:a.color||"#000000","stroke-opacity":J*d,"stroke-width":k,transform:"translate"+e,fill:"none"}),b&&(h(v,"height",Math.max(h(v,"height")-k,0)),v.cutHeight=k),g?g.element.appendChild(v):c.parentNode&&c.parentNode.insertBefore(v,c),A.push(v);this.shadows=A}return this},
destroyShadows:function(){z(this.shadows||[],function(a){this.safeRemoveChild(a)},this);this.shadows=void 0},xGetter:function(a){"circle"===this.element.nodeName&&("x"===a?a="cx":"y"===a&&(a="cy"));return this._defaultGetter(a)},_defaultGetter:function(a){a=F(this[a+"Value"],this[a],this.element?this.element.getAttribute(a):null,0);/^[\-0-9\.]+$/.test(a)&&(a=parseFloat(a));return a},dSetter:function(a,g,b){a&&a.join&&(a=a.join(" "));/(NaN| {2}|^$)/.test(a)&&(a="M 0 0");this[g]!==a&&(b.setAttribute(g,
a),this[g]=a)},dashstyleSetter:function(a){var b,A=this["stroke-width"];"inherit"===A&&(A=1);if(a=a&&a.toLowerCase()){a=a.replace("shortdashdotdot","3,1,1,1,1,1,").replace("shortdashdot","3,1,1,1").replace("shortdot","1,1,").replace("shortdash","3,1,").replace("longdash","8,3,").replace(/dot/g,"1,3,").replace("dash","4,3,").replace(/,$/,"").split(",");for(b=a.length;b--;)a[b]=g(a[b])*A;a=a.join(",").replace(/NaN/g,"none");this.element.setAttribute("stroke-dasharray",a)}},alignSetter:function(a){this.alignValue=
a;this.element.setAttribute("text-anchor",{left:"start",center:"middle",right:"end"}[a])},opacitySetter:function(a,g,b){this[g]=a;b.setAttribute(g,a)},titleSetter:function(a){var g=this.element.getElementsByTagName("title")[0];g||(g=l.createElementNS(this.SVG_NS,"title"),this.element.appendChild(g));g.firstChild&&g.removeChild(g.firstChild);g.appendChild(l.createTextNode(String(F(a),"").replace(/<[^>]*>/g,"").replace(/&lt;/g,"\x3c").replace(/&gt;/g,"\x3e")))},textSetter:function(a){a!==this.textStr&&
(delete this.bBox,this.textStr=a,this.added&&this.renderer.buildText(this))},fillSetter:function(a,g,b){"string"===typeof a?b.setAttribute(g,a):a&&this.complexColor(a,g,b)},visibilitySetter:function(a,g,b){"inherit"===a?b.removeAttribute(g):this[g]!==a&&b.setAttribute(g,a);this[g]=a},zIndexSetter:function(a,b){var d=this.renderer,v=this.parentGroup,A=(v||d).element||d.box,c,k=this.element,n,J,d=A===d.box;c=this.added;var e;w(a)?(k.setAttribute("data-z-index",a),a=+a,this[b]===a&&(c=!1)):w(this[b])&&
k.removeAttribute("data-z-index");this[b]=a;if(c){(a=this.zIndex)&&v&&(v.handleZ=!0);b=A.childNodes;for(e=b.length-1;0<=e&&!n;e--)if(v=b[e],c=v.getAttribute("data-z-index"),J=!w(c),v!==k)if(0>a&&J&&!d&&!e)A.insertBefore(k,b[e]),n=!0;else if(g(c)<=a||J&&(!w(a)||0<=a))A.insertBefore(k,b[e+1]||null),n=!0;n||(A.insertBefore(k,b[d?3:0]||null),n=!0)}return n},_defaultSetter:function(a,g,b){b.setAttribute(g,a)}});C.prototype.yGetter=C.prototype.xGetter;C.prototype.translateXSetter=C.prototype.translateYSetter=
C.prototype.rotationSetter=C.prototype.verticalAlignSetter=C.prototype.rotationOriginXSetter=C.prototype.rotationOriginYSetter=C.prototype.scaleXSetter=C.prototype.scaleYSetter=C.prototype.matrixSetter=function(a,g){this[g]=a;this.doTransform=!0};C.prototype["stroke-widthSetter"]=C.prototype.strokeSetter=function(a,g,b){this[g]=a;this.stroke&&this["stroke-width"]?(C.prototype.fillSetter.call(this,this.stroke,"stroke",b),b.setAttribute("stroke-width",this["stroke-width"]),this.hasStroke=!0):"stroke-width"===
g&&0===a&&this.hasStroke&&(b.removeAttribute("stroke"),this.hasStroke=!1)};D=a.SVGRenderer=function(){this.init.apply(this,arguments)};k(D.prototype,{Element:C,SVG_NS:J,init:function(a,g,b,d,v,c){var A;d=this.createElement("svg").attr({version:"1.1","class":"highcharts-root"}).css(this.getStyle(d));A=d.element;a.appendChild(A);h(a,"dir","ltr");-1===a.innerHTML.indexOf("xmlns")&&h(A,"xmlns",this.SVG_NS);this.isSVG=!0;this.box=A;this.boxWrapper=d;this.alignedObjects=[];this.url=(t||n)&&l.getElementsByTagName("base").length?
N.location.href.split("#")[0].replace(/<[^>]*>/g,"").replace(/([\('\)])/g,"\\$1").replace(/ /g,"%20"):"";this.createElement("desc").add().element.appendChild(l.createTextNode("Created with Highcharts 6.1.3"));this.defs=this.createElement("defs").add();this.allowHTML=c;this.forExport=v;this.gradients={};this.cache={};this.cacheKeys=[];this.imgCount=0;this.setSize(g,b,!1);var k;t&&a.getBoundingClientRect&&(g=function(){y(a,{left:0,top:0});k=a.getBoundingClientRect();y(a,{left:Math.ceil(k.left)-k.left+
"px",top:Math.ceil(k.top)-k.top+"px"})},g(),this.unSubPixelFix=E(N,"resize",g))},getStyle:function(a){return this.style=k({fontFamily:'"Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif',fontSize:"12px"},a)},setStyle:function(a){this.boxWrapper.css(this.getStyle(a))},isHidden:function(){return!this.boxWrapper.getBBox().width},destroy:function(){var a=this.defs;this.box=null;this.boxWrapper=this.boxWrapper.destroy();c(this.gradients||{});this.gradients=null;a&&(this.defs=a.destroy());
this.unSubPixelFix&&this.unSubPixelFix();return this.alignedObjects=null},createElement:function(a){var g=new this.Element;g.init(this,a);return g},draw:B,getRadialAttr:function(a,g){return{cx:a[0]-a[2]/2+g.cx*a[2],cy:a[1]-a[2]/2+g.cy*a[2],r:g.r*a[2]}},getSpanWidth:function(a){return a.getBBox(!0).width},applyEllipsis:function(a,g,b,d){var v=a.rotation,c=b,k,A=0,n=b.length,J=function(a){g.removeChild(g.firstChild);a&&g.appendChild(l.createTextNode(a))},e;a.rotation=0;c=this.getSpanWidth(a,g);if(e=
c>d){for(;A<=n;)k=Math.ceil((A+n)/2),c=b.substring(0,k)+"\u2026",J(c),c=this.getSpanWidth(a,g),A===n?A=n+1:c>d?n=k-1:A=k;0===n&&J("")}a.rotation=v;return e},escapes:{"\x26":"\x26amp;","\x3c":"\x26lt;","\x3e":"\x26gt;","'":"\x26#39;",'"':"\x26quot;"},buildText:function(a){var d=a.element,v=this,c=v.forExport,k=F(a.textStr,"").toString(),A=-1!==k.indexOf("\x3c"),n=d.childNodes,e,B=h(d,"x"),u=a.styles,t=a.textWidth,G=u&&u.lineHeight,x=u&&u.textOutline,f=u&&"ellipsis"===u.textOverflow,P=u&&"nowrap"===
u.whiteSpace,O=u&&u.fontSize,w,q,H=n.length,u=t&&!a.added&&this.box,I=function(a){var b;b=/(px|em)$/.test(a&&a.style.fontSize)?a.style.fontSize:O||v.style.fontSize||12;return G?g(G):v.fontMetrics(b,a.getAttribute("style")?a:d).h},N=function(a,g){M(v.escapes,function(b,d){g&&-1!==p(b,g)||(a=a.toString().replace(new RegExp(b,"g"),d))});return a},m=function(a,g){var b;b=a.indexOf("\x3c");a=a.substring(b,a.indexOf("\x3e")-b);b=a.indexOf(g+"\x3d");if(-1!==b&&(b=b+g.length+1,g=a.charAt(b),'"'===g||"'"===
g))return a=a.substring(b+1),a.substring(0,a.indexOf(g))};w=[k,f,P,G,x,O,t].join();if(w!==a.textCache){for(a.textCache=w;H--;)d.removeChild(n[H]);A||x||f||t||-1!==k.indexOf(" ")?(u&&u.appendChild(d),k=A?k.replace(/<(b|strong)>/g,'\x3cspan style\x3d"font-weight:bold"\x3e').replace(/<(i|em)>/g,'\x3cspan style\x3d"font-style:italic"\x3e').replace(/<a/g,"\x3cspan").replace(/<\/(b|strong|i|em|a)>/g,"\x3c/span\x3e").split(/<br.*?>/g):[k],k=b(k,function(a){return""!==a}),z(k,function(g,b){var k,A=0;g=g.replace(/^\s+|\s+$/g,
"").replace(/<span/g,"|||\x3cspan").replace(/<\/span>/g,"\x3c/span\x3e|||");k=g.split("|||");z(k,function(g){if(""!==g||1===k.length){var n={},u=l.createElementNS(v.SVG_NS,"tspan"),p,G;(p=m(g,"class"))&&h(u,"class",p);if(p=m(g,"style"))p=p.replace(/(;| |^)color([ :])/,"$1fill$2"),h(u,"style",p);(G=m(g,"href"))&&!c&&(h(u,"onclick",'location.href\x3d"'+G+'"'),h(u,"class","highcharts-anchor"),y(u,{cursor:"pointer"}));g=N(g.replace(/<[a-zA-Z\/](.|\n)*?>/g,"")||" ");if(" "!==g){u.appendChild(l.createTextNode(g));
A?n.dx=0:b&&null!==B&&(n.x=B);h(u,n);d.appendChild(u);!A&&q&&(!Q&&c&&y(u,{display:"block"}),h(u,"dy",I(u)));if(t){n=g.replace(/([^\^])-/g,"$1- ").split(" ");G=1<k.length||b||1<n.length&&!P;var x=[],z,O=I(u),w=a.rotation;for(f&&(e=v.applyEllipsis(a,u,g,t));!f&&G&&(n.length||x.length);)a.rotation=0,z=v.getSpanWidth(a,u),g=z>t,void 0===e&&(e=g),g&&1!==n.length?(u.removeChild(u.firstChild),x.unshift(n.pop())):(n=x,x=[],n.length&&!P&&(u=l.createElementNS(J,"tspan"),h(u,{dy:O,x:B}),p&&h(u,"style",p),d.appendChild(u)),
z>t&&(t=z+1)),n.length&&u.appendChild(l.createTextNode(n.join(" ").replace(/- /g,"-")));a.rotation=w}A++}}});q=q||d.childNodes.length}),f&&e&&a.attr("title",N(a.textStr,["\x26lt;","\x26gt;"])),u&&u.removeChild(d),x&&a.applyTextOutline&&a.applyTextOutline(x)):d.appendChild(l.createTextNode(N(k)))}},getContrast:function(a){a=r(a).rgba;a[0]*=1;a[1]*=1.2;a[2]*=.5;return 459<a[0]+a[1]+a[2]?"#000000":"#FFFFFF"},button:function(a,g,b,d,v,c,n,e,J){var A=this.label(a,g,b,J,null,null,null,null,"button"),u=
0;A.attr(G({padding:8,r:2},v));var l,B,p,t;v=G({fill:"#f7f7f7",stroke:"#cccccc","stroke-width":1,style:{color:"#333333",cursor:"pointer",fontWeight:"normal"}},v);l=v.style;delete v.style;c=G(v,{fill:"#e6e6e6"},c);B=c.style;delete c.style;n=G(v,{fill:"#e6ebf5",style:{color:"#000000",fontWeight:"bold"}},n);p=n.style;delete n.style;e=G(v,{style:{color:"#cccccc"}},e);t=e.style;delete e.style;E(A.element,L?"mouseover":"mouseenter",function(){3!==u&&A.setState(1)});E(A.element,L?"mouseout":"mouseleave",
function(){3!==u&&A.setState(u)});A.setState=function(a){1!==a&&(A.state=u=a);A.removeClass(/highcharts-button-(normal|hover|pressed|disabled)/).addClass("highcharts-button-"+["normal","hover","pressed","disabled"][a||0]);A.attr([v,c,n,e][a||0]).css([l,B,p,t][a||0])};A.attr(v).css(k({cursor:"default"},l));return A.on("click",function(a){3!==u&&d.call(A,a)})},crispLine:function(a,g){a[1]===a[4]&&(a[1]=a[4]=Math.round(a[1])-g%2/2);a[2]===a[5]&&(a[2]=a[5]=Math.round(a[2])+g%2/2);return a},path:function(a){var g=
{fill:"none"};H(a)?g.d=a:x(a)&&k(g,a);return this.createElement("path").attr(g)},circle:function(a,g,b){a=x(a)?a:{x:a,y:g,r:b};g=this.createElement("circle");g.xSetter=g.ySetter=function(a,g,b){b.setAttribute("c"+g,a)};return g.attr(a)},arc:function(a,g,b,d,v,c){x(a)?(d=a,g=d.y,b=d.r,a=d.x):d={innerR:d,start:v,end:c};a=this.symbol("arc",a,g,b,b,d);a.r=b;return a},rect:function(a,g,b,d,v,c){v=x(a)?a.r:v;var k=this.createElement("rect");a=x(a)?a:void 0===a?{}:{x:a,y:g,width:Math.max(b,0),height:Math.max(d,
0)};void 0!==c&&(a.strokeWidth=c,a=k.crisp(a));a.fill="none";v&&(a.r=v);k.rSetter=function(a,g,b){h(b,{rx:a,ry:a})};return k.attr(a)},setSize:function(a,g,b){var d=this.alignedObjects,v=d.length;this.width=a;this.height=g;for(this.boxWrapper.animate({width:a,height:g},{step:function(){this.attr({viewBox:"0 0 "+this.attr("width")+" "+this.attr("height")})},duration:F(b,!0)?void 0:0});v--;)d[v].align()},g:function(a){var g=this.createElement("g");return a?g.attr({"class":"highcharts-"+a}):g},image:function(a,
g,b,d,v,c){var n={preserveAspectRatio:"none"},e,J=function(a,g){a.setAttributeNS?a.setAttributeNS("http://www.w3.org/1999/xlink","href",g):a.setAttribute("hc-svg-href",g)},A=function(g){J(e.element,a);c.call(e,g)};1<arguments.length&&k(n,{x:g,y:b,width:d,height:v});e=this.createElement("image").attr(n);c?(J(e.element,"data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw\x3d\x3d"),n=new N.Image,E(n,"load",A),n.src=a,n.complete&&A({})):J(e.element,a);return e},symbol:function(a,
g,b,d,v,c){var n=this,e,J=/^url\((.*?)\)$/,A=J.test(a),u=!A&&(this.symbols[a]?a:"circle"),B=u&&this.symbols[u],p=w(g)&&B&&B.call(this.symbols,Math.round(g),Math.round(b),d,v,c),t,G;B?(e=this.path(p),e.attr("fill","none"),k(e,{symbolName:u,x:g,y:b,width:d,height:v}),c&&k(e,c)):A&&(t=a.match(J)[1],e=this.image(t),e.imgwidth=F(O[t]&&O[t].width,c&&c.width),e.imgheight=F(O[t]&&O[t].height,c&&c.height),G=function(){e.attr({width:e.width,height:e.height})},z(["width","height"],function(a){e[a+"Setter"]=
function(a,g){var b={},d=this["img"+g],v="width"===g?"translateX":"translateY";this[g]=a;w(d)&&(this.element&&this.element.setAttribute(g,d),this.alignByTranslate||(b[v]=((this[g]||0)-d)/2,this.attr(b)))}}),w(g)&&e.attr({x:g,y:b}),e.isImg=!0,w(e.imgwidth)&&w(e.imgheight)?G():(e.attr({width:0,height:0}),q("img",{onload:function(){var a=f[n.chartIndex];0===this.width&&(y(this,{position:"absolute",top:"-999em"}),l.body.appendChild(this));O[t]={width:this.width,height:this.height};e.imgwidth=this.width;
e.imgheight=this.height;e.element&&G();this.parentNode&&this.parentNode.removeChild(this);n.imgCount--;if(!n.imgCount&&a&&a.onload)a.onload()},src:t}),this.imgCount++));return e},symbols:{circle:function(a,g,b,d){return this.arc(a+b/2,g+d/2,b/2,d/2,{start:0,end:2*Math.PI,open:!1})},square:function(a,g,b,d){return["M",a,g,"L",a+b,g,a+b,g+d,a,g+d,"Z"]},triangle:function(a,g,b,d){return["M",a+b/2,g,"L",a+b,g+d,a,g+d,"Z"]},"triangle-down":function(a,g,b,d){return["M",a,g,"L",a+b,g,a+b/2,g+d,"Z"]},diamond:function(a,
g,b,d){return["M",a+b/2,g,"L",a+b,g+d/2,a+b/2,g+d,a,g+d/2,"Z"]},arc:function(a,g,b,d,v){var c=v.start,k=v.r||b,n=v.r||d||b,e=v.end-.001;b=v.innerR;d=F(v.open,.001>Math.abs(v.end-v.start-2*Math.PI));var J=Math.cos(c),u=Math.sin(c),A=Math.cos(e),e=Math.sin(e);v=.001>v.end-c-Math.PI?0:1;k=["M",a+k*J,g+n*u,"A",k,n,0,v,1,a+k*A,g+n*e];w(b)&&k.push(d?"M":"L",a+b*A,g+b*e,"A",b,b,0,v,0,a+b*J,g+b*u);k.push(d?"":"Z");return k},callout:function(a,g,b,d,v){var c=Math.min(v&&v.r||0,b,d),k=c+6,n=v&&v.anchorX;v=
v&&v.anchorY;var e;e=["M",a+c,g,"L",a+b-c,g,"C",a+b,g,a+b,g,a+b,g+c,"L",a+b,g+d-c,"C",a+b,g+d,a+b,g+d,a+b-c,g+d,"L",a+c,g+d,"C",a,g+d,a,g+d,a,g+d-c,"L",a,g+c,"C",a,g,a,g,a+c,g];n&&n>b?v>g+k&&v<g+d-k?e.splice(13,3,"L",a+b,v-6,a+b+6,v,a+b,v+6,a+b,g+d-c):e.splice(13,3,"L",a+b,d/2,n,v,a+b,d/2,a+b,g+d-c):n&&0>n?v>g+k&&v<g+d-k?e.splice(33,3,"L",a,v+6,a-6,v,a,v-6,a,g+c):e.splice(33,3,"L",a,d/2,n,v,a,d/2,a,g+c):v&&v>d&&n>a+k&&n<a+b-k?e.splice(23,3,"L",n+6,g+d,n,g+d+6,n-6,g+d,a+c,g+d):v&&0>v&&n>a+k&&n<a+b-
k&&e.splice(3,3,"L",n-6,g,n,g-6,n+6,g,b-c,g);return e}},clipRect:function(g,b,d,v){var c=a.uniqueKey(),k=this.createElement("clipPath").attr({id:c}).add(this.defs);g=this.rect(g,b,d,v,0).add(k);g.id=c;g.clipPath=k;g.count=0;return g},text:function(a,g,b,d){var v={};if(d&&(this.allowHTML||!this.forExport))return this.html(a,g,b);v.x=Math.round(g||0);b&&(v.y=Math.round(b));if(a||0===a)v.text=a;a=this.createElement("text").attr(v);d||(a.xSetter=function(a,g,b){var d=b.getElementsByTagName("tspan"),v,
c=b.getAttribute(g),k;for(k=0;k<d.length;k++)v=d[k],v.getAttribute(g)===c&&v.setAttribute(g,a);b.setAttribute(g,a)});return a},fontMetrics:function(a,b){a=a||b&&b.style&&b.style.fontSize||this.style&&this.style.fontSize;a=/px/.test(a)?g(a):/em/.test(a)?parseFloat(a)*(b?this.fontMetrics(null,b.parentNode).f:16):12;b=24>a?a+3:Math.round(1.2*a);return{h:b,b:Math.round(.8*b),f:a}},rotCorr:function(a,g,b){var d=a;g&&b&&(d=Math.max(d*Math.cos(g*e),4));return{x:-a/3*Math.sin(g*e),y:d}},label:function(g,
b,d,c,n,e,J,u,l){var B=this,p=B.g("button"!==l&&"label"),t=p.text=B.text("",0,0,J).attr({zIndex:1}),A,x,Q=0,f=3,P=0,h,O,q,F,H,I={},N,y,M=/^url\((.*?)\)$/.test(c),m=M,L,r,R,U;l&&p.addClass("highcharts-"+l);m=M;L=function(){return(N||0)%2/2};r=function(){var a=t.element.style,g={};x=(void 0===h||void 0===O||H)&&w(t.textStr)&&t.getBBox();p.width=(h||x.width||0)+2*f+P;p.height=(O||x.height||0)+2*f;y=f+B.fontMetrics(a&&a.fontSize,t).b;m&&(A||(p.box=A=B.symbols[c]||M?B.symbol(c):B.rect(),A.addClass(("button"===
l?"":"highcharts-label-box")+(l?" highcharts-"+l+"-box":"")),A.add(p),a=L(),g.x=a,g.y=(u?-y:0)+a),g.width=Math.round(p.width),g.height=Math.round(p.height),A.attr(k(g,I)),I={})};R=function(){var a=P+f,g;g=u?0:y;w(h)&&x&&("center"===H||"right"===H)&&(a+={center:.5,right:1}[H]*(h-x.width));if(a!==t.x||g!==t.y)t.attr("x",a),t.hasBoxWidthChanged&&(x=t.getBBox(!0),r()),void 0!==g&&t.attr("y",g);t.x=a;t.y=g};U=function(a,g){A?A.attr(a,g):I[a]=g};p.onAdd=function(){t.add(p);p.attr({text:g||0===g?g:"",x:b,
y:d});A&&w(n)&&p.attr({anchorX:n,anchorY:e})};p.widthSetter=function(g){h=a.isNumber(g)?g:null};p.heightSetter=function(a){O=a};p["text-alignSetter"]=function(a){H=a};p.paddingSetter=function(a){w(a)&&a!==f&&(f=p.padding=a,R())};p.paddingLeftSetter=function(a){w(a)&&a!==P&&(P=a,R())};p.alignSetter=function(a){a={left:0,center:.5,right:1}[a];a!==Q&&(Q=a,x&&p.attr({x:q}))};p.textSetter=function(a){void 0!==a&&t.textSetter(a);r();R()};p["stroke-widthSetter"]=function(a,g){a&&(m=!0);N=this["stroke-width"]=
a;U(g,a)};p.strokeSetter=p.fillSetter=p.rSetter=function(a,g){"r"!==g&&("fill"===g&&a&&(m=!0),p[g]=a);U(g,a)};p.anchorXSetter=function(a,g){n=p.anchorX=a;U(g,Math.round(a)-L()-q)};p.anchorYSetter=function(a,g){e=p.anchorY=a;U(g,a-F)};p.xSetter=function(a){p.x=a;Q&&(a-=Q*((h||x.width)+2*f),p["forceAnimate:x"]=!0);q=Math.round(a);p.attr("translateX",q)};p.ySetter=function(a){F=p.y=Math.round(a);p.attr("translateY",F)};var S=p.css;return k(p,{css:function(a){if(a){var g={};a=G(a);z(p.textProps,function(b){void 0!==
a[b]&&(g[b]=a[b],delete a[b])});t.css(g);"width"in g&&r()}return S.call(p,a)},getBBox:function(){return{width:x.width+2*f,height:x.height+2*f,x:x.x-f,y:x.y-f}},shadow:function(a){a&&(r(),A&&A.shadow(a));return p},destroy:function(){v(p.element,"mouseenter");v(p.element,"mouseleave");t&&(t=t.destroy());A&&(A=A.destroy());C.prototype.destroy.call(p);p=B=r=R=U=null}})}});a.Renderer=D})(K);(function(a){var C=a.attr,D=a.createElement,E=a.css,m=a.defined,h=a.each,f=a.extend,r=a.isFirefox,y=a.isMS,q=a.isWebKit,
w=a.pick,e=a.pInt,c=a.SVGRenderer,l=a.win,z=a.wrap;f(a.SVGElement.prototype,{htmlCss:function(a){var d=this.element;if((d=a&&"SPAN"===d.tagName&&a.width)||this.textWidth&&!d)delete a.width,this.textWidth=d,this.htmlUpdateTransform();a&&"ellipsis"===a.textOverflow&&(a.whiteSpace="nowrap",a.overflow="hidden");this.styles=f(this.styles,a);E(this.element,a);return this},htmlGetBBox:function(){var a=this.element;return{x:a.offsetLeft,y:a.offsetTop,width:a.offsetWidth,height:a.offsetHeight}},htmlUpdateTransform:function(){if(this.added){var a=
this.renderer,d=this.element,b=this.translateX||0,c=this.translateY||0,p=this.x||0,l=this.y||0,t=this.textAlign||"left",f={left:0,center:.5,right:1}[t],x=this.styles,z=x&&x.whiteSpace;E(d,{marginLeft:b,marginTop:c});this.shadows&&h(this.shadows,function(a){E(a,{marginLeft:b+1,marginTop:c+1})});this.inverted&&h(d.childNodes,function(b){a.invertChild(b,d)});if("SPAN"===d.tagName){var x=this.rotation,n=this.textWidth&&e(this.textWidth),G=[x,t,d.innerHTML,this.textWidth,this.textAlign].join(),B;(B=n!==
this.oldTextWidth)&&!(B=n>this.oldTextWidth)&&((B=this.textPxLength)||(E(d,{width:"",whiteSpace:z||"nowrap"}),B=d.offsetWidth),B=B>n);B&&/[ \-]/.test(d.textContent||d.innerText)?(E(d,{width:n+"px",display:"block",whiteSpace:z||"normal"}),this.oldTextWidth=n,this.hasBoxWidthChanged=!0):this.hasBoxWidthChanged=!1;G!==this.cTT&&(z=a.fontMetrics(d.style.fontSize).b,!m(x)||x===(this.oldRotation||0)&&t===this.oldAlign||this.setSpanRotation(x,f,z),this.getSpanCorrection(!m(x)&&this.textPxLength||d.offsetWidth,
z,f,x,t));E(d,{left:p+(this.xCorr||0)+"px",top:l+(this.yCorr||0)+"px"});this.cTT=G;this.oldRotation=x;this.oldAlign=t}}else this.alignOnAdd=!0},setSpanRotation:function(a,d,b){var c={},k=this.renderer.getTransformKey();c[k]=c.transform="rotate("+a+"deg)";c[k+(r?"Origin":"-origin")]=c.transformOrigin=100*d+"% "+b+"px";E(this.element,c)},getSpanCorrection:function(a,d,b){this.xCorr=-a*b;this.yCorr=-d}});f(c.prototype,{getTransformKey:function(){return y&&!/Edge/.test(l.navigator.userAgent)?"-ms-transform":
q?"-webkit-transform":r?"MozTransform":l.opera?"-o-transform":""},html:function(a,d,b){var c=this.createElement("span"),k=c.element,e=c.renderer,l=e.isSVG,q=function(a,b){h(["opacity","visibility"],function(d){z(a,d+"Setter",function(a,d,c,k){a.call(this,d,c,k);b[c]=d})});a.addedSetters=!0};c.textSetter=function(a){a!==k.innerHTML&&delete this.bBox;this.textStr=a;k.innerHTML=w(a,"");c.doTransform=!0};l&&q(c,c.element.style);c.xSetter=c.ySetter=c.alignSetter=c.rotationSetter=function(a,b){"align"===
b&&(b="textAlign");c[b]=a;c.doTransform=!0};c.afterSetters=function(){this.doTransform&&(this.htmlUpdateTransform(),this.doTransform=!1)};c.attr({text:a,x:Math.round(d),y:Math.round(b)}).css({fontFamily:this.style.fontFamily,fontSize:this.style.fontSize,position:"absolute"});k.style.whiteSpace="nowrap";c.css=c.htmlCss;l&&(c.add=function(a){var b,d=e.box.parentNode,p=[];if(this.parentGroup=a){if(b=a.div,!b){for(;a;)p.push(a),a=a.parentGroup;h(p.reverse(),function(a){function k(g,b){a[b]=g;"translateX"===
b?n.left=g+"px":n.top=g+"px";a.doTransform=!0}var n,g=C(a.element,"class");g&&(g={className:g});b=a.div=a.div||D("div",g,{position:"absolute",left:(a.translateX||0)+"px",top:(a.translateY||0)+"px",display:a.display,opacity:a.opacity,pointerEvents:a.styles&&a.styles.pointerEvents},b||d);n=b.style;f(a,{classSetter:function(a){return function(g){this.element.setAttribute("class",g);a.className=g}}(b),on:function(){p[0].div&&c.on.apply({element:p[0].div},arguments);return a},translateXSetter:k,translateYSetter:k});
a.addedSetters||q(a,n)})}}else b=d;b.appendChild(k);c.added=!0;c.alignOnAdd&&c.htmlUpdateTransform();return c});return c}})})(K);(function(a){var C=a.defined,D=a.each,E=a.extend,m=a.merge,h=a.pick,f=a.timeUnits,r=a.win;a.Time=function(a){this.update(a,!1)};a.Time.prototype={defaultOptions:{},update:function(a){var f=h(a&&a.useUTC,!0),w=this;this.options=a=m(!0,this.options||{},a);this.Date=a.Date||r.Date;this.timezoneOffset=(this.useUTC=f)&&a.timezoneOffset;this.getTimezoneOffset=this.timezoneOffsetFunction();
(this.variableTimezone=!(f&&!a.getTimezoneOffset&&!a.timezone))||this.timezoneOffset?(this.get=function(a,c){var e=c.getTime(),f=e-w.getTimezoneOffset(c);c.setTime(f);a=c["getUTC"+a]();c.setTime(e);return a},this.set=function(a,c,l){var e;if("Milliseconds"===a||"Seconds"===a||"Minutes"===a&&0===c.getTimezoneOffset()%60)c["set"+a](l);else e=w.getTimezoneOffset(c),e=c.getTime()-e,c.setTime(e),c["setUTC"+a](l),a=w.getTimezoneOffset(c),e=c.getTime()+a,c.setTime(e)}):f?(this.get=function(a,c){return c["getUTC"+
a]()},this.set=function(a,c,l){return c["setUTC"+a](l)}):(this.get=function(a,c){return c["get"+a]()},this.set=function(a,c,l){return c["set"+a](l)})},makeTime:function(f,q,w,e,c,l){var z,k,d;this.useUTC?(z=this.Date.UTC.apply(0,arguments),k=this.getTimezoneOffset(z),z+=k,d=this.getTimezoneOffset(z),k!==d?z+=d-k:k-36E5!==this.getTimezoneOffset(z-36E5)||a.isSafari||(z-=36E5)):z=(new this.Date(f,q,h(w,1),h(e,0),h(c,0),h(l,0))).getTime();return z},timezoneOffsetFunction:function(){var f=this,h=this.options,
w=r.moment;if(!this.useUTC)return function(a){return 6E4*(new Date(a)).getTimezoneOffset()};if(h.timezone){if(w)return function(a){return 6E4*-w.tz(a,h.timezone).utcOffset()};a.error(25)}return this.useUTC&&h.getTimezoneOffset?function(a){return 6E4*h.getTimezoneOffset(a)}:function(){return 6E4*(f.timezoneOffset||0)}},dateFormat:function(f,h,w){if(!a.defined(h)||isNaN(h))return a.defaultOptions.lang.invalidDate||"";f=a.pick(f,"%Y-%m-%d %H:%M:%S");var e=this,c=new this.Date(h),l=this.get("Hours",c),
z=this.get("Day",c),k=this.get("Date",c),d=this.get("Month",c),b=this.get("FullYear",c),u=a.defaultOptions.lang,p=u.weekdays,H=u.shortWeekdays,t=a.pad,c=a.extend({a:H?H[z]:p[z].substr(0,3),A:p[z],d:t(k),e:t(k,2," "),w:z,b:u.shortMonths[d],B:u.months[d],m:t(d+1),o:d+1,y:b.toString().substr(2,2),Y:b,H:t(l),k:l,I:t(l%12||12),l:l%12||12,M:t(e.get("Minutes",c)),p:12>l?"AM":"PM",P:12>l?"am":"pm",S:t(c.getSeconds()),L:t(Math.round(h%1E3),3)},a.dateFormats);a.objectEach(c,function(a,b){for(;-1!==f.indexOf("%"+
b);)f=f.replace("%"+b,"function"===typeof a?a.call(e,h):a)});return w?f.substr(0,1).toUpperCase()+f.substr(1):f},getTimeTicks:function(a,q,w,e){var c=this,l=[],z={},k,d=new c.Date(q),b=a.unitRange,u=a.count||1,p;if(C(q)){c.set("Milliseconds",d,b>=f.second?0:u*Math.floor(c.get("Milliseconds",d)/u));b>=f.second&&c.set("Seconds",d,b>=f.minute?0:u*Math.floor(c.get("Seconds",d)/u));b>=f.minute&&c.set("Minutes",d,b>=f.hour?0:u*Math.floor(c.get("Minutes",d)/u));b>=f.hour&&c.set("Hours",d,b>=f.day?0:u*Math.floor(c.get("Hours",
d)/u));b>=f.day&&c.set("Date",d,b>=f.month?1:u*Math.floor(c.get("Date",d)/u));b>=f.month&&(c.set("Month",d,b>=f.year?0:u*Math.floor(c.get("Month",d)/u)),k=c.get("FullYear",d));b>=f.year&&c.set("FullYear",d,k-k%u);b===f.week&&c.set("Date",d,c.get("Date",d)-c.get("Day",d)+h(e,1));k=c.get("FullYear",d);e=c.get("Month",d);var H=c.get("Date",d),t=c.get("Hours",d);q=d.getTime();c.variableTimezone&&(p=w-q>4*f.month||c.getTimezoneOffset(q)!==c.getTimezoneOffset(w));d=d.getTime();for(q=1;d<w;)l.push(d),d=
b===f.year?c.makeTime(k+q*u,0):b===f.month?c.makeTime(k,e+q*u):!p||b!==f.day&&b!==f.week?p&&b===f.hour&&1<u?c.makeTime(k,e,H,t+q*u):d+b*u:c.makeTime(k,e,H+q*u*(b===f.day?1:7)),q++;l.push(d);b<=f.hour&&1E4>l.length&&D(l,function(a){0===a%18E5&&"000000000"===c.dateFormat("%H%M%S%L",a)&&(z[a]="day")})}l.info=E(a,{higherRanks:z,totalRange:b*u});return l}}})(K);(function(a){var C=a.color,D=a.merge;a.defaultOptions={colors:"#7cb5ec #434348 #90ed7d #f7a35c #8085e9 #f15c80 #e4d354 #2b908f #f45b5b #91e8e1".split(" "),
symbols:["circle","diamond","square","triangle","triangle-down"],lang:{loading:"Loading...",months:"January February March April May June July August September October November December".split(" "),shortMonths:"Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec".split(" "),weekdays:"Sunday Monday Tuesday Wednesday Thursday Friday Saturday".split(" "),decimalPoint:".",numericSymbols:"kMGTPE".split(""),resetZoom:"Reset zoom",resetZoomTitle:"Reset zoom level 1:1",thousandsSep:" "},global:{},time:a.Time.prototype.defaultOptions,
chart:{borderRadius:0,defaultSeriesType:"line",ignoreHiddenSeries:!0,spacing:[10,10,15,10],resetZoomButton:{theme:{zIndex:6},position:{align:"right",x:-10,y:10}},width:null,height:null,borderColor:"#335cad",backgroundColor:"#ffffff",plotBorderColor:"#cccccc"},title:{text:"Chart title",align:"center",margin:15,widthAdjust:-44},subtitle:{text:"",align:"center",widthAdjust:-44},plotOptions:{},labels:{style:{position:"absolute",color:"#333333"}},legend:{enabled:!0,align:"center",alignColumns:!0,layout:"horizontal",
labelFormatter:function(){return this.name},borderColor:"#999999",borderRadius:0,navigation:{activeColor:"#003399",inactiveColor:"#cccccc"},itemStyle:{color:"#333333",fontSize:"12px",fontWeight:"bold",textOverflow:"ellipsis"},itemHoverStyle:{color:"#000000"},itemHiddenStyle:{color:"#cccccc"},shadow:!1,itemCheckboxStyle:{position:"absolute",width:"13px",height:"13px"},squareSymbol:!0,symbolPadding:5,verticalAlign:"bottom",x:0,y:0,title:{style:{fontWeight:"bold"}}},loading:{labelStyle:{fontWeight:"bold",
position:"relative",top:"45%"},style:{position:"absolute",backgroundColor:"#ffffff",opacity:.5,textAlign:"center"}},tooltip:{enabled:!0,animation:a.svg,borderRadius:3,dateTimeLabelFormats:{millisecond:"%A, %b %e, %H:%M:%S.%L",second:"%A, %b %e, %H:%M:%S",minute:"%A, %b %e, %H:%M",hour:"%A, %b %e, %H:%M",day:"%A, %b %e, %Y",week:"Week from %A, %b %e, %Y",month:"%B %Y",year:"%Y"},footerFormat:"",padding:8,snap:a.isTouchDevice?25:10,backgroundColor:C("#f7f7f7").setOpacity(.85).get(),borderWidth:1,headerFormat:'\x3cspan style\x3d"font-size: 10px"\x3e{point.key}\x3c/span\x3e\x3cbr/\x3e',
pointFormat:'\x3cspan style\x3d"color:{point.color}"\x3e\u25cf\x3c/span\x3e {series.name}: \x3cb\x3e{point.y}\x3c/b\x3e\x3cbr/\x3e',shadow:!0,style:{color:"#333333",cursor:"default",fontSize:"12px",pointerEvents:"none",whiteSpace:"nowrap"}},credits:{enabled:!0,href:"https://www.highcharts.com",position:{align:"right",x:-10,verticalAlign:"bottom",y:-5},style:{cursor:"pointer",color:"#999999",fontSize:"9px"},text:"Highcharts.com"}};a.setOptions=function(C){a.defaultOptions=D(!0,a.defaultOptions,C);
a.time.update(D(a.defaultOptions.global,a.defaultOptions.time),!1);return a.defaultOptions};a.getOptions=function(){return a.defaultOptions};a.defaultPlotOptions=a.defaultOptions.plotOptions;a.time=new a.Time(D(a.defaultOptions.global,a.defaultOptions.time));a.dateFormat=function(C,m,h){return a.time.dateFormat(C,m,h)}})(K);(function(a){var C=a.correctFloat,D=a.defined,E=a.destroyObjectProperties,m=a.fireEvent,h=a.isNumber,f=a.merge,r=a.pick,y=a.deg2rad;a.Tick=function(a,f,e,c){this.axis=a;this.pos=
f;this.type=e||"";this.isNewLabel=this.isNew=!0;e||c||this.addLabel()};a.Tick.prototype={addLabel:function(){var a=this.axis,h=a.options,e=a.chart,c=a.categories,l=a.names,z=this.pos,k=h.labels,d=a.tickPositions,b=z===d[0],u=z===d[d.length-1],l=c?r(c[z],l[z],z):z,c=this.label,d=d.info,p;a.isDatetimeAxis&&d&&(p=h.dateTimeLabelFormats[d.higherRanks[z]||d.unitName]);this.isFirst=b;this.isLast=u;h={axis:a,chart:e,isFirst:b,isLast:u,dateTimeLabelFormat:p,value:a.isLog?C(a.lin2log(l)):l,pos:z};h=a.labelFormatter.call(h,
h);if(D(c))c&&c.attr({text:h});else{if(this.label=c=D(h)&&k.enabled?e.renderer.text(h,0,0,k.useHTML).css(f(k.style)).add(a.labelGroup):null)c.textPxLength=c.getBBox().width;this.rotation=0}},getLabelSize:function(){return this.label?this.label.getBBox()[this.axis.horiz?"height":"width"]:0},handleOverflow:function(a){var f=this.axis,e=f.options.labels,c=a.x,l=f.chart.chartWidth,z=f.chart.spacing,k=r(f.labelLeft,Math.min(f.pos,z[3])),z=r(f.labelRight,Math.max(f.isRadial?0:f.pos+f.len,l-z[1])),d=this.label,
b=this.rotation,u={left:0,center:.5,right:1}[f.labelAlign||d.attr("align")],p=d.getBBox().width,h=f.getSlotWidth(this),t=h,q=1,x,I={};if(b||!1===e.overflow)0>b&&c-u*p<k?x=Math.round(c/Math.cos(b*y)-k):0<b&&c+u*p>z&&(x=Math.round((l-c)/Math.cos(b*y)));else if(l=c+(1-u)*p,c-u*p<k?t=a.x+t*(1-u)-k:l>z&&(t=z-a.x+t*u,q=-1),t=Math.min(h,t),t<h&&"center"===f.labelAlign&&(a.x+=q*(h-t-u*(h-Math.min(p,t)))),p>t||f.autoRotation&&(d.styles||{}).width)x=t;x&&(I.width=x,(e.style||{}).textOverflow||(I.textOverflow=
"ellipsis"),d.css(I))},getPosition:function(f,h,e,c){var l=this.axis,z=l.chart,k=c&&z.oldChartHeight||z.chartHeight;f={x:f?a.correctFloat(l.translate(h+e,null,null,c)+l.transB):l.left+l.offset+(l.opposite?(c&&z.oldChartWidth||z.chartWidth)-l.right-l.left:0),y:f?k-l.bottom+l.offset-(l.opposite?l.height:0):a.correctFloat(k-l.translate(h+e,null,null,c)-l.transB)};m(this,"afterGetPosition",{pos:f});return f},getLabelPosition:function(a,f,e,c,l,h,k,d){var b=this.axis,u=b.transA,p=b.reversed,z=b.staggerLines,
t=b.tickRotCorr||{x:0,y:0},w=l.y,x=c||b.reserveSpaceDefault?0:-b.labelOffset*("center"===b.labelAlign?.5:1),q={};D(w)||(w=0===b.side?e.rotation?-8:-e.getBBox().height:2===b.side?t.y+8:Math.cos(e.rotation*y)*(t.y-e.getBBox(!1,0).height/2));a=a+l.x+x+t.x-(h&&c?h*u*(p?-1:1):0);f=f+w-(h&&!c?h*u*(p?1:-1):0);z&&(e=k/(d||1)%z,b.opposite&&(e=z-e-1),f+=b.labelOffset/z*e);q.x=a;q.y=Math.round(f);m(this,"afterGetLabelPosition",{pos:q});return q},getMarkPath:function(a,f,e,c,l,h){return h.crispLine(["M",a,f,
"L",a+(l?0:-e),f+(l?e:0)],c)},renderGridLine:function(a,f,e){var c=this.axis,l=c.options,h=this.gridLine,k={},d=this.pos,b=this.type,u=c.tickmarkOffset,p=c.chart.renderer,H=b?b+"Grid":"grid",t=l[H+"LineWidth"],w=l[H+"LineColor"],l=l[H+"LineDashStyle"];h||(k.stroke=w,k["stroke-width"]=t,l&&(k.dashstyle=l),b||(k.zIndex=1),a&&(k.opacity=0),this.gridLine=h=p.path().attr(k).addClass("highcharts-"+(b?b+"-":"")+"grid-line").add(c.gridGroup));if(!a&&h&&(a=c.getPlotLinePath(d+u,h.strokeWidth()*e,a,!0)))h[this.isNew?
"attr":"animate"]({d:a,opacity:f})},renderMark:function(a,f,e){var c=this.axis,l=c.options,h=c.chart.renderer,k=this.type,d=k?k+"Tick":"tick",b=c.tickSize(d),u=this.mark,p=!u,H=a.x;a=a.y;var t=r(l[d+"Width"],!k&&c.isXAxis?1:0),l=l[d+"Color"];b&&(c.opposite&&(b[0]=-b[0]),p&&(this.mark=u=h.path().addClass("highcharts-"+(k?k+"-":"")+"tick").add(c.axisGroup),u.attr({stroke:l,"stroke-width":t})),u[p?"attr":"animate"]({d:this.getMarkPath(H,a,b[0],u.strokeWidth()*e,c.horiz,h),opacity:f}))},renderLabel:function(a,
f,e,c){var l=this.axis,z=l.horiz,k=l.options,d=this.label,b=k.labels,u=b.step,l=l.tickmarkOffset,p=!0,H=a.x;a=a.y;d&&h(H)&&(d.xy=a=this.getLabelPosition(H,a,d,z,b,l,c,u),this.isFirst&&!this.isLast&&!r(k.showFirstLabel,1)||this.isLast&&!this.isFirst&&!r(k.showLastLabel,1)?p=!1:!z||b.step||b.rotation||f||0===e||this.handleOverflow(a),u&&c%u&&(p=!1),p&&h(a.y)?(a.opacity=e,d[this.isNewLabel?"attr":"animate"](a),this.isNewLabel=!1):(d.attr("y",-9999),this.isNewLabel=!0))},render:function(f,h,e){var c=
this.axis,l=c.horiz,z=this.getPosition(l,this.pos,c.tickmarkOffset,h),k=z.x,d=z.y,c=l&&k===c.pos+c.len||!l&&d===c.pos?-1:1;e=r(e,1);this.isActive=!0;this.renderGridLine(h,e,c);this.renderMark(z,e,c);this.renderLabel(z,h,e,f);this.isNew=!1;a.fireEvent(this,"afterRender")},destroy:function(){E(this,this.axis)}}})(K);var V=function(a){var C=a.addEvent,D=a.animObject,E=a.arrayMax,m=a.arrayMin,h=a.color,f=a.correctFloat,r=a.defaultOptions,y=a.defined,q=a.deg2rad,w=a.destroyObjectProperties,e=a.each,c=
a.extend,l=a.fireEvent,z=a.format,k=a.getMagnitude,d=a.grep,b=a.inArray,u=a.isArray,p=a.isNumber,H=a.isString,t=a.merge,L=a.normalizeTickInterval,x=a.objectEach,I=a.pick,n=a.removeEvent,G=a.splat,B=a.syncTimeout,M=a.Tick,F=function(){this.init.apply(this,arguments)};a.extend(F.prototype,{defaultOptions:{dateTimeLabelFormats:{millisecond:"%H:%M:%S.%L",second:"%H:%M:%S",minute:"%H:%M",hour:"%H:%M",day:"%e. %b",week:"%e. %b",month:"%b '%y",year:"%Y"},endOnTick:!1,labels:{enabled:!0,x:0,style:{color:"#666666",
cursor:"default",fontSize:"11px"}},maxPadding:.01,minorTickLength:2,minorTickPosition:"outside",minPadding:.01,startOfWeek:1,startOnTick:!1,tickLength:10,tickPixelInterval:100,tickmarkPlacement:"between",tickPosition:"outside",title:{align:"middle",style:{color:"#666666"}},type:"linear",minorGridLineColor:"#f2f2f2",minorGridLineWidth:1,minorTickColor:"#999999",lineColor:"#ccd6eb",lineWidth:1,gridLineColor:"#e6e6e6",tickColor:"#ccd6eb"},defaultYAxisOptions:{endOnTick:!0,maxPadding:.05,minPadding:.05,
tickPixelInterval:72,showLastLabel:!0,labels:{x:-8},startOnTick:!0,title:{rotation:270,text:"Values"},stackLabels:{allowOverlap:!1,enabled:!1,formatter:function(){return a.numberFormat(this.total,-1)},style:{fontSize:"11px",fontWeight:"bold",color:"#000000",textOutline:"1px contrast"}},gridLineWidth:1,lineWidth:0},defaultLeftAxisOptions:{labels:{x:-15},title:{rotation:270}},defaultRightAxisOptions:{labels:{x:15},title:{rotation:90}},defaultBottomAxisOptions:{labels:{autoRotation:[-45],x:0},title:{rotation:0}},
defaultTopAxisOptions:{labels:{autoRotation:[-45],x:0},title:{rotation:0}},init:function(a,d){var g=d.isX,v=this;v.chart=a;v.horiz=a.inverted&&!v.isZAxis?!g:g;v.isXAxis=g;v.coll=v.coll||(g?"xAxis":"yAxis");l(this,"init",{userOptions:d});v.opposite=d.opposite;v.side=d.side||(v.horiz?v.opposite?0:2:v.opposite?1:3);v.setOptions(d);var c=this.options,k=c.type;v.labelFormatter=c.labels.formatter||v.defaultLabelFormatter;v.userOptions=d;v.minPixelPadding=0;v.reversed=c.reversed;v.visible=!1!==c.visible;
v.zoomEnabled=!1!==c.zoomEnabled;v.hasNames="category"===k||!0===c.categories;v.categories=c.categories||v.hasNames;v.names||(v.names=[],v.names.keys={});v.plotLinesAndBandsGroups={};v.isLog="logarithmic"===k;v.isDatetimeAxis="datetime"===k;v.positiveValuesOnly=v.isLog&&!v.allowNegativeLog;v.isLinked=y(c.linkedTo);v.ticks={};v.labelEdge=[];v.minorTicks={};v.plotLinesAndBands=[];v.alternateBands={};v.len=0;v.minRange=v.userMinRange=c.minRange||c.maxZoom;v.range=c.range;v.offset=c.offset||0;v.stacks=
{};v.oldStacks={};v.stacksTouched=0;v.max=null;v.min=null;v.crosshair=I(c.crosshair,G(a.options.tooltip.crosshairs)[g?0:1],!1);d=v.options.events;-1===b(v,a.axes)&&(g?a.axes.splice(a.xAxis.length,0,v):a.axes.push(v),a[v.coll].push(v));v.series=v.series||[];a.inverted&&!v.isZAxis&&g&&void 0===v.reversed&&(v.reversed=!0);x(d,function(a,g){C(v,g,a)});v.lin2log=c.linearToLogConverter||v.lin2log;v.isLog&&(v.val2lin=v.log2lin,v.lin2val=v.lin2log);l(this,"afterInit")},setOptions:function(a){this.options=
t(this.defaultOptions,"yAxis"===this.coll&&this.defaultYAxisOptions,[this.defaultTopAxisOptions,this.defaultRightAxisOptions,this.defaultBottomAxisOptions,this.defaultLeftAxisOptions][this.side],t(r[this.coll],a));l(this,"afterSetOptions",{userOptions:a})},defaultLabelFormatter:function(){var g=this.axis,b=this.value,d=g.chart.time,c=g.categories,k=this.dateTimeLabelFormat,n=r.lang,e=n.numericSymbols,n=n.numericSymbolMagnitude||1E3,p=e&&e.length,l,u=g.options.labels.format,g=g.isLog?Math.abs(b):g.tickInterval;
if(u)l=z(u,this,d);else if(c)l=b;else if(k)l=d.dateFormat(k,b);else if(p&&1E3<=g)for(;p--&&void 0===l;)d=Math.pow(n,p+1),g>=d&&0===10*b%d&&null!==e[p]&&0!==b&&(l=a.numberFormat(b/d,-1)+e[p]);void 0===l&&(l=1E4<=Math.abs(b)?a.numberFormat(b,-1):a.numberFormat(b,-1,void 0,""));return l},getSeriesExtremes:function(){var a=this,b=a.chart;l(this,"getSeriesExtremes",null,function(){a.hasVisibleSeries=!1;a.dataMin=a.dataMax=a.threshold=null;a.softThreshold=!a.isXAxis;a.buildStacks&&a.buildStacks();e(a.series,
function(g){if(g.visible||!b.options.chart.ignoreHiddenSeries){var v=g.options,c=v.threshold,k;a.hasVisibleSeries=!0;a.positiveValuesOnly&&0>=c&&(c=null);if(a.isXAxis)v=g.xData,v.length&&(g=m(v),k=E(v),p(g)||g instanceof Date||(v=d(v,p),g=m(v),k=E(v)),v.length&&(a.dataMin=Math.min(I(a.dataMin,v[0],g),g),a.dataMax=Math.max(I(a.dataMax,v[0],k),k)));else if(g.getExtremes(),k=g.dataMax,g=g.dataMin,y(g)&&y(k)&&(a.dataMin=Math.min(I(a.dataMin,g),g),a.dataMax=Math.max(I(a.dataMax,k),k)),y(c)&&(a.threshold=
c),!v.softThreshold||a.positiveValuesOnly)a.softThreshold=!1}})});l(this,"afterGetSeriesExtremes")},translate:function(a,b,d,c,k,n){var g=this.linkedParent||this,v=1,e=0,J=c?g.oldTransA:g.transA;c=c?g.oldMin:g.min;var l=g.minPixelPadding;k=(g.isOrdinal||g.isBroken||g.isLog&&k)&&g.lin2val;J||(J=g.transA);d&&(v*=-1,e=g.len);g.reversed&&(v*=-1,e-=v*(g.sector||g.len));b?(a=(a*v+e-l)/J+c,k&&(a=g.lin2val(a))):(k&&(a=g.val2lin(a)),a=p(c)?v*(a-c)*J+e+v*l+(p(n)?J*n:0):void 0);return a},toPixels:function(a,
b){return this.translate(a,!1,!this.horiz,null,!0)+(b?0:this.pos)},toValue:function(a,b){return this.translate(a-(b?0:this.pos),!0,!this.horiz,null,!0)},getPlotLinePath:function(a,b,d,c,k){var g=this.chart,v=this.left,n=this.top,e,J,l=d&&g.oldChartHeight||g.chartHeight,u=d&&g.oldChartWidth||g.chartWidth,B;e=this.transB;var f=function(a,g,b){if(a<g||a>b)c?a=Math.min(Math.max(g,a),b):B=!0;return a};k=I(k,this.translate(a,null,null,d));k=Math.min(Math.max(-1E5,k),1E5);a=d=Math.round(k+e);e=J=Math.round(l-
k-e);p(k)?this.horiz?(e=n,J=l-this.bottom,a=d=f(a,v,v+this.width)):(a=v,d=u-this.right,e=J=f(e,n,n+this.height)):(B=!0,c=!1);return B&&!c?null:g.renderer.crispLine(["M",a,e,"L",d,J],b||1)},getLinearTickPositions:function(a,b,d){var g,v=f(Math.floor(b/a)*a);d=f(Math.ceil(d/a)*a);var c=[],k;f(v+a)===v&&(k=20);if(this.single)return[b];for(b=v;b<=d;){c.push(b);b=f(b+a,k);if(b===g)break;g=b}return c},getMinorTickInterval:function(){var a=this.options;return!0===a.minorTicks?I(a.minorTickInterval,"auto"):
!1===a.minorTicks?null:a.minorTickInterval},getMinorTickPositions:function(){var a=this,b=a.options,d=a.tickPositions,c=a.minorTickInterval,k=[],n=a.pointRangePadding||0,p=a.min-n,n=a.max+n,l=n-p;if(l&&l/c<a.len/3)if(a.isLog)e(this.paddedTicks,function(g,b,d){b&&k.push.apply(k,a.getLogTickPositions(c,d[b-1],d[b],!0))});else if(a.isDatetimeAxis&&"auto"===this.getMinorTickInterval())k=k.concat(a.getTimeTicks(a.normalizeTimeTickInterval(c),p,n,b.startOfWeek));else for(b=p+(d[0]-p)%c;b<=n&&b!==k[0];b+=
c)k.push(b);0!==k.length&&a.trimTicks(k);return k},adjustForMinRange:function(){var a=this.options,b=this.min,d=this.max,c,k,n,p,l,u,B,f;this.isXAxis&&void 0===this.minRange&&!this.isLog&&(y(a.min)||y(a.max)?this.minRange=null:(e(this.series,function(a){u=a.xData;for(p=B=a.xIncrement?1:u.length-1;0<p;p--)if(l=u[p]-u[p-1],void 0===n||l<n)n=l}),this.minRange=Math.min(5*n,this.dataMax-this.dataMin)));d-b<this.minRange&&(k=this.dataMax-this.dataMin>=this.minRange,f=this.minRange,c=(f-d+b)/2,c=[b-c,I(a.min,
b-c)],k&&(c[2]=this.isLog?this.log2lin(this.dataMin):this.dataMin),b=E(c),d=[b+f,I(a.max,b+f)],k&&(d[2]=this.isLog?this.log2lin(this.dataMax):this.dataMax),d=m(d),d-b<f&&(c[0]=d-f,c[1]=I(a.min,d-f),b=E(c)));this.min=b;this.max=d},getClosest:function(){var a;this.categories?a=1:e(this.series,function(g){var b=g.closestPointRange,d=g.visible||!g.chart.options.chart.ignoreHiddenSeries;!g.noSharedTooltip&&y(b)&&d&&(a=y(a)?Math.min(a,b):b)});return a},nameToX:function(a){var g=u(this.categories),d=g?this.categories:
this.names,c=a.options.x,k;a.series.requireSorting=!1;y(c)||(c=!1===this.options.uniqueNames?a.series.autoIncrement():g?b(a.name,d):I(d.keys[a.name],-1));-1===c?g||(k=d.length):k=c;void 0!==k&&(this.names[k]=a.name,this.names.keys[a.name]=k);return k},updateNames:function(){var b=this,d=this.names;0<d.length&&(e(a.keys(d.keys),function(a){delete d.keys[a]}),d.length=0,this.minRange=this.userMinRange,e(this.series||[],function(a){a.xIncrement=null;if(!a.points||a.isDirtyData)a.processData(),a.generatePoints();
e(a.points,function(g,d){var c;g.options&&(c=b.nameToX(g),void 0!==c&&c!==g.x&&(g.x=c,a.xData[d]=c))})}))},setAxisTranslation:function(a){var b=this,g=b.max-b.min,d=b.axisPointRange||0,c,k=0,n=0,p=b.linkedParent,u=!!b.categories,f=b.transA,B=b.isXAxis;if(B||u||d)c=b.getClosest(),p?(k=p.minPointOffset,n=p.pointRangePadding):e(b.series,function(a){var g=u?1:B?I(a.options.pointRange,c,0):b.axisPointRange||0;a=a.options.pointPlacement;d=Math.max(d,g);b.single||(k=Math.max(k,H(a)?0:g/2),n=Math.max(n,"on"===
a?0:g))}),p=b.ordinalSlope&&c?b.ordinalSlope/c:1,b.minPointOffset=k*=p,b.pointRangePadding=n*=p,b.pointRange=Math.min(d,g),B&&(b.closestPointRange=c);a&&(b.oldTransA=f);b.translationSlope=b.transA=f=b.options.staticScale||b.len/(g+n||1);b.transB=b.horiz?b.left:b.bottom;b.minPixelPadding=f*k;l(this,"afterSetAxisTranslation")},minFromRange:function(){return this.max-this.range},setTickInterval:function(b){var g=this,d=g.chart,c=g.options,n=g.isLog,u=g.isDatetimeAxis,B=g.isXAxis,t=g.isLinked,h=c.maxPadding,
G=c.minPadding,x=c.tickInterval,z=c.tickPixelInterval,F=g.categories,H=p(g.threshold)?g.threshold:null,w=g.softThreshold,q,M,m,r;u||F||t||this.getTickAmount();m=I(g.userMin,c.min);r=I(g.userMax,c.max);t?(g.linkedParent=d[g.coll][c.linkedTo],d=g.linkedParent.getExtremes(),g.min=I(d.min,d.dataMin),g.max=I(d.max,d.dataMax),c.type!==g.linkedParent.options.type&&a.error(11,1)):(!w&&y(H)&&(g.dataMin>=H?(q=H,G=0):g.dataMax<=H&&(M=H,h=0)),g.min=I(m,q,g.dataMin),g.max=I(r,M,g.dataMax));n&&(g.positiveValuesOnly&&
!b&&0>=Math.min(g.min,I(g.dataMin,g.min))&&a.error(10,1),g.min=f(g.log2lin(g.min),15),g.max=f(g.log2lin(g.max),15));g.range&&y(g.max)&&(g.userMin=g.min=m=Math.max(g.dataMin,g.minFromRange()),g.userMax=r=g.max,g.range=null);l(g,"foundExtremes");g.beforePadding&&g.beforePadding();g.adjustForMinRange();!(F||g.axisPointRange||g.usePercentage||t)&&y(g.min)&&y(g.max)&&(d=g.max-g.min)&&(!y(m)&&G&&(g.min-=d*G),!y(r)&&h&&(g.max+=d*h));p(c.softMin)&&!p(g.userMin)&&(g.min=Math.min(g.min,c.softMin));p(c.softMax)&&
!p(g.userMax)&&(g.max=Math.max(g.max,c.softMax));p(c.floor)&&(g.min=Math.max(g.min,c.floor));p(c.ceiling)&&(g.max=Math.min(g.max,c.ceiling));w&&y(g.dataMin)&&(H=H||0,!y(m)&&g.min<H&&g.dataMin>=H?g.min=H:!y(r)&&g.max>H&&g.dataMax<=H&&(g.max=H));g.tickInterval=g.min===g.max||void 0===g.min||void 0===g.max?1:t&&!x&&z===g.linkedParent.options.tickPixelInterval?x=g.linkedParent.tickInterval:I(x,this.tickAmount?(g.max-g.min)/Math.max(this.tickAmount-1,1):void 0,F?1:(g.max-g.min)*z/Math.max(g.len,z));B&&
!b&&e(g.series,function(a){a.processData(g.min!==g.oldMin||g.max!==g.oldMax)});g.setAxisTranslation(!0);g.beforeSetTickPositions&&g.beforeSetTickPositions();g.postProcessTickInterval&&(g.tickInterval=g.postProcessTickInterval(g.tickInterval));g.pointRange&&!x&&(g.tickInterval=Math.max(g.pointRange,g.tickInterval));b=I(c.minTickInterval,g.isDatetimeAxis&&g.closestPointRange);!x&&g.tickInterval<b&&(g.tickInterval=b);u||n||x||(g.tickInterval=L(g.tickInterval,null,k(g.tickInterval),I(c.allowDecimals,
!(.5<g.tickInterval&&5>g.tickInterval&&1E3<g.max&&9999>g.max)),!!this.tickAmount));this.tickAmount||(g.tickInterval=g.unsquish());this.setTickPositions()},setTickPositions:function(){var a=this.options,b,d=a.tickPositions;b=this.getMinorTickInterval();var c=a.tickPositioner,k=a.startOnTick,n=a.endOnTick;this.tickmarkOffset=this.categories&&"between"===a.tickmarkPlacement&&1===this.tickInterval?.5:0;this.minorTickInterval="auto"===b&&this.tickInterval?this.tickInterval/5:b;this.single=this.min===this.max&&
y(this.min)&&!this.tickAmount&&(parseInt(this.min,10)===this.min||!1!==a.allowDecimals);this.tickPositions=b=d&&d.slice();!b&&(b=this.isDatetimeAxis?this.getTimeTicks(this.normalizeTimeTickInterval(this.tickInterval,a.units),this.min,this.max,a.startOfWeek,this.ordinalPositions,this.closestPointRange,!0):this.isLog?this.getLogTickPositions(this.tickInterval,this.min,this.max):this.getLinearTickPositions(this.tickInterval,this.min,this.max),b.length>this.len&&(b=[b[0],b.pop()],b[0]===b[1]&&(b.length=
1)),this.tickPositions=b,c&&(c=c.apply(this,[this.min,this.max])))&&(this.tickPositions=b=c);this.paddedTicks=b.slice(0);this.trimTicks(b,k,n);this.isLinked||(this.single&&2>b.length&&(this.min-=.5,this.max+=.5),d||c||this.adjustTickAmount());l(this,"afterSetTickPositions")},trimTicks:function(a,b,d){var g=a[0],c=a[a.length-1],k=this.minPointOffset||0;if(!this.isLinked){if(b&&-Infinity!==g)this.min=g;else for(;this.min-k>a[0];)a.shift();if(d)this.max=c;else for(;this.max+k<a[a.length-1];)a.pop();
0===a.length&&y(g)&&!this.options.tickPositions&&a.push((c+g)/2)}},alignToOthers:function(){var a={},b,d=this.options;!1===this.chart.options.chart.alignTicks||!1===d.alignTicks||!1===d.startOnTick||!1===d.endOnTick||this.isLog||e(this.chart[this.coll],function(g){var d=g.options,d=[g.horiz?d.left:d.top,d.width,d.height,d.pane].join();g.series.length&&(a[d]?b=!0:a[d]=1)});return b},getTickAmount:function(){var a=this.options,b=a.tickAmount,d=a.tickPixelInterval;!y(a.tickInterval)&&this.len<d&&!this.isRadial&&
!this.isLog&&a.startOnTick&&a.endOnTick&&(b=2);!b&&this.alignToOthers()&&(b=Math.ceil(this.len/d)+1);4>b&&(this.finalTickAmt=b,b=5);this.tickAmount=b},adjustTickAmount:function(){var a=this.tickInterval,b=this.tickPositions,d=this.tickAmount,c=this.finalTickAmt,k=b&&b.length,n=I(this.threshold,this.softThreshold?0:null);if(this.hasData()){if(k<d){for(;b.length<d;)b.length%2||this.min===n?b.push(f(b[b.length-1]+a)):b.unshift(f(b[0]-a));this.transA*=(k-1)/(d-1);this.min=b[0];this.max=b[b.length-1]}else k>
d&&(this.tickInterval*=2,this.setTickPositions());if(y(c)){for(a=d=b.length;a--;)(3===c&&1===a%2||2>=c&&0<a&&a<d-1)&&b.splice(a,1);this.finalTickAmt=void 0}}},setScale:function(){var a,b;this.oldMin=this.min;this.oldMax=this.max;this.oldAxisLength=this.len;this.setAxisSize();b=this.len!==this.oldAxisLength;e(this.series,function(b){if(b.isDirtyData||b.isDirty||b.xAxis.isDirty)a=!0});b||a||this.isLinked||this.forceRedraw||this.userMin!==this.oldUserMin||this.userMax!==this.oldUserMax||this.alignToOthers()?
(this.resetStacks&&this.resetStacks(),this.forceRedraw=!1,this.getSeriesExtremes(),this.setTickInterval(),this.oldUserMin=this.userMin,this.oldUserMax=this.userMax,this.isDirty||(this.isDirty=b||this.min!==this.oldMin||this.max!==this.oldMax)):this.cleanStacks&&this.cleanStacks();l(this,"afterSetScale")},setExtremes:function(a,b,d,k,n){var g=this,p=g.chart;d=I(d,!0);e(g.series,function(a){delete a.kdTree});n=c(n,{min:a,max:b});l(g,"setExtremes",n,function(){g.userMin=a;g.userMax=b;g.eventArgs=n;d&&
p.redraw(k)})},zoom:function(a,b){var g=this.dataMin,d=this.dataMax,c=this.options,k=Math.min(g,I(c.min,g)),c=Math.max(d,I(c.max,d));if(a!==this.min||b!==this.max)this.allowZoomOutside||(y(g)&&(a<k&&(a=k),a>c&&(a=c)),y(d)&&(b<k&&(b=k),b>c&&(b=c))),this.displayBtn=void 0!==a||void 0!==b,this.setExtremes(a,b,!1,void 0,{trigger:"zoom"});return!0},setAxisSize:function(){var b=this.chart,d=this.options,c=d.offsets||[0,0,0,0],k=this.horiz,n=this.width=Math.round(a.relativeLength(I(d.width,b.plotWidth-c[3]+
c[1]),b.plotWidth)),e=this.height=Math.round(a.relativeLength(I(d.height,b.plotHeight-c[0]+c[2]),b.plotHeight)),p=this.top=Math.round(a.relativeLength(I(d.top,b.plotTop+c[0]),b.plotHeight,b.plotTop)),d=this.left=Math.round(a.relativeLength(I(d.left,b.plotLeft+c[3]),b.plotWidth,b.plotLeft));this.bottom=b.chartHeight-e-p;this.right=b.chartWidth-n-d;this.len=Math.max(k?n:e,0);this.pos=k?d:p},getExtremes:function(){var a=this.isLog;return{min:a?f(this.lin2log(this.min)):this.min,max:a?f(this.lin2log(this.max)):
this.max,dataMin:this.dataMin,dataMax:this.dataMax,userMin:this.userMin,userMax:this.userMax}},getThreshold:function(a){var b=this.isLog,g=b?this.lin2log(this.min):this.min,b=b?this.lin2log(this.max):this.max;null===a||-Infinity===a?a=g:Infinity===a?a=b:g>a?a=g:b<a&&(a=b);return this.translate(a,0,1,0,1)},autoLabelAlign:function(a){a=(I(a,0)-90*this.side+720)%360;return 15<a&&165>a?"right":195<a&&345>a?"left":"center"},tickSize:function(a){var b=this.options,g=b[a+"Length"],d=I(b[a+"Width"],"tick"===
a&&this.isXAxis?1:0);if(d&&g)return"inside"===b[a+"Position"]&&(g=-g),[g,d]},labelMetrics:function(){var a=this.tickPositions&&this.tickPositions[0]||0;return this.chart.renderer.fontMetrics(this.options.labels.style&&this.options.labels.style.fontSize,this.ticks[a]&&this.ticks[a].label)},unsquish:function(){var a=this.options.labels,b=this.horiz,d=this.tickInterval,c=d,k=this.len/(((this.categories?1:0)+this.max-this.min)/d),n,p=a.rotation,l=this.labelMetrics(),u,B=Number.MAX_VALUE,t,h=function(a){a/=
k||1;a=1<a?Math.ceil(a):1;return f(a*d)};b?(t=!a.staggerLines&&!a.step&&(y(p)?[p]:k<I(a.autoRotationLimit,80)&&a.autoRotation))&&e(t,function(a){var b;if(a===p||a&&-90<=a&&90>=a)u=h(Math.abs(l.h/Math.sin(q*a))),b=u+Math.abs(a/360),b<B&&(B=b,n=a,c=u)}):a.step||(c=h(l.h));this.autoRotation=t;this.labelRotation=I(n,p);return c},getSlotWidth:function(){var a=this.chart,b=this.horiz,d=this.options.labels,c=Math.max(this.tickPositions.length-(this.categories?0:1),1),k=a.margin[3];return b&&2>(d.step||0)&&
!d.rotation&&(this.staggerLines||1)*this.len/c||!b&&(d.style&&parseInt(d.style.width,10)||k&&k-a.spacing[3]||.33*a.chartWidth)},renderUnsquish:function(){var a=this.chart,b=a.renderer,d=this.tickPositions,c=this.ticks,k=this.options.labels,n=k&&k.style||{},p=this.horiz,l=this.getSlotWidth(),u=Math.max(1,Math.round(l-2*(k.padding||5))),B={},f=this.labelMetrics(),t=k.style&&k.style.textOverflow,h,G,x=0,z;H(k.rotation)||(B.rotation=k.rotation||0);e(d,function(a){(a=c[a])&&a.label&&a.label.textPxLength>
x&&(x=a.label.textPxLength)});this.maxLabelLength=x;if(this.autoRotation)x>u&&x>f.h?B.rotation=this.labelRotation:this.labelRotation=0;else if(l&&(h=u,!t))for(G="clip",u=d.length;!p&&u--;)if(z=d[u],z=c[z].label)z.styles&&"ellipsis"===z.styles.textOverflow?z.css({textOverflow:"clip"}):z.textPxLength>l&&z.css({width:l+"px"}),z.getBBox().height>this.len/d.length-(f.h-f.f)&&(z.specificTextOverflow="ellipsis");B.rotation&&(h=x>.5*a.chartHeight?.33*a.chartHeight:x,t||(G="ellipsis"));if(this.labelAlign=
k.align||this.autoLabelAlign(this.labelRotation))B.align=this.labelAlign;e(d,function(a){var b=(a=c[a])&&a.label,g=n.width,d={};b&&(b.attr(B),h&&!g&&"nowrap"!==n.whiteSpace&&(h<b.textPxLength||"SPAN"===b.element.tagName)?(d.width=h,t||(d.textOverflow=b.specificTextOverflow||G),b.css(d)):b.styles&&b.styles.width&&!d.width&&!g&&b.css({width:null}),delete b.specificTextOverflow,a.rotation=B.rotation)});this.tickRotCorr=b.rotCorr(f.b,this.labelRotation||0,0!==this.side)},hasData:function(){return this.hasVisibleSeries||
y(this.min)&&y(this.max)&&this.tickPositions&&0<this.tickPositions.length},addTitle:function(a){var b=this.chart.renderer,g=this.horiz,d=this.opposite,c=this.options.title,k;this.axisTitle||((k=c.textAlign)||(k=(g?{low:"left",middle:"center",high:"right"}:{low:d?"right":"left",middle:"center",high:d?"left":"right"})[c.align]),this.axisTitle=b.text(c.text,0,0,c.useHTML).attr({zIndex:7,rotation:c.rotation||0,align:k}).addClass("highcharts-axis-title").css(t(c.style)).add(this.axisGroup),this.axisTitle.isNew=
!0);c.style.width||this.isRadial||this.axisTitle.css({width:this.len});this.axisTitle[a?"show":"hide"](!0)},generateTick:function(a){var b=this.ticks;b[a]?b[a].addLabel():b[a]=new M(this,a)},getOffset:function(){var a=this,b=a.chart,d=b.renderer,c=a.options,k=a.tickPositions,n=a.ticks,p=a.horiz,u=a.side,B=b.inverted&&!a.isZAxis?[1,0,3,2][u]:u,f,t,h=0,G,z=0,H=c.title,F=c.labels,w=0,q=b.axisOffset,b=b.clipOffset,m=[-1,1,1,-1][u],M=c.className,r=a.axisParent,L=this.tickSize("tick");f=a.hasData();a.showAxis=
t=f||I(c.showEmpty,!0);a.staggerLines=a.horiz&&F.staggerLines;a.axisGroup||(a.gridGroup=d.g("grid").attr({zIndex:c.gridZIndex||1}).addClass("highcharts-"+this.coll.toLowerCase()+"-grid "+(M||"")).add(r),a.axisGroup=d.g("axis").attr({zIndex:c.zIndex||2}).addClass("highcharts-"+this.coll.toLowerCase()+" "+(M||"")).add(r),a.labelGroup=d.g("axis-labels").attr({zIndex:F.zIndex||7}).addClass("highcharts-"+a.coll.toLowerCase()+"-labels "+(M||"")).add(r));f||a.isLinked?(e(k,function(b,g){a.generateTick(b,
g)}),a.renderUnsquish(),a.reserveSpaceDefault=0===u||2===u||{1:"left",3:"right"}[u]===a.labelAlign,I(F.reserveSpace,"center"===a.labelAlign?!0:null,a.reserveSpaceDefault)&&e(k,function(a){w=Math.max(n[a].getLabelSize(),w)}),a.staggerLines&&(w*=a.staggerLines),a.labelOffset=w*(a.opposite?-1:1)):x(n,function(a,b){a.destroy();delete n[b]});H&&H.text&&!1!==H.enabled&&(a.addTitle(t),t&&!1!==H.reserveSpace&&(a.titleOffset=h=a.axisTitle.getBBox()[p?"height":"width"],G=H.offset,z=y(G)?0:I(H.margin,p?5:10)));
a.renderLine();a.offset=m*I(c.offset,q[u]);a.tickRotCorr=a.tickRotCorr||{x:0,y:0};d=0===u?-a.labelMetrics().h:2===u?a.tickRotCorr.y:0;z=Math.abs(w)+z;w&&(z=z-d+m*(p?I(F.y,a.tickRotCorr.y+8*m):F.x));a.axisTitleMargin=I(G,z);q[u]=Math.max(q[u],a.axisTitleMargin+h+m*a.offset,z,f&&k.length&&L?L[0]+m*a.offset:0);c=c.offset?0:2*Math.floor(a.axisLine.strokeWidth()/2);b[B]=Math.max(b[B],c);l(this,"afterGetOffset")},getLinePath:function(a){var b=this.chart,g=this.opposite,d=this.offset,c=this.horiz,k=this.left+
(g?this.width:0)+d,d=b.chartHeight-this.bottom-(g?this.height:0)+d;g&&(a*=-1);return b.renderer.crispLine(["M",c?this.left:k,c?d:this.top,"L",c?b.chartWidth-this.right:k,c?d:b.chartHeight-this.bottom],a)},renderLine:function(){this.axisLine||(this.axisLine=this.chart.renderer.path().addClass("highcharts-axis-line").add(this.axisGroup),this.axisLine.attr({stroke:this.options.lineColor,"stroke-width":this.options.lineWidth,zIndex:7}))},getTitlePosition:function(){var a=this.horiz,b=this.left,d=this.top,
c=this.len,k=this.options.title,n=a?b:d,e=this.opposite,p=this.offset,l=k.x||0,u=k.y||0,B=this.axisTitle,f=this.chart.renderer.fontMetrics(k.style&&k.style.fontSize,B),B=Math.max(B.getBBox(null,0).height-f.h-1,0),c={low:n+(a?0:c),middle:n+c/2,high:n+(a?c:0)}[k.align],b=(a?d+this.height:b)+(a?1:-1)*(e?-1:1)*this.axisTitleMargin+[-B,B,f.f,-B][this.side];return{x:a?c+l:b+(e?this.width:0)+p+l,y:a?b+u-(e?this.height:0)+p:c+u}},renderMinorTick:function(a){var b=this.chart.hasRendered&&p(this.oldMin),d=
this.minorTicks;d[a]||(d[a]=new M(this,a,"minor"));b&&d[a].isNew&&d[a].render(null,!0);d[a].render(null,!1,1)},renderTick:function(a,b){var d=this.isLinked,g=this.ticks,c=this.chart.hasRendered&&p(this.oldMin);if(!d||a>=this.min&&a<=this.max)g[a]||(g[a]=new M(this,a)),c&&g[a].isNew&&g[a].render(b,!0,.1),g[a].render(b)},render:function(){var b=this,d=b.chart,c=b.options,k=b.isLog,n=b.isLinked,u=b.tickPositions,f=b.axisTitle,t=b.ticks,h=b.minorTicks,G=b.alternateBands,z=c.stackLabels,H=c.alternateGridColor,
F=b.tickmarkOffset,w=b.axisLine,I=b.showAxis,m=D(d.renderer.globalAnimation),q,r;b.labelEdge.length=0;b.overlap=!1;e([t,h,G],function(a){x(a,function(a){a.isActive=!1})});if(b.hasData()||n)b.minorTickInterval&&!b.categories&&e(b.getMinorTickPositions(),function(a){b.renderMinorTick(a)}),u.length&&(e(u,function(a,d){b.renderTick(a,d)}),F&&(0===b.min||b.single)&&(t[-1]||(t[-1]=new M(b,-1,null,!0)),t[-1].render(-1))),H&&e(u,function(c,g){r=void 0!==u[g+1]?u[g+1]+F:b.max-F;0===g%2&&c<b.max&&r<=b.max+
(d.polar?-F:F)&&(G[c]||(G[c]=new a.PlotLineOrBand(b)),q=c+F,G[c].options={from:k?b.lin2log(q):q,to:k?b.lin2log(r):r,color:H},G[c].render(),G[c].isActive=!0)}),b._addedPlotLB||(e((c.plotLines||[]).concat(c.plotBands||[]),function(a){b.addPlotBandOrLine(a)}),b._addedPlotLB=!0);e([t,h,G],function(a){var b,c=[],g=m.duration;x(a,function(a,b){a.isActive||(a.render(b,!1,0),a.isActive=!1,c.push(b))});B(function(){for(b=c.length;b--;)a[c[b]]&&!a[c[b]].isActive&&(a[c[b]].destroy(),delete a[c[b]])},a!==G&&
d.hasRendered&&g?g:0)});w&&(w[w.isPlaced?"animate":"attr"]({d:this.getLinePath(w.strokeWidth())}),w.isPlaced=!0,w[I?"show":"hide"](!0));f&&I&&(c=b.getTitlePosition(),p(c.y)?(f[f.isNew?"attr":"animate"](c),f.isNew=!1):(f.attr("y",-9999),f.isNew=!0));z&&z.enabled&&b.renderStackTotals();b.isDirty=!1;l(this,"afterRender")},redraw:function(){this.visible&&(this.render(),e(this.plotLinesAndBands,function(a){a.render()}));e(this.series,function(a){a.isDirty=!0})},keepProps:"extKey hcEvents names series userMax userMin".split(" "),
destroy:function(a){var d=this,c=d.stacks,g=d.plotLinesAndBands,k;l(this,"destroy",{keepEvents:a});a||n(d);x(c,function(a,b){w(a);c[b]=null});e([d.ticks,d.minorTicks,d.alternateBands],function(a){w(a)});if(g)for(a=g.length;a--;)g[a].destroy();e("stackTotalGroup axisLine axisTitle axisGroup gridGroup labelGroup cross scrollbar".split(" "),function(a){d[a]&&(d[a]=d[a].destroy())});for(k in d.plotLinesAndBandsGroups)d.plotLinesAndBandsGroups[k]=d.plotLinesAndBandsGroups[k].destroy();x(d,function(a,c){-1===
b(c,d.keepProps)&&delete d[c]})},drawCrosshair:function(a,b){var d,c=this.crosshair,g=I(c.snap,!0),k,n=this.cross;l(this,"drawCrosshair",{e:a,point:b});a||(a=this.cross&&this.cross.e);if(this.crosshair&&!1!==(y(b)||!g)){g?y(b)&&(k=I(b.crosshairPos,this.isXAxis?b.plotX:this.len-b.plotY)):k=a&&(this.horiz?a.chartX-this.pos:this.len-a.chartY+this.pos);y(k)&&(d=this.getPlotLinePath(b&&(this.isXAxis?b.x:I(b.stackY,b.y)),null,null,null,k)||null);if(!y(d)){this.hideCrosshair();return}g=this.categories&&
!this.isRadial;n||(this.cross=n=this.chart.renderer.path().addClass("highcharts-crosshair highcharts-crosshair-"+(g?"category ":"thin ")+c.className).attr({zIndex:I(c.zIndex,2)}).add(),n.attr({stroke:c.color||(g?h("#ccd6eb").setOpacity(.25).get():"#cccccc"),"stroke-width":I(c.width,1)}).css({"pointer-events":"none"}),c.dashStyle&&n.attr({dashstyle:c.dashStyle}));n.show().attr({d:d});g&&!c.width&&n.attr({"stroke-width":this.transA});this.cross.e=a}else this.hideCrosshair();l(this,"afterDrawCrosshair",
{e:a,point:b})},hideCrosshair:function(){this.cross&&this.cross.hide()}});return a.Axis=F}(K);(function(a){var C=a.Axis,D=a.getMagnitude,E=a.normalizeTickInterval,m=a.timeUnits;C.prototype.getTimeTicks=function(){return this.chart.time.getTimeTicks.apply(this.chart.time,arguments)};C.prototype.normalizeTimeTickInterval=function(a,f){var h=f||[["millisecond",[1,2,5,10,20,25,50,100,200,500]],["second",[1,2,5,10,15,30]],["minute",[1,2,5,10,15,30]],["hour",[1,2,3,4,6,8,12]],["day",[1,2]],["week",[1,2]],
["month",[1,2,3,4,6]],["year",null]];f=h[h.length-1];var y=m[f[0]],q=f[1],w;for(w=0;w<h.length&&!(f=h[w],y=m[f[0]],q=f[1],h[w+1]&&a<=(y*q[q.length-1]+m[h[w+1][0]])/2);w++);y===m.year&&a<5*y&&(q=[1,2,5]);a=E(a/y,q,"year"===f[0]?Math.max(D(a/y),1):1);return{unitRange:y,count:a,unitName:f[0]}}})(K);(function(a){var C=a.Axis,D=a.getMagnitude,E=a.map,m=a.normalizeTickInterval,h=a.pick;C.prototype.getLogTickPositions=function(a,r,y,q){var f=this.options,e=this.len,c=[];q||(this._minorAutoInterval=null);
if(.5<=a)a=Math.round(a),c=this.getLinearTickPositions(a,r,y);else if(.08<=a)for(var e=Math.floor(r),l,z,k,d,b,f=.3<a?[1,2,4]:.15<a?[1,2,4,6,8]:[1,2,3,4,5,6,7,8,9];e<y+1&&!b;e++)for(z=f.length,l=0;l<z&&!b;l++)k=this.log2lin(this.lin2log(e)*f[l]),k>r&&(!q||d<=y)&&void 0!==d&&c.push(d),d>y&&(b=!0),d=k;else r=this.lin2log(r),y=this.lin2log(y),a=q?this.getMinorTickInterval():f.tickInterval,a=h("auto"===a?null:a,this._minorAutoInterval,f.tickPixelInterval/(q?5:1)*(y-r)/((q?e/this.tickPositions.length:
e)||1)),a=m(a,null,D(a)),c=E(this.getLinearTickPositions(a,r,y),this.log2lin),q||(this._minorAutoInterval=a/5);q||(this.tickInterval=a);return c};C.prototype.log2lin=function(a){return Math.log(a)/Math.LN10};C.prototype.lin2log=function(a){return Math.pow(10,a)}})(K);(function(a,C){var D=a.arrayMax,E=a.arrayMin,m=a.defined,h=a.destroyObjectProperties,f=a.each,r=a.erase,y=a.merge,q=a.pick;a.PlotLineOrBand=function(a,e){this.axis=a;e&&(this.options=e,this.id=e.id)};a.PlotLineOrBand.prototype={render:function(){var f=
this,e=f.axis,c=e.horiz,l=f.options,h=l.label,k=f.label,d=l.to,b=l.from,u=l.value,p=m(b)&&m(d),H=m(u),t=f.svgElem,r=!t,x=[],I=l.color,n=q(l.zIndex,0),G=l.events,x={"class":"highcharts-plot-"+(p?"band ":"line ")+(l.className||"")},B={},M=e.chart.renderer,F=p?"bands":"lines";e.isLog&&(b=e.log2lin(b),d=e.log2lin(d),u=e.log2lin(u));H?(x.stroke=I,x["stroke-width"]=l.width,l.dashStyle&&(x.dashstyle=l.dashStyle)):p&&(I&&(x.fill=I),l.borderWidth&&(x.stroke=l.borderColor,x["stroke-width"]=l.borderWidth));
B.zIndex=n;F+="-"+n;(I=e.plotLinesAndBandsGroups[F])||(e.plotLinesAndBandsGroups[F]=I=M.g("plot-"+F).attr(B).add());r&&(f.svgElem=t=M.path().attr(x).add(I));if(H)x=e.getPlotLinePath(u,t.strokeWidth());else if(p)x=e.getPlotBandPath(b,d,l);else return;r&&x&&x.length?(t.attr({d:x}),G&&a.objectEach(G,function(a,b){t.on(b,function(a){G[b].apply(f,[a])})})):t&&(x?(t.show(),t.animate({d:x})):(t.hide(),k&&(f.label=k=k.destroy())));h&&m(h.text)&&x&&x.length&&0<e.width&&0<e.height&&!x.isFlat?(h=y({align:c&&
p&&"center",x:c?!p&&4:10,verticalAlign:!c&&p&&"middle",y:c?p?16:10:p?6:-4,rotation:c&&!p&&90},h),this.renderLabel(h,x,p,n)):k&&k.hide();return f},renderLabel:function(a,e,c,l){var f=this.label,k=this.axis.chart.renderer;f||(f={align:a.textAlign||a.align,rotation:a.rotation,"class":"highcharts-plot-"+(c?"band":"line")+"-label "+(a.className||"")},f.zIndex=l,this.label=f=k.text(a.text,0,0,a.useHTML).attr(f).add(),f.css(a.style));l=e.xBounds||[e[1],e[4],c?e[6]:e[1]];e=e.yBounds||[e[2],e[5],c?e[7]:e[2]];
c=E(l);k=E(e);f.align(a,!1,{x:c,y:k,width:D(l)-c,height:D(e)-k});f.show()},destroy:function(){r(this.axis.plotLinesAndBands,this);delete this.axis;h(this)}};a.extend(C.prototype,{getPlotBandPath:function(a,e){var c=this.getPlotLinePath(e,null,null,!0),l=this.getPlotLinePath(a,null,null,!0),f=[],k=this.horiz,d=1,b;a=a<this.min&&e<this.min||a>this.max&&e>this.max;if(l&&c)for(a&&(b=l.toString()===c.toString(),d=0),a=0;a<l.length;a+=6)k&&c[a+1]===l[a+1]?(c[a+1]+=d,c[a+4]+=d):k||c[a+2]!==l[a+2]||(c[a+
2]+=d,c[a+5]+=d),f.push("M",l[a+1],l[a+2],"L",l[a+4],l[a+5],c[a+4],c[a+5],c[a+1],c[a+2],"z"),f.isFlat=b;return f},addPlotBand:function(a){return this.addPlotBandOrLine(a,"plotBands")},addPlotLine:function(a){return this.addPlotBandOrLine(a,"plotLines")},addPlotBandOrLine:function(f,e){var c=(new a.PlotLineOrBand(this,f)).render(),l=this.userOptions;c&&(e&&(l[e]=l[e]||[],l[e].push(f)),this.plotLinesAndBands.push(c));return c},removePlotBandOrLine:function(a){for(var e=this.plotLinesAndBands,c=this.options,
l=this.userOptions,h=e.length;h--;)e[h].id===a&&e[h].destroy();f([c.plotLines||[],l.plotLines||[],c.plotBands||[],l.plotBands||[]],function(c){for(h=c.length;h--;)c[h].id===a&&r(c,c[h])})},removePlotBand:function(a){this.removePlotBandOrLine(a)},removePlotLine:function(a){this.removePlotBandOrLine(a)}})})(K,V);(function(a){var C=a.doc,D=a.each,E=a.extend,m=a.format,h=a.isNumber,f=a.map,r=a.merge,y=a.pick,q=a.splat,w=a.syncTimeout,e=a.timeUnits;a.Tooltip=function(){this.init.apply(this,arguments)};
a.Tooltip.prototype={init:function(a,e){this.chart=a;this.options=e;this.crosshairs=[];this.now={x:0,y:0};this.isHidden=!0;this.split=e.split&&!a.inverted;this.shared=e.shared||this.split;this.outside=e.outside&&!this.split},cleanSplit:function(a){D(this.chart.series,function(c){var e=c&&c.tt;e&&(!e.isActive||a?c.tt=e.destroy():e.isActive=!1)})},getLabel:function(){var c=this.chart.renderer,e=this.options,f;this.label||(this.outside&&(this.container=f=a.doc.createElement("div"),f.className="highcharts-tooltip-container",
a.css(f,{position:"absolute",top:"1px",pointerEvents:e.style&&e.style.pointerEvents}),a.doc.body.appendChild(f),this.renderer=c=new a.Renderer(f,0,0)),this.split?this.label=c.g("tooltip"):(this.label=c.label("",0,0,e.shape||"callout",null,null,e.useHTML,null,"tooltip").attr({padding:e.padding,r:e.borderRadius}),this.label.attr({fill:e.backgroundColor,"stroke-width":e.borderWidth}).css(e.style).shadow(e.shadow)),this.outside&&(this.label.attr({x:this.distance,y:this.distance}),this.label.xSetter=function(a){f.style.left=
a+"px"},this.label.ySetter=function(a){f.style.top=a+"px"}),this.label.attr({zIndex:8}).add());return this.label},update:function(a){this.destroy();r(!0,this.chart.options.tooltip.userOptions,a);this.init(this.chart,r(!0,this.options,a))},destroy:function(){this.label&&(this.label=this.label.destroy());this.split&&this.tt&&(this.cleanSplit(this.chart,!0),this.tt=this.tt.destroy());this.renderer&&(this.renderer=this.renderer.destroy(),a.discardElement(this.container));a.clearTimeout(this.hideTimer);
a.clearTimeout(this.tooltipTimeout)},move:function(c,e,f,k){var d=this,b=d.now,u=!1!==d.options.animation&&!d.isHidden&&(1<Math.abs(c-b.x)||1<Math.abs(e-b.y)),p=d.followPointer||1<d.len;E(b,{x:u?(2*b.x+c)/3:c,y:u?(b.y+e)/2:e,anchorX:p?void 0:u?(2*b.anchorX+f)/3:f,anchorY:p?void 0:u?(b.anchorY+k)/2:k});d.getLabel().attr(b);u&&(a.clearTimeout(this.tooltipTimeout),this.tooltipTimeout=setTimeout(function(){d&&d.move(c,e,f,k)},32))},hide:function(c){var e=this;a.clearTimeout(this.hideTimer);c=y(c,this.options.hideDelay,
500);this.isHidden||(this.hideTimer=w(function(){e.getLabel()[c?"fadeOut":"hide"]();e.isHidden=!0},c))},getAnchor:function(a,e){var c=this.chart,k=c.pointer,d=c.inverted,b=c.plotTop,u=c.plotLeft,p=0,l=0,t,h;a=q(a);this.followPointer&&e||k.followTouchMove&&e&&"touchmove"===e.type?(void 0===e.chartX&&(e=k.normalize(e)),a=[e.chartX-c.plotLeft,e.chartY-b]):a[0].tooltipPos?a=a[0].tooltipPos:(D(a,function(a){t=a.series.yAxis;h=a.series.xAxis;p+=a.plotX+(!d&&h?h.left-u:0);l+=(a.plotLow?(a.plotLow+a.plotHigh)/
2:a.plotY)+(!d&&t?t.top-b:0)}),p/=a.length,l/=a.length,a=[d?c.plotWidth-l:p,this.shared&&!d&&1<a.length&&e?e.chartY-b:d?c.plotHeight-p:l]);return f(a,Math.round)},getPosition:function(a,e,f){var c=this.chart,d=this.distance,b={},u=c.inverted&&f.h||0,p,l=this.outside,t=l?C.documentElement.clientWidth-2*d:c.chartWidth,h=l?Math.max(C.body.scrollHeight,C.documentElement.scrollHeight,C.body.offsetHeight,C.documentElement.offsetHeight,C.documentElement.clientHeight):c.chartHeight,x=c.pointer.chartPosition,
z=["y",h,e,(l?x.top-d:0)+f.plotY+c.plotTop,l?0:c.plotTop,l?h:c.plotTop+c.plotHeight],n=["x",t,a,(l?x.left-d:0)+f.plotX+c.plotLeft,l?0:c.plotLeft,l?t:c.plotLeft+c.plotWidth],G=!this.followPointer&&y(f.ttBelow,!c.inverted===!!f.negative),B=function(a,c,g,k,n,e){var p=g<k-d,f=k+d+g<c,B=k-d-g;k+=d;if(G&&f)b[a]=k;else if(!G&&p)b[a]=B;else if(p)b[a]=Math.min(e-g,0>B-u?B:B-u);else if(f)b[a]=Math.max(n,k+u+g>c?k:k+u);else return!1},q=function(a,c,g,k){var n;k<d||k>c-d?n=!1:b[a]=k<g/2?1:k>c-g/2?c-g-2:k-g/
2;return n},F=function(a){var b=z;z=n;n=b;p=a},g=function(){!1!==B.apply(0,z)?!1!==q.apply(0,n)||p||(F(!0),g()):p?b.x=b.y=0:(F(!0),g())};(c.inverted||1<this.len)&&F();g();return b},defaultFormatter:function(a){var c=this.points||q(this),e;e=[a.tooltipFooterHeaderFormatter(c[0])];e=e.concat(a.bodyFormatter(c));e.push(a.tooltipFooterHeaderFormatter(c[0],!0));return e},refresh:function(c,e){var f,k=this.options,d,b=c,u,p={},l=[];f=k.formatter||this.defaultFormatter;var p=this.shared,t;k.enabled&&(a.clearTimeout(this.hideTimer),
this.followPointer=q(b)[0].series.tooltipOptions.followPointer,u=this.getAnchor(b,e),e=u[0],d=u[1],!p||b.series&&b.series.noSharedTooltip?p=b.getLabelConfig():(D(b,function(a){a.setState("hover");l.push(a.getLabelConfig())}),p={x:b[0].category,y:b[0].y},p.points=l,b=b[0]),this.len=l.length,p=f.call(p,this),t=b.series,this.distance=y(t.tooltipOptions.distance,16),!1===p?this.hide():(f=this.getLabel(),this.isHidden&&f.attr({opacity:1}).show(),this.split?this.renderSplit(p,q(c)):(k.style.width||f.css({width:this.chart.spacingBox.width}),
f.attr({text:p&&p.join?p.join(""):p}),f.removeClass(/highcharts-color-[\d]+/g).addClass("highcharts-color-"+y(b.colorIndex,t.colorIndex)),f.attr({stroke:k.borderColor||b.color||t.color||"#666666"}),this.updatePosition({plotX:e,plotY:d,negative:b.negative,ttBelow:b.ttBelow,h:u[2]||0})),this.isHidden=!1))},renderSplit:function(c,e){var f=this,k=[],d=this.chart,b=d.renderer,u=!0,p=this.options,l=0,t=this.getLabel();a.isString(c)&&(c=[!1,c]);D(c.slice(0,e.length+1),function(a,c){if(!1!==a){c=e[c-1]||
{isHeader:!0,plotX:e[0].plotX};var h=c.series||f,n=h.tt,G=c.series||{},B="highcharts-color-"+y(c.colorIndex,G.colorIndex,"none");n||(h.tt=n=b.label(null,null,null,"callout",null,null,p.useHTML).addClass("highcharts-tooltip-box "+B).attr({padding:p.padding,r:p.borderRadius,fill:p.backgroundColor,stroke:p.borderColor||c.color||G.color||"#333333","stroke-width":p.borderWidth}).add(t));n.isActive=!0;n.attr({text:a});n.css(p.style).shadow(p.shadow);a=n.getBBox();G=a.width+n.strokeWidth();c.isHeader?(l=
a.height,G=Math.max(0,Math.min(c.plotX+d.plotLeft-G/2,d.chartWidth-G))):G=c.plotX+d.plotLeft-y(p.distance,16)-G;0>G&&(u=!1);a=(c.series&&c.series.yAxis&&c.series.yAxis.pos)+(c.plotY||0);a-=d.plotTop;k.push({target:c.isHeader?d.plotHeight+l:a,rank:c.isHeader?1:0,size:h.tt.getBBox().height+1,point:c,x:G,tt:n})}});this.cleanSplit();a.distribute(k,d.plotHeight+l);D(k,function(a){var b=a.point,c=b.series;a.tt.attr({visibility:void 0===a.pos?"hidden":"inherit",x:u||b.isHeader?a.x:b.plotX+d.plotLeft+y(p.distance,
16),y:a.pos+d.plotTop,anchorX:b.isHeader?b.plotX+d.plotLeft:b.plotX+c.xAxis.pos,anchorY:b.isHeader?a.pos+d.plotTop-15:b.plotY+c.yAxis.pos})})},updatePosition:function(a){var c=this.chart,e=this.getLabel(),k=(this.options.positioner||this.getPosition).call(this,e.width,e.height,a),d=a.plotX+c.plotLeft;a=a.plotY+c.plotTop;var b;this.outside&&(b=(this.options.borderWidth||0)+2*this.distance,this.renderer.setSize(e.width+b,e.height+b,!1),d+=c.pointer.chartPosition.left-k.x,a+=c.pointer.chartPosition.top-
k.y);this.move(Math.round(k.x),Math.round(k.y||0),d,a)},getDateFormat:function(a,f,h,k){var d=this.chart.time,b=d.dateFormat("%m-%d %H:%M:%S.%L",f),c,p,l={millisecond:15,second:12,minute:9,hour:6,day:3},t="millisecond";for(p in e){if(a===e.week&&+d.dateFormat("%w",f)===h&&"00:00:00.000"===b.substr(6)){p="week";break}if(e[p]>a){p=t;break}if(l[p]&&b.substr(l[p])!=="01-01 00:00:00.000".substr(l[p]))break;"week"!==p&&(t=p)}p&&(c=k[p]);return c},getXDateFormat:function(a,e,f){e=e.dateTimeLabelFormats;
var c=f&&f.closestPointRange;return(c?this.getDateFormat(c,a.x,f.options.startOfWeek,e):e.day)||e.year},tooltipFooterHeaderFormatter:function(a,e){e=e?"footer":"header";var c=a.series,k=c.tooltipOptions,d=k.xDateFormat,b=c.xAxis,f=b&&"datetime"===b.options.type&&h(a.key),p=k[e+"Format"];f&&!d&&(d=this.getXDateFormat(a,k,b));f&&d&&D(a.point&&a.point.tooltipDateKeys||["key"],function(a){p=p.replace("{point."+a+"}","{point."+a+":"+d+"}")});return m(p,{point:a,series:c},this.chart.time)},bodyFormatter:function(a){return f(a,
function(a){var c=a.series.tooltipOptions;return(c[(a.point.formatPrefix||"point")+"Formatter"]||a.point.tooltipFormatter).call(a.point,c[(a.point.formatPrefix||"point")+"Format"])})}}})(K);(function(a){var C=a.addEvent,D=a.attr,E=a.charts,m=a.color,h=a.css,f=a.defined,r=a.each,y=a.extend,q=a.find,w=a.fireEvent,e=a.isNumber,c=a.isObject,l=a.offset,z=a.pick,k=a.splat,d=a.Tooltip;a.Pointer=function(a,d){this.init(a,d)};a.Pointer.prototype={init:function(a,c){this.options=c;this.chart=a;this.runChartClick=
c.chart.events&&!!c.chart.events.click;this.pinchDown=[];this.lastValidTouch={};d&&(a.tooltip=new d(a,c.tooltip),this.followTouchMove=z(c.tooltip.followTouchMove,!0));this.setDOMEvents()},zoomOption:function(a){var b=this.chart,d=b.options.chart,c=d.zoomType||"",b=b.inverted;/touch/.test(a.type)&&(c=z(d.pinchType,c));this.zoomX=a=/x/.test(c);this.zoomY=c=/y/.test(c);this.zoomHor=a&&!b||c&&b;this.zoomVert=c&&!b||a&&b;this.hasZoom=a||c},normalize:function(a,d){var b;b=a.touches?a.touches.length?a.touches.item(0):
a.changedTouches[0]:a;d||(this.chartPosition=d=l(this.chart.container));return y(a,{chartX:Math.round(b.pageX-d.left),chartY:Math.round(b.pageY-d.top)})},getCoordinates:function(a){var b={xAxis:[],yAxis:[]};r(this.chart.axes,function(d){b[d.isXAxis?"xAxis":"yAxis"].push({axis:d,value:d.toValue(a[d.horiz?"chartX":"chartY"])})});return b},findNearestKDPoint:function(a,d,k){var b;r(a,function(a){var e=!(a.noSharedTooltip&&d)&&0>a.options.findNearestPointBy.indexOf("y");a=a.searchPoint(k,e);if((e=c(a,
!0))&&!(e=!c(b,!0)))var e=b.distX-a.distX,f=b.dist-a.dist,p=(a.series.group&&a.series.group.zIndex)-(b.series.group&&b.series.group.zIndex),e=0<(0!==e&&d?e:0!==f?f:0!==p?p:b.series.index>a.series.index?-1:1);e&&(b=a)});return b},getPointFromEvent:function(a){a=a.target;for(var b;a&&!b;)b=a.point,a=a.parentNode;return b},getChartCoordinatesFromPoint:function(a,d){var b=a.series,c=b.xAxis,b=b.yAxis,k=z(a.clientX,a.plotX),e=a.shapeArgs;if(c&&b)return d?{chartX:c.len+c.pos-k,chartY:b.len+b.pos-a.plotY}:
{chartX:k+c.pos,chartY:a.plotY+b.pos};if(e&&e.x&&e.y)return{chartX:e.x,chartY:e.y}},getHoverData:function(b,d,k,e,f,h,l){var p,n=[],u=l&&l.isBoosting;e=!(!e||!b);l=d&&!d.stickyTracking?[d]:a.grep(k,function(a){return a.visible&&!(!f&&a.directTouch)&&z(a.options.enableMouseTracking,!0)&&a.stickyTracking});d=(p=e?b:this.findNearestKDPoint(l,f,h))&&p.series;p&&(f&&!d.noSharedTooltip?(l=a.grep(k,function(a){return a.visible&&!(!f&&a.directTouch)&&z(a.options.enableMouseTracking,!0)&&!a.noSharedTooltip}),
r(l,function(a){var b=q(a.points,function(a){return a.x===p.x&&!a.isNull});c(b)&&(u&&(b=a.getPoint(b)),n.push(b))})):n.push(p));return{hoverPoint:p,hoverSeries:d,hoverPoints:n}},runPointActions:function(b,d){var c=this.chart,k=c.tooltip&&c.tooltip.options.enabled?c.tooltip:void 0,e=k?k.shared:!1,f=d||c.hoverPoint,l=f&&f.series||c.hoverSeries,l=this.getHoverData(f,l,c.series,!!d||l&&l.directTouch&&this.isDirectTouch,e,b,{isBoosting:c.isBoosting}),u,f=l.hoverPoint;u=l.hoverPoints;l=l.hoverSeries;d=
b&&"touchmove"===b.type?!0===this.followTouchMove:l&&l.tooltipOptions.followPointer;e=e&&l&&!l.noSharedTooltip;if(f&&(f!==c.hoverPoint||k&&k.isHidden)){r(c.hoverPoints||[],function(b){-1===a.inArray(b,u)&&b.setState()});r(u||[],function(a){a.setState("hover")});if(c.hoverSeries!==l)l.onMouseOver();c.hoverPoint&&c.hoverPoint.firePointEvent("mouseOut");if(!f.series)return;f.firePointEvent("mouseOver");c.hoverPoints=u;c.hoverPoint=f;k&&k.refresh(e?u:f,b)}else d&&k&&!k.isHidden&&(f=k.getAnchor([{}],b),
k.updatePosition({plotX:f[0],plotY:f[1]}));this.unDocMouseMove||(this.unDocMouseMove=C(c.container.ownerDocument,"mousemove",function(b){var d=E[a.hoverChartIndex];if(d)d.pointer.onDocumentMouseMove(b)}));r(c.axes,function(d){var c=z(d.crosshair.snap,!0),k=c?a.find(u,function(a){return a.series[d.coll]===d}):void 0;k||!c?d.drawCrosshair(b,k):d.hideCrosshair()})},reset:function(a,d){var b=this.chart,c=b.hoverSeries,e=b.hoverPoint,f=b.hoverPoints,l=b.tooltip,u=l&&l.shared?f:e;a&&u&&r(k(u),function(b){b.series.isCartesian&&
void 0===b.plotX&&(a=!1)});if(a)l&&u&&(l.refresh(u),l.shared&&f?r(f,function(a){a.setState(a.state,!0);a.series.xAxis.crosshair&&a.series.xAxis.drawCrosshair(null,a);a.series.yAxis.crosshair&&a.series.yAxis.drawCrosshair(null,a)}):e&&(e.setState(e.state,!0),r(b.axes,function(a){a.crosshair&&a.drawCrosshair(null,e)})));else{if(e)e.onMouseOut();f&&r(f,function(a){a.setState()});if(c)c.onMouseOut();l&&l.hide(d);this.unDocMouseMove&&(this.unDocMouseMove=this.unDocMouseMove());r(b.axes,function(a){a.hideCrosshair()});
this.hoverX=b.hoverPoints=b.hoverPoint=null}},scaleGroups:function(a,d){var b=this.chart,c;r(b.series,function(k){c=a||k.getPlotBox();k.xAxis&&k.xAxis.zoomEnabled&&k.group&&(k.group.attr(c),k.markerGroup&&(k.markerGroup.attr(c),k.markerGroup.clip(d?b.clipRect:null)),k.dataLabelsGroup&&k.dataLabelsGroup.attr(c))});b.clipRect.attr(d||b.clipBox)},dragStart:function(a){var b=this.chart;b.mouseIsDown=a.type;b.cancelClick=!1;b.mouseDownX=this.mouseDownX=a.chartX;b.mouseDownY=this.mouseDownY=a.chartY},drag:function(a){var b=
this.chart,d=b.options.chart,c=a.chartX,k=a.chartY,e=this.zoomHor,f=this.zoomVert,l=b.plotLeft,n=b.plotTop,h=b.plotWidth,B=b.plotHeight,z,F=this.selectionMarker,g=this.mouseDownX,v=this.mouseDownY,q=d.panKey&&a[d.panKey+"Key"];F&&F.touch||(c<l?c=l:c>l+h&&(c=l+h),k<n?k=n:k>n+B&&(k=n+B),this.hasDragged=Math.sqrt(Math.pow(g-c,2)+Math.pow(v-k,2)),10<this.hasDragged&&(z=b.isInsidePlot(g-l,v-n),b.hasCartesianSeries&&(this.zoomX||this.zoomY)&&z&&!q&&!F&&(this.selectionMarker=F=b.renderer.rect(l,n,e?1:h,
f?1:B,0).attr({fill:d.selectionMarkerFill||m("#335cad").setOpacity(.25).get(),"class":"highcharts-selection-marker",zIndex:7}).add()),F&&e&&(c-=g,F.attr({width:Math.abs(c),x:(0<c?0:c)+g})),F&&f&&(c=k-v,F.attr({height:Math.abs(c),y:(0<c?0:c)+v})),z&&!F&&d.panning&&b.pan(a,d.panning)))},drop:function(a){var b=this,d=this.chart,c=this.hasPinched;if(this.selectionMarker){var k={originalEvent:a,xAxis:[],yAxis:[]},l=this.selectionMarker,x=l.attr?l.attr("x"):l.x,z=l.attr?l.attr("y"):l.y,n=l.attr?l.attr("width"):
l.width,G=l.attr?l.attr("height"):l.height,B;if(this.hasDragged||c)r(d.axes,function(d){if(d.zoomEnabled&&f(d.min)&&(c||b[{xAxis:"zoomX",yAxis:"zoomY"}[d.coll]])){var e=d.horiz,g="touchend"===a.type?d.minPixelPadding:0,l=d.toValue((e?x:z)+g),e=d.toValue((e?x+n:z+G)-g);k[d.coll].push({axis:d,min:Math.min(l,e),max:Math.max(l,e)});B=!0}}),B&&w(d,"selection",k,function(a){d.zoom(y(a,c?{animation:!1}:null))});e(d.index)&&(this.selectionMarker=this.selectionMarker.destroy());c&&this.scaleGroups()}d&&e(d.index)&&
(h(d.container,{cursor:d._cursor}),d.cancelClick=10<this.hasDragged,d.mouseIsDown=this.hasDragged=this.hasPinched=!1,this.pinchDown=[])},onContainerMouseDown:function(a){a=this.normalize(a);2!==a.button&&(this.zoomOption(a),a.preventDefault&&a.preventDefault(),this.dragStart(a))},onDocumentMouseUp:function(b){E[a.hoverChartIndex]&&E[a.hoverChartIndex].pointer.drop(b)},onDocumentMouseMove:function(a){var b=this.chart,d=this.chartPosition;a=this.normalize(a,d);!d||this.inClass(a.target,"highcharts-tracker")||
b.isInsidePlot(a.chartX-b.plotLeft,a.chartY-b.plotTop)||this.reset()},onContainerMouseLeave:function(b){var d=E[a.hoverChartIndex];d&&(b.relatedTarget||b.toElement)&&(d.pointer.reset(),d.pointer.chartPosition=null)},onContainerMouseMove:function(b){var d=this.chart;f(a.hoverChartIndex)&&E[a.hoverChartIndex]&&E[a.hoverChartIndex].mouseIsDown||(a.hoverChartIndex=d.index);b=this.normalize(b);b.returnValue=!1;"mousedown"===d.mouseIsDown&&this.drag(b);!this.inClass(b.target,"highcharts-tracker")&&!d.isInsidePlot(b.chartX-
d.plotLeft,b.chartY-d.plotTop)||d.openMenu||this.runPointActions(b)},inClass:function(a,d){for(var b;a;){if(b=D(a,"class")){if(-1!==b.indexOf(d))return!0;if(-1!==b.indexOf("highcharts-container"))return!1}a=a.parentNode}},onTrackerMouseOut:function(a){var b=this.chart.hoverSeries;a=a.relatedTarget||a.toElement;this.isDirectTouch=!1;if(!(!b||!a||b.stickyTracking||this.inClass(a,"highcharts-tooltip")||this.inClass(a,"highcharts-series-"+b.index)&&this.inClass(a,"highcharts-tracker")))b.onMouseOut()},
onContainerClick:function(a){var b=this.chart,d=b.hoverPoint,c=b.plotLeft,k=b.plotTop;a=this.normalize(a);b.cancelClick||(d&&this.inClass(a.target,"highcharts-tracker")?(w(d.series,"click",y(a,{point:d})),b.hoverPoint&&d.firePointEvent("click",a)):(y(a,this.getCoordinates(a)),b.isInsidePlot(a.chartX-c,a.chartY-k)&&w(b,"click",a)))},setDOMEvents:function(){var b=this,d=b.chart.container,c=d.ownerDocument;d.onmousedown=function(a){b.onContainerMouseDown(a)};d.onmousemove=function(a){b.onContainerMouseMove(a)};
d.onclick=function(a){b.onContainerClick(a)};this.unbindContainerMouseLeave=C(d,"mouseleave",b.onContainerMouseLeave);a.unbindDocumentMouseUp||(a.unbindDocumentMouseUp=C(c,"mouseup",b.onDocumentMouseUp));a.hasTouch&&(d.ontouchstart=function(a){b.onContainerTouchStart(a)},d.ontouchmove=function(a){b.onContainerTouchMove(a)},a.unbindDocumentTouchEnd||(a.unbindDocumentTouchEnd=C(c,"touchend",b.onDocumentTouchEnd)))},destroy:function(){var b=this;b.unDocMouseMove&&b.unDocMouseMove();this.unbindContainerMouseLeave();
a.chartCount||(a.unbindDocumentMouseUp&&(a.unbindDocumentMouseUp=a.unbindDocumentMouseUp()),a.unbindDocumentTouchEnd&&(a.unbindDocumentTouchEnd=a.unbindDocumentTouchEnd()));clearInterval(b.tooltipTimeout);a.objectEach(b,function(a,d){b[d]=null})}}})(K);(function(a){var C=a.charts,D=a.each,E=a.extend,m=a.map,h=a.noop,f=a.pick;E(a.Pointer.prototype,{pinchTranslate:function(a,f,h,m,e,c){this.zoomHor&&this.pinchTranslateDirection(!0,a,f,h,m,e,c);this.zoomVert&&this.pinchTranslateDirection(!1,a,f,h,m,
e,c)},pinchTranslateDirection:function(a,f,h,m,e,c,l,z){var k=this.chart,d=a?"x":"y",b=a?"X":"Y",u="chart"+b,p=a?"width":"height",q=k["plot"+(a?"Left":"Top")],t,r,x=z||1,y=k.inverted,n=k.bounds[a?"h":"v"],G=1===f.length,B=f[0][u],M=h[0][u],F=!G&&f[1][u],g=!G&&h[1][u],v;h=function(){!G&&20<Math.abs(B-F)&&(x=z||Math.abs(M-g)/Math.abs(B-F));r=(q-M)/x+B;t=k["plot"+(a?"Width":"Height")]/x};h();f=r;f<n.min?(f=n.min,v=!0):f+t>n.max&&(f=n.max-t,v=!0);v?(M-=.8*(M-l[d][0]),G||(g-=.8*(g-l[d][1])),h()):l[d]=
[M,g];y||(c[d]=r-q,c[p]=t);c=y?1/x:x;e[p]=t;e[d]=f;m[y?a?"scaleY":"scaleX":"scale"+b]=x;m["translate"+b]=c*q+(M-c*B)},pinch:function(a){var r=this,q=r.chart,w=r.pinchDown,e=a.touches,c=e.length,l=r.lastValidTouch,z=r.hasZoom,k=r.selectionMarker,d={},b=1===c&&(r.inClass(a.target,"highcharts-tracker")&&q.runTrackerClick||r.runChartClick),u={};1<c&&(r.initiated=!0);z&&r.initiated&&!b&&a.preventDefault();m(e,function(a){return r.normalize(a)});"touchstart"===a.type?(D(e,function(a,b){w[b]={chartX:a.chartX,
chartY:a.chartY}}),l.x=[w[0].chartX,w[1]&&w[1].chartX],l.y=[w[0].chartY,w[1]&&w[1].chartY],D(q.axes,function(a){if(a.zoomEnabled){var b=q.bounds[a.horiz?"h":"v"],d=a.minPixelPadding,c=a.toPixels(f(a.options.min,a.dataMin)),k=a.toPixels(f(a.options.max,a.dataMax)),e=Math.max(c,k);b.min=Math.min(a.pos,Math.min(c,k)-d);b.max=Math.max(a.pos+a.len,e+d)}}),r.res=!0):r.followTouchMove&&1===c?this.runPointActions(r.normalize(a)):w.length&&(k||(r.selectionMarker=k=E({destroy:h,touch:!0},q.plotBox)),r.pinchTranslate(w,
e,d,k,u,l),r.hasPinched=z,r.scaleGroups(d,u),r.res&&(r.res=!1,this.reset(!1,0)))},touch:function(h,m){var q=this.chart,r,e;if(q.index!==a.hoverChartIndex)this.onContainerMouseLeave({relatedTarget:!0});a.hoverChartIndex=q.index;1===h.touches.length?(h=this.normalize(h),(e=q.isInsidePlot(h.chartX-q.plotLeft,h.chartY-q.plotTop))&&!q.openMenu?(m&&this.runPointActions(h),"touchmove"===h.type&&(m=this.pinchDown,r=m[0]?4<=Math.sqrt(Math.pow(m[0].chartX-h.chartX,2)+Math.pow(m[0].chartY-h.chartY,2)):!1),f(r,
!0)&&this.pinch(h)):m&&this.reset()):2===h.touches.length&&this.pinch(h)},onContainerTouchStart:function(a){this.zoomOption(a);this.touch(a,!0)},onContainerTouchMove:function(a){this.touch(a)},onDocumentTouchEnd:function(f){C[a.hoverChartIndex]&&C[a.hoverChartIndex].pointer.drop(f)}})})(K);(function(a){var C=a.addEvent,D=a.charts,E=a.css,m=a.doc,h=a.extend,f=a.noop,r=a.Pointer,y=a.removeEvent,q=a.win,w=a.wrap;if(!a.hasTouch&&(q.PointerEvent||q.MSPointerEvent)){var e={},c=!!q.PointerEvent,l=function(){var c=
[];c.item=function(a){return this[a]};a.objectEach(e,function(a){c.push({pageX:a.pageX,pageY:a.pageY,target:a.target})});return c},z=function(c,d,b,e){"touch"!==c.pointerType&&c.pointerType!==c.MSPOINTER_TYPE_TOUCH||!D[a.hoverChartIndex]||(e(c),e=D[a.hoverChartIndex].pointer,e[d]({type:b,target:c.currentTarget,preventDefault:f,touches:l()}))};h(r.prototype,{onContainerPointerDown:function(a){z(a,"onContainerTouchStart","touchstart",function(a){e[a.pointerId]={pageX:a.pageX,pageY:a.pageY,target:a.currentTarget}})},
onContainerPointerMove:function(a){z(a,"onContainerTouchMove","touchmove",function(a){e[a.pointerId]={pageX:a.pageX,pageY:a.pageY};e[a.pointerId].target||(e[a.pointerId].target=a.currentTarget)})},onDocumentPointerUp:function(a){z(a,"onDocumentTouchEnd","touchend",function(a){delete e[a.pointerId]})},batchMSEvents:function(a){a(this.chart.container,c?"pointerdown":"MSPointerDown",this.onContainerPointerDown);a(this.chart.container,c?"pointermove":"MSPointerMove",this.onContainerPointerMove);a(m,c?
"pointerup":"MSPointerUp",this.onDocumentPointerUp)}});w(r.prototype,"init",function(a,d,b){a.call(this,d,b);this.hasZoom&&E(d.container,{"-ms-touch-action":"none","touch-action":"none"})});w(r.prototype,"setDOMEvents",function(a){a.apply(this);(this.hasZoom||this.followTouchMove)&&this.batchMSEvents(C)});w(r.prototype,"destroy",function(a){this.batchMSEvents(y);a.call(this)})}})(K);(function(a){var C=a.addEvent,D=a.css,E=a.discardElement,m=a.defined,h=a.each,f=a.fireEvent,r=a.isFirefox,y=a.marginNames,
q=a.merge,w=a.pick,e=a.setAnimation,c=a.stableSort,l=a.win,z=a.wrap;a.Legend=function(a,d){this.init(a,d)};a.Legend.prototype={init:function(a,d){this.chart=a;this.setOptions(d);d.enabled&&(this.render(),C(this.chart,"endResize",function(){this.legend.positionCheckboxes()}),this.proximate?this.unchartrender=C(this.chart,"render",function(){this.legend.proximatePositions();this.legend.positionItems()}):this.unchartrender&&this.unchartrender())},setOptions:function(a){var d=w(a.padding,8);this.options=
a;this.itemStyle=a.itemStyle;this.itemHiddenStyle=q(this.itemStyle,a.itemHiddenStyle);this.itemMarginTop=a.itemMarginTop||0;this.padding=d;this.initialItemY=d-5;this.symbolWidth=w(a.symbolWidth,16);this.pages=[];this.proximate="proximate"===a.layout&&!this.chart.inverted},update:function(a,d){var b=this.chart;this.setOptions(q(!0,this.options,a));this.destroy();b.isDirtyLegend=b.isDirtyBox=!0;w(d,!0)&&b.redraw();f(this,"afterUpdate")},colorizeItem:function(a,d){a.legendGroup[d?"removeClass":"addClass"]("highcharts-legend-item-hidden");
var b=this.options,c=a.legendItem,k=a.legendLine,e=a.legendSymbol,l=this.itemHiddenStyle.color,b=d?b.itemStyle.color:l,h=d?a.color||l:l,x=a.options&&a.options.marker,z={fill:h};c&&c.css({fill:b,color:b});k&&k.attr({stroke:h});e&&(x&&e.isMarker&&(z=a.pointAttribs(),d||(z.stroke=z.fill=l)),e.attr(z));f(this,"afterColorizeItem",{item:a,visible:d})},positionItems:function(){h(this.allItems,this.positionItem,this);this.chart.isResizing||this.positionCheckboxes()},positionItem:function(a){var d=this.options,
b=d.symbolPadding,d=!d.rtl,c=a._legendItemPos,k=c[0],c=c[1],e=a.checkbox;if((a=a.legendGroup)&&a.element)a[m(a.translateY)?"animate":"attr"]({translateX:d?k:this.legendWidth-k-2*b-4,translateY:c});e&&(e.x=k,e.y=c)},destroyItem:function(a){var d=a.checkbox;h(["legendItem","legendLine","legendSymbol","legendGroup"],function(b){a[b]&&(a[b]=a[b].destroy())});d&&E(a.checkbox)},destroy:function(){function a(a){this[a]&&(this[a]=this[a].destroy())}h(this.getAllItems(),function(c){h(["legendItem","legendGroup"],
a,c)});h("clipRect up down pager nav box title group".split(" "),a,this);this.display=null},positionCheckboxes:function(){var a=this.group&&this.group.alignAttr,c,b=this.clipHeight||this.legendHeight,e=this.titleHeight;a&&(c=a.translateY,h(this.allItems,function(d){var k=d.checkbox,f;k&&(f=c+e+k.y+(this.scrollOffset||0)+3,D(k,{left:a.translateX+d.checkboxOffset+k.x-20+"px",top:f+"px",display:f>c-6&&f<c+b-6?"":"none"}))},this))},renderTitle:function(){var a=this.options,c=this.padding,b=a.title,e=
0;b.text&&(this.title||(this.title=this.chart.renderer.label(b.text,c-3,c-4,null,null,null,a.useHTML,null,"legend-title").attr({zIndex:1}).css(b.style).add(this.group)),a=this.title.getBBox(),e=a.height,this.offsetWidth=a.width,this.contentGroup.attr({translateY:e}));this.titleHeight=e},setText:function(c){var d=this.options;c.legendItem.attr({text:d.labelFormat?a.format(d.labelFormat,c,this.chart.time):d.labelFormatter.call(c)})},renderItem:function(a){var c=this.chart,b=c.renderer,e=this.options,
k=this.symbolWidth,f=e.symbolPadding,l=this.itemStyle,h=this.itemHiddenStyle,x="horizontal"===e.layout?w(e.itemDistance,20):0,z=!e.rtl,n=a.legendItem,G=!a.series,B=!G&&a.series.drawLegendSymbol?a.series:a,m=B.options,m=this.createCheckboxForItem&&m&&m.showCheckbox,x=k+f+x+(m?20:0),F=e.useHTML,g=a.options.className;n||(a.legendGroup=b.g("legend-item").addClass("highcharts-"+B.type+"-series highcharts-color-"+a.colorIndex+(g?" "+g:"")+(G?" highcharts-series-"+a.index:"")).attr({zIndex:1}).add(this.scrollGroup),
a.legendItem=n=b.text("",z?k+f:-f,this.baseline||0,F).css(q(a.visible?l:h)).attr({align:z?"left":"right",zIndex:2}).add(a.legendGroup),this.baseline||(k=l.fontSize,this.fontMetrics=b.fontMetrics(k,n),this.baseline=this.fontMetrics.f+3+this.itemMarginTop,n.attr("y",this.baseline)),this.symbolHeight=e.symbolHeight||this.fontMetrics.f,B.drawLegendSymbol(this,a),this.setItemEvents&&this.setItemEvents(a,n,F),m&&this.createCheckboxForItem(a));this.colorizeItem(a,a.visible);l.width||n.css({width:(e.itemWidth||
e.width||c.spacingBox.width)-x});this.setText(a);c=n.getBBox();a.itemWidth=a.checkboxOffset=e.itemWidth||a.legendItemWidth||c.width+x;this.maxItemWidth=Math.max(this.maxItemWidth,a.itemWidth);this.totalItemWidth+=a.itemWidth;this.itemHeight=a.itemHeight=Math.round(a.legendItemHeight||c.height||this.symbolHeight)},layoutItem:function(a){var c=this.options,b=this.padding,e="horizontal"===c.layout,k=a.itemHeight,f=c.itemMarginBottom||0,l=this.itemMarginTop,h=e?w(c.itemDistance,20):0,x=c.width,z=x||this.chart.spacingBox.width-
2*b-c.x,c=c.alignColumns&&this.totalItemWidth>z?this.maxItemWidth:a.itemWidth;e&&this.itemX-b+c>z&&(this.itemX=b,this.itemY+=l+this.lastLineHeight+f,this.lastLineHeight=0);this.lastItemY=l+this.itemY+f;this.lastLineHeight=Math.max(k,this.lastLineHeight);a._legendItemPos=[this.itemX,this.itemY];e?this.itemX+=c:(this.itemY+=l+k+f,this.lastLineHeight=k);this.offsetWidth=x||Math.max((e?this.itemX-b-(a.checkbox?0:h):c)+b,this.offsetWidth)},getAllItems:function(){var a=[];h(this.chart.series,function(c){var b=
c&&c.options;c&&w(b.showInLegend,m(b.linkedTo)?!1:void 0,!0)&&(a=a.concat(c.legendItems||("point"===b.legendType?c.data:c)))});f(this,"afterGetAllItems",{allItems:a});return a},getAlignment:function(){var a=this.options;return this.proximate?a.align.charAt(0)+"tv":a.floating?"":a.align.charAt(0)+a.verticalAlign.charAt(0)+a.layout.charAt(0)},adjustMargins:function(a,c){var b=this.chart,d=this.options,e=this.getAlignment();e&&h([/(lth|ct|rth)/,/(rtv|rm|rbv)/,/(rbh|cb|lbh)/,/(lbv|lm|ltv)/],function(k,
f){k.test(e)&&!m(a[f])&&(b[y[f]]=Math.max(b[y[f]],b.legend[(f+1)%2?"legendHeight":"legendWidth"]+[1,-1,-1,1][f]*d[f%2?"x":"y"]+w(d.margin,12)+c[f]+(0===f&&void 0!==b.options.title.margin?b.titleOffset+b.options.title.margin:0)))})},proximatePositions:function(){var c=this.chart,d=[],b="left"===this.options.align;h(this.allItems,function(e){var k,f;k=b;e.xAxis&&e.points&&(e.xAxis.options.reversed&&(k=!k),k=a.find(k?e.points:e.points.slice(0).reverse(),function(b){return a.isNumber(b.plotY)}),f=e.legendGroup.getBBox().height,
d.push({target:e.visible?(k?k.plotY:e.xAxis.height)-.3*f:c.plotHeight,size:f,item:e}))},this);a.distribute(d,c.plotHeight);h(d,function(a){a.item._legendItemPos[1]=c.plotTop-c.spacing[0]+a.pos})},render:function(){var a=this.chart,d=a.renderer,b=this.group,e,f,l,t=this.box,z=this.options,x=this.padding;this.itemX=x;this.itemY=this.initialItemY;this.lastItemY=this.offsetWidth=0;b||(this.group=b=d.g("legend").attr({zIndex:7}).add(),this.contentGroup=d.g().attr({zIndex:1}).add(b),this.scrollGroup=d.g().add(this.contentGroup));
this.renderTitle();e=this.getAllItems();c(e,function(a,b){return(a.options&&a.options.legendIndex||0)-(b.options&&b.options.legendIndex||0)});z.reversed&&e.reverse();this.allItems=e;this.display=f=!!e.length;this.itemHeight=this.totalItemWidth=this.maxItemWidth=this.lastLineHeight=0;h(e,this.renderItem,this);h(e,this.layoutItem,this);e=(z.width||this.offsetWidth)+x;l=this.lastItemY+this.lastLineHeight+this.titleHeight;l=this.handleOverflow(l);l+=x;t||(this.box=t=d.rect().addClass("highcharts-legend-box").attr({r:z.borderRadius}).add(b),
t.isNew=!0);t.attr({stroke:z.borderColor,"stroke-width":z.borderWidth||0,fill:z.backgroundColor||"none"}).shadow(z.shadow);0<e&&0<l&&(t[t.isNew?"attr":"animate"](t.crisp.call({},{x:0,y:0,width:e,height:l},t.strokeWidth())),t.isNew=!1);t[f?"show":"hide"]();this.legendWidth=e;this.legendHeight=l;f&&(d=a.spacingBox,/(lth|ct|rth)/.test(this.getAlignment())&&(d=q(d,{y:d.y+a.titleOffset+a.options.title.margin})),b.align(q(z,{width:e,height:l,verticalAlign:this.proximate?"top":z.verticalAlign}),!0,d));this.proximate||
this.positionItems()},handleOverflow:function(a){var c=this,b=this.chart,e=b.renderer,k=this.options,f=k.y,l=this.padding,b=b.spacingBox.height+("top"===k.verticalAlign?-f:f)-l,f=k.maxHeight,z,x=this.clipRect,m=k.navigation,n=w(m.animation,!0),G=m.arrowSize||12,B=this.nav,q=this.pages,F,g=this.allItems,v=function(a){"number"===typeof a?x.attr({height:a}):x&&(c.clipRect=x.destroy(),c.contentGroup.clip());c.contentGroup.div&&(c.contentGroup.div.style.clip=a?"rect("+l+"px,9999px,"+(l+a)+"px,0)":"auto")};
"horizontal"!==k.layout||"middle"===k.verticalAlign||k.floating||(b/=2);f&&(b=Math.min(b,f));q.length=0;a>b&&!1!==m.enabled?(this.clipHeight=z=Math.max(b-20-this.titleHeight-l,0),this.currentPage=w(this.currentPage,1),this.fullHeight=a,h(g,function(a,b){var c=a._legendItemPos[1],d=Math.round(a.legendItem.getBBox().height),e=q.length;if(!e||c-q[e-1]>z&&(F||c)!==q[e-1])q.push(F||c),e++;a.pageIx=e-1;F&&(g[b-1].pageIx=e-1);b===g.length-1&&c+d-q[e-1]>z&&(q.push(c),a.pageIx=e);c!==F&&(F=c)}),x||(x=c.clipRect=
e.clipRect(0,l,9999,0),c.contentGroup.clip(x)),v(z),B||(this.nav=B=e.g().attr({zIndex:1}).add(this.group),this.up=e.symbol("triangle",0,0,G,G).on("click",function(){c.scroll(-1,n)}).add(B),this.pager=e.text("",15,10).addClass("highcharts-legend-navigation").css(m.style).add(B),this.down=e.symbol("triangle-down",0,0,G,G).on("click",function(){c.scroll(1,n)}).add(B)),c.scroll(0),a=b):B&&(v(),this.nav=B.destroy(),this.scrollGroup.attr({translateY:1}),this.clipHeight=0);return a},scroll:function(a,c){var b=
this.pages,d=b.length;a=this.currentPage+a;var k=this.clipHeight,f=this.options.navigation,l=this.pager,h=this.padding;a>d&&(a=d);0<a&&(void 0!==c&&e(c,this.chart),this.nav.attr({translateX:h,translateY:k+this.padding+7+this.titleHeight,visibility:"visible"}),this.up.attr({"class":1===a?"highcharts-legend-nav-inactive":"highcharts-legend-nav-active"}),l.attr({text:a+"/"+d}),this.down.attr({x:18+this.pager.getBBox().width,"class":a===d?"highcharts-legend-nav-inactive":"highcharts-legend-nav-active"}),
this.up.attr({fill:1===a?f.inactiveColor:f.activeColor}).css({cursor:1===a?"default":"pointer"}),this.down.attr({fill:a===d?f.inactiveColor:f.activeColor}).css({cursor:a===d?"default":"pointer"}),this.scrollOffset=-b[a-1]+this.initialItemY,this.scrollGroup.animate({translateY:this.scrollOffset}),this.currentPage=a,this.positionCheckboxes())}};a.LegendSymbolMixin={drawRectangle:function(a,c){var b=a.symbolHeight,d=a.options.squareSymbol;c.legendSymbol=this.chart.renderer.rect(d?(a.symbolWidth-b)/2:
0,a.baseline-b+1,d?b:a.symbolWidth,b,w(a.options.symbolRadius,b/2)).addClass("highcharts-point").attr({zIndex:3}).add(c.legendGroup)},drawLineMarker:function(a){var c=this.options,b=c.marker,e=a.symbolWidth,k=a.symbolHeight,f=k/2,l=this.chart.renderer,h=this.legendGroup;a=a.baseline-Math.round(.3*a.fontMetrics.b);var z;z={"stroke-width":c.lineWidth||0};c.dashStyle&&(z.dashstyle=c.dashStyle);this.legendLine=l.path(["M",0,a,"L",e,a]).addClass("highcharts-graph").attr(z).add(h);b&&!1!==b.enabled&&e&&
(c=Math.min(w(b.radius,f),f),0===this.symbol.indexOf("url")&&(b=q(b,{width:k,height:k}),c=0),this.legendSymbol=b=l.symbol(this.symbol,e/2-c,a-c,2*c,2*c,b).addClass("highcharts-point").add(h),b.isMarker=!0)}};(/Trident\/7\.0/.test(l.navigator.userAgent)||r)&&z(a.Legend.prototype,"positionItem",function(a,c){var b=this,d=function(){c._legendItemPos&&a.call(b,c)};d();setTimeout(d)})})(K);(function(a){var C=a.addEvent,D=a.animate,E=a.animObject,m=a.attr,h=a.doc,f=a.Axis,r=a.createElement,y=a.defaultOptions,
q=a.discardElement,w=a.charts,e=a.css,c=a.defined,l=a.each,z=a.extend,k=a.find,d=a.fireEvent,b=a.grep,u=a.isNumber,p=a.isObject,H=a.isString,t=a.Legend,L=a.marginNames,x=a.merge,I=a.objectEach,n=a.Pointer,G=a.pick,B=a.pInt,M=a.removeEvent,F=a.seriesTypes,g=a.splat,v=a.syncTimeout,P=a.win,Q=a.Chart=function(){this.getArgs.apply(this,arguments)};a.chart=function(a,b,c){return new Q(a,b,c)};z(Q.prototype,{callbacks:[],getArgs:function(){var a=[].slice.call(arguments);if(H(a[0])||a[0].nodeName)this.renderTo=
a.shift();this.init(a[0],a[1])},init:function(b,c){var g,e,k=b.series,f=b.plotOptions||{};d(this,"init",{args:arguments},function(){b.series=null;g=x(y,b);for(e in g.plotOptions)g.plotOptions[e].tooltip=f[e]&&x(f[e].tooltip)||void 0;g.tooltip.userOptions=b.chart&&b.chart.forExport&&b.tooltip.userOptions||b.tooltip;g.series=b.series=k;this.userOptions=b;var n=g.chart,l=n.events;this.margin=[];this.spacing=[];this.bounds={h:{},v:{}};this.labelCollectors=[];this.callback=c;this.isResizing=0;this.options=
g;this.axes=[];this.series=[];this.time=b.time&&a.keys(b.time).length?new a.Time(b.time):a.time;this.hasCartesianSeries=n.showAxes;var h=this;h.index=w.length;w.push(h);a.chartCount++;l&&I(l,function(a,b){C(h,b,a)});h.xAxis=[];h.yAxis=[];h.pointCount=h.colorCounter=h.symbolCounter=0;d(h,"afterInit");h.firstRender()})},initSeries:function(b){var c=this.options.chart;(c=F[b.type||c.type||c.defaultSeriesType])||a.error(17,!0);c=new c;c.init(this,b);return c},orderSeries:function(a){var b=this.series;
for(a=a||0;a<b.length;a++)b[a]&&(b[a].index=a,b[a].name=b[a].getName())},isInsidePlot:function(a,b,c){var d=c?b:a;a=c?a:b;return 0<=d&&d<=this.plotWidth&&0<=a&&a<=this.plotHeight},redraw:function(b){d(this,"beforeRedraw");var c=this.axes,g=this.series,e=this.pointer,f=this.legend,k=this.isDirtyLegend,n,h,B=this.hasCartesianSeries,G=this.isDirtyBox,v,p=this.renderer,t=p.isHidden(),x=[];this.setResponsive&&this.setResponsive(!1);a.setAnimation(b,this);t&&this.temporaryDisplay();this.layOutTitles();
for(b=g.length;b--;)if(v=g[b],v.options.stacking&&(n=!0,v.isDirty)){h=!0;break}if(h)for(b=g.length;b--;)v=g[b],v.options.stacking&&(v.isDirty=!0);l(g,function(a){a.isDirty&&"point"===a.options.legendType&&(a.updateTotals&&a.updateTotals(),k=!0);a.isDirtyData&&d(a,"updatedData")});k&&f.options.enabled&&(f.render(),this.isDirtyLegend=!1);n&&this.getStacks();B&&l(c,function(a){a.updateNames();a.setScale()});this.getMargins();B&&(l(c,function(a){a.isDirty&&(G=!0)}),l(c,function(a){var b=a.min+","+a.max;
a.extKey!==b&&(a.extKey=b,x.push(function(){d(a,"afterSetExtremes",z(a.eventArgs,a.getExtremes()));delete a.eventArgs}));(G||n)&&a.redraw()}));G&&this.drawChartBox();d(this,"predraw");l(g,function(a){(G||a.isDirty)&&a.visible&&a.redraw();a.isDirtyData=!1});e&&e.reset(!0);p.draw();d(this,"redraw");d(this,"render");t&&this.temporaryDisplay(!0);l(x,function(a){a.call()})},get:function(a){function b(b){return b.id===a||b.options&&b.options.id===a}var c,d=this.series,g;c=k(this.axes,b)||k(this.series,
b);for(g=0;!c&&g<d.length;g++)c=k(d[g].points||[],b);return c},getAxes:function(){var a=this,b=this.options,c=b.xAxis=g(b.xAxis||{}),b=b.yAxis=g(b.yAxis||{});d(this,"getAxes");l(c,function(a,b){a.index=b;a.isX=!0});l(b,function(a,b){a.index=b});c=c.concat(b);l(c,function(b){new f(a,b)});d(this,"afterGetAxes")},getSelectedPoints:function(){var a=[];l(this.series,function(c){a=a.concat(b(c.data||[],function(a){return a.selected}))});return a},getSelectedSeries:function(){return b(this.series,function(a){return a.selected})},
setTitle:function(a,b,c){var d=this,g=d.options,e;e=g.title=x({style:{color:"#333333",fontSize:g.isStock?"16px":"18px"}},g.title,a);g=g.subtitle=x({style:{color:"#666666"}},g.subtitle,b);l([["title",a,e],["subtitle",b,g]],function(a,b){var c=a[0],g=d[c],e=a[1];a=a[2];g&&e&&(d[c]=g=g.destroy());a&&!g&&(d[c]=d.renderer.text(a.text,0,0,a.useHTML).attr({align:a.align,"class":"highcharts-"+c,zIndex:a.zIndex||4}).add(),d[c].update=function(a){d.setTitle(!b&&a,b&&a)},d[c].css(a.style))});d.layOutTitles(c)},
layOutTitles:function(a){var b=0,c,d=this.renderer,g=this.spacingBox;l(["title","subtitle"],function(a){var c=this[a],e=this.options[a];a="title"===a?-3:e.verticalAlign?0:b+2;var n;c&&(n=e.style.fontSize,n=d.fontMetrics(n,c).b,c.css({width:(e.width||g.width+e.widthAdjust)+"px"}).align(z({y:a+n},e),!1,"spacingBox"),e.floating||e.verticalAlign||(b=Math.ceil(b+c.getBBox(e.useHTML).height)))},this);c=this.titleOffset!==b;this.titleOffset=b;!this.isDirtyBox&&c&&(this.isDirtyBox=this.isDirtyLegend=c,this.hasRendered&&
G(a,!0)&&this.isDirtyBox&&this.redraw())},getChartSize:function(){var b=this.options.chart,d=b.width,b=b.height,g=this.renderTo;c(d)||(this.containerWidth=a.getStyle(g,"width"));c(b)||(this.containerHeight=a.getStyle(g,"height"));this.chartWidth=Math.max(0,d||this.containerWidth||600);this.chartHeight=Math.max(0,a.relativeLength(b,this.chartWidth)||(1<this.containerHeight?this.containerHeight:400))},temporaryDisplay:function(b){var c=this.renderTo;if(b)for(;c&&c.style;)c.hcOrigStyle&&(a.css(c,c.hcOrigStyle),
delete c.hcOrigStyle),c.hcOrigDetached&&(h.body.removeChild(c),c.hcOrigDetached=!1),c=c.parentNode;else for(;c&&c.style;){h.body.contains(c)||c.parentNode||(c.hcOrigDetached=!0,h.body.appendChild(c));if("none"===a.getStyle(c,"display",!1)||c.hcOricDetached)c.hcOrigStyle={display:c.style.display,height:c.style.height,overflow:c.style.overflow},b={display:"block",overflow:"hidden"},c!==this.renderTo&&(b.height=0),a.css(c,b),c.offsetWidth||c.style.setProperty("display","block","important");c=c.parentNode;
if(c===h.body)break}},setClassName:function(a){this.container.className="highcharts-container "+(a||"")},getContainer:function(){var b,c=this.options,g=c.chart,e,n;b=this.renderTo;var f=a.uniqueKey(),k;b||(this.renderTo=b=g.renderTo);H(b)&&(this.renderTo=b=h.getElementById(b));b||a.error(13,!0);e=B(m(b,"data-highcharts-chart"));u(e)&&w[e]&&w[e].hasRendered&&w[e].destroy();m(b,"data-highcharts-chart",this.index);b.innerHTML="";g.skipClone||b.offsetWidth||this.temporaryDisplay();this.getChartSize();
e=this.chartWidth;n=this.chartHeight;k=z({position:"relative",overflow:"hidden",width:e+"px",height:n+"px",textAlign:"left",lineHeight:"normal",zIndex:0,"-webkit-tap-highlight-color":"rgba(0,0,0,0)"},g.style);this.container=b=r("div",{id:f},k,b);this._cursor=b.style.cursor;this.renderer=new (a[g.renderer]||a.Renderer)(b,e,n,null,g.forExport,c.exporting&&c.exporting.allowHTML);this.setClassName(g.className);this.renderer.setStyle(g.style);this.renderer.chartIndex=this.index;d(this,"afterGetContainer")},
getMargins:function(a){var b=this.spacing,g=this.margin,e=this.titleOffset;this.resetMargins();e&&!c(g[0])&&(this.plotTop=Math.max(this.plotTop,e+this.options.title.margin+b[0]));this.legend&&this.legend.display&&this.legend.adjustMargins(g,b);d(this,"getMargins");a||this.getAxisMargins()},getAxisMargins:function(){var a=this,b=a.axisOffset=[0,0,0,0],d=a.margin;a.hasCartesianSeries&&l(a.axes,function(a){a.visible&&a.getOffset()});l(L,function(g,e){c(d[e])||(a[g]+=b[e])});a.setChartSize()},reflow:function(b){var d=
this,g=d.options.chart,e=d.renderTo,n=c(g.width)&&c(g.height),k=g.width||a.getStyle(e,"width"),g=g.height||a.getStyle(e,"height"),e=b?b.target:P;if(!n&&!d.isPrinting&&k&&g&&(e===P||e===h)){if(k!==d.containerWidth||g!==d.containerHeight)a.clearTimeout(d.reflowTimeout),d.reflowTimeout=v(function(){d.container&&d.setSize(void 0,void 0,!1)},b?100:0);d.containerWidth=k;d.containerHeight=g}},setReflow:function(a){var b=this;!1===a||this.unbindReflow?!1===a&&this.unbindReflow&&(this.unbindReflow=this.unbindReflow()):
(this.unbindReflow=C(P,"resize",function(a){b.reflow(a)}),C(this,"destroy",this.unbindReflow))},setSize:function(b,c,g){var n=this,k=n.renderer;n.isResizing+=1;a.setAnimation(g,n);n.oldChartHeight=n.chartHeight;n.oldChartWidth=n.chartWidth;void 0!==b&&(n.options.chart.width=b);void 0!==c&&(n.options.chart.height=c);n.getChartSize();b=k.globalAnimation;(b?D:e)(n.container,{width:n.chartWidth+"px",height:n.chartHeight+"px"},b);n.setChartSize(!0);k.setSize(n.chartWidth,n.chartHeight,g);l(n.axes,function(a){a.isDirty=
!0;a.setScale()});n.isDirtyLegend=!0;n.isDirtyBox=!0;n.layOutTitles();n.getMargins();n.redraw(g);n.oldChartHeight=null;d(n,"resize");v(function(){n&&d(n,"endResize",null,function(){--n.isResizing})},E(b).duration)},setChartSize:function(a){var b=this.inverted,c=this.renderer,g=this.chartWidth,e=this.chartHeight,n=this.options.chart,k=this.spacing,f=this.clipOffset,h,B,G,v;this.plotLeft=h=Math.round(this.plotLeft);this.plotTop=B=Math.round(this.plotTop);this.plotWidth=G=Math.max(0,Math.round(g-h-this.marginRight));
this.plotHeight=v=Math.max(0,Math.round(e-B-this.marginBottom));this.plotSizeX=b?v:G;this.plotSizeY=b?G:v;this.plotBorderWidth=n.plotBorderWidth||0;this.spacingBox=c.spacingBox={x:k[3],y:k[0],width:g-k[3]-k[1],height:e-k[0]-k[2]};this.plotBox=c.plotBox={x:h,y:B,width:G,height:v};g=2*Math.floor(this.plotBorderWidth/2);b=Math.ceil(Math.max(g,f[3])/2);c=Math.ceil(Math.max(g,f[0])/2);this.clipBox={x:b,y:c,width:Math.floor(this.plotSizeX-Math.max(g,f[1])/2-b),height:Math.max(0,Math.floor(this.plotSizeY-
Math.max(g,f[2])/2-c))};a||l(this.axes,function(a){a.setAxisSize();a.setAxisTranslation()});d(this,"afterSetChartSize",{skipAxes:a})},resetMargins:function(){var a=this,b=a.options.chart;l(["margin","spacing"],function(c){var d=b[c],g=p(d)?d:[d,d,d,d];l(["Top","Right","Bottom","Left"],function(d,e){a[c][e]=G(b[c+d],g[e])})});l(L,function(b,c){a[b]=G(a.margin[c],a.spacing[c])});a.axisOffset=[0,0,0,0];a.clipOffset=[0,0,0,0]},drawChartBox:function(){var a=this.options.chart,b=this.renderer,c=this.chartWidth,
g=this.chartHeight,e=this.chartBackground,n=this.plotBackground,k=this.plotBorder,f,l=this.plotBGImage,h=a.backgroundColor,B=a.plotBackgroundColor,G=a.plotBackgroundImage,v,p=this.plotLeft,t=this.plotTop,z=this.plotWidth,x=this.plotHeight,F=this.plotBox,u=this.clipRect,m=this.clipBox,q="animate";e||(this.chartBackground=e=b.rect().addClass("highcharts-background").add(),q="attr");f=a.borderWidth||0;v=f+(a.shadow?8:0);h={fill:h||"none"};if(f||e["stroke-width"])h.stroke=a.borderColor,h["stroke-width"]=
f;e.attr(h).shadow(a.shadow);e[q]({x:v/2,y:v/2,width:c-v-f%2,height:g-v-f%2,r:a.borderRadius});q="animate";n||(q="attr",this.plotBackground=n=b.rect().addClass("highcharts-plot-background").add());n[q](F);n.attr({fill:B||"none"}).shadow(a.plotShadow);G&&(l?l.animate(F):this.plotBGImage=b.image(G,p,t,z,x).add());u?u.animate({width:m.width,height:m.height}):this.clipRect=b.clipRect(m);q="animate";k||(q="attr",this.plotBorder=k=b.rect().addClass("highcharts-plot-border").attr({zIndex:1}).add());k.attr({stroke:a.plotBorderColor,
"stroke-width":a.plotBorderWidth||0,fill:"none"});k[q](k.crisp({x:p,y:t,width:z,height:x},-k.strokeWidth()));this.isDirtyBox=!1;d(this,"afterDrawChartBox")},propFromSeries:function(){var a=this,b=a.options.chart,c,d=a.options.series,g,e;l(["inverted","angular","polar"],function(n){c=F[b.type||b.defaultSeriesType];e=b[n]||c&&c.prototype[n];for(g=d&&d.length;!e&&g--;)(c=F[d[g].type])&&c.prototype[n]&&(e=!0);a[n]=e})},linkSeries:function(){var a=this,b=a.series;l(b,function(a){a.linkedSeries.length=
0});l(b,function(b){var c=b.options.linkedTo;H(c)&&(c=":previous"===c?a.series[b.index-1]:a.get(c))&&c.linkedParent!==b&&(c.linkedSeries.push(b),b.linkedParent=c,b.visible=G(b.options.visible,c.options.visible,b.visible))});d(this,"afterLinkSeries")},renderSeries:function(){l(this.series,function(a){a.translate();a.render()})},renderLabels:function(){var a=this,b=a.options.labels;b.items&&l(b.items,function(c){var d=z(b.style,c.style),g=B(d.left)+a.plotLeft,e=B(d.top)+a.plotTop+12;delete d.left;delete d.top;
a.renderer.text(c.html,g,e).attr({zIndex:2}).css(d).add()})},render:function(){var a=this.axes,b=this.renderer,c=this.options,d,g,e;this.setTitle();this.legend=new t(this,c.legend);this.getStacks&&this.getStacks();this.getMargins(!0);this.setChartSize();c=this.plotWidth;d=this.plotHeight=Math.max(this.plotHeight-21,0);l(a,function(a){a.setScale()});this.getAxisMargins();g=1.1<c/this.plotWidth;e=1.05<d/this.plotHeight;if(g||e)l(a,function(a){(a.horiz&&g||!a.horiz&&e)&&a.setTickInterval(!0)}),this.getMargins();
this.drawChartBox();this.hasCartesianSeries&&l(a,function(a){a.visible&&a.render()});this.seriesGroup||(this.seriesGroup=b.g("series-group").attr({zIndex:3}).add());this.renderSeries();this.renderLabels();this.addCredits();this.setResponsive&&this.setResponsive();this.hasRendered=!0},addCredits:function(a){var b=this;a=x(!0,this.options.credits,a);a.enabled&&!this.credits&&(this.credits=this.renderer.text(a.text+(this.mapCredits||""),0,0).addClass("highcharts-credits").on("click",function(){a.href&&
(P.location.href=a.href)}).attr({align:a.position.align,zIndex:8}).css(a.style).add().align(a.position),this.credits.update=function(a){b.credits=b.credits.destroy();b.addCredits(a)})},destroy:function(){var b=this,c=b.axes,g=b.series,e=b.container,n,k=e&&e.parentNode;d(b,"destroy");b.renderer.forExport?a.erase(w,b):w[b.index]=void 0;a.chartCount--;b.renderTo.removeAttribute("data-highcharts-chart");M(b);for(n=c.length;n--;)c[n]=c[n].destroy();this.scroller&&this.scroller.destroy&&this.scroller.destroy();
for(n=g.length;n--;)g[n]=g[n].destroy();l("title subtitle chartBackground plotBackground plotBGImage plotBorder seriesGroup clipRect credits pointer rangeSelector legend resetZoomButton tooltip renderer".split(" "),function(a){var c=b[a];c&&c.destroy&&(b[a]=c.destroy())});e&&(e.innerHTML="",M(e),k&&q(e));I(b,function(a,c){delete b[c]})},firstRender:function(){var a=this,b=a.options;if(!a.isReadyToRender||a.isReadyToRender()){a.getContainer();a.resetMargins();a.setChartSize();a.propFromSeries();a.getAxes();
l(b.series||[],function(b){a.initSeries(b)});a.linkSeries();d(a,"beforeRender");n&&(a.pointer=new n(a,b));a.render();if(!a.renderer.imgCount&&a.onload)a.onload();a.temporaryDisplay(!0)}},onload:function(){l([this.callback].concat(this.callbacks),function(a){a&&void 0!==this.index&&a.apply(this,[this])},this);d(this,"load");d(this,"render");c(this.index)&&this.setReflow(this.options.chart.reflow);this.onload=null}})})(K);(function(a){var C=a.addEvent,D=a.Chart,E=a.each;C(D,"afterSetChartSize",function(m){var h=
this.options.chart.scrollablePlotArea;(h=h&&h.minWidth)&&!this.renderer.forExport&&(this.scrollablePixels=h=Math.max(0,h-this.chartWidth))&&(this.plotWidth+=h,this.clipBox.width+=h,m.skipAxes||E(this.axes,function(f){1===f.side?f.getPlotLinePath=function(){var h=this.right,m;this.right=h-f.chart.scrollablePixels;m=a.Axis.prototype.getPlotLinePath.apply(this,arguments);this.right=h;return m}:(f.setAxisSize(),f.setAxisTranslation())}))});C(D,"render",function(){this.scrollablePixels?(this.setUpScrolling&&
this.setUpScrolling(),this.applyFixed()):this.fixedDiv&&this.applyFixed()});D.prototype.setUpScrolling=function(){this.scrollingContainer=a.createElement("div",{className:"highcharts-scrolling"},{overflowX:"auto",WebkitOverflowScrolling:"touch"},this.renderTo);this.innerContainer=a.createElement("div",{className:"highcharts-inner-container"},null,this.scrollingContainer);this.innerContainer.appendChild(this.container);this.setUpScrolling=null};D.prototype.applyFixed=function(){var m=this.container,
h,f,r=!this.fixedDiv;r&&(this.fixedDiv=a.createElement("div",{className:"highcharts-fixed"},{position:"absolute",overflow:"hidden",pointerEvents:"none",zIndex:2},null,!0),this.renderTo.insertBefore(this.fixedDiv,this.renderTo.firstChild),this.fixedRenderer=h=new a.Renderer(this.fixedDiv,0,0),this.scrollableMask=h.path().attr({fill:a.color(this.options.chart.backgroundColor||"#fff").setOpacity(.85).get(),zIndex:-1}).addClass("highcharts-scrollable-mask").add(),a.each([this.inverted?".highcharts-xaxis":
".highcharts-yaxis",this.inverted?".highcharts-xaxis-labels":".highcharts-yaxis-labels",".highcharts-contextbutton",".highcharts-credits",".highcharts-legend",".highcharts-subtitle",".highcharts-title",".highcharts-legend-checkbox"],function(f){a.each(m.querySelectorAll(f),function(a){(a.namespaceURI===h.SVG_NS?h.box:h.box.parentNode).appendChild(a);a.style.pointerEvents="auto"})}));this.fixedRenderer.setSize(this.chartWidth,this.chartHeight);f=this.chartWidth+this.scrollablePixels;a.stop(this.container);
this.container.style.width=f+"px";this.renderer.boxWrapper.attr({width:f,height:this.chartHeight,viewBox:[0,0,f,this.chartHeight].join(" ")});this.chartBackground.attr({width:f});r&&(f=this.options.chart.scrollablePlotArea,f.scrollPositionX&&(this.scrollingContainer.scrollLeft=this.scrollablePixels*f.scrollPositionX));r=this.axisOffset;f=this.plotTop-r[0]-1;var r=this.plotTop+this.plotHeight+r[2],y=this.plotLeft+this.plotWidth-this.scrollablePixels;this.scrollableMask.attr({d:this.scrollablePixels?
["M",0,f,"L",this.plotLeft-1,f,"L",this.plotLeft-1,r,"L",0,r,"Z","M",y,f,"L",this.chartWidth,f,"L",this.chartWidth,r,"L",y,r,"Z"]:["M",0,0]})}})(K);(function(a){var C,D=a.each,E=a.extend,m=a.erase,h=a.fireEvent,f=a.format,r=a.isArray,y=a.isNumber,q=a.pick,w=a.removeEvent;a.Point=C=function(){};a.Point.prototype={init:function(a,c,f){this.series=a;this.color=a.color;this.applyOptions(c,f);a.options.colorByPoint?(c=a.options.colors||a.chart.options.colors,this.color=this.color||c[a.colorCounter],c=
c.length,f=a.colorCounter,a.colorCounter++,a.colorCounter===c&&(a.colorCounter=0)):f=a.colorIndex;this.colorIndex=q(this.colorIndex,f);a.chart.pointCount++;h(this,"afterInit");return this},applyOptions:function(a,c){var e=this.series,f=e.options.pointValKey||e.pointValKey;a=C.prototype.optionsToObject.call(this,a);E(this,a);this.options=this.options?E(this.options,a):a;a.group&&delete this.group;f&&(this.y=this[f]);this.isNull=q(this.isValid&&!this.isValid(),null===this.x||!y(this.y,!0));this.selected&&
(this.state="select");"name"in this&&void 0===c&&e.xAxis&&e.xAxis.hasNames&&(this.x=e.xAxis.nameToX(this));void 0===this.x&&e&&(this.x=void 0===c?e.autoIncrement(this):c);return this},setNestedProperty:function(e,c,f){f=f.split(".");a.reduce(f,function(e,f,d,b){e[f]=b.length-1===d?c:a.isObject(e[f],!0)?e[f]:{};return e[f]},e);return e},optionsToObject:function(e){var c={},f=this.series,h=f.options.keys,k=h||f.pointArrayMap||["y"],d=k.length,b=0,u=0;if(y(e)||null===e)c[k[0]]=e;else if(r(e))for(!h&&
e.length>d&&(f=typeof e[0],"string"===f?c.name=e[0]:"number"===f&&(c.x=e[0]),b++);u<d;)h&&void 0===e[b]||(0<k[u].indexOf(".")?a.Point.prototype.setNestedProperty(c,e[b],k[u]):c[k[u]]=e[b]),b++,u++;else"object"===typeof e&&(c=e,e.dataLabels&&(f._hasPointLabels=!0),e.marker&&(f._hasPointMarkers=!0));return c},getClassName:function(){return"highcharts-point"+(this.selected?" highcharts-point-select":"")+(this.negative?" highcharts-negative":"")+(this.isNull?" highcharts-null-point":"")+(void 0!==this.colorIndex?
" highcharts-color-"+this.colorIndex:"")+(this.options.className?" "+this.options.className:"")+(this.zone&&this.zone.className?" "+this.zone.className.replace("highcharts-negative",""):"")},getZone:function(){var a=this.series,c=a.zones,a=a.zoneAxis||"y",f=0,h;for(h=c[f];this[a]>=h.value;)h=c[++f];this.nonZonedColor||(this.nonZonedColor=this.color);this.color=h&&h.color&&!this.options.color?h.color:this.nonZonedColor;return h},destroy:function(){var a=this.series.chart,c=a.hoverPoints,f;a.pointCount--;
c&&(this.setState(),m(c,this),c.length||(a.hoverPoints=null));if(this===a.hoverPoint)this.onMouseOut();if(this.graphic||this.dataLabel)w(this),this.destroyElements();this.legendItem&&a.legend.destroyItem(this);for(f in this)this[f]=null},destroyElements:function(){for(var a=["graphic","dataLabel","dataLabelUpper","connector","shadowGroup"],c,f=6;f--;)c=a[f],this[c]&&(this[c]=this[c].destroy())},getLabelConfig:function(){return{x:this.category,y:this.y,color:this.color,colorIndex:this.colorIndex,key:this.name||
this.category,series:this.series,point:this,percentage:this.percentage,total:this.total||this.stackTotal}},tooltipFormatter:function(a){var c=this.series,e=c.tooltipOptions,h=q(e.valueDecimals,""),k=e.valuePrefix||"",d=e.valueSuffix||"";D(c.pointArrayMap||["y"],function(b){b="{point."+b;if(k||d)a=a.replace(RegExp(b+"}","g"),k+b+"}"+d);a=a.replace(RegExp(b+"}","g"),b+":,."+h+"f}")});return f(a,{point:this,series:this.series},c.chart.time)},firePointEvent:function(a,c,f){var e=this,k=this.series.options;
(k.point.events[a]||e.options&&e.options.events&&e.options.events[a])&&this.importEvents();"click"===a&&k.allowPointSelect&&(f=function(a){e.select&&e.select(null,a.ctrlKey||a.metaKey||a.shiftKey)});h(this,a,c,f)},visible:!0}})(K);(function(a){var C=a.addEvent,D=a.animObject,E=a.arrayMax,m=a.arrayMin,h=a.correctFloat,f=a.defaultOptions,r=a.defaultPlotOptions,y=a.defined,q=a.each,w=a.erase,e=a.extend,c=a.fireEvent,l=a.grep,z=a.isArray,k=a.isNumber,d=a.isString,b=a.merge,u=a.objectEach,p=a.pick,H=a.removeEvent,
t=a.splat,L=a.SVGElement,x=a.syncTimeout,I=a.win;a.Series=a.seriesType("line",null,{lineWidth:2,allowPointSelect:!1,showCheckbox:!1,animation:{duration:1E3},events:{},marker:{lineWidth:0,lineColor:"#ffffff",enabledThreshold:2,radius:4,states:{normal:{animation:!0},hover:{animation:{duration:50},enabled:!0,radiusPlus:2,lineWidthPlus:1},select:{fillColor:"#cccccc",lineColor:"#000000",lineWidth:2}}},point:{events:{}},dataLabels:{align:"center",formatter:function(){return null===this.y?"":a.numberFormat(this.y,
-1)},style:{fontSize:"11px",fontWeight:"bold",color:"contrast",textOutline:"1px contrast"},verticalAlign:"bottom",x:0,y:0,padding:5},cropThreshold:300,pointRange:0,softThreshold:!0,states:{normal:{animation:!0},hover:{animation:{duration:50},lineWidthPlus:1,marker:{},halo:{size:10,opacity:.25}},select:{}},stickyTracking:!0,turboThreshold:1E3,findNearestPointBy:"x"},{isCartesian:!0,pointClass:a.Point,sorted:!0,requireSorting:!0,directTouch:!1,axisTypes:["xAxis","yAxis"],colorCounter:0,parallelArrays:["x",
"y"],coll:"series",init:function(a,b){var d=this,n,f=a.series,g;d.chart=a;d.options=b=d.setOptions(b);d.linkedSeries=[];d.bindAxes();e(d,{name:b.name,state:"",visible:!1!==b.visible,selected:!0===b.selected});n=b.events;u(n,function(a,b){C(d,b,a)});if(n&&n.click||b.point&&b.point.events&&b.point.events.click||b.allowPointSelect)a.runTrackerClick=!0;d.getColor();d.getSymbol();q(d.parallelArrays,function(a){d[a+"Data"]=[]});d.setData(b.data,!1);d.isCartesian&&(a.hasCartesianSeries=!0);f.length&&(g=
f[f.length-1]);d._i=p(g&&g._i,-1)+1;a.orderSeries(this.insert(f));c(this,"afterInit")},insert:function(a){var b=this.options.index,c;if(k(b)){for(c=a.length;c--;)if(b>=p(a[c].options.index,a[c]._i)){a.splice(c+1,0,this);break}-1===c&&a.unshift(this);c+=1}else a.push(this);return p(c,a.length-1)},bindAxes:function(){var b=this,c=b.options,d=b.chart,e;q(b.axisTypes||[],function(f){q(d[f],function(a){e=a.options;if(c[f]===e.index||void 0!==c[f]&&c[f]===e.id||void 0===c[f]&&0===e.index)b.insert(a.series),
b[f]=a,a.isDirty=!0});b[f]||b.optionalAxis===f||a.error(18,!0)})},updateParallelArrays:function(a,b){var c=a.series,d=arguments,e=k(b)?function(d){var g="y"===d&&c.toYData?c.toYData(a):a[d];c[d+"Data"][b]=g}:function(a){Array.prototype[b].apply(c[a+"Data"],Array.prototype.slice.call(d,2))};q(c.parallelArrays,e)},autoIncrement:function(){var a=this.options,b=this.xIncrement,c,d=a.pointIntervalUnit,e=this.chart.time,b=p(b,a.pointStart,0);this.pointInterval=c=p(this.pointInterval,a.pointInterval,1);
d&&(a=new e.Date(b),"day"===d?e.set("Date",a,e.get("Date",a)+c):"month"===d?e.set("Month",a,e.get("Month",a)+c):"year"===d&&e.set("FullYear",a,e.get("FullYear",a)+c),c=a.getTime()-b);this.xIncrement=b+c;return b},setOptions:function(a){var d=this.chart,e=d.options,k=e.plotOptions,n=(d.userOptions||{}).plotOptions||{},g=k[this.type];this.userOptions=a;d=b(g,k.series,a);this.tooltipOptions=b(f.tooltip,f.plotOptions.series&&f.plotOptions.series.tooltip,f.plotOptions[this.type].tooltip,e.tooltip.userOptions,
k.series&&k.series.tooltip,k[this.type].tooltip,a.tooltip);this.stickyTracking=p(a.stickyTracking,n[this.type]&&n[this.type].stickyTracking,n.series&&n.series.stickyTracking,this.tooltipOptions.shared&&!this.noSharedTooltip?!0:d.stickyTracking);null===g.marker&&delete d.marker;this.zoneAxis=d.zoneAxis;a=this.zones=(d.zones||[]).slice();!d.negativeColor&&!d.negativeFillColor||d.zones||a.push({value:d[this.zoneAxis+"Threshold"]||d.threshold||0,className:"highcharts-negative",color:d.negativeColor,fillColor:d.negativeFillColor});
a.length&&y(a[a.length-1].value)&&a.push({color:this.color,fillColor:this.fillColor});c(this,"afterSetOptions",{options:d});return d},getName:function(){return this.name||"Series "+(this.index+1)},getCyclic:function(a,b,c){var d,e=this.chart,g=this.userOptions,f=a+"Index",k=a+"Counter",n=c?c.length:p(e.options.chart[a+"Count"],e[a+"Count"]);b||(d=p(g[f],g["_"+f]),y(d)||(e.series.length||(e[k]=0),g["_"+f]=d=e[k]%n,e[k]+=1),c&&(b=c[d]));void 0!==d&&(this[f]=d);this[a]=b},getColor:function(){this.options.colorByPoint?
this.options.color=null:this.getCyclic("color",this.options.color||r[this.type].color,this.chart.options.colors)},getSymbol:function(){this.getCyclic("symbol",this.options.marker.symbol,this.chart.options.symbols)},drawLegendSymbol:a.LegendSymbolMixin.drawLineMarker,updateData:function(b){var c=this.options,d=this.points,e=[],f,g,n,h=this.requireSorting;q(b,function(b){var g;g=a.defined(b)&&this.pointClass.prototype.optionsToObject.call({series:this},b).x;k(g)&&(g=a.inArray(g,this.xData,n),-1===g?
e.push(b):b!==c.data[g]?(d[g].update(b,!1,null,!1),d[g].touched=!0,h&&(n=g)):d[g]&&(d[g].touched=!0),f=!0)},this);if(f)for(b=d.length;b--;)g=d[b],g.touched||g.remove(!1),g.touched=!1;else if(b.length===d.length)q(b,function(a,b){d[b].update&&a!==c.data[b]&&d[b].update(a,!1,null,!1)});else return!1;q(e,function(a){this.addPoint(a,!1)},this);return!0},setData:function(b,c,e,f){var n=this,g=n.points,h=g&&g.length||0,l,B=n.options,G=n.chart,t=null,x=n.xAxis,u=B.turboThreshold,m=this.xData,r=this.yData,
w=(l=n.pointArrayMap)&&l.length,y;b=b||[];l=b.length;c=p(c,!0);!1!==f&&l&&h&&!n.cropped&&!n.hasGroupedData&&n.visible&&!n.isSeriesBoosting&&(y=this.updateData(b));if(!y){n.xIncrement=null;n.colorCounter=0;q(this.parallelArrays,function(a){n[a+"Data"].length=0});if(u&&l>u){for(e=0;null===t&&e<l;)t=b[e],e++;if(k(t))for(e=0;e<l;e++)m[e]=this.autoIncrement(),r[e]=b[e];else if(z(t))if(w)for(e=0;e<l;e++)t=b[e],m[e]=t[0],r[e]=t.slice(1,w+1);else for(e=0;e<l;e++)t=b[e],m[e]=t[0],r[e]=t[1];else a.error(12)}else for(e=
0;e<l;e++)void 0!==b[e]&&(t={series:n},n.pointClass.prototype.applyOptions.apply(t,[b[e]]),n.updateParallelArrays(t,e));r&&d(r[0])&&a.error(14,!0);n.data=[];n.options.data=n.userOptions.data=b;for(e=h;e--;)g[e]&&g[e].destroy&&g[e].destroy();x&&(x.minRange=x.userMinRange);n.isDirty=G.isDirtyBox=!0;n.isDirtyData=!!g;e=!1}"point"===B.legendType&&(this.processData(),this.generatePoints());c&&G.redraw(e)},processData:function(b){var c=this.xData,d=this.yData,e=c.length,f;f=0;var g,k,n=this.xAxis,h,l=this.options;
h=l.cropThreshold;var p=this.getExtremesFromAll||l.getExtremesFromAll,t=this.isCartesian,l=n&&n.val2lin,x=n&&n.isLog,u=this.requireSorting,m,z;if(t&&!this.isDirty&&!n.isDirty&&!this.yAxis.isDirty&&!b)return!1;n&&(b=n.getExtremes(),m=b.min,z=b.max);t&&this.sorted&&!p&&(!h||e>h||this.forceCrop)&&(c[e-1]<m||c[0]>z?(c=[],d=[]):this.yData&&(c[0]<m||c[e-1]>z)&&(f=this.cropData(this.xData,this.yData,m,z),c=f.xData,d=f.yData,f=f.start,g=!0));for(h=c.length||1;--h;)e=x?l(c[h])-l(c[h-1]):c[h]-c[h-1],0<e&&(void 0===
k||e<k)?k=e:0>e&&u&&(a.error(15),u=!1);this.cropped=g;this.cropStart=f;this.processedXData=c;this.processedYData=d;this.closestPointRange=k},cropData:function(a,b,c,d,e){var g=a.length,f=0,k=g,n;e=p(e,this.cropShoulder,1);for(n=0;n<g;n++)if(a[n]>=c){f=Math.max(0,n-e);break}for(c=n;c<g;c++)if(a[c]>d){k=c+e;break}return{xData:a.slice(f,k),yData:b.slice(f,k),start:f,end:k}},generatePoints:function(){var a=this.options,b=a.data,c=this.data,d,e=this.processedXData,g=this.processedYData,f=this.pointClass,
k=e.length,h=this.cropStart||0,l,p=this.hasGroupedData,a=a.keys,x,u=[],m;c||p||(c=[],c.length=b.length,c=this.data=c);a&&p&&(this.options.keys=!1);for(m=0;m<k;m++)l=h+m,p?(x=(new f).init(this,[e[m]].concat(t(g[m]))),x.dataGroup=this.groupMap[m]):(x=c[l])||void 0===b[l]||(c[l]=x=(new f).init(this,b[l],e[m])),x&&(x.index=l,u[m]=x);this.options.keys=a;if(c&&(k!==(d=c.length)||p))for(m=0;m<d;m++)m!==h||p||(m+=k),c[m]&&(c[m].destroyElements(),c[m].plotX=void 0);this.data=c;this.points=u},getExtremes:function(a){var b=
this.yAxis,c=this.processedXData,d,e=[],g=0;d=this.xAxis.getExtremes();var f=d.min,n=d.max,h,l,p=this.requireSorting?1:0,t,x;a=a||this.stackedYData||this.processedYData||[];d=a.length;for(x=0;x<d;x++)if(l=c[x],t=a[x],h=(k(t,!0)||z(t))&&(!b.positiveValuesOnly||t.length||0<t),l=this.getExtremesFromAll||this.options.getExtremesFromAll||this.cropped||(c[x+p]||l)>=f&&(c[x-p]||l)<=n,h&&l)if(h=t.length)for(;h--;)"number"===typeof t[h]&&(e[g++]=t[h]);else e[g++]=t;this.dataMin=m(e);this.dataMax=E(e)},translate:function(){this.processedXData||
this.processData();this.generatePoints();var a=this.options,b=a.stacking,d=this.xAxis,e=d.categories,f=this.yAxis,g=this.points,l=g.length,t=!!this.modifyValue,x=a.pointPlacement,m="between"===x||k(x),u=a.threshold,z=a.startFromThreshold?u:0,q,r,w,I,H=Number.MAX_VALUE;"between"===x&&(x=.5);k(x)&&(x*=p(a.pointRange||d.pointRange));for(a=0;a<l;a++){var L=g[a],C=L.x,D=L.y;r=L.low;var E=b&&f.stacks[(this.negStacks&&D<(z?0:u)?"-":"")+this.stackKey],K;f.positiveValuesOnly&&null!==D&&0>=D&&(L.isNull=!0);
L.plotX=q=h(Math.min(Math.max(-1E5,d.translate(C,0,0,0,1,x,"flags"===this.type)),1E5));b&&this.visible&&!L.isNull&&E&&E[C]&&(I=this.getStackIndicator(I,C,this.index),K=E[C],D=K.points[I.key],r=D[0],D=D[1],r===z&&I.key===E[C].base&&(r=p(k(u)&&u,f.min)),f.positiveValuesOnly&&0>=r&&(r=null),L.total=L.stackTotal=K.total,L.percentage=K.total&&L.y/K.total*100,L.stackY=D,K.setOffset(this.pointXOffset||0,this.barW||0));L.yBottom=y(r)?Math.min(Math.max(-1E5,f.translate(r,0,1,0,1)),1E5):null;t&&(D=this.modifyValue(D,
L));L.plotY=r="number"===typeof D&&Infinity!==D?Math.min(Math.max(-1E5,f.translate(D,0,1,0,1)),1E5):void 0;L.isInside=void 0!==r&&0<=r&&r<=f.len&&0<=q&&q<=d.len;L.clientX=m?h(d.translate(C,0,0,0,1,x)):q;L.negative=L.y<(u||0);L.category=e&&void 0!==e[L.x]?e[L.x]:L.x;L.isNull||(void 0!==w&&(H=Math.min(H,Math.abs(q-w))),w=q);L.zone=this.zones.length&&L.getZone()}this.closestPointRangePx=H;c(this,"afterTranslate")},getValidPoints:function(a,b){var c=this.chart;return l(a||this.points||[],function(a){return b&&
!c.isInsidePlot(a.plotX,a.plotY,c.inverted)?!1:!a.isNull})},setClip:function(a){var b=this.chart,c=this.options,d=b.renderer,e=b.inverted,g=this.clipBox,f=g||b.clipBox,k=this.sharedClipKey||["_sharedClip",a&&a.duration,a&&a.easing,f.height,c.xAxis,c.yAxis].join(),n=b[k],h=b[k+"m"];n||(a&&(f.width=0,e&&(f.x=b.plotSizeX),b[k+"m"]=h=d.clipRect(e?b.plotSizeX+99:-99,e?-b.plotLeft:-b.plotTop,99,e?b.chartWidth:b.chartHeight)),b[k]=n=d.clipRect(f),n.count={length:0});a&&!n.count[this.index]&&(n.count[this.index]=
!0,n.count.length+=1);!1!==c.clip&&(this.group.clip(a||g?n:b.clipRect),this.markerGroup.clip(h),this.sharedClipKey=k);a||(n.count[this.index]&&(delete n.count[this.index],--n.count.length),0===n.count.length&&k&&b[k]&&(g||(b[k]=b[k].destroy()),b[k+"m"]&&(b[k+"m"]=b[k+"m"].destroy())))},animate:function(a){var b=this.chart,c=D(this.options.animation),d;a?this.setClip(c):(d=this.sharedClipKey,(a=b[d])&&a.animate({width:b.plotSizeX,x:0},c),b[d+"m"]&&b[d+"m"].animate({width:b.plotSizeX+99,x:0},c),this.animate=
null)},afterAnimate:function(){this.setClip();c(this,"afterAnimate");this.finishedAnimating=!0},drawPoints:function(){var a=this.points,b=this.chart,c,d,e,g,f=this.options.marker,k,h,l,t=this[this.specialGroup]||this.markerGroup,x,m=p(f.enabled,this.xAxis.isRadial?!0:null,this.closestPointRangePx>=f.enabledThreshold*f.radius);if(!1!==f.enabled||this._hasPointMarkers)for(c=0;c<a.length;c++)d=a[c],g=d.graphic,k=d.marker||{},h=!!d.marker,e=m&&void 0===k.enabled||k.enabled,l=d.isInside,e&&!d.isNull?(e=
p(k.symbol,this.symbol),x=this.markerAttribs(d,d.selected&&"select"),g?g[l?"show":"hide"](!0).animate(x):l&&(0<x.width||d.hasImage)&&(d.graphic=g=b.renderer.symbol(e,x.x,x.y,x.width,x.height,h?k:f).add(t)),g&&g.attr(this.pointAttribs(d,d.selected&&"select")),g&&g.addClass(d.getClassName(),!0)):g&&(d.graphic=g.destroy())},markerAttribs:function(a,b){var c=this.options.marker,d=a.marker||{},e=d.symbol||c.symbol,g=p(d.radius,c.radius);b&&(c=c.states[b],b=d.states&&d.states[b],g=p(b&&b.radius,c&&c.radius,
g+(c&&c.radiusPlus||0)));a.hasImage=e&&0===e.indexOf("url");a.hasImage&&(g=0);a={x:Math.floor(a.plotX)-g,y:a.plotY-g};g&&(a.width=a.height=2*g);return a},pointAttribs:function(a,b){var c=this.options.marker,d=a&&a.options,e=d&&d.marker||{},g=this.color,f=d&&d.color,k=a&&a.color,d=p(e.lineWidth,c.lineWidth);a=a&&a.zone&&a.zone.color;g=f||a||k||g;a=e.fillColor||c.fillColor||g;g=e.lineColor||c.lineColor||g;b&&(c=c.states[b],b=e.states&&e.states[b]||{},d=p(b.lineWidth,c.lineWidth,d+p(b.lineWidthPlus,
c.lineWidthPlus,0)),a=b.fillColor||c.fillColor||a,g=b.lineColor||c.lineColor||g);return{stroke:g,"stroke-width":d,fill:a}},destroy:function(){var b=this,d=b.chart,e=/AppleWebKit\/533/.test(I.navigator.userAgent),f,k,g=b.data||[],h,l;c(b,"destroy");H(b);q(b.axisTypes||[],function(a){(l=b[a])&&l.series&&(w(l.series,b),l.isDirty=l.forceRedraw=!0)});b.legendItem&&b.chart.legend.destroyItem(b);for(k=g.length;k--;)(h=g[k])&&h.destroy&&h.destroy();b.points=null;a.clearTimeout(b.animationTimeout);u(b,function(a,
b){a instanceof L&&!a.survive&&(f=e&&"group"===b?"hide":"destroy",a[f]())});d.hoverSeries===b&&(d.hoverSeries=null);w(d.series,b);d.orderSeries();u(b,function(a,c){delete b[c]})},getGraphPath:function(a,b,c){var d=this,e=d.options,g=e.step,f,k=[],n=[],h;a=a||d.points;(f=a.reversed)&&a.reverse();(g={right:1,center:2}[g]||g&&3)&&f&&(g=4-g);!e.connectNulls||b||c||(a=this.getValidPoints(a));q(a,function(f,l){var p=f.plotX,t=f.plotY,x=a[l-1];(f.leftCliff||x&&x.rightCliff)&&!c&&(h=!0);f.isNull&&!y(b)&&
0<l?h=!e.connectNulls:f.isNull&&!b?h=!0:(0===l||h?l=["M",f.plotX,f.plotY]:d.getPointSpline?l=d.getPointSpline(a,f,l):g?(l=1===g?["L",x.plotX,t]:2===g?["L",(x.plotX+p)/2,x.plotY,"L",(x.plotX+p)/2,t]:["L",p,x.plotY],l.push("L",p,t)):l=["L",p,t],n.push(f.x),g&&(n.push(f.x),2===g&&n.push(f.x)),k.push.apply(k,l),h=!1)});k.xMap=n;return d.graphPath=k},drawGraph:function(){var a=this,b=this.options,c=(this.gappedPath||this.getGraphPath).call(this),d=[["graph","highcharts-graph",b.lineColor||this.color,b.dashStyle]],
d=a.getZonesGraphs(d);q(d,function(d,e){var g=d[0],f=a[g];f?(f.endX=a.preventGraphAnimation?null:c.xMap,f.animate({d:c})):c.length&&(a[g]=a.chart.renderer.path(c).addClass(d[1]).attr({zIndex:1}).add(a.group),f={stroke:d[2],"stroke-width":b.lineWidth,fill:a.fillGraph&&a.color||"none"},d[3]?f.dashstyle=d[3]:"square"!==b.linecap&&(f["stroke-linecap"]=f["stroke-linejoin"]="round"),f=a[g].attr(f).shadow(2>e&&b.shadow));f&&(f.startX=c.xMap,f.isArea=c.isArea)})},getZonesGraphs:function(a){q(this.zones,function(b,
c){a.push(["zone-graph-"+c,"highcharts-graph highcharts-zone-graph-"+c+" "+(b.className||""),b.color||this.color,b.dashStyle||this.options.dashStyle])},this);return a},applyZones:function(){var a=this,b=this.chart,c=b.renderer,d=this.zones,e,g,f=this.clips||[],k,h=this.graph,l=this.area,t=Math.max(b.chartWidth,b.chartHeight),x=this[(this.zoneAxis||"y")+"Axis"],m,u,z=b.inverted,r,w,y,I,H=!1;d.length&&(h||l)&&x&&void 0!==x.min&&(u=x.reversed,r=x.horiz,h&&!this.showLine&&h.hide(),l&&l.hide(),m=x.getExtremes(),
q(d,function(d,n){e=u?r?b.plotWidth:0:r?0:x.toPixels(m.min);e=Math.min(Math.max(p(g,e),0),t);g=Math.min(Math.max(Math.round(x.toPixels(p(d.value,m.max),!0)),0),t);H&&(e=g=x.toPixels(m.max));w=Math.abs(e-g);y=Math.min(e,g);I=Math.max(e,g);x.isXAxis?(k={x:z?I:y,y:0,width:w,height:t},r||(k.x=b.plotHeight-k.x)):(k={x:0,y:z?I:y,width:t,height:w},r&&(k.y=b.plotWidth-k.y));z&&c.isVML&&(k=x.isXAxis?{x:0,y:u?y:I,height:k.width,width:b.chartWidth}:{x:k.y-b.plotLeft-b.spacingBox.x,y:0,width:k.height,height:b.chartHeight});
f[n]?f[n].animate(k):(f[n]=c.clipRect(k),h&&a["zone-graph-"+n].clip(f[n]),l&&a["zone-area-"+n].clip(f[n]));H=d.value>m.max;a.resetZones&&0===g&&(g=void 0)}),this.clips=f)},invertGroups:function(a){function b(){q(["group","markerGroup"],function(b){c[b]&&(d.renderer.isVML&&c[b].attr({width:c.yAxis.len,height:c.xAxis.len}),c[b].width=c.yAxis.len,c[b].height=c.xAxis.len,c[b].invert(a))})}var c=this,d=c.chart,e;c.xAxis&&(e=C(d,"resize",b),C(c,"destroy",e),b(a),c.invertGroups=b)},plotGroup:function(a,
b,c,d,e){var g=this[a],f=!g;f&&(this[a]=g=this.chart.renderer.g().attr({zIndex:d||.1}).add(e));g.addClass("highcharts-"+b+" highcharts-series-"+this.index+" highcharts-"+this.type+"-series "+(y(this.colorIndex)?"highcharts-color-"+this.colorIndex+" ":"")+(this.options.className||"")+(g.hasClass("highcharts-tracker")?" highcharts-tracker":""),!0);g.attr({visibility:c})[f?"attr":"animate"](this.getPlotBox());return g},getPlotBox:function(){var a=this.chart,b=this.xAxis,c=this.yAxis;a.inverted&&(b=c,
c=this.xAxis);return{translateX:b?b.left:a.plotLeft,translateY:c?c.top:a.plotTop,scaleX:1,scaleY:1}},render:function(){var a=this,b=a.chart,d,e=a.options,f=!!a.animate&&b.renderer.isSVG&&D(e.animation).duration,g=a.visible?"inherit":"hidden",k=e.zIndex,h=a.hasRendered,l=b.seriesGroup,p=b.inverted;d=a.plotGroup("group","series",g,k,l);a.markerGroup=a.plotGroup("markerGroup","markers",g,k,l);f&&a.animate(!0);d.inverted=a.isCartesian?p:!1;a.drawGraph&&(a.drawGraph(),a.applyZones());a.drawDataLabels&&
a.drawDataLabels();a.visible&&a.drawPoints();a.drawTracker&&!1!==a.options.enableMouseTracking&&a.drawTracker();a.invertGroups(p);!1===e.clip||a.sharedClipKey||h||d.clip(b.clipRect);f&&a.animate();h||(a.animationTimeout=x(function(){a.afterAnimate()},f));a.isDirty=!1;a.hasRendered=!0;c(a,"afterRender")},redraw:function(){var a=this.chart,b=this.isDirty||this.isDirtyData,c=this.group,d=this.xAxis,e=this.yAxis;c&&(a.inverted&&c.attr({width:a.plotWidth,height:a.plotHeight}),c.animate({translateX:p(d&&
d.left,a.plotLeft),translateY:p(e&&e.top,a.plotTop)}));this.translate();this.render();b&&delete this.kdTree},kdAxisArray:["clientX","plotY"],searchPoint:function(a,b){var c=this.xAxis,d=this.yAxis,e=this.chart.inverted;return this.searchKDTree({clientX:e?c.len-a.chartY+c.pos:a.chartX-c.pos,plotY:e?d.len-a.chartX+d.pos:a.chartY-d.pos},b)},buildKDTree:function(){function a(c,d,e){var g,f;if(f=c&&c.length)return g=b.kdAxisArray[d%e],c.sort(function(a,b){return a[g]-b[g]}),f=Math.floor(f/2),{point:c[f],
left:a(c.slice(0,f),d+1,e),right:a(c.slice(f+1),d+1,e)}}this.buildingKdTree=!0;var b=this,c=-1<b.options.findNearestPointBy.indexOf("y")?2:1;delete b.kdTree;x(function(){b.kdTree=a(b.getValidPoints(null,!b.directTouch),c,c);b.buildingKdTree=!1},b.options.kdNow?0:1)},searchKDTree:function(a,b){function c(a,b,k,h){var l=b.point,n=d.kdAxisArray[k%h],p,t,x=l;t=y(a[e])&&y(l[e])?Math.pow(a[e]-l[e],2):null;p=y(a[g])&&y(l[g])?Math.pow(a[g]-l[g],2):null;p=(t||0)+(p||0);l.dist=y(p)?Math.sqrt(p):Number.MAX_VALUE;
l.distX=y(t)?Math.sqrt(t):Number.MAX_VALUE;n=a[n]-l[n];p=0>n?"left":"right";t=0>n?"right":"left";b[p]&&(p=c(a,b[p],k+1,h),x=p[f]<x[f]?p:l);b[t]&&Math.sqrt(n*n)<x[f]&&(a=c(a,b[t],k+1,h),x=a[f]<x[f]?a:x);return x}var d=this,e=this.kdAxisArray[0],g=this.kdAxisArray[1],f=b?"distX":"dist";b=-1<d.options.findNearestPointBy.indexOf("y")?2:1;this.kdTree||this.buildingKdTree||this.buildKDTree();if(this.kdTree)return c(a,this.kdTree,b,b)}})})(K);(function(a){var C=a.Axis,D=a.Chart,E=a.correctFloat,m=a.defined,
h=a.destroyObjectProperties,f=a.each,r=a.format,y=a.objectEach,q=a.pick,w=a.Series;a.StackItem=function(a,c,f,h,k){var d=a.chart.inverted;this.axis=a;this.isNegative=f;this.options=c;this.x=h;this.total=null;this.points={};this.stack=k;this.rightCliff=this.leftCliff=0;this.alignOptions={align:c.align||(d?f?"left":"right":"center"),verticalAlign:c.verticalAlign||(d?"middle":f?"bottom":"top"),y:q(c.y,d?4:f?14:-6),x:q(c.x,d?f?-6:6:0)};this.textAlign=c.textAlign||(d?f?"right":"left":"center")};a.StackItem.prototype=
{destroy:function(){h(this,this.axis)},render:function(a){var c=this.axis.chart,e=this.options,f=e.format,f=f?r(f,this,c.time):e.formatter.call(this);this.label?this.label.attr({text:f,visibility:"hidden"}):this.label=c.renderer.text(f,null,null,e.useHTML).css(e.style).attr({align:this.textAlign,rotation:e.rotation,visibility:"hidden"}).add(a);this.label.labelrank=c.plotHeight},setOffset:function(a,c){var e=this.axis,f=e.chart,k=e.translate(e.usePercentage?100:this.total,0,0,0,1),d=e.translate(0),
d=m(k)&&Math.abs(k-d);a=f.xAxis[0].translate(this.x)+a;e=m(k)&&this.getStackBox(f,this,a,k,c,d,e);(c=this.label)&&e&&(c.align(this.alignOptions,null,e),e=c.alignAttr,c[!1===this.options.crop||f.isInsidePlot(e.x,e.y)?"show":"hide"](!0))},getStackBox:function(a,c,f,h,k,d,b){var e=c.axis.reversed,l=a.inverted;a=b.height+b.pos-(l?a.plotLeft:a.plotTop);c=c.isNegative&&!e||!c.isNegative&&e;return{x:l?c?h:h-d:f,y:l?a-f-k:c?a-h-d:a-h,width:l?d:k,height:l?k:d}}};D.prototype.getStacks=function(){var a=this;
f(a.yAxis,function(a){a.stacks&&a.hasVisibleSeries&&(a.oldStacks=a.stacks)});f(a.series,function(c){!c.options.stacking||!0!==c.visible&&!1!==a.options.chart.ignoreHiddenSeries||(c.stackKey=c.type+q(c.options.stack,""))})};C.prototype.buildStacks=function(){var a=this.series,c=q(this.options.reversedStacks,!0),f=a.length,h;if(!this.isXAxis){this.usePercentage=!1;for(h=f;h--;)a[c?h:f-h-1].setStackedPoints();for(h=0;h<f;h++)a[h].modifyStacks()}};C.prototype.renderStackTotals=function(){var a=this.chart,
c=a.renderer,f=this.stacks,h=this.stackTotalGroup;h||(this.stackTotalGroup=h=c.g("stack-labels").attr({visibility:"visible",zIndex:6}).add());h.translate(a.plotLeft,a.plotTop);y(f,function(a){y(a,function(a){a.render(h)})})};C.prototype.resetStacks=function(){var a=this,c=a.stacks;a.isXAxis||y(c,function(c){y(c,function(e,f){e.touched<a.stacksTouched?(e.destroy(),delete c[f]):(e.total=null,e.cumulative=null)})})};C.prototype.cleanStacks=function(){var a;this.isXAxis||(this.oldStacks&&(a=this.stacks=
this.oldStacks),y(a,function(a){y(a,function(a){a.cumulative=a.total})}))};w.prototype.setStackedPoints=function(){if(this.options.stacking&&(!0===this.visible||!1===this.chart.options.chart.ignoreHiddenSeries)){var e=this.processedXData,c=this.processedYData,f=[],h=c.length,k=this.options,d=k.threshold,b=q(k.startFromThreshold&&d,0),u=k.stack,k=k.stacking,p=this.stackKey,r="-"+p,t=this.negStacks,w=this.yAxis,x=w.stacks,y=w.oldStacks,n,G,B,M,F,g,v;w.stacksTouched+=1;for(F=0;F<h;F++)g=e[F],v=c[F],
n=this.getStackIndicator(n,g,this.index),M=n.key,B=(G=t&&v<(b?0:d))?r:p,x[B]||(x[B]={}),x[B][g]||(y[B]&&y[B][g]?(x[B][g]=y[B][g],x[B][g].total=null):x[B][g]=new a.StackItem(w,w.options.stackLabels,G,g,u)),B=x[B][g],null!==v?(B.points[M]=B.points[this.index]=[q(B.cumulative,b)],m(B.cumulative)||(B.base=M),B.touched=w.stacksTouched,0<n.index&&!1===this.singleStacks&&(B.points[M][0]=B.points[this.index+","+g+",0"][0])):B.points[M]=B.points[this.index]=null,"percent"===k?(G=G?p:r,t&&x[G]&&x[G][g]?(G=
x[G][g],B.total=G.total=Math.max(G.total,B.total)+Math.abs(v)||0):B.total=E(B.total+(Math.abs(v)||0))):B.total=E(B.total+(v||0)),B.cumulative=q(B.cumulative,b)+(v||0),null!==v&&(B.points[M].push(B.cumulative),f[F]=B.cumulative);"percent"===k&&(w.usePercentage=!0);this.stackedYData=f;w.oldStacks={}}};w.prototype.modifyStacks=function(){var a=this,c=a.stackKey,h=a.yAxis.stacks,m=a.processedXData,k,d=a.options.stacking;a[d+"Stacker"]&&f([c,"-"+c],function(b){for(var c=m.length,e,f;c--;)if(e=m[c],k=a.getStackIndicator(k,
e,a.index,b),f=(e=h[b]&&h[b][e])&&e.points[k.key])a[d+"Stacker"](f,e,c)})};w.prototype.percentStacker=function(a,c,f){c=c.total?100/c.total:0;a[0]=E(a[0]*c);a[1]=E(a[1]*c);this.stackedYData[f]=a[1]};w.prototype.getStackIndicator=function(a,c,f,h){!m(a)||a.x!==c||h&&a.key!==h?a={x:c,index:0,key:h}:a.index++;a.key=[f,c,a.index].join();return a}})(K);(function(a){var C=a.addEvent,D=a.animate,E=a.Axis,m=a.createElement,h=a.css,f=a.defined,r=a.each,y=a.erase,q=a.extend,w=a.fireEvent,e=a.inArray,c=a.isNumber,
l=a.isObject,z=a.isArray,k=a.merge,d=a.objectEach,b=a.pick,u=a.Point,p=a.Series,H=a.seriesTypes,t=a.setAnimation,L=a.splat;q(a.Chart.prototype,{addSeries:function(a,c,d){var e,f=this;a&&(c=b(c,!0),w(f,"addSeries",{options:a},function(){e=f.initSeries(a);f.isDirtyLegend=!0;f.linkSeries();w(f,"afterAddSeries");c&&f.redraw(d)}));return e},addAxis:function(a,c,d,e){var f=c?"xAxis":"yAxis",h=this.options;a=k(a,{index:this[f].length,isX:c});c=new E(this,a);h[f]=L(h[f]||{});h[f].push(a);b(d,!0)&&this.redraw(e);
return c},showLoading:function(a){var b=this,c=b.options,d=b.loadingDiv,e=c.loading,f=function(){d&&h(d,{left:b.plotLeft+"px",top:b.plotTop+"px",width:b.plotWidth+"px",height:b.plotHeight+"px"})};d||(b.loadingDiv=d=m("div",{className:"highcharts-loading highcharts-loading-hidden"},null,b.container),b.loadingSpan=m("span",{className:"highcharts-loading-inner"},null,d),C(b,"redraw",f));d.className="highcharts-loading";b.loadingSpan.innerHTML=a||c.lang.loading;h(d,q(e.style,{zIndex:10}));h(b.loadingSpan,
e.labelStyle);b.loadingShown||(h(d,{opacity:0,display:""}),D(d,{opacity:e.style.opacity||.5},{duration:e.showDuration||0}));b.loadingShown=!0;f()},hideLoading:function(){var a=this.options,b=this.loadingDiv;b&&(b.className="highcharts-loading highcharts-loading-hidden",D(b,{opacity:0},{duration:a.loading.hideDuration||100,complete:function(){h(b,{display:"none"})}}));this.loadingShown=!1},propsRequireDirtyBox:"backgroundColor borderColor borderWidth margin marginTop marginRight marginBottom marginLeft spacing spacingTop spacingRight spacingBottom spacingLeft borderRadius plotBackgroundColor plotBackgroundImage plotBorderColor plotBorderWidth plotShadow shadow".split(" "),
propsRequireUpdateSeries:"chart.inverted chart.polar chart.ignoreHiddenSeries chart.type colors plotOptions time tooltip".split(" "),update:function(a,h,l,p){var n=this,t={credits:"addCredits",title:"setTitle",subtitle:"setSubtitle"},x=a.chart,g,m,u=[];w(n,"update",{options:a});if(x){k(!0,n.options.chart,x);"className"in x&&n.setClassName(x.className);"reflow"in x&&n.setReflow(x.reflow);if("inverted"in x||"polar"in x||"type"in x)n.propFromSeries(),g=!0;"alignTicks"in x&&(g=!0);d(x,function(a,b){-1!==
e("chart."+b,n.propsRequireUpdateSeries)&&(m=!0);-1!==e(b,n.propsRequireDirtyBox)&&(n.isDirtyBox=!0)});"style"in x&&n.renderer.setStyle(x.style)}a.colors&&(this.options.colors=a.colors);a.plotOptions&&k(!0,this.options.plotOptions,a.plotOptions);d(a,function(a,b){if(n[b]&&"function"===typeof n[b].update)n[b].update(a,!1);else if("function"===typeof n[t[b]])n[t[b]](a);"chart"!==b&&-1!==e(b,n.propsRequireUpdateSeries)&&(m=!0)});r("xAxis yAxis zAxis series colorAxis pane".split(" "),function(b){var c;
a[b]&&("series"===b&&(c=[],r(n[b],function(a,b){a.options.isInternal||c.push(b)})),r(L(a[b]),function(a,d){(d=f(a.id)&&n.get(a.id)||n[b][c?c[d]:d])&&d.coll===b&&(d.update(a,!1),l&&(d.touched=!0));if(!d&&l)if("series"===b)n.addSeries(a,!1).touched=!0;else if("xAxis"===b||"yAxis"===b)n.addAxis(a,"xAxis"===b,!1).touched=!0}),l&&r(n[b],function(a){a.touched||a.options.isInternal?delete a.touched:u.push(a)}))});r(u,function(a){a.remove(!1)});g&&r(n.axes,function(a){a.update({},!1)});m&&r(n.series,function(a){a.update({},
!1)});a.loading&&k(!0,n.options.loading,a.loading);g=x&&x.width;x=x&&x.height;c(g)&&g!==n.chartWidth||c(x)&&x!==n.chartHeight?n.setSize(g,x,p):b(h,!0)&&n.redraw(p);w(n,"afterUpdate",{options:a})},setSubtitle:function(a){this.setTitle(void 0,a)}});q(u.prototype,{update:function(a,c,d,e){function f(){k.applyOptions(a);null===k.y&&g&&(k.graphic=g.destroy());l(a,!0)&&(g&&g.element&&a&&a.marker&&void 0!==a.marker.symbol&&(k.graphic=g.destroy()),a&&a.dataLabels&&k.dataLabel&&(k.dataLabel=k.dataLabel.destroy()),
k.connector&&(k.connector=k.connector.destroy()));n=k.index;h.updateParallelArrays(k,n);t.data[n]=l(t.data[n],!0)||l(a,!0)?k.options:b(a,t.data[n]);h.isDirty=h.isDirtyData=!0;!h.fixedBox&&h.hasCartesianSeries&&(p.isDirtyBox=!0);"point"===t.legendType&&(p.isDirtyLegend=!0);c&&p.redraw(d)}var k=this,h=k.series,g=k.graphic,n,p=h.chart,t=h.options;c=b(c,!0);!1===e?f():k.firePointEvent("update",{options:a},f)},remove:function(a,b){this.series.removePoint(e(this,this.series.data),a,b)}});q(p.prototype,
{addPoint:function(a,c,d,e){var f=this.options,k=this.data,h=this.chart,g=this.xAxis,g=g&&g.hasNames&&g.names,n=f.data,l,p,t=this.xData,x,m;c=b(c,!0);l={series:this};this.pointClass.prototype.applyOptions.apply(l,[a]);m=l.x;x=t.length;if(this.requireSorting&&m<t[x-1])for(p=!0;x&&t[x-1]>m;)x--;this.updateParallelArrays(l,"splice",x,0,0);this.updateParallelArrays(l,x);g&&l.name&&(g[m]=l.name);n.splice(x,0,a);p&&(this.data.splice(x,0,null),this.processData());"point"===f.legendType&&this.generatePoints();
d&&(k[0]&&k[0].remove?k[0].remove(!1):(k.shift(),this.updateParallelArrays(l,"shift"),n.shift()));this.isDirtyData=this.isDirty=!0;c&&h.redraw(e)},removePoint:function(a,c,d){var e=this,f=e.data,k=f[a],h=e.points,g=e.chart,n=function(){h&&h.length===f.length&&h.splice(a,1);f.splice(a,1);e.options.data.splice(a,1);e.updateParallelArrays(k||{series:e},"splice",a,1);k&&k.destroy();e.isDirty=!0;e.isDirtyData=!0;c&&g.redraw()};t(d,g);c=b(c,!0);k?k.firePointEvent("remove",null,n):n()},remove:function(a,
c,d){function e(){f.destroy();k.isDirtyLegend=k.isDirtyBox=!0;k.linkSeries();b(a,!0)&&k.redraw(c)}var f=this,k=f.chart;!1!==d?w(f,"remove",null,e):e()},update:function(c,d){var f=this,h=f.chart,l=f.userOptions,p=f.oldType||f.type,t=c.type||l.type||h.options.chart.type,g=H[p].prototype,x,m=["group","markerGroup","dataLabelsGroup"],u=["navigatorSeries","baseSeries"],z=f.finishedAnimating&&{animation:!1},y=["data","name","turboThreshold"],I=a.keys(c),A=0<I.length;r(I,function(a){-1===e(a,y)&&(A=!1)});
if(A)c.data&&this.setData(c.data,!1),c.name&&this.setName(c.name,!1);else{u=m.concat(u);r(u,function(a){u[a]=f[a];delete f[a]});c=k(l,z,{index:f.index,pointStart:b(l.pointStart,f.xData[0])},{data:f.options.data},c);f.remove(!1,null,!1);for(x in g)f[x]=void 0;H[t||p]?q(f,H[t||p].prototype):a.error(17,!0);r(u,function(a){f[a]=u[a]});f.init(h,c);c.zIndex!==l.zIndex&&r(m,function(a){f[a]&&f[a].attr({zIndex:c.zIndex})});f.oldType=p;h.linkSeries()}w(this,"afterUpdate");b(d,!0)&&h.redraw(!1)},setName:function(a){this.name=
this.options.name=this.userOptions.name=a;this.chart.isDirtyLegend=!0}});q(E.prototype,{update:function(a,c){var e=this.chart,f=a&&a.events||{};a=k(this.userOptions,a);e.options[this.coll].indexOf&&(e.options[this.coll][e.options[this.coll].indexOf(this.userOptions)]=a);d(e.options[this.coll].events,function(a,b){"undefined"===typeof f[b]&&(f[b]=void 0)});this.destroy(!0);this.init(e,q(a,{events:f}));e.isDirtyBox=!0;b(c,!0)&&e.redraw()},remove:function(a){for(var c=this.chart,d=this.coll,e=this.series,
f=e.length;f--;)e[f]&&e[f].remove(!1);y(c.axes,this);y(c[d],this);z(c.options[d])?c.options[d].splice(this.options.index,1):delete c.options[d];r(c[d],function(a,b){a.options.index=a.userOptions.index=b});this.destroy();c.isDirtyBox=!0;b(a,!0)&&c.redraw()},setTitle:function(a,b){this.update({title:a},b)},setCategories:function(a,b){this.update({categories:a},b)}})})(K);(function(a){var C=a.color,D=a.each,E=a.map,m=a.pick,h=a.Series,f=a.seriesType;f("area","line",{softThreshold:!1,threshold:0},{singleStacks:!1,
getStackPoints:function(f){var h=[],q=[],r=this.xAxis,e=this.yAxis,c=e.stacks[this.stackKey],l={},z=this.index,k=e.series,d=k.length,b,u=m(e.options.reversedStacks,!0)?1:-1,p;f=f||this.points;if(this.options.stacking){for(p=0;p<f.length;p++)f[p].leftNull=f[p].rightNull=null,l[f[p].x]=f[p];a.objectEach(c,function(a,b){null!==a.total&&q.push(b)});q.sort(function(a,b){return a-b});b=E(k,function(){return this.visible});D(q,function(a,f){var k=0,t,m;if(l[a]&&!l[a].isNull)h.push(l[a]),D([-1,1],function(e){var k=
1===e?"rightNull":"leftNull",h=0,n=c[q[f+e]];if(n)for(p=z;0<=p&&p<d;)t=n.points[p],t||(p===z?l[a][k]=!0:b[p]&&(m=c[a].points[p])&&(h-=m[1]-m[0])),p+=u;l[a][1===e?"rightCliff":"leftCliff"]=h});else{for(p=z;0<=p&&p<d;){if(t=c[a].points[p]){k=t[1];break}p+=u}k=e.translate(k,0,1,0,1);h.push({isNull:!0,plotX:r.translate(a,0,0,0,1),x:a,plotY:k,yBottom:k})}})}return h},getGraphPath:function(a){var f=h.prototype.getGraphPath,q=this.options,r=q.stacking,e=this.yAxis,c,l,z=[],k=[],d=this.index,b,u=e.stacks[this.stackKey],
p=q.threshold,H=e.getThreshold(q.threshold),t,q=q.connectNulls||"percent"===r,L=function(c,f,h){var l=a[c];c=r&&u[l.x].points[d];var n=l[h+"Null"]||0;h=l[h+"Cliff"]||0;var t,m,l=!0;h||n?(t=(n?c[0]:c[1])+h,m=c[0]+h,l=!!n):!r&&a[f]&&a[f].isNull&&(t=m=p);void 0!==t&&(k.push({plotX:b,plotY:null===t?H:e.getThreshold(t),isNull:l,isCliff:!0}),z.push({plotX:b,plotY:null===m?H:e.getThreshold(m),doCurve:!1}))};a=a||this.points;r&&(a=this.getStackPoints(a));for(c=0;c<a.length;c++)if(l=a[c].isNull,b=m(a[c].rectPlotX,
a[c].plotX),t=m(a[c].yBottom,H),!l||q)q||L(c,c-1,"left"),l&&!r&&q||(k.push(a[c]),z.push({x:c,plotX:b,plotY:t})),q||L(c,c+1,"right");c=f.call(this,k,!0,!0);z.reversed=!0;l=f.call(this,z,!0,!0);l.length&&(l[0]="L");l=c.concat(l);f=f.call(this,k,!1,q);l.xMap=c.xMap;this.areaPath=l;return f},drawGraph:function(){this.areaPath=[];h.prototype.drawGraph.apply(this);var a=this,f=this.areaPath,q=this.options,w=[["area","highcharts-area",this.color,q.fillColor]];D(this.zones,function(e,c){w.push(["zone-area-"+
c,"highcharts-area highcharts-zone-area-"+c+" "+e.className,e.color||a.color,e.fillColor||q.fillColor])});D(w,function(e){var c=e[0],h=a[c];h?(h.endX=a.preventGraphAnimation?null:f.xMap,h.animate({d:f})):(h=a[c]=a.chart.renderer.path(f).addClass(e[1]).attr({fill:m(e[3],C(e[2]).setOpacity(m(q.fillOpacity,.75)).get()),zIndex:0}).add(a.group),h.isArea=!0);h.startX=f.xMap;h.shiftUnit=q.step?2:1})},drawLegendSymbol:a.LegendSymbolMixin.drawRectangle})})(K);(function(a){var C=a.pick;a=a.seriesType;a("spline",
"line",{},{getPointSpline:function(a,E,m){var h=E.plotX,f=E.plotY,r=a[m-1];m=a[m+1];var y,q,w,e;if(r&&!r.isNull&&!1!==r.doCurve&&!E.isCliff&&m&&!m.isNull&&!1!==m.doCurve&&!E.isCliff){a=r.plotY;w=m.plotX;m=m.plotY;var c=0;y=(1.5*h+r.plotX)/2.5;q=(1.5*f+a)/2.5;w=(1.5*h+w)/2.5;e=(1.5*f+m)/2.5;w!==y&&(c=(e-q)*(w-h)/(w-y)+f-e);q+=c;e+=c;q>a&&q>f?(q=Math.max(a,f),e=2*f-q):q<a&&q<f&&(q=Math.min(a,f),e=2*f-q);e>m&&e>f?(e=Math.max(m,f),q=2*f-e):e<m&&e<f&&(e=Math.min(m,f),q=2*f-e);E.rightContX=w;E.rightContY=
e}E=["C",C(r.rightContX,r.plotX),C(r.rightContY,r.plotY),C(y,h),C(q,f),h,f];r.rightContX=r.rightContY=null;return E}})})(K);(function(a){var C=a.seriesTypes.area.prototype,D=a.seriesType;D("areaspline","spline",a.defaultPlotOptions.area,{getStackPoints:C.getStackPoints,getGraphPath:C.getGraphPath,drawGraph:C.drawGraph,drawLegendSymbol:a.LegendSymbolMixin.drawRectangle})})(K);(function(a){var C=a.animObject,D=a.color,E=a.each,m=a.extend,h=a.isNumber,f=a.merge,r=a.pick,y=a.Series,q=a.seriesType,w=a.svg;
q("column","line",{borderRadius:0,crisp:!0,groupPadding:.2,marker:null,pointPadding:.1,minPointLength:0,cropThreshold:50,pointRange:null,states:{hover:{halo:!1,brightness:.1},select:{color:"#cccccc",borderColor:"#000000"}},dataLabels:{align:null,verticalAlign:null,y:null},softThreshold:!1,startFromThreshold:!0,stickyTracking:!1,tooltip:{distance:6},threshold:0,borderColor:"#ffffff"},{cropShoulder:0,directTouch:!0,trackerGroups:["group","dataLabelsGroup"],negStacks:!0,init:function(){y.prototype.init.apply(this,
arguments);var a=this,c=a.chart;c.hasRendered&&E(c.series,function(c){c.type===a.type&&(c.isDirty=!0)})},getColumnMetrics:function(){var a=this,c=a.options,f=a.xAxis,h=a.yAxis,k=f.options.reversedStacks,k=f.reversed&&!k||!f.reversed&&k,d,b={},m=0;!1===c.grouping?m=1:E(a.chart.series,function(c){var e=c.options,f=c.yAxis,k;c.type!==a.type||!c.visible&&a.chart.options.chart.ignoreHiddenSeries||h.len!==f.len||h.pos!==f.pos||(e.stacking?(d=c.stackKey,void 0===b[d]&&(b[d]=m++),k=b[d]):!1!==e.grouping&&
(k=m++),c.columnIndex=k)});var p=Math.min(Math.abs(f.transA)*(f.ordinalSlope||c.pointRange||f.closestPointRange||f.tickInterval||1),f.len),q=p*c.groupPadding,t=(p-2*q)/(m||1),c=Math.min(c.maxPointWidth||f.len,r(c.pointWidth,t*(1-2*c.pointPadding)));a.columnMetrics={width:c,offset:(t-c)/2+(q+((a.columnIndex||0)+(k?1:0))*t-p/2)*(k?-1:1)};return a.columnMetrics},crispCol:function(a,c,f,h){var e=this.chart,d=this.borderWidth,b=-(d%2?.5:0),d=d%2?.5:1;e.inverted&&e.renderer.isVML&&(d+=1);this.options.crisp&&
(f=Math.round(a+f)+b,a=Math.round(a)+b,f-=a);h=Math.round(c+h)+d;b=.5>=Math.abs(c)&&.5<h;c=Math.round(c)+d;h-=c;b&&h&&(--c,h+=1);return{x:a,y:c,width:f,height:h}},translate:function(){var a=this,c=a.chart,f=a.options,h=a.dense=2>a.closestPointRange*a.xAxis.transA,h=a.borderWidth=r(f.borderWidth,h?0:1),k=a.yAxis,d=f.threshold,b=a.translatedThreshold=k.getThreshold(d),m=r(f.minPointLength,5),p=a.getColumnMetrics(),q=p.width,t=a.barW=Math.max(q,1+2*h),w=a.pointXOffset=p.offset;c.inverted&&(b-=.5);f.pointPadding&&
(t=Math.ceil(t));y.prototype.translate.apply(a);E(a.points,function(e){var f=r(e.yBottom,b),h=999+Math.abs(f),h=Math.min(Math.max(-h,e.plotY),k.len+h),l=e.plotX+w,p=t,u=Math.min(h,f),x,g=Math.max(h,f)-u;m&&Math.abs(g)<m&&(g=m,x=!k.reversed&&!e.negative||k.reversed&&e.negative,e.y===d&&a.dataMax<=d&&k.min<d&&(x=!x),u=Math.abs(u-b)>m?f-m:b-(x?m:0));e.barX=l;e.pointWidth=q;e.tooltipPos=c.inverted?[k.len+k.pos-c.plotLeft-h,a.xAxis.len-l-p/2,g]:[l+p/2,h+k.pos-c.plotTop,g];e.shapeType="rect";e.shapeArgs=
a.crispCol.apply(a,e.isNull?[l,b,p,0]:[l,u,p,g])})},getSymbol:a.noop,drawLegendSymbol:a.LegendSymbolMixin.drawRectangle,drawGraph:function(){this.group[this.dense?"addClass":"removeClass"]("highcharts-dense-data")},pointAttribs:function(a,c){var e=this.options,h,k=this.pointAttrToOptions||{};h=k.stroke||"borderColor";var d=k["stroke-width"]||"borderWidth",b=a&&a.color||this.color,m=a&&a[h]||e[h]||this.color||b,p=a&&a[d]||e[d]||this[d]||0,k=e.dashStyle;a&&this.zones.length&&(b=a.getZone(),b=a.options.color||
b&&b.color||this.color);c&&(a=f(e.states[c],a.options.states&&a.options.states[c]||{}),c=a.brightness,b=a.color||void 0!==c&&D(b).brighten(a.brightness).get()||b,m=a[h]||m,p=a[d]||p,k=a.dashStyle||k);h={fill:b,stroke:m,"stroke-width":p};k&&(h.dashstyle=k);return h},drawPoints:function(){var a=this,c=this.chart,l=a.options,m=c.renderer,k=l.animationLimit||250,d;E(a.points,function(b){var e=b.graphic,p=e&&c.pointCount<k?"animate":"attr";if(h(b.plotY)&&null!==b.y){d=b.shapeArgs;if(e)e[p](f(d));else b.graphic=
e=m[b.shapeType](d).add(b.group||a.group);l.borderRadius&&e.attr({r:l.borderRadius});e[p](a.pointAttribs(b,b.selected&&"select")).shadow(l.shadow,null,l.stacking&&!l.borderRadius);e.addClass(b.getClassName(),!0)}else e&&(b.graphic=e.destroy())})},animate:function(a){var c=this,f=this.yAxis,e=c.options,k=this.chart.inverted,d={},b=k?"translateX":"translateY",h;w&&(a?(d.scaleY=.001,a=Math.min(f.pos+f.len,Math.max(f.pos,f.toPixels(e.threshold))),k?d.translateX=a-f.len:d.translateY=a,c.group.attr(d)):
(h=c.group.attr(b),c.group.animate({scaleY:1},m(C(c.options.animation),{step:function(a,e){d[b]=h+e.pos*(f.pos-h);c.group.attr(d)}})),c.animate=null))},remove:function(){var a=this,c=a.chart;c.hasRendered&&E(c.series,function(c){c.type===a.type&&(c.isDirty=!0)});y.prototype.remove.apply(a,arguments)}})})(K);(function(a){a=a.seriesType;a("bar","column",null,{inverted:!0})})(K);(function(a){var C=a.Series;a=a.seriesType;a("scatter","line",{lineWidth:0,findNearestPointBy:"xy",marker:{enabled:!0},tooltip:{headerFormat:'\x3cspan style\x3d"color:{point.color}"\x3e\u25cf\x3c/span\x3e \x3cspan style\x3d"font-size: 0.85em"\x3e {series.name}\x3c/span\x3e\x3cbr/\x3e',
pointFormat:"x: \x3cb\x3e{point.x}\x3c/b\x3e\x3cbr/\x3ey: \x3cb\x3e{point.y}\x3c/b\x3e\x3cbr/\x3e"}},{sorted:!1,requireSorting:!1,noSharedTooltip:!0,trackerGroups:["group","markerGroup","dataLabelsGroup"],takeOrdinalPosition:!1,drawGraph:function(){this.options.lineWidth&&C.prototype.drawGraph.call(this)}})})(K);(function(a){var C=a.deg2rad,D=a.isNumber,E=a.pick,m=a.relativeLength;a.CenteredSeriesMixin={getCenter:function(){var a=this.options,f=this.chart,r=2*(a.slicedOffset||0),y=f.plotWidth-2*r,
f=f.plotHeight-2*r,q=a.center,q=[E(q[0],"50%"),E(q[1],"50%"),a.size||"100%",a.innerSize||0],w=Math.min(y,f),e,c;for(e=0;4>e;++e)c=q[e],a=2>e||2===e&&/%$/.test(c),q[e]=m(c,[y,f,w,q[2]][e])+(a?r:0);q[3]>q[2]&&(q[3]=q[2]);return q},getStartAndEndRadians:function(a,f){a=D(a)?a:0;f=D(f)&&f>a&&360>f-a?f:a+360;return{start:C*(a+-90),end:C*(f+-90)}}}})(K);(function(a){var C=a.addEvent,D=a.CenteredSeriesMixin,E=a.defined,m=a.each,h=a.extend,f=D.getStartAndEndRadians,r=a.inArray,y=a.noop,q=a.pick,w=a.Point,
e=a.Series,c=a.seriesType,l=a.setAnimation;c("pie","line",{center:[null,null],clip:!1,colorByPoint:!0,dataLabels:{allowOverlap:!0,distance:30,enabled:!0,formatter:function(){return this.point.isNull?void 0:this.point.name},x:0},ignoreHiddenPoint:!0,legendType:"point",marker:null,size:null,showInLegend:!1,slicedOffset:10,stickyTracking:!1,tooltip:{followPointer:!0},borderColor:"#ffffff",borderWidth:1,states:{hover:{brightness:.1}}},{isCartesian:!1,requireSorting:!1,directTouch:!0,noSharedTooltip:!0,
trackerGroups:["group","dataLabelsGroup"],axisTypes:[],pointAttribs:a.seriesTypes.column.prototype.pointAttribs,animate:function(a){var c=this,d=c.points,b=c.startAngleRad;a||(m(d,function(a){var d=a.graphic,f=a.shapeArgs;d&&(d.attr({r:a.startR||c.center[3]/2,start:b,end:b}),d.animate({r:f.r,start:f.start,end:f.end},c.options.animation))}),c.animate=null)},updateTotals:function(){var a,c=0,d=this.points,b=d.length,f,e=this.options.ignoreHiddenPoint;for(a=0;a<b;a++)f=d[a],c+=e&&!f.visible?0:f.isNull?
0:f.y;this.total=c;for(a=0;a<b;a++)f=d[a],f.percentage=0<c&&(f.visible||!e)?f.y/c*100:0,f.total=c},generatePoints:function(){e.prototype.generatePoints.call(this);this.updateTotals()},translate:function(a){this.generatePoints();var c=0,d=this.options,b=d.slicedOffset,e=b+(d.borderWidth||0),h,l,t,m=f(d.startAngle,d.endAngle),x=this.startAngleRad=m.start,m=(this.endAngleRad=m.end)-x,r=this.points,n,w=d.dataLabels.distance,d=d.ignoreHiddenPoint,z,y=r.length,F;a||(this.center=a=this.getCenter());this.getX=
function(b,c,d){t=Math.asin(Math.min((b-a[1])/(a[2]/2+d.labelDistance),1));return a[0]+(c?-1:1)*Math.cos(t)*(a[2]/2+d.labelDistance)};for(z=0;z<y;z++){F=r[z];F.labelDistance=q(F.options.dataLabels&&F.options.dataLabels.distance,w);this.maxLabelDistance=Math.max(this.maxLabelDistance||0,F.labelDistance);h=x+c*m;if(!d||F.visible)c+=F.percentage/100;l=x+c*m;F.shapeType="arc";F.shapeArgs={x:a[0],y:a[1],r:a[2]/2,innerR:a[3]/2,start:Math.round(1E3*h)/1E3,end:Math.round(1E3*l)/1E3};t=(l+h)/2;t>1.5*Math.PI?
t-=2*Math.PI:t<-Math.PI/2&&(t+=2*Math.PI);F.slicedTranslation={translateX:Math.round(Math.cos(t)*b),translateY:Math.round(Math.sin(t)*b)};l=Math.cos(t)*a[2]/2;n=Math.sin(t)*a[2]/2;F.tooltipPos=[a[0]+.7*l,a[1]+.7*n];F.half=t<-Math.PI/2||t>Math.PI/2?1:0;F.angle=t;h=Math.min(e,F.labelDistance/5);F.labelPos=[a[0]+l+Math.cos(t)*F.labelDistance,a[1]+n+Math.sin(t)*F.labelDistance,a[0]+l+Math.cos(t)*h,a[1]+n+Math.sin(t)*h,a[0]+l,a[1]+n,0>F.labelDistance?"center":F.half?"right":"left",t]}},drawGraph:null,
drawPoints:function(){var a=this,c=a.chart.renderer,d,b,f,e,l=a.options.shadow;l&&!a.shadowGroup&&(a.shadowGroup=c.g("shadow").add(a.group));m(a.points,function(k){b=k.graphic;if(k.isNull)b&&(k.graphic=b.destroy());else{e=k.shapeArgs;d=k.getTranslate();var t=k.shadowGroup;l&&!t&&(t=k.shadowGroup=c.g("shadow").add(a.shadowGroup));t&&t.attr(d);f=a.pointAttribs(k,k.selected&&"select");b?b.setRadialReference(a.center).attr(f).animate(h(e,d)):(k.graphic=b=c[k.shapeType](e).setRadialReference(a.center).attr(d).add(a.group),
b.attr(f).attr({"stroke-linejoin":"round"}).shadow(l,t));b.attr({visibility:k.visible?"inherit":"hidden"});b.addClass(k.getClassName())}})},searchPoint:y,sortByAngle:function(a,c){a.sort(function(a,b){return void 0!==a.angle&&(b.angle-a.angle)*c})},drawLegendSymbol:a.LegendSymbolMixin.drawRectangle,getCenter:D.getCenter,getSymbol:y},{init:function(){w.prototype.init.apply(this,arguments);var a=this,c;a.name=q(a.name,"Slice");c=function(c){a.slice("select"===c.type)};C(a,"select",c);C(a,"unselect",
c);return a},isValid:function(){return a.isNumber(this.y,!0)&&0<=this.y},setVisible:function(a,c){var d=this,b=d.series,f=b.chart,e=b.options.ignoreHiddenPoint;c=q(c,e);a!==d.visible&&(d.visible=d.options.visible=a=void 0===a?!d.visible:a,b.options.data[r(d,b.data)]=d.options,m(["graphic","dataLabel","connector","shadowGroup"],function(b){if(d[b])d[b][a?"show":"hide"](!0)}),d.legendItem&&f.legend.colorizeItem(d,a),a||"hover"!==d.state||d.setState(""),e&&(b.isDirty=!0),c&&f.redraw())},slice:function(a,
c,d){var b=this.series;l(d,b.chart);q(c,!0);this.sliced=this.options.sliced=E(a)?a:!this.sliced;b.options.data[r(this,b.data)]=this.options;this.graphic.animate(this.getTranslate());this.shadowGroup&&this.shadowGroup.animate(this.getTranslate())},getTranslate:function(){return this.sliced?this.slicedTranslation:{translateX:0,translateY:0}},haloPath:function(a){var c=this.shapeArgs;return this.sliced||!this.visible?[]:this.series.chart.renderer.symbols.arc(c.x,c.y,c.r+a,c.r+a,{innerR:this.shapeArgs.r-
1,start:c.start,end:c.end})}})})(K);(function(a){var C=a.addEvent,D=a.arrayMax,E=a.defined,m=a.each,h=a.extend,f=a.format,r=a.map,y=a.merge,q=a.noop,w=a.pick,e=a.relativeLength,c=a.Series,l=a.seriesTypes,z=a.some,k=a.stableSort;a.distribute=function(c,b,f){function d(a,b){return a.target-b.target}var e,h=!0,l=c,x=[],q;q=0;var n=l.reducedLen||b;for(e=c.length;e--;)q+=c[e].size;if(q>n){k(c,function(a,b){return(b.rank||0)-(a.rank||0)});for(q=e=0;q<=n;)q+=c[e].size,e++;x=c.splice(e-1,c.length)}k(c,d);
for(c=r(c,function(a){return{size:a.size,targets:[a.target],align:w(a.align,.5)}});h;){for(e=c.length;e--;)h=c[e],q=(Math.min.apply(0,h.targets)+Math.max.apply(0,h.targets))/2,h.pos=Math.min(Math.max(0,q-h.size*h.align),b-h.size);e=c.length;for(h=!1;e--;)0<e&&c[e-1].pos+c[e-1].size>c[e].pos&&(c[e-1].size+=c[e].size,c[e-1].targets=c[e-1].targets.concat(c[e].targets),c[e-1].align=.5,c[e-1].pos+c[e-1].size>b&&(c[e-1].pos=b-c[e-1].size),c.splice(e,1),h=!0)}l.push.apply(l,x);e=0;z(c,function(c){var d=
0;if(z(c.targets,function(){l[e].pos=c.pos+d;if(Math.abs(l[e].pos-l[e].target)>f)return m(l.slice(0,e+1),function(a){delete a.pos}),l.reducedLen=(l.reducedLen||b)-.1*b,l.reducedLen>.1*b&&a.distribute(l,b,f),!0;d+=l[e].size;e++}))return!0});k(l,d)};c.prototype.drawDataLabels=function(){function c(a,b){var c=b.filter;return c?(b=c.operator,a=a[c.property],c=c.value,"\x3e"===b&&a>c||"\x3c"===b&&a<c||"\x3e\x3d"===b&&a>=c||"\x3c\x3d"===b&&a<=c||"\x3d\x3d"===b&&a==c||"\x3d\x3d\x3d"===b&&a===c?!0:!1):!0}
var b=this,e=b.chart,k=b.options,h=k.dataLabels,l=b.points,q,x,r=b.hasRendered||0,n,z,B=w(h.defer,!!k.animation),D=e.renderer;if(h.enabled||b._hasPointLabels)b.dlProcessOptions&&b.dlProcessOptions(h),z=b.plotGroup("dataLabelsGroup","data-labels",B&&!r?"hidden":"visible",h.zIndex||6),B&&(z.attr({opacity:+r}),r||C(b,"afterAnimate",function(){b.visible&&z.show(!0);z[k.animation?"animate":"attr"]({opacity:1},{duration:200})})),x=h,m(l,function(d){var g,l=d.dataLabel,t,p,m=d.connector,u=!l,r;q=d.dlOptions||
d.options&&d.options.dataLabels;(g=w(q&&q.enabled,x.enabled)&&!d.isNull)&&(g=!0===c(d,q||h));g&&(h=y(x,q),t=d.getLabelConfig(),r=h[d.formatPrefix+"Format"]||h.format,n=E(r)?f(r,t,e.time):(h[d.formatPrefix+"Formatter"]||h.formatter).call(t,h),r=h.style,t=h.rotation,r.color=w(h.color,r.color,b.color,"#000000"),"contrast"===r.color&&(d.contrastColor=D.getContrast(d.color||b.color),r.color=h.inside||0>w(d.labelDistance,h.distance)||k.stacking?d.contrastColor:"#000000"),k.cursor&&(r.cursor=k.cursor),p=
{fill:h.backgroundColor,stroke:h.borderColor,"stroke-width":h.borderWidth,r:h.borderRadius||0,rotation:t,padding:h.padding,zIndex:1},a.objectEach(p,function(a,b){void 0===a&&delete p[b]}));!l||g&&E(n)?g&&E(n)&&(l?p.text=n:(l=d.dataLabel=t?D.text(n,0,-9999,h.useHTML).addClass("highcharts-data-label"):D.label(n,0,-9999,h.shape,null,null,h.useHTML,null,"data-label"),l.addClass(" highcharts-data-label-color-"+d.colorIndex+" "+(h.className||"")+(h.useHTML?" highcharts-tracker":""))),l.attr(p),l.css(r).shadow(h.shadow),
l.added||l.add(z),b.alignDataLabel(d,l,h,null,u)):(d.dataLabel=l=l.destroy(),m&&(d.connector=m.destroy()))});a.fireEvent(this,"afterDrawDataLabels")};c.prototype.alignDataLabel=function(a,b,c,e,f){var d=this.chart,k=d.inverted,l=w(a.dlBox&&a.dlBox.centerX,a.plotX,-9999),m=w(a.plotY,-9999),n=b.getBBox(),p,q=c.rotation,r=c.align,u=this.visible&&(a.series.forceDL||d.isInsidePlot(l,Math.round(m),k)||e&&d.isInsidePlot(l,k?e.x+1:e.y+e.height-1,k)),g="justify"===w(c.overflow,"justify");if(u&&(p=c.style.fontSize,
p=d.renderer.fontMetrics(p,b).b,e=h({x:k?this.yAxis.len-m:l,y:Math.round(k?this.xAxis.len-l:m),width:0,height:0},e),h(c,{width:n.width,height:n.height}),q?(g=!1,l=d.renderer.rotCorr(p,q),l={x:e.x+c.x+e.width/2+l.x,y:e.y+c.y+{top:0,middle:.5,bottom:1}[c.verticalAlign]*e.height},b[f?"attr":"animate"](l).attr({align:r}),m=(q+720)%360,m=180<m&&360>m,"left"===r?l.y-=m?n.height:0:"center"===r?(l.x-=n.width/2,l.y-=n.height/2):"right"===r&&(l.x-=n.width,l.y-=m?0:n.height),b.placed=!0,b.alignAttr=l):(b.align(c,
null,e),l=b.alignAttr),g&&0<=e.height?a.isLabelJustified=this.justifyDataLabel(b,c,l,n,e,f):w(c.crop,!0)&&(u=d.isInsidePlot(l.x,l.y)&&d.isInsidePlot(l.x+n.width,l.y+n.height)),c.shape&&!q))b[f?"attr":"animate"]({anchorX:k?d.plotWidth-a.plotY:a.plotX,anchorY:k?d.plotHeight-a.plotX:a.plotY});u||(b.attr({y:-9999}),b.placed=!1)};c.prototype.justifyDataLabel=function(a,b,c,e,f,k){var d=this.chart,h=b.align,l=b.verticalAlign,n,m,t=a.box?0:a.padding||0;n=c.x+t;0>n&&("right"===h?b.align="left":b.x=-n,m=!0);
n=c.x+e.width-t;n>d.plotWidth&&("left"===h?b.align="right":b.x=d.plotWidth-n,m=!0);n=c.y+t;0>n&&("bottom"===l?b.verticalAlign="top":b.y=-n,m=!0);n=c.y+e.height-t;n>d.plotHeight&&("top"===l?b.verticalAlign="bottom":b.y=d.plotHeight-n,m=!0);m&&(a.placed=!k,a.align(b,null,f));return m};l.pie&&(l.pie.prototype.drawDataLabels=function(){var d=this,b=d.data,e,f=d.chart,k=d.options.dataLabels,h=w(k.connectorPadding,10),l=w(k.connectorWidth,1),q=f.plotWidth,r=f.plotHeight,n=Math.round(f.chartWidth/3),y,z=
d.center,C=z[2]/2,F=z[1],g,v,K,Q,J=[[],[]],O,N,A,R,S=[0,0,0,0];d.visible&&(k.enabled||d._hasPointLabels)&&(m(b,function(a){a.dataLabel&&a.visible&&a.dataLabel.shortened&&(a.dataLabel.attr({width:"auto"}).css({width:"auto",textOverflow:"clip"}),a.dataLabel.shortened=!1)}),c.prototype.drawDataLabels.apply(d),m(b,function(a){a.dataLabel&&(a.visible?(J[a.half].push(a),a.dataLabel._pos=null,!E(k.style.width)&&!E(a.options.dataLabels&&a.options.dataLabels.style&&a.options.dataLabels.style.width)&&a.dataLabel.getBBox().width>
n&&(a.dataLabel.css({width:.7*n}),a.dataLabel.shortened=!0)):a.dataLabel=a.dataLabel.destroy())}),m(J,function(b,c){var l,n,t=b.length,p=[],x;if(t)for(d.sortByAngle(b,c-.5),0<d.maxLabelDistance&&(l=Math.max(0,F-C-d.maxLabelDistance),n=Math.min(F+C+d.maxLabelDistance,f.plotHeight),m(b,function(a){0<a.labelDistance&&a.dataLabel&&(a.top=Math.max(0,F-C-a.labelDistance),a.bottom=Math.min(F+C+a.labelDistance,f.plotHeight),x=a.dataLabel.getBBox().height||21,a.distributeBox={target:a.labelPos[1]-a.top+x/
2,size:x,rank:a.y},p.push(a.distributeBox))}),l=n+x-l,a.distribute(p,l,l/5)),R=0;R<t;R++)e=b[R],K=e.labelPos,g=e.dataLabel,A=!1===e.visible?"hidden":"inherit",N=l=K[1],p&&E(e.distributeBox)&&(void 0===e.distributeBox.pos?A="hidden":(Q=e.distributeBox.size,N=e.top+e.distributeBox.pos)),delete e.positionIndex,O=k.justify?z[0]+(c?-1:1)*(C+e.labelDistance):d.getX(N<e.top+2||N>e.bottom-2?l:N,c,e),g._attr={visibility:A,align:K[6]},g._pos={x:O+k.x+({left:h,right:-h}[K[6]]||0),y:N+k.y-10},K.x=O,K.y=N,w(k.crop,
!0)&&(v=g.getBBox().width,l=null,O-v<h&&1===c?(l=Math.round(v-O+h),S[3]=Math.max(l,S[3])):O+v>q-h&&0===c&&(l=Math.round(O+v-q+h),S[1]=Math.max(l,S[1])),0>N-Q/2?S[0]=Math.max(Math.round(-N+Q/2),S[0]):N+Q/2>r&&(S[2]=Math.max(Math.round(N+Q/2-r),S[2])),g.sideOverflow=l)}),0===D(S)||this.verifyDataLabelOverflow(S))&&(this.placeDataLabels(),l&&m(this.points,function(a){var b;y=a.connector;if((g=a.dataLabel)&&g._pos&&a.visible&&0<a.labelDistance){A=g._attr.visibility;if(b=!y)a.connector=y=f.renderer.path().addClass("highcharts-data-label-connector  highcharts-color-"+
a.colorIndex+(a.className?" "+a.className:"")).add(d.dataLabelsGroup),y.attr({"stroke-width":l,stroke:k.connectorColor||a.color||"#666666"});y[b?"attr":"animate"]({d:d.connectorPath(a.labelPos)});y.attr("visibility",A)}else y&&(a.connector=y.destroy())}))},l.pie.prototype.connectorPath=function(a){var b=a.x,c=a.y;return w(this.options.dataLabels.softConnector,!0)?["M",b+("left"===a[6]?5:-5),c,"C",b,c,2*a[2]-a[4],2*a[3]-a[5],a[2],a[3],"L",a[4],a[5]]:["M",b+("left"===a[6]?5:-5),c,"L",a[2],a[3],"L",
a[4],a[5]]},l.pie.prototype.placeDataLabels=function(){m(this.points,function(a){var b=a.dataLabel;b&&a.visible&&((a=b._pos)?(b.sideOverflow&&(b._attr.width=b.getBBox().width-b.sideOverflow,b.css({width:b._attr.width+"px",textOverflow:(this.options.dataLabels.style||{}).textOverflow||"ellipsis"}),b.shortened=!0),b.attr(b._attr),b[b.moved?"animate":"attr"](a),b.moved=!0):b&&b.attr({y:-9999}))},this)},l.pie.prototype.alignDataLabel=q,l.pie.prototype.verifyDataLabelOverflow=function(a){var b=this.center,
c=this.options,d=c.center,f=c.minSize||80,k,h=null!==c.size;h||(null!==d[0]?k=Math.max(b[2]-Math.max(a[1],a[3]),f):(k=Math.max(b[2]-a[1]-a[3],f),b[0]+=(a[3]-a[1])/2),null!==d[1]?k=Math.max(Math.min(k,b[2]-Math.max(a[0],a[2])),f):(k=Math.max(Math.min(k,b[2]-a[0]-a[2]),f),b[1]+=(a[0]-a[2])/2),k<b[2]?(b[2]=k,b[3]=Math.min(e(c.innerSize||0,k),k),this.translate(b),this.drawDataLabels&&this.drawDataLabels()):h=!0);return h});l.column&&(l.column.prototype.alignDataLabel=function(a,b,e,f,k){var d=this.chart.inverted,
h=a.series,l=a.dlBox||a.shapeArgs,m=w(a.below,a.plotY>w(this.translatedThreshold,h.yAxis.len)),n=w(e.inside,!!this.options.stacking);l&&(f=y(l),0>f.y&&(f.height+=f.y,f.y=0),l=f.y+f.height-h.yAxis.len,0<l&&(f.height-=l),d&&(f={x:h.yAxis.len-f.y-f.height,y:h.xAxis.len-f.x-f.width,width:f.height,height:f.width}),n||(d?(f.x+=m?0:f.width,f.width=0):(f.y+=m?f.height:0,f.height=0)));e.align=w(e.align,!d||n?"center":m?"right":"left");e.verticalAlign=w(e.verticalAlign,d||n?"middle":m?"top":"bottom");c.prototype.alignDataLabel.call(this,
a,b,e,f,k);a.isLabelJustified&&a.contrastColor&&a.dataLabel.css({color:a.contrastColor})})})(K);(function(a){var C=a.Chart,D=a.each,E=a.objectEach,m=a.pick;a=a.addEvent;a(C,"render",function(){var a=[];D(this.labelCollectors||[],function(f){a=a.concat(f())});D(this.yAxis||[],function(f){f.options.stackLabels&&!f.options.stackLabels.allowOverlap&&E(f.stacks,function(f){E(f,function(f){a.push(f.label)})})});D(this.series||[],function(f){var h=f.options.dataLabels,y=f.dataLabelCollections||["dataLabel"];
(h.enabled||f._hasPointLabels)&&!h.allowOverlap&&f.visible&&D(y,function(h){D(f.points,function(f){f[h]&&(f[h].labelrank=m(f.labelrank,f.shapeArgs&&f.shapeArgs.height),a.push(f[h]))})})});this.hideOverlappingLabels(a)});C.prototype.hideOverlappingLabels=function(a){var f=a.length,h=this.renderer,m,q,w,e,c,l,z=function(a,c,b,e,f,h,l,m){return!(f>a+b||f+l<a||h>c+e||h+m<c)};w=function(a){var c,b,e,f=2*(a.box?0:a.padding||0);e=0;if(a&&(!a.alignAttr||a.placed))return c=a.alignAttr||{x:a.attr("x"),y:a.attr("y")},
b=a.parentGroup,a.width||(e=a.getBBox(),a.width=e.width,a.height=e.height,e=h.fontMetrics(null,a.element).h),{x:c.x+(b.translateX||0),y:c.y+(b.translateY||0)-e,width:a.width-f,height:a.height-f}};for(q=0;q<f;q++)if(m=a[q])m.oldOpacity=m.opacity,m.newOpacity=1,m.absoluteBox=w(m);a.sort(function(a,c){return(c.labelrank||0)-(a.labelrank||0)});for(q=0;q<f;q++)for(l=(w=a[q])&&w.absoluteBox,m=q+1;m<f;++m)if(c=(e=a[m])&&e.absoluteBox,l&&c&&w!==e&&0!==w.newOpacity&&0!==e.newOpacity&&(c=z(l.x,l.y,l.width,
l.height,c.x,c.y,c.width,c.height)))(w.labelrank<e.labelrank?w:e).newOpacity=0;D(a,function(a){var c,b;a&&(b=a.newOpacity,a.oldOpacity!==b&&(a.alignAttr&&a.placed?(b?a.show(!0):c=function(){a.hide()},a.alignAttr.opacity=b,a[a.isOld?"animate":"attr"](a.alignAttr,null,c)):a.attr({opacity:b})),a.isOld=!0)})}})(K);(function(a){var C=a.addEvent,D=a.Chart,E=a.createElement,m=a.css,h=a.defaultOptions,f=a.defaultPlotOptions,r=a.each,y=a.extend,q=a.fireEvent,w=a.hasTouch,e=a.inArray,c=a.isObject,l=a.Legend,
z=a.merge,k=a.pick,d=a.Point,b=a.Series,u=a.seriesTypes,p=a.svg,H;H=a.TrackerMixin={drawTrackerPoint:function(){var a=this,b=a.chart.pointer,c=function(a){var c=b.getPointFromEvent(a);void 0!==c&&(b.isDirectTouch=!0,c.onMouseOver(a))};r(a.points,function(a){a.graphic&&(a.graphic.element.point=a);a.dataLabel&&(a.dataLabel.div?a.dataLabel.div.point=a:a.dataLabel.element.point=a)});a._hasTracking||(r(a.trackerGroups,function(d){if(a[d]){a[d].addClass("highcharts-tracker").on("mouseover",c).on("mouseout",
function(a){b.onTrackerMouseOut(a)});if(w)a[d].on("touchstart",c);a.options.cursor&&a[d].css(m).css({cursor:a.options.cursor})}}),a._hasTracking=!0);q(this,"afterDrawTracker")},drawTrackerGraph:function(){var a=this,b=a.options,c=b.trackByArea,d=[].concat(c?a.areaPath:a.graphPath),e=d.length,f=a.chart,h=f.pointer,k=f.renderer,l=f.options.tooltip.snap,g=a.tracker,m,u=function(){if(f.hoverSeries!==a)a.onMouseOver()},y="rgba(192,192,192,"+(p?.0001:.002)+")";if(e&&!c)for(m=e+1;m--;)"M"===d[m]&&d.splice(m+
1,0,d[m+1]-l,d[m+2],"L"),(m&&"M"===d[m]||m===e)&&d.splice(m,0,"L",d[m-2]+l,d[m-1]);g?g.attr({d:d}):a.graph&&(a.tracker=k.path(d).attr({"stroke-linejoin":"round",visibility:a.visible?"visible":"hidden",stroke:y,fill:c?y:"none","stroke-width":a.graph.strokeWidth()+(c?0:2*l),zIndex:2}).add(a.group),r([a.tracker,a.markerGroup],function(a){a.addClass("highcharts-tracker").on("mouseover",u).on("mouseout",function(a){h.onTrackerMouseOut(a)});b.cursor&&a.css({cursor:b.cursor});if(w)a.on("touchstart",u)}));
q(this,"afterDrawTracker")}};u.column&&(u.column.prototype.drawTracker=H.drawTrackerPoint);u.pie&&(u.pie.prototype.drawTracker=H.drawTrackerPoint);u.scatter&&(u.scatter.prototype.drawTracker=H.drawTrackerPoint);y(l.prototype,{setItemEvents:function(a,b,c){var e=this,f=e.chart.renderer.boxWrapper,h="highcharts-legend-"+(a instanceof d?"point":"series")+"-active";(c?b:a.legendGroup).on("mouseover",function(){a.setState("hover");f.addClass(h);b.css(e.options.itemHoverStyle)}).on("mouseout",function(){b.css(z(a.visible?
e.itemStyle:e.itemHiddenStyle));f.removeClass(h);a.setState()}).on("click",function(b){var c=function(){a.setVisible&&a.setVisible()};f.removeClass(h);b={browserEvent:b};a.firePointEvent?a.firePointEvent("legendItemClick",b,c):q(a,"legendItemClick",b,c)})},createCheckboxForItem:function(a){a.checkbox=E("input",{type:"checkbox",className:"highcharts-legend-checkbox",checked:a.selected,defaultChecked:a.selected},this.options.itemCheckboxStyle,this.chart.container);C(a.checkbox,"click",function(b){q(a.series||
a,"checkboxClick",{checked:b.target.checked,item:a},function(){a.select()})})}});h.legend.itemStyle.cursor="pointer";y(D.prototype,{showResetZoom:function(){function a(){b.zoomOut()}var b=this,c=h.lang,d=b.options.chart.resetZoomButton,e=d.theme,f=e.states,k="chart"===d.relativeTo?null:"plotBox";q(this,"beforeShowResetZoom",null,function(){b.resetZoomButton=b.renderer.button(c.resetZoom,null,null,a,e,f&&f.hover).attr({align:d.position.align,title:c.resetZoomTitle}).addClass("highcharts-reset-zoom").add().align(d.position,
!1,k)})},zoomOut:function(){q(this,"selection",{resetSelection:!0},this.zoom)},zoom:function(a){var b,d=this.pointer,e=!1,f;!a||a.resetSelection?(r(this.axes,function(a){b=a.zoom()}),d.initiated=!1):r(a.xAxis.concat(a.yAxis),function(a){var c=a.axis;d[c.isXAxis?"zoomX":"zoomY"]&&(b=c.zoom(a.min,a.max),c.displayBtn&&(e=!0))});f=this.resetZoomButton;e&&!f?this.showResetZoom():!e&&c(f)&&(this.resetZoomButton=f.destroy());b&&this.redraw(k(this.options.chart.animation,a&&a.animation,100>this.pointCount))},
pan:function(a,b){var c=this,d=c.hoverPoints,e;d&&r(d,function(a){a.setState()});r("xy"===b?[1,0]:[1],function(b){b=c[b?"xAxis":"yAxis"][0];var d=b.horiz,f=a[d?"chartX":"chartY"],d=d?"mouseDownX":"mouseDownY",h=c[d],g=(b.pointRange||0)/2,k=b.reversed&&!c.inverted||!b.reversed&&c.inverted?-1:1,l=b.getExtremes(),n=b.toValue(h-f,!0)+g*k,k=b.toValue(h+b.len-f,!0)-g*k,m=k<n,h=m?k:n,n=m?n:k,k=Math.min(l.dataMin,g?l.min:b.toValue(b.toPixels(l.min)-b.minPixelPadding)),g=Math.max(l.dataMax,g?l.max:b.toValue(b.toPixels(l.max)+
b.minPixelPadding)),m=k-h;0<m&&(n+=m,h=k);m=n-g;0<m&&(n=g,h-=m);b.series.length&&h!==l.min&&n!==l.max&&(b.setExtremes(h,n,!1,!1,{trigger:"pan"}),e=!0);c[d]=f});e&&c.redraw(!1);m(c.container,{cursor:"move"})}});y(d.prototype,{select:function(a,b){var c=this,d=c.series,f=d.chart;a=k(a,!c.selected);c.firePointEvent(a?"select":"unselect",{accumulate:b},function(){c.selected=c.options.selected=a;d.options.data[e(c,d.data)]=c.options;c.setState(a&&"select");b||r(f.getSelectedPoints(),function(a){a.selected&&
a!==c&&(a.selected=a.options.selected=!1,d.options.data[e(a,d.data)]=a.options,a.setState(""),a.firePointEvent("unselect"))})})},onMouseOver:function(a){var b=this.series.chart,c=b.pointer;a=a?c.normalize(a):c.getChartCoordinatesFromPoint(this,b.inverted);c.runPointActions(a,this)},onMouseOut:function(){var a=this.series.chart;this.firePointEvent("mouseOut");r(a.hoverPoints||[],function(a){a.setState()});a.hoverPoints=a.hoverPoint=null},importEvents:function(){if(!this.hasImportedEvents){var b=this,
c=z(b.series.options.point,b.options).events;b.events=c;a.objectEach(c,function(a,c){C(b,c,a)});this.hasImportedEvents=!0}},setState:function(a,b){var c=Math.floor(this.plotX),d=this.plotY,e=this.series,h=e.options.states[a||"normal"]||{},l=f[e.type].marker&&e.options.marker,m=l&&!1===l.enabled,p=l&&l.states&&l.states[a||"normal"]||{},g=!1===p.enabled,t=e.stateMarkerGraphic,r=this.marker||{},u=e.chart,w=e.halo,z,C=l&&e.markerAttribs;a=a||"";if(!(a===this.state&&!b||this.selected&&"select"!==a||!1===
h.enabled||a&&(g||m&&!1===p.enabled)||a&&r.states&&r.states[a]&&!1===r.states[a].enabled)){C&&(z=e.markerAttribs(this,a));if(this.graphic)this.state&&this.graphic.removeClass("highcharts-point-"+this.state),a&&this.graphic.addClass("highcharts-point-"+a),this.graphic.animate(e.pointAttribs(this,a),k(u.options.chart.animation,h.animation)),z&&this.graphic.animate(z,k(u.options.chart.animation,p.animation,l.animation)),t&&t.hide();else{if(a&&p){l=r.symbol||e.symbol;t&&t.currentSymbol!==l&&(t=t.destroy());
if(t)t[b?"animate":"attr"]({x:z.x,y:z.y});else l&&(e.stateMarkerGraphic=t=u.renderer.symbol(l,z.x,z.y,z.width,z.height).add(e.markerGroup),t.currentSymbol=l);t&&t.attr(e.pointAttribs(this,a))}t&&(t[a&&u.isInsidePlot(c,d,u.inverted)?"show":"hide"](),t.element.point=this)}(c=h.halo)&&c.size?(w||(e.halo=w=u.renderer.path().add((this.graphic||t).parentGroup)),w.show()[b?"animate":"attr"]({d:this.haloPath(c.size)}),w.attr({"class":"highcharts-halo highcharts-color-"+k(this.colorIndex,e.colorIndex)+(this.className?
" "+this.className:""),zIndex:-1}),w.point=this,w.attr(y({fill:this.color||e.color,"fill-opacity":c.opacity},c.attributes))):w&&w.point&&w.point.haloPath&&w.animate({d:w.point.haloPath(0)},null,w.hide);this.state=a;q(this,"afterSetState")}},haloPath:function(a){return this.series.chart.renderer.symbols.circle(Math.floor(this.plotX)-a,this.plotY-a,2*a,2*a)}});y(b.prototype,{onMouseOver:function(){var a=this.chart,b=a.hoverSeries;if(b&&b!==this)b.onMouseOut();this.options.events.mouseOver&&q(this,"mouseOver");
this.setState("hover");a.hoverSeries=this},onMouseOut:function(){var a=this.options,b=this.chart,c=b.tooltip,d=b.hoverPoint;b.hoverSeries=null;if(d)d.onMouseOut();this&&a.events.mouseOut&&q(this,"mouseOut");!c||this.stickyTracking||c.shared&&!this.noSharedTooltip||c.hide();this.setState()},setState:function(a){var b=this,c=b.options,d=b.graph,e=c.states,f=c.lineWidth,c=0;a=a||"";if(b.state!==a&&(r([b.group,b.markerGroup,b.dataLabelsGroup],function(c){c&&(b.state&&c.removeClass("highcharts-series-"+
b.state),a&&c.addClass("highcharts-series-"+a))}),b.state=a,!e[a]||!1!==e[a].enabled)&&(a&&(f=e[a].lineWidth||f+(e[a].lineWidthPlus||0)),d&&!d.dashstyle))for(f={"stroke-width":f},d.animate(f,k(e[a||"normal"]&&e[a||"normal"].animation,b.chart.options.chart.animation));b["zone-graph-"+c];)b["zone-graph-"+c].attr(f),c+=1},setVisible:function(a,b){var c=this,d=c.chart,e=c.legendItem,f,h=d.options.chart.ignoreHiddenSeries,k=c.visible;f=(c.visible=a=c.options.visible=c.userOptions.visible=void 0===a?!k:
a)?"show":"hide";r(["group","dataLabelsGroup","markerGroup","tracker","tt"],function(a){if(c[a])c[a][f]()});if(d.hoverSeries===c||(d.hoverPoint&&d.hoverPoint.series)===c)c.onMouseOut();e&&d.legend.colorizeItem(c,a);c.isDirty=!0;c.options.stacking&&r(d.series,function(a){a.options.stacking&&a.visible&&(a.isDirty=!0)});r(c.linkedSeries,function(b){b.setVisible(a,!1)});h&&(d.isDirtyBox=!0);q(c,f);!1!==b&&d.redraw()},show:function(){this.setVisible(!0)},hide:function(){this.setVisible(!1)},select:function(a){this.selected=
a=void 0===a?!this.selected:a;this.checkbox&&(this.checkbox.checked=a);q(this,a?"select":"unselect")},drawTracker:H.drawTrackerGraph})})(K);(function(a){var C=a.Chart,D=a.each,E=a.inArray,m=a.isArray,h=a.isObject,f=a.pick,r=a.splat;C.prototype.setResponsive=function(f){var h=this.options.responsive,m=[],e=this.currentResponsive;h&&h.rules&&D(h.rules,function(c){void 0===c._id&&(c._id=a.uniqueKey());this.matchResponsiveRule(c,m,f)},this);var c=a.merge.apply(0,a.map(m,function(c){return a.find(h.rules,
function(a){return a._id===c}).chartOptions})),m=m.toString()||void 0;m!==(e&&e.ruleIds)&&(e&&this.update(e.undoOptions,f),m?(this.currentResponsive={ruleIds:m,mergedOptions:c,undoOptions:this.currentOptions(c)},this.update(c,f)):this.currentResponsive=void 0)};C.prototype.matchResponsiveRule=function(a,h){var m=a.condition;(m.callback||function(){return this.chartWidth<=f(m.maxWidth,Number.MAX_VALUE)&&this.chartHeight<=f(m.maxHeight,Number.MAX_VALUE)&&this.chartWidth>=f(m.minWidth,0)&&this.chartHeight>=
f(m.minHeight,0)}).call(this)&&h.push(a._id)};C.prototype.currentOptions=function(f){function q(e,c,f,w){var k;a.objectEach(e,function(a,b){if(!w&&-1<E(b,["series","xAxis","yAxis"]))for(a=r(a),f[b]=[],k=0;k<a.length;k++)c[b][k]&&(f[b][k]={},q(a[k],c[b][k],f[b][k],w+1));else h(a)?(f[b]=m(a)?[]:{},q(a,c[b]||{},f[b],w+1)):f[b]=c[b]||null})}var w={};q(f,this.options,w,0);return w}})(K);return K});
//# sourceMappingURL=highcharts.js.map/*** longdo-jquery ***/
$(document).ready(function(){
  if($('.customselector').length > 0) $('.customselector').customSelect();
                
  $("a[rel^='prettyPhoto']").prettyPhoto();                            
  $("a[rel^='prettyText']").prettyPhoto({  
    default_width: 400,
    default_height: 60
  });
  $("a[rel^='prettyAreatext']").prettyPhoto({  
    default_width: 400,
    default_height: 120
  });
  
  
  //$("a[href$='/login'], a[href*='/login?destination']").prettyPhoto({  
  //  default_width: 400,
  //  default_height: 200
  //});

  $(".menu-top").hover(
    function () {
      $(this).addClass("menu-top-hover");
    }, 
    function () {
      $(this).removeClass("menu-top-hover");
    }
  );
  
  $("#longdo-menu-link, #longdo-link-other-menu dt").hover(
    function () {
      $(this).addClass("hover");	  
    }, 
    function () {
      $(this).removeClass("hover");
    }
  )
  
  $("#longdo-link-other-menu dt").click(function() {
    window.open( $(this).children("a").attr('href') );
    return false;
  })
  .mouseover(function(){
    $(this).children("a").addClass("hover");
  })
  .mouseout(function(){
    $(this).children("a").removeClass("hover");
  });
  
  $("#tomtom-map-button").click(function(){
    initTomtomMap();
    if(longdomap_routing) {
      longdomap_routing.initRoutingForm();
    }
    //window.open('/tomtom');
  });
  
  $("#numap-map-button").click(function(){
    initNuMap();
    if(longdomap_routing) {
      longdomap_routing.initRoutingForm();
    }
  });
});

var searchtomtom;
// move to front-page-jquery ?
function isShowMap() {
    return (Drupal.settings && Drupal.settings.showmap);
}

function initNuMap() {
    Drupal.settings.mapdata = 'numap';
    clearSerchFormValue();
    clearSuggestDiv();
    map_init(false, 'icons');
    
    var search_txtbox = document.getElementById("searchfor");
    var search_button = document.getElementById("bluesearch-button");
    var clear_search_button = document.getElementById("searchclear");
    var searchform = search_txtbox.form;
    if (search_txtbox) {
        search_txtbox.onkeyup = function() {};
        search_txtbox.onkeydown = function() {};
        search_txtbox.onfocus =  function(e) { document.onkeydown='return true'; document.onkeypress='return true'; setSuggestDivPosition(search_txtbox, '_suggest_disp'); onkeyup=_suggest_load; onkeydown=function(e){suggest_navigation_keys_check(e, search_txtbox, '_suggest_disp');}; setTimeout(function(){document.getElementById('searchfor').select();},10);};
        search_txtbox.onblur = function() {setKeyFocusAtMaparea();setTimeout('clearSuggestDiv()',500);};
	}
    
    if (search_button) {
        search_button.onclick = function() {setBookmark(0, 'all');longdomapSearch('');setKeyFocusAtMaparea();};
    }
    if (clear_search_button) {
        clear_search_button.onclick = function() {clearSerchFormValue();adjust_searchresult('true');};
    }
    if (searchform) {
        searchform.onsubmit = function() { setBookmark(0, 'all');_suggest_entersearch=true;longdomapSearch('');return false; };
    }
    
    $('#numap-map-button').addClass('map-data-button-active');
    $('#tomtom-map-button').removeClass('map-data-button-active');
    showAddLocationMode();
    hideTomtomLogo();
    $('body').removeClass('map-data-tomtom');
}

function htmlEscape(str) {
    return String(str)
            .replace(/&/g, '&amp;')
            .replace(/"/g, '&quot;')
            .replace(/'/g, '&#39;')
            .replace(/</g, '&lt;')
            .replace(/>/g, '&gt;');
}

function longdomapSearch(keyword) {
  if(keyword == "" && document.getElementById("searchfor")) {
      keyword = document.getElementById("searchfor").value;
  }
  if (typeof keyword.trim == 'function') {
    keyword = keyword.trim();
  }
  if (getSelectedMapdata() == 'tomtom') {
    searchtomtom.searchPlace(keyword);
  } else {
    doSearch(keyword);
  }
}

function initTomtomMap() {
    if (!isShowMap()) {
      window.open('/tomtom');
      return false;
    }
    
    Drupal.settings.mapdata = 'tomtom';
    
    clearSerchFormValue();
    clearSuggestDiv();
    
    map_init(false, 'tomicons');
    
    var searchform = document.getElementById("searchfor").form;
    if (searchform) {
        searchform.onsubmit = function() { return false; };
        onkeydown = false;
        onkeyup = false;
    }
    
    searchtomtom = new longdo.SearchPOI(mmmap2, {
          search_id: 'search-tools',
          search_txtbox_id: 'searchfor',
          search_button_id: 'bluesearch-button',
          clear_button_id: 'searchclear',
          search_result_id: 'search-result',
          routing_result_id: 'routing-result',
          search_ds: 'toma,tomp,tomr,tomw,tomb',
          suggest_ds: 'toma_s,tomp_s,tomr_s,tomw_s,tomb_s'});
    
    searchtomtom.setBasePath('/mmmap/tomtom/');
    
    searchtomtom.searchPlaceByAjax = function(keyword, bookmark) {
        var center_location = searchtomtom.map.location();
            var params = "?action=searchpoi";
            params += "&keyword="+encodeURIComponent(keyword);
            params += "&lat="+center_location.lat;
            params += "&lon="+center_location.lon;
            params += "&ds="+searchtomtom.search_ds;
            if (typeof bookmark != "undefined") {
                params += "&bookmark="+bookmark;
            }
        
            if(typeof bookmark == 'undefined' || bookmark == 0) {
            searchtomtom.clearSearchMarker();
            searchtomtom.setSearchResults('<div class="search-loading"></div>');
        }
        searchtomtom.hideSuggestion();
        searchtomtom.clearSuggestionTimeout();
    
        params += "&callback=searchtomtom.showSearchResult";
        searchtomtom.Ajax.externalLoad('/mmmap/tomtom/search/rpc.php'+params);
        adjust_searchresult(false, 0);
    }
    
    $('#numap-map-button').removeClass('map-data-button-active');
    $('#tomtom-map-button').addClass('map-data-button-active');
    hideAddLocationMode();
    showTomtomLogo();
    $('body').addClass('map-data-tomtom');
}

function showLoginForm() {
  if($("#loginbar-login-button").length > 0) {
    $("#loginbar-login-button").click();
  } else if($("#loginbar-login-button", top.parent.document).length > 0) {
    $("#loginbar-login-button", top.parent.document).click();
  } 
}

function loadjscssfile(filename, filetype){
  if (filetype=="js"){ //if filename is a external JavaScript file
    var fileref=document.createElement('script')
    fileref.setAttribute("type","text/javascript")
    fileref.setAttribute("src", filename)
  }
  else if (filetype=="css"){ //if filename is an external CSS file
    var fileref=document.createElement("link")
    fileref.setAttribute("rel", "stylesheet")
    fileref.setAttribute("type", "text/css")
    fileref.setAttribute("href", filename)
  }
  if (typeof fileref!="undefined")
    document.getElementsByTagName("head")[0].appendChild(fileref);
}

var filesadded="" //list of files already added

function checkloadjscssfile(filename, filetype){
  if (filesadded.indexOf("["+filename+"]")==-1){
    loadjscssfile(filename, filetype)
    filesadded+="["+filename+"]" //List of files added in the form "[filename1],[filename2],etc"
  }
}

$.fn.customSelect = function() {
  // define defaults and override with options, if available
  // by extending the default settings, we don't modify the argument
  return this.each(function() {
    var selected_obj = false; 
    obj = $(this);
    obj.after("<div id=\"selectoptions\"></div>");
    obj.find('option').each(function(i) { 
      $("#selectoptions").append("<div title=\""+$(this).html()+"\" id=\"" + $(this).attr("value") + "\" class=\"selectitems\"><img src=\"" + this.title + "\" /> <span class='select-text'>" + $(this).html() + "</span></div>");
      if($(this).attr("value")==$('.customselector').val()) {
        selected_obj = "<img src=\"" + this.title + "\" /> <div class='select-text'>" + $(this).html() + "</div>";
      }
    });
    if(selected_obj) {
      obj.before("<input type=\"hidden\" value =\"\" name=\"" + this.name + "\" class=\"customselect\"/><div id=\"iconselect\">" + selected_obj + "</div><div id=\"iconselectholder\"> </div>").remove();
    }
    else {
      obj.before("<input type=\"hidden\" value =\"\" name=\"" + this.name + "\" class=\"customselect\"/><div id=\"iconselect\">" + this.title + "</div><div id=\"iconselectholder\"> </div>").remove();
    }
    $("#iconselect .select-text").css( {width: $('#iconselect').width()-($('#iconselect img').width()+28)+"px"} );
    $("#iconselectholder").append( $("#selectoptions")[0] );
    $("#iconselect").click(function(){
      $("#iconselectholder").css( {
        width: ($('#pre-customselect').width()+$('#iconselect').width()-2)+"px",
        left: "-"+($('#pre-customselect').width()+$('#iconselect').width())+"px",
        top: $('#iconselect').height()+15+"px"
      } );
      $("#iconselectholder").toggle("fast");
    });
    $(".selectitems").mouseover(function(){
    	$(this).addClass("hoverclass");
    });
    $(".selectitems").mouseout(function(){
    	$(this).removeClass("hoverclass");
    });
    $(".selectitems").click(function(){
    	$(".selectedclass").removeClass("selectedclass");
    	$(this).addClass("selectedclass");
    	var thisselection = $(this).html();
    	thisselection.replace("<span", "<div'");
    	thisselection.replace("</span>", "</div>");
      $(".customselect").val(this.id);
    	$("#iconselect").html(thisselection);
    	$("#iconselectholder").toggle("fast");
    	if(obj.hasClass('onchange-changeCategoryOOI')) {
        window.location = '//'+location.hostname+"/poilist/"+$(".customselect").val()+"/recently";
      }
    });
  });  
}

function checkLoadedAdsIFrameOnFrontPage(iframe) {
  var iframeDocument = iframe.contentDocument || iframe.contentWindow.document;
  if(iframeDocument && iframeDocument.body && iframeDocument.body.innerHTML != "") {
    iframe.className = 'ads-iframe-loaded';
  }
}

function checkAreaForAdsIframe() {
  if(($(window).width() - $('#logo').width() - 20) < $('#longdo_advertisement').width()) { // 20: margin-left of logo
    if($('#longdo_advertisement_iframe').attr('src') != '') {
      $('#longdo_advertisement_iframe').removeAttr('src');
      $('#longdo_advertisement_iframe').removeClass('ads-iframe-loaded');
    }
  } else {
    if(! $('#longdo_advertisement_iframe').attr('src')) {
      $('#longdo_advertisement_iframe').attr('src', '/ads/rand_ads.php');
    }
  }
  
}



function getPermalinkURL() {
  if(isShowMap()) {

    var selected_tab_index = getCurrentTabIndex();
  
    var url = false;
    if (selected_tab_index > 0) {
      var tab_panel = $(".ui-tabs-panel").get(selected_tab_index);
      if (typeof(tab_panel) != 'undefiend' && tab_panel.id) {
        url = $("#"+tab_panel.id).attr('originalpath');
      }
  
      if (url) {
        url = window.location.protocol+'//'+window.location.hostname+url;
      }
    }
  
    if (!url) {
      var ooi_path = '';
      if (typeof(window._longdomap_permalink_act) != 'undefined') {
        if(/^(A|G|M)/.test(_longdomap_permalink_act.ooi) || (!isNaN(_longdomap_permalink_act.ooi) && _longdomap_permalink_act.ooi !== '')) {
          ooi_path = '/p/' + (isNaN(_longdomap_permalink_act.ooi) ? _longdomap_permalink_act.ooi : 'A'+_longdomap_permalink_act.ooi);
          _longdomap_permalink_act.ooi = false;
        }
      }
      
      url = window.location.protocol+'//'+window.location.hostname+ooi_path+'/?';
      
      var location = getCenterLocation();
      var latitude = location.lat;
      var longitude = location.lon;
      var zoom = mapZoom();
  
      var search, tag, ooi; /*, searchlat, searchlon*/
      if (typeof(window._longdomap_permalink_act) != 'undefined') {
        search = _longdomap_permalink_act.search ? _longdomap_permalink_act.search : false;
        //searchlat = _longdomap_permalink_act.searchlat ? _longdomap_permalink_act.searchlat : false;
        //searchlon = _longdomap_permalink_act.searchlon ? _longdomap_permalink_act.searchlon : false;
        tag = _longdomap_permalink_act.tag ? _longdomap_permalink_act.tag : false;
        ooi = _longdomap_permalink_act.ooi ? _longdomap_permalink_act.ooi : false;
  
  //      if (search && searchlat && searchlon) {
  //	latitude = searchlat;
  //	longitude = searchlon;
  //      }
      }
  
      var advance_param = '';
      if (search) {
        advance_param += '&search='+search;
      }
      if (tag) {
        advance_param += '&tag='+tag;
      }
      if (ooi) {
        advance_param += '&ooi='+ooi;
      }
  
      var ggmode = getGoogleMapModeV1();
      if(ggmode == 'gmap') {
        url += "gmap=1&";
      } else if(ggmode == 'hybrid') {
        url += "hybrid=1&";
      } else {
        url += "mode=" + encodeURIComponent(getMapModeV1()) + "&";
      }
  
      url = url + (ooi_path ? '' : 'lat='+latitude+'&long='+longitude+'&')+'zoom='+zoom+'&map='+getMapProjection()+advance_param;
      if (mylang) {
        url += '&locale='+mylang;
      }
    }
  } else {
    url = window.location.href;
  }
  return url;
}
/*** front-page-jquery ***/
var hash = false;
// var add_ooi_latitude = false;
// var add_ooi_longitude = false;
var add_ooi_by_popup = false;
//var add_ooi_param = false;
var _add_new_tab = false;

var $tabs;

var hash_tab = window.location.hash.substring(1);

if(hash_tab.match(/^!/)) {
  hash_tab = hash_tab.substring(1);
  if(hash_tab == '/longdomap') hash_tab = '/';
  window.location = hash_tab;
}

// redirect to page info
//if((typeof(user_uid)!='number' || user_uid <= 0) && (typeof(ooi_edit) != 'undefined' && ooi_edit)) {
//  ooi_view = ooi_edit;
//  ooi_edit = false;
//}

function getURLFromTabID(tab_id) {
  var path_arr = tab_id.split("-");
  path_arr.pop();
  var ajax_url = path_arr.join("/");
  var original_path = '';
  var add_parameter = '';
  if(ajax_url.match(/addlocation/i)) {
    original_path = getOriginalPath('/'+ajax_url);
    add_parameter = typeof add_ooi_param != 'undefined' ? add_ooi_param : '';

    if(add_ooi_by_popup && document.selectedOOI) {
      add_parameter = document.selectedOOI.getParameterToOpenAddTab();
    }
    ajax_url += add_parameter;
    original_path += add_parameter;
  } else {
    ajax_url = '/p/'+ajax_url;
    original_path = getOriginalPath(ajax_url);
  }

  var result = new Array(2);
  result['original_path'] = original_path;
  result['ajax_url'] = ajax_url;

  return result;
}

// jQuery.noConflict();
$(document).ready(function() {
	// tabs init with a custom tab template and an "add" callback filling in the content
  $tabs = $('#longdomap-tabs > ul').tabs({
    add: function(event, ui) {
      $(this).tabs('select', ui.index);

      if( !$("#"+ui.panel.id).hasClass('ui-tabs-panel-ooi') ) {
        $('#'+ui.panel.id).addClass('ui-tabs-panel-ooi');
      }

      var url_obj = getURLFromTabID(ui.panel.id);

      var original_path = url_obj.original_path;
      var ajax_url = url_obj.ajax_url;

      setLocationHash(original_path);
      $("#"+ui.panel.id).attr('originalpath', original_path);

      if(ajax_url.match(/addlocation/i)) {
        add_ooi_param = false;
        add_ooi_by_popup = false;
      }

      //var iframe_id = ui.panel.id.match(/iframe/i) ? ui.panel.id : false;
      //resize_frontpage('resizetabonly', iframe_id);

      if(!(ajax_url.match(/^\/p\//i) && ajax_url.match(/\/tab$/i))) { // if not "/p/A********/tab"
	$(this).tabs('url', ui.index, ajax_url);
	$(this).tabs('load', ui.index);
      }
    },
    tabTemplate: '<li><a href="#{href}"><span class="location-tab-icon"></span><span class="location-tab-label">#{label}</span></a> <span class="ui-tab-close" title="Close Tab"></span></li>',
    cache: true,
    cookie: { expires: 1 },
    ajaxOptions: { async: false, cache:true },
    spinner: false,
    show: function(event, ui) {
      var not_view_mode = (typeof(ooi_view)=='undefined' || !ooi_view);
      var not_edit_mode = (typeof(ooi_edit)=='undefined' || !ooi_edit);
      var not_add_mode = (typeof(add_ooi)=='undefined' || !add_ooi);
      var anonymous_mode = (typeof(user_uid)!='number' || user_uid <= 0);

      $('#longdomap-tabs a[href=#'+ui.panel.id+']').parent('li').removeClass('ui-tabs-hilight-unselected');

      if(ui.index == 0 && (( not_view_mode && (not_edit_mode || anonymous_mode) && (not_add_mode || anonymous_mode) ) ) ) {
        if(!mmmap2) {
          if (getSelectedMapdata() == 'tomtom') {
            initTomtomMap();
          } else {
            try {
              map_init();
            }
            catch(err) {
              console.log('Map init: ' + err.message);
            }
          } 
        }
        if($('#longdomap-tabs ul.ui-tabs-nav li').length > 1 || _add_new_tab) {
          setLocationHash('/longdomap');
        }
      } else if($("#"+ui.panel.id).attr('originalpath')) {
        setLocationHash($("#"+ui.panel.id).attr('originalpath'));
      }

      if(ui.index > 0) {
        _add_new_tab = true;
      }

      if($('#'+ui.panel.id).find('.ooi-details').length > 0) resizeDetailDivInTab($('#'+ui.panel.id).find('.ooi-details'));

      if( !$('#'+ui.panel.id).hasClass('ui-tabs-panel-iframe') && ($('#'+ui.panel.id).children('iframe.iframe-ooitab').length>0  || ui.panel.id.match(/iframe-formedit/)) ) {

        $('#'+ui.panel.id).addClass('ui-tabs-panel-iframe');

        if($('#'+ui.panel.id).children('iframe.iframe-ooitab-ajax').length>0 && !$('#'+ui.panel.id).children('iframe.iframe-ooitab-ajax').hasClass('iframe-loaded')) {
          $('#'+ui.panel.id).prepend("<div class='ajax-loading-img' style='width:100%; text-align:center; margin:10px; position:absolute;'><img src='/mmmap/images/loading.gif'></div>");
        }

        $('#'+ui.panel.id+' iframe.iframe-ooitab').load(function() {
          $('.ajax-loading-img').remove();
          $(this).addClass("iframe-loaded")
        });
      }

      if($('#'+ui.panel.id).hasClass('ui-tabs-panel-iframe')) {
          resize_frontpage('resizetabonly', ui.panel.id);
      } else {
          resize_frontpage('resizetabonly');
      }

      $('#longdomap-tabs span.ui-tab-close')
        .click(function() {
      		var index = $('li',$tabs).index($(this).parent("li"));
      		$tabs.tabs('remove', index);
      	})
        .mouseover(function(){
          $(this).addClass('ui-tab-close-hover');
        })
      	.mouseout(function(){
      		$(this).removeClass('ui-tab-close-hover');
      	});

      $('#longdomap-tabs ul.ui-tabs-nav li a')
        .mouseover(function(){
          $(this).parent("span").parent("li").addClass("ui-tabs-hover");
        })
      	.mouseout(function(){
      		$(this).parent("span").parent("li").removeClass("ui-tabs-hover");
      	})
    },
    length: function() {
      return this.anchors.length;
    },
    load: function(event, ui) {
      if($('#'+ui.panel.id).find('.page-is-loading').length > 0) {
        return;
      }

      $("#longdomap-tabs a:not([@rel^=prettyPhoto],[@rel^=prettyHTML],[@rel^=prettyText],a[href*='/login'],[@href^=#],[@href^=javascript])").attr({ target: "_blank" });

      $('#'+ui.panel.id+' a[rel^=\"prettyPhoto\"]').prettyPhoto();
      $('#'+ui.panel.id+' a[rel^=\"prettyText\"]').prettyPhoto({
        default_width: 400,
        default_height: 60
      });
      if (typeof(longdo_account) != 'undefined' && longdo_account) {
	longdo_account.initLongdoLogin($('#'+ui.panel.id+' a[href*="/login"]'));
      } else {
	$('#'+ui.panel.id+' a[href*="/login"]').prettyPhoto({
	  default_width: 400,
	  default_height: 200
	});
      }
	  
    // $('#reportAbuse').click(function() {
    //   reportAbuse(details_ooi_id, mylang);
    //   return false;
    // });
    
	   var edit_permission_denied = ($('#'+ui.panel.id+' .ooi-options-edit').length == 0);
	   var remark_report_abuse = edit_permission_denied ? '' : '<div class="description"><span class="font-bold">'+((window.mylang && window.mylang == 'th') ? 'หมายเหตุ' : 'Remark')+': </span><br>หากท่านต้องการแก้รายละเอียดของสถานที่ เช่น ป้อนตำแหน่ง หรือ ใส่ชื่อ, รายละเอียดผิด ท่านสามารถแก้ไขได้เองในหน้า <a id="report-abuse-edit-link" target="blank" href="/p/{ooiid}/edit">'+((window.mylang && window.mylang == 'th') ? 'แก้ไขสถานที่' : 'Edit the location')+'</a> <font color=red>(ไม่ต้องกรอกแบบฟอร์มในหน้านี้)</font></div>';
	   
	   $('#'+ui.panel.id+' a[rel^=\"prettyReportAbuseOOI\"]').prettyPhoto({
	    default_width: 475,
	    default_height: 300,
	    show_description: false,
	    custom_markup: '<div id="report_aduse_ooi_div"> \
	        <h3>'+((window.mylang && window.mylang == 'th') ? 'แจ้งแก้ไข/ลบสถานที่' : 'Report Incorrect / Abuse / Dup. Location')+'</h3><br> \
	        <div id="report-abuse-locationname"></div><br>' +
	    ((window.mylang && window.mylang == 'th') ? 'โปรดระบุเหตุผลในการแก้ไข/ลบสถานที่นี้ลงในช่องด้านล่าง แล้วกดปุ่ม Send Email เพื่อแจ้งให้ผู้ดูแลระบบทราบ และพิจารณาลบสถานที่' :
	    'Enter your reason for correction or deletion. An email will be sent to the webmaster for approval.') +
	        '<br><br> \
	        <div id="report-abuse-message-error"></div> \
	   						<textarea id="report-abuse-reason-textarea" name="txtReason"></textarea>\
	   						<input id="report-abuse-send-mail-button" type="button" value="Send Email"> \
	        '+remark_report_abuse+'\
	      </div>',
	    changepicturecallback: function() {
	      var tabIDsplit = $('#'+ui.panel.id+':not(.ui-tabs-hide)').attr('id').split("-");
	      var ooiid = tabIDsplit[0];
	   
	   if($("#report-abuse-edit-link").length > 0) {
	    $("#report-abuse-edit-link").attr('href', $("#report-abuse-edit-link").attr('href').replace(/{ooiid}/g,ooiid));
	   }
	   
	      var location_name = $('#'+ui.panel.id).not('.ui-tabs-hide').find('.title-of-contents').text();
	   
	      $("#report-abuse-locationname").html(location_name);
	      $("#report-abuse-reason-textarea").focus(function(){
	        $("#report-abuse-message-error").fadeOut();
	      });
	      $("#report-abuse-edit-link").click(function() {
	        var path = ($(this).attr('href')).replace(/^\/p\//, '').replace(/\//,'-');
	        $.prettyPhoto.close();
	        showOOITab('Loading ..', path);
	        return false;
	      });
	      $("#report-abuse-send-mail-button").click(function(){
	        var reason = $("#report-abuse-reason-textarea").val();
	   
	        $.ajax({
	          type: 'POST',
	          url: 'ajax/sendmailreportabuse',
	          data: ({
	            'ooiid' : ooiid,
	            'txtReason' : reason
	          }),
	          success: function(txt) {
	            $("#report-abuse-reason-textarea, #report-abuse-send-mail-button").hide();
	            $("#report-abuse-message-error").html(txt);
	            $("#report-abuse-message-error").fadeIn();
	            $("#report-abuse-reason-textarea").val("");
	          }
	        });
	        return false;
	      });
	    }
	   });
      $('#'+ui.panel.id+' a[href^="/p/"][href$="/edit"]').click(function() {
        var path = ($(this).attr('href')).replace(/^\/p\//, '').replace(/\//,'-');
        showOOITab('Loading ..', path);
        return false;
      });
      $('#'+ui.panel.id+' a[href^="/p/"][href$="/delete"]').click(function() {
        var nid = $(this).attr('nid');
        var location_name = $('#'+ui.panel.id).not('.ui-tabs-hide').find('.title-of-contents').text();

        if (confirm('Are you sure to delete "'+location_name+'" ?')) {
          $('#saving-loading-'+nid).width($('#delete-link-'+nid).width());
          $('#saving-loading-'+nid).css('display', 'inline-block');
          $('#delete-link-'+nid).hide();

          $.ajax({
            type: 'POST',
            url: 'ajax/deleteooi',
            data: ({
              'nid' : nid
            }),
            success: function(txt) {
              var pattern = /^Error/g;
              if(pattern.test(txt)) { ;
                $('#delete-link-'+nid).show();
                $('#saving-loading-'+nid).hide();
                alert(txt);
              } else {
                eval(txt);
              }
            }
          });
        }

        return false;
      });
      //$('#longdomap-tabs #'+ui.panel.id+' a[@rel=showobject]').click(function() {
      //  selectMapTab(this.id.replace(/-link(.*)$/,''));
      //  return false;
      //}); // Version 2015
      $('#longdomap-tabs #'+ui.panel.id+' a[@rel=showooitab]').click(function() {
        showOOITab($(this).text(), this.id.replace(/-link(.*)$/,''));
        return false;
      });
      //$('#longdomap-tabs #'+ui.panel.id+' a[@rel=showtag]').click(function() {
      //  showTag($(this).text());
      //  return false;
      //}); // Version 2015

      $('#longdomap-tabs #'+ui.panel.id+' a.small-map-image').hover(
        function () {
          $(this).addClass("small-map-image-hover");
        },
        function () {
          $(this).removeClass("small-map-image-hover");
        }
      );
  
      if(typeof(gapi) != "undefined" && (browser!='IE' || (browser=='IE' && version>7))) gapi.plusone.go();
      if(typeof(FB) != "undefined" && (browser!='IE' /* || (browser=='IE' && version>6) */)) {
        FB.XFBML.parse();
      } else {
        $("#fb-comment-header").hide();
        $("#fb-comment").hide();
	setTimeout( function(){
	  if(typeof(FB) != "undefined" && (browser!='IE' /* || (browser=='IE' && version>6) */)) {
	    $("#fb-comment-header").show();
	    $("#fb-comment").show();
	  }
	}, 1000);
      }
      
      var title_div = $('#'+ui.panel.id).find('.title-of-contents');
      if(title_div && title_div.length > 0) {
        var label = title_div.text();
        if(label) {
          $('#longdomap-tabs a[href=#'+ui.panel.id+']').find('.location-tab-label').text(label.length > 12 ? label.substring(0,10) + "..." : label).attr('title', label);
        }
      }
      else if($('#'+ui.panel.id+' .iframe-ooitab').length > 0) {
        $('#'+ui.panel.id+' iframe.iframe-ooitab').load(function() {
          title_div = $(".title-of-contents", $("#"+ui.panel.id+" .iframe-ooitab").contents());
          var label = title_div.text();
          if(label) {
            $('#longdomap-tabs a[href=#'+ui.panel.id+']').find('.location-tab-label').text(label.length > 12 ? label.substring(0,10) + "..." : label).attr('title', label);
          }
        });

      }
    }
	});

//   console.log($tabs);

  //if($.cookie("longdotab_id_path_tab") && $.cookie("longdotab_title_tab")) { // open selected tab when login by ajax (set cookie @ longdo-jquery.js)
  //  var title_tab = $.cookie("longdotab_title_tab");
  //  var title_id = $.cookie("longdotab_id_path_tab");
  //  $.cookie("longdotab_id_path_tab", null);
  //  $.cookie("longdotab_title_tab", null);
  //  setTimeout(function() {showOOITab(title_tab, title_id);}, 500);
  //}

  showRecentDiv();

  $("#searchfor").focus(function(){
    $(this).removeClass('searchfor-empty-onblur');
  }).blur(function(){
    if($(this).val() == '') {
      $(this).addClass('searchfor-empty-onblur');
    }
  });

  //resize_frontpage();
  $("input#searchfor").focus();
  $("input#searchfor").select();


  if($('#longdomap-tabs').hasClass('ui-tabs-nav')) {
    $('#longdomap-tabs').removeClass('ui-tabs-nav')
  }

  $('#longdomap-tabs').addClass('ui-tabs');

  $(".button").hover(
    function () {
      $(this).addClass("button-hover");
    },
    function () {
      $(this).removeClass("button-hover");
    }
  );

  $(".menu-top-right-tabbar").hover(
    function () {
      $(this).addClass("menu-top-right-tabbar-hover");
    },
    function () {
      $(this).removeClass("menu-top-right-tabbar-hover");
    }
  );

  if(typeof(ooi_edit)!="undefined" && ooi_edit) {
    showOOITab("Loading ..", ooi_edit+"-edit");
    ooi_edit = false;
  }
  else if(typeof(ooi_view)!="undefined" && ooi_view) {
    showOOITab("Loading ..", ooi_view);
    ooi_view = false;
  }
  else if(typeof(add_ooi)!="undefined" && add_ooi) {
//   showOOITab("Loading ..", 'A10000001');
//     ooi_view = false;

    showOOITab("Loading ..", "addlocation-iframe-formedit");
    add_ooi = false;
  }

  $(".menu-top").click(function () {
    $(".content-left-content-area").hide();
    $("#"+$(this).attr('id')+"-area").show();
    $(".menu-top").removeClass("menu-top-active");
    $(this).addClass("menu-top-active");
    if($(this).attr('id') != 'content-menu-tools') {
      hidePreviewSnippet();
    }
    var this_id = $(this).attr('id');
    if(this_id == 'content-menu-routing') {
      selectMapTab();
      
      if(longdomap_routing) {
        longdomap_routing.initRoutingForm();
        longdomap_routing.resizeRoutingResult();
      }
      
    } else if(this_id == 'content-menu-main') {
      resize_frontpage('resizeleftpanelonly');
    }
  });

  $(".search-example-text .text-link").click(function () {
    var kw = $(this).text();
    setSearchLocationValue(kw);
    doSearch('');
  });

  $('.icon-sample-tag').hover(
    function () {
      var bg_pos = $(this).css('background-position');
      bg_pos = bg_pos.replace(/^0px/, '-16px');
      $(this).css('background-position', bg_pos);
    },
    function () {
      var bg_pos = $(this).css('background-position');
      bg_pos = bg_pos.replace(/^-16px/, '0px');
      $(this).css('background-position', bg_pos);
      $(this).css("icon-sample-tag-hover");
    }
  );

  $("#content-menu-tools").click(function(){
    initSnippetForm();
    selectMapTab();
    createPermalink();
    createDefaultSnippetCode();
    generateMapBranchSnippetCode();
  });

  //initLongdoTools();
  resize_frontpage('resizeleftpanelonly');

  if(typeof gensnippet != 'undefined' && gensnippet) {
    $("#content-menu-tools").click();
    $("#tools-snippet-button").click();

    setTimeout('$("#code-html-map-snippet").focus();$("#code-html-map-snippet").select(); showPreviewSnippet();', 100);
  }

  $(".text-link").hover(
    function () {
      $(this).addClass("text-link-hover");
    },
    function () {
      $(this).removeClass("text-link-hover");
    }
  );
});

function setSearchLocationValue(val) {
  document.getElementById('searchfor').value = val;
  if(val != '') {
    $('#searchfor').removeClass('searchfor-empty-onblur');
  }
}

function clearSerchFormValue() {
  setSearchLocationValue('');
  setBookmark(0, 'all');
  clearAllMarker();
  clearAllTag();
  clearAllGeom();
  clearAllPopup();
  if(window.mmroute) mmroute.allClear();
  showRecentDiv();
  createCookie('cookie_search','',0);
  $("#searchfor").addClass('searchfor-empty-onblur');
  showMyFavoriteIcons();
  if(window.setPermalinkParam) setPermalinkParam('clearall');
  
  updateQueryStringParam('all', '');
  
  if (mmmap_map && mmmap_map.longdomap_pano) {
    mmmap_map.longdomap_pano.showPath();
  }
  if(getSelectedMapdata() == 'numap' && mmmap_map && mmmap_map._map && mmmap_map._map.Ui.LongdoMapModeSelector && mmmap_map._map.Ui.LongdoMapModeSelector.element().children[0].classList.contains('ldmap_button_active')) {
    setMapMode('NORMALPOI'+(mmmap_map && mmmap_map._lang == 'th' ? '' : '_EN'));
  }
  document.getElementById('searchfor').focus();
}

function printMap(type) {
  var location = getCenterLocation();
  if(type == 'A4') {
    window.open('//'+window.location.hostname+'/print/?lat=' + location.lat + '&long=' + location.lon + '&zoom='+ mapZoom() + '&locale=' + mylang + '&mode=a4lan', '_blank');
  } else {
    window.open('//'+window.location.hostname+'/print/?lat=' + location.lat + '&long=' + location.lon + '&zoom='+ mapZoom() + '&locale=' + mylang, '_blank');
  }
}

function createSnippet() {
  var location = getCenterLocation();
  window.open('//'+window.location.hostname+'/createlink?lat='+location.lat+'&long='+location.lon+'&zoom='+mapZoom()+'&map=epsg3857'+'&locale='+mylang, '_blank');
}

function setPermalinkParam(type, value) {
  if (typeof(window._longdomap_permalink_act) == 'undefined') {
    window._longdomap_permalink_act = {};
  }

  if (typeof(type) == 'object') { // e.g. type = { search: 'keyword', searchlat: 13, searchlon: 100 }, this case ignore 'value'
    var val;
    for (var key in type) {
      val = type[key];
      if (typeof(val) != 'string' && !isNumber(val)) {
	continue;
      }
      setPermalinkParam(key, val);
    }
  } else {
    switch (type) {
      case "clearall":
	_longdomap_permalink_act = {};
	break;
      default:
	_longdomap_permalink_act[type] = value;
	break;
    }
  }
}

function createPermalink() {
  if(!document.getElementById("content-menu-tools-area") || document.getElementById("content-menu-tools-area").style.display == 'none') return;

  var url = getPermalinkURL();

  $('#tools-permalink-textbox').val(url);
}

function refreshSnippetIframe() {
  
  if(!document.getElementById("content-menu-tools-area") || document.getElementById("content-menu-tools-area").style.display == 'none') return;


  if($('#latitude').length > 0 && $('#longitude').length > 0) {
    var location_obj = getCenterLocation();
    $('#latitude').val(location_obj.lat);
    $('#longitude').val(location_obj.lon);
  }

  var mapzoom_changed = (mapZoom() != $("#zoom").val());
  var latlon_changed = ($("#snippet-location-by-latlon").is(":checked"));

  if ($("#zoom").length > 0 && mapzoom_changed) {
    $("#zoom").val(mapZoom());
  }

  if (latlon_changed || mapzoom_changed) {
    generateSnippetCode(60);
  }
}

function setLocationHash(path) {
  var pathname = window.location.pathname + window.location.search;

  if(window.location.hash && window.location.hash.replace(/^#!/, '') == path) {
    return;
  } else if(pathname == path) {
    if(!window.location.hash)
      return;
    else
      window.location.hash = '';
  } else if(path == '/longdomap') {
    if(pathname == '/') {
      if(!window.location.hash)
        return;
      else
        window.location.hash = '';
    } else {
      window.location.hash = '!'+path;
    }
  } else window.location.hash = '!'+path;
}

function getOriginalPath(path) {
  if(path.match(/^\/addlocation/i) && path.match(/\/iframe\/formedit/i)) {
    return path.replace(/\/iframe\/formedit/i, '');
  } else if(path.match(/iframe\/formedit$/i)) {
    return path.replace(/iframe\/formedit$/i, 'edit');
  } else if(path.match(/\/tab$/i)) {
    return path.replace(/tab$/i, 'info');
  }

  return path;
}

function setRecentLocationFrontPageHover() {
  $(".ads-location-frontpage, .recent-location-frontpage").hover(
    function () {
      $(this).addClass("hover-location-frontpage");
    },
    function () {
      $(this).removeClass("hover-location-frontpage");
    }
  );

  $(".more-recent-ooi").hover(
    function () {
      $(this).addClass("hover-more-recent-ooi");
    },
    function () {
      $(this).removeClass("hover-more-recent-ooi");
    }
  );

  $(".text-link").hover(
    function () {
      $(this).addClass("text-link-hover");
    },
    function () {
      $(this).removeClass("text-link-hover");
    }
  );

  $(".ads-location-frontpage-image img, .recent-location-frontpage-image img").hover(
    function () {
      $(this).addClass("hover");
    },
    function () {
      $(this).removeClass("hover");
    }
  );
}

function showAddLocationTab(lat, lon, source) {
  add_ooi_param = "?latitude="+lat+"&longitude="+lon
  if(source && typeof(source)=='string' && source=='popup') add_ooi_by_popup = true;
  showOOITab("Loading ..", "addlocation-iframe-formedit", false, "addlocation");
}

function showOOITab(title, id, slide_to_div, replace_id_tab, notChangeToNewTab) {
  var ooiid = false;
  var mode = 'view';
  var slide_to_div = false;
  var click_button_by_hash = false;

  if(id.match(/^(A|G|M)[0-9]{8}/i)) {
    var path_arr = id.split("-", 2);
    ooiid = path_arr[0];
  }

  if(ooiid && !id.match(/-/i)) {
    id += "-tab";
  }

  if(ooiid && id.match(/-edit$/i)) {
    id = id.replace(/-edit$/i, "-iframe-formedit");
    mode = 'edit';
  } else if(id.match(/^addlocation/i)) {
    mode = 'add';
  }

  if(mode=='edit' || mode=='add') {
    if(typeof(user_uid)!='number' || user_uid <= 0) {

      var url_obj = getURLFromTabID(id+'-faketabid');

      var original_path = url_obj.original_path;
      var ajax_url = url_obj.ajax_url;

      setLocationHash(original_path);

      if (window.longdo_account) {
	longdo_account.showLongdoLoginForm();
      } else {
	setTimeout(function() {showLoginForm();}, 100);
      }
      return;
    }
  }

  var id_path = id.replace(/-/g, "/");

    // id = id.replace(/\//g, "_");
  if($("#longdomap-tabs a[href^=#"+(ooiid ? ooiid : id)+"-]").length == 0 && (!replace_id_tab || $("#longdomap-tabs a[href^=#"+replace_id_tab+"-]").length == 0) ) {
    var theme_path = (typeof Drupal == 'undefined' || typeof Drupal.settings == 'undefined' || typeof Drupal.settings.pathToTheme == 'undefined') ? '/themes/longdo' : Drupal.settings.pathToTheme; // FIXME Drupal.settings.pathToTheme is undefined on real server  ??
    checkloadjscssfile(theme_path+"/longdo-ooi.css?20130713", "css");
  	$tabs.tabs("option", "idPrefix", id+'-');
    $tabs.bind("tabsload", function(event, ui) {
      $("#comment-controls").remove();
    });

//     label = title.length > 20 ? title.substring(0,18) + "..." : title;
//     $tabs.tabs('label', $tabs.tabs('option', 'selected'), label);
    if (!slide_to_div && window.location.hash && window.location.hash != '#') {
        var locaion_hash = window.location.hash;
        if(locaion_hash == '#reportpoi') {
          click_button_by_hash = '#reportAbuse a';
        } else {
          slide_to_div = window.location.hash;
        }
    }

    if(slide_to_div && typeof slide_to_div != 'undefined')  {
      $tabs.bind("tabsshow", function(event, ui) {
        slideToHash(ui.panel.id, slide_to_div);
        slide_to_div = false;
      });
    } else if(click_button_by_hash) {
      $tabs.bind("tabsshow", function(event, ui) {
        $(click_button_by_hash).click();
        click_button_by_hash = false;
      });
    } else {
      $tabs.unbind("tabsshow");
    }

    // var ajax_url = id_path.match(/iframe/i) && mode != 'add' ? '/p/'+id_path : "/tab/loading";

    var ajax_url = mode != 'edit' && mode != 'add' ? '/p/'+id_path : "/tab/loading";

    $tabs.tabs("add", ajax_url, title);
  }
  else {
    if( ((document.selectedOOI || (replace_id_tab == 'addlocation' && id && title)) && $("#longdomap-tabs a[href^=#"+replace_id_tab+"-]").length > 0) || (ooiid && $("#longdomap-tabs a[href^=#"+ooiid+"-]").length > 0) ) {// if($("#longdomap-tabs a[href^=#"+ooiid+"-]").length > 0)

//         $("#content ul li a:first").html("<span>" + title + "</span>");
//         $("#content").tabs("url", 0, url).tabs("select", 0).tabs("load", 0);

      var old_tab_id = replace_id_tab ? replace_id_tab : ooiid;

      var tabindex = $('#longdomap-tabs ul li a').index($("a[href^='#"+old_tab_id+"-']"));
      if(notChangeToNewTab !== true) {
	selectTab(tabindex);
      } else {
	$('#longdomap-tabs a[href^="#'+old_tab_id+'-"]').parent('li').addClass('ui-tabs-hilight-unselected');
      }

      var old_href = $("#longdomap-tabs a[href^=#"+old_tab_id+"-]").attr('href');
      var old_href_arr = old_href.split('-');
      var new_href = id+'-'+old_href_arr[old_href_arr.length-1];
      if(old_href != '#'+new_href || new_href.match(/^addlocation/i)) {
        var ajax_url = '';
        if(new_href.match(/^addlocation/i)) {
          ajax_url = '/'+id_path;
          add_parameter = add_ooi_param;

          if(add_ooi_by_popup && document.selectedOOI) {
            add_parameter = document.selectedOOI.getParameterToOpenAddTab();
          }

          ajax_url += add_parameter;
          add_ooi_param = false;
          add_ooi_by_popup = false;
        }
        else {
          ajax_url = '/p/'+id_path;
        }

//         $tabs.tabs('url', tabindex, "/tab/loading");
//         $tabs.tabs('load', tabindex);
//
        $tabs.tabs('url', tabindex, ajax_url);
        $tabs.tabs('load', tabindex);


        var old_href = $("#longdomap-tabs a[href^=#"+old_tab_id+"-]").attr('href');
        var old_href_arr = old_href.split('-');
        var new_href = id+'-'+old_href_arr[old_href_arr.length-1];
        $("#longdomap-tabs a[href^=#"+old_tab_id+"-]").attr('href', '#'+new_href);
        $(old_href).attr('id', new_href);

        var original_path = getOriginalPath(ajax_url);
        setLocationHash(original_path);
        $("#"+new_href).attr('originalpath', original_path)

        if(mode == 'edit' || mode == 'add') {
          $('#'+new_href).addClass('ui-tabs-panel-iframe');
        } else {
          $('#'+new_href).removeClass('ui-tabs-panel-iframe');
        }

        //var iframe_id = new_href.match(/iframe/i) ? new_href : false;
        resize_frontpage('resizetabonly');
      } else if(old_href == '#'+new_href && new_href.match(/^addlocation/i)) {
          var original_path = getOriginalPath('/'+id_path);
          add_parameter = add_ooi_param;

          if(add_ooi_by_popup && document.selectedOOI) {
            add_parameter = document.selectedOOI.getParameterToOpenAddTab();
          }
          ajax_url += add_parameter;
          original_path += add_parameter;

          setLocationHash(original_path);
          $("#"+ui.panel.id).attr('originalpath', original_path);

          add_ooi_param = false;
          add_ooi_by_popup = false;
      }
    }
    else {
      var tabindex = $('#longdomap-tabs ul li a').index($("a[href^='#"+id+"-']"));
      if(notChangeToNewTab !== true) {
	selectTab(tabindex);
      } else {
	$('#longdomap-tabs a[href^="#'+id+'-"]').parent('li').addClass('ui-tabs-hilight-unselected');
      }
    }

    var  panel_id = $("a[href^='#"+id+"-']").attr('href');
    if(typeof slide_to_div != 'undefined')  {
      slideToHash(panel_id, slide_to_div);
      slide_to_div = false;
    }
  }
}

document.showOOITab = showOOITab;

function slideToHash(id, hash) {
  if(! /^#/.test(id)) id = "#"+id;
  if(! /^#/.test(hash)) hash = "#"+hash;

  if($(hash).length>0 && $(id).length>0 ) {
    var divOffset = $(id).scrollTop();
    var hashOffset = $(hash).offset().top;
    var hashScroll = divOffset + hashOffset - 170;
    $(id).animate({ 'scrollTop': hashScroll }, 'slow');

    if (hash.match(/#image-\d+/) && $(hash).parent('a').length > 0) {
      $(hash).parent('a').click();
    }
  }
}

function selectTab(index) {
  if($tabs) $tabs.tabs('select', index);
}

function selectMapTab(ooiid) {
  selectTab(0);
  if(typeof(ooiid) != 'undefined' && (/^(A|G|M|H)/.test(ooiid)) ) {
    clearAllGeom();
    showLongdoPOI(ooiid, true);
    //mmmap.showObject({"id":ooiid, "dozoom":1});
  }
}

function getCurrentTabIndex() {
  return $('#longdomap-tabs ul li').index($(".ui-tabs-selected"));
}

function closeCurrentTab() {
  var selected_tab_index = getCurrentTabIndex();
  if($tabs) $tabs.tabs('remove', selected_tab_index);
}

function refreshCurrentTab() {
  var selected_tab_index = getCurrentTabIndex();
  if($tabs) $tabs.tabs('load', selected_tab_index);

}
             /*
function resizeTab() {
  var pageheaderH = $("#pageheader") ? $("#pageheader").height() : 0;
  var menuH = $("#menu_area") ? $("#menu_area").height() : 0;
  var tabheaderH = $("ul#tablist") ? $("ul#tablist").height() : 0;
  var tab_content_height = wh - pageheaderH - menuH - tabheaderH - (browser=='IE' ? 8 : 23);

  var rightpanelW = $("#right_panel") ? $("#right_panel").width() : 0;
  var tab_content_width = ww - rightpanelW - (browser=='IE' ? 4 : 6);

  if(tab_content_height > 0) $("#longdomap-tabs .ui-tabs-panel").css( {height:tab_content_height+"px"});
  if(tab_content_width > 0) $("#longdomap-tabs").css( {width:tab_content_width+"px"});
}                        */

function resizeDetailDivInTab(ooi_details_div) {
  document.temp_ooi_details_div = ooi_details_div;
  setTimeout(function() {
    var ooi_details_div = document.temp_ooi_details_div;
    var detail_div = ooi_details_div.find('.detail-ooi');

    if(!detail_div) return;

    var ooi_detail_w = $("#longdomap-tabs").width();
    var image_w = ooi_details_div.find('.sample-image-ooi').width();
    var snippet_w = ooi_details_div.find('.ooi-snippet').width();

    var fit_w = ooi_detail_w - image_w - snippet_w - 75 - 30 - 4; // 75: all margin width, 30: padding, 4: border of images
    detail_div.width(fit_w);
  }, 100);

}

function reportAbuse(poiid, lang) {
  if ($('#reportpopup').length) {
    $('#reportpopup').fadeIn();
  }
  else {
    $('#center').append('<div id="reportpopup">'
      + '<div id="reportframe">'
        + '<iframe id="reportiframe" src="/poireport?id=' + poiid + '&lang=' + lang + '" width="435" height="400" frameborder="0"></iframe>'
    + '</div>'
    + '</div>');
    $('#reportpopup').click(function() {
      $('#reportpopup').fadeOut();
    });
  }
}/**
 * Created by por on 7/17/2015 AD.
 */
/* (C) 2009 Ivan Boldyrev <lispnik@gmail.com>
 *
 * Fgh is a fast GeoHash implementation in JavaScript.
 *
 * Fgh is free software; you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation; either version 3 of the License, or
 * (at your option) any later version.
 *
 * Fgh is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with this software; if not, see <http://www.gnu.org/licenses/>.
 */
(function(){var d="0123456789bcdefghjkmnpqrstuvwxyz";var e=[0,1,0,1,2,3,2,3,0,1,0,1,2,3,2,3,4,5,4,5,6,7,6,7,4,5,4,5,6,7,6,7];var f=[0,1,4,5,16,17,20,21,64,65,68,69,80,81,84,85,256,257,260,261,272,273,276,277,320,321,324,325,336,337,340,341];function _cmb(a,b){return(d.indexOf(a.charAt(b))<<5)|(d.indexOf(a.charAt(b+1)))};function _unp(v){return e[v&0x1F]|(e[(v>>6)&0xF]<<3)}function _sparse(a){var b=0,off=0;while(a>0){low=a&0xFF;b|=f[low]<<off;a>>=8;off+=16}return b}window['Fgh']={decode:function(a){var L=a.length,i,w,ln=0.0,lt=0.0;if(L&1){w=(d.indexOf(a.charAt(L-1))<<5)}else{w=_cmb(a,L-2)}lt=(_unp(w))/32.0;ln=(_unp(w>>1))/32.0;for(i=(L-2)&~0x1;i>=0;i-=2){w=_cmb(a,i);lt=(_unp(w)+lt)/32.0;ln=(_unp(w>>1)+ln)/32.0}return{lat:180.0*(lt-0.5),lon:360.0*(ln-0.5)}},encode:function(a,b,c){a=a/180.0+0.5;b=b/360.0+0.5;var r='',l=Math.ceil(c/10),hlt,hln,b2,hi,lo,i;for(i=0;i<l;++i){a*=0x20;b*=0x20;hlt=Math.min(0x1F,Math.floor(a));hln=Math.min(0x1F,Math.floor(b));a-=hlt;b-=hln;b2=_sparse(hlt)|(_sparse(hln)<<1);hi=b2>>5;lo=b2&0x1F;r+=d.charAt(hi)+d.charAt(lo)}r=r.substr(0,Math.ceil(c/5));return r},checkValid:function(a){return!!a.match(/^[0-9b-hjkmnp-z]+$/)}}})();
// From http://www.quirksmode.org/js/detect.html

var detect = navigator.userAgent.toLowerCase();
var OS,browser,version,total,thestring;

if (checkIt('konqueror'))
{
        browser = "Konqueror";
        OS = "Linux";
}
else if (checkIt('safari')) browser = "Safari"
else if (checkIt('omniweb')) browser = "OmniWeb"
else if (checkIt('opera')) browser = "Opera"
else if (checkIt('webtv')) browser = "WebTV";
else if (checkIt('icab')) browser = "iCab"
else if (checkIt('msie')) browser = "IE"
else if (!checkIt('compatible'))
{
        browser = "Netscape"
        version = detect.charAt(8);
}
else browser = "An unknown browser";

if (!version) version = detect.charAt(place + thestring.length);

if (!OS)
{
        if (checkIt('linux')) OS = "Linux";
        else if (checkIt('x11')) OS = "Unix";
        else if (checkIt('mac')) OS = "Mac"
        else if (checkIt('win')) OS = "Windows"
        else OS = "an unknown operating system";
}

function checkIt(string)
{
        place = detect.indexOf(string) + 1;
        thestring = string;
        return place;
}

function tgbase32todec(_base32) {
	var alphabets = "abcdefghijklmnopqrstuvwxyz234567";
	_base32 = _base32.toLowerCase();
	var i;
	var result = 0;
	var digit = 0;
	for (i = _base32.length-1; i>=0; i--) {
		var val = alphabets.indexOf(_base32.charAt(i));
		if (val == -1) {
			return -1;
		} 
		result += Math.pow(32,digit)*val;
		digit++;
	}
	return result;
}

function tgdectobase32(_dec) {
	var alphabets = "abcdefghijklmnopqrstuvwxyz234567";

  if (_dec <= 0 ) {
    return "";
  }

  var result = "";
  while ( _dec > 0 ) {
    var modresult = _dec % 32; 
    result = alphabets.charAt(modresult) + result;
    _dec = parseInt(_dec / 32);
  }

	return result.toUpperCase();
}
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
/*  Latitude/longitude spherical geodesy formulae & scripts (c) Chris Veness 2002-2010            */
/*   - www.movable-type.co.uk/scripts/latlong.html                                                */
/*                                                                                                */
/*  Sample usage:                                                                                 */
/*    var p1 = new LatLon(51.5136, -0.0983);                                                      */
/*    var p2 = new LatLon(51.4778, -0.0015);                                                      */
/*    var dist = p1.distanceTo(p2);          // in km                                             */
/*    var brng = p1.bearingTo(p2);           // in degrees clockwise from north                   */
/*    ... etc                                                                                     */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
/*  Note that minimal error checking is performed in this example code!                           */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */


/**
 * Creates a point on the earth's surface at the supplied latitude / longitude
 *
 * @constructor
 * @param {Number} lat: latitude in numeric degrees
 * @param {Number} lon: longitude in numeric degrees
 * @param {Number} [rad=6371]: radius of earth if different value is required from standard 6,371km
 */
function LatLon(lat, lon, rad) {
  if (typeof rad == 'undefined') rad = 6371;  // earth's mean radius in km
  this._lat = lat;
  this._lon = lon;
  this._radius = rad;
}


/**
 * Returns the distance from this point to the supplied point, in km 
 * (using Haversine formula)
 *
 * from: Haversine formula - R. W. Sinnott, "Virtues of the Haversine",
 *       Sky and Telescope, vol 68, no 2, 1984
 *
 * @param   {LatLon} point: Latitude/longitude of destination point
 * @param   {Number} [precision=4]: no of significant digits to use for returned value
 * @returns {Number} Distance in km between this point and destination point
 */
LatLon.prototype.distanceTo = function(point, precision) {
  // default 4 sig figs reflects typical 0.3% accuracy of spherical model
  if (typeof precision == 'undefined') precision = 4;  
  
  var R = this._radius;
  var lat1 = this._lat.toRad(), lon1 = this._lon.toRad();
  var lat2 = point._lat.toRad(), lon2 = point._lon.toRad();
  var dLat = lat2 - lat1;
  var dLon = lon2 - lon1;

  var a = Math.sin(dLat/2) * Math.sin(dLat/2) +
          Math.cos(lat1) * Math.cos(lat2) * 
          Math.sin(dLon/2) * Math.sin(dLon/2);
  var c = 2 * Math.atan2(Math.sqrt(a), Math.sqrt(1-a));
  var d = R * c;
  return d.toPrecisionFixed(precision);
}


/**
 * Returns the (initial) bearing from this point to the supplied point, in degrees
 *   see http://williams.best.vwh.net/avform.htm#Crs
 *
 * @param   {LatLon} point: Latitude/longitude of destination point
 * @returns {Number} Initial bearing in degrees from North
 */
LatLon.prototype.bearingTo = function(point) {
  var lat1 = this._lat.toRad(), lat2 = point._lat.toRad();
  var dLon = (point._lon-this._lon).toRad();

  var y = Math.sin(dLon) * Math.cos(lat2);
  var x = Math.cos(lat1)*Math.sin(lat2) -
          Math.sin(lat1)*Math.cos(lat2)*Math.cos(dLon);
  var brng = Math.atan2(y, x);
  
  return (brng.toDeg()+360) % 360;
}


/**
 * Returns final bearing arriving at supplied destination point from this point; the final bearing 
 * will differ from the initial bearing by varying degrees according to distance and latitude
 *
 * @param   {LatLon} point: Latitude/longitude of destination point
 * @returns {Number} Final bearing in degrees from North
 */
LatLon.prototype.finalBearingTo = function(point) {
  // get initial bearing from supplied point back to this point...
  var lat1 = point._lat.toRad(), lat2 = this._lat.toRad();
  var dLon = (this._lon-point._lon).toRad();

  var y = Math.sin(dLon) * Math.cos(lat2);
  var x = Math.cos(lat1)*Math.sin(lat2) -
          Math.sin(lat1)*Math.cos(lat2)*Math.cos(dLon);
  var brng = Math.atan2(y, x);
          
  // ... & reverse it by adding 180
  return (brng.toDeg()+180) % 360;
}


/**
 * Returns the midpoint between this point and the supplied point.
 *   see http://mathforum.org/library/drmath/view/51822.html for derivation
 *
 * @param   {LatLon} point: Latitude/longitude of destination point
 * @returns {LatLon} Midpoint between this point and the supplied point
 */
LatLon.prototype.midpointTo = function(point) {
  lat1 = this._lat.toRad(), lon1 = this._lon.toRad();
  lat2 = point._lat.toRad();
  var dLon = (point._lon-this._lon).toRad();

  var Bx = Math.cos(lat2) * Math.cos(dLon);
  var By = Math.cos(lat2) * Math.sin(dLon);

  lat3 = Math.atan2(Math.sin(lat1)+Math.sin(lat2),
                    Math.sqrt( (Math.cos(lat1)+Bx)*(Math.cos(lat1)+Bx) + By*By) );
  lon3 = lon1 + Math.atan2(By, Math.cos(lat1) + Bx);

  return new LatLon(lat3.toDeg(), lon3.toDeg());
}


/**
 * Returns the destination point from this point having travelled the given distance (in km) on the 
 * given initial bearing (bearing may vary before destination is reached)
 *
 *   see http://williams.best.vwh.net/avform.htm#LL
 *
 * @param   {Number} brng: Initial bearing in degrees
 * @param   {Number} dist: Distance in km
 * @returns {LatLon} Destination point
 */
LatLon.prototype.destinationPoint = function(brng, dist) {
  dist = dist/this._radius;  // convert dist to angular distance in radians
  brng = brng.toRad();  // 
  var lat1 = this._lat.toRad(), lon1 = this._lon.toRad();

  var lat2 = Math.asin( Math.sin(lat1)*Math.cos(dist) + 
                        Math.cos(lat1)*Math.sin(dist)*Math.cos(brng) );
  var lon2 = lon1 + Math.atan2(Math.sin(brng)*Math.sin(dist)*Math.cos(lat1), 
                               Math.cos(dist)-Math.sin(lat1)*Math.sin(lat2));
  lon2 = (lon2+3*Math.PI)%(2*Math.PI) - Math.PI;  // normalise to -180...+180

  if (isNaN(lat2) || isNaN(lon2)) return null;
  return new LatLon(lat2.toDeg(), lon2.toDeg());
}


/**
 * Returns the point of intersection of two paths defined by point and bearing
 *
 *   see http://williams.best.vwh.net/avform.htm#Intersection
 *
 * @param   {LatLon} p1: First point
 * @param   {Number} brng1: Initial bearing from first point
 * @param   {LatLon} p2: Second point
 * @param   {Number} brng2: Initial bearing from second point
 * @returns {LatLon} Destination point (null if no unique intersection defined)
 */
LatLon.intersection = function(p1, brng1, p2, brng2) {
  lat1 = p1._lat.toRad(), lon1 = p1._lon.toRad();
  lat2 = p2._lat.toRad(), lon2 = p2._lon.toRad();
  brng13 = brng1.toRad(), brng23 = brng2.toRad();
  dLat = lat2-lat1, dLon = lon2-lon1;
  
  dist12 = 2*Math.asin( Math.sqrt( Math.sin(dLat/2)*Math.sin(dLat/2) + 
    Math.cos(lat1)*Math.cos(lat2)*Math.sin(dLon/2)*Math.sin(dLon/2) ) );
  if (dist12 == 0) return null;
  
  // initial/final bearings between points
  brngA = Math.acos( ( Math.sin(lat2) - Math.sin(lat1)*Math.cos(dist12) ) / 
    ( Math.sin(dist12)*Math.cos(lat1) ) );
  if (isNaN(brngA)) brngA = 0;  // protect against rounding
  brngB = Math.acos( ( Math.sin(lat1) - Math.sin(lat2)*Math.cos(dist12) ) / 
    ( Math.sin(dist12)*Math.cos(lat2) ) );
  
  if (Math.sin(lon2-lon1) > 0) {
    brng12 = brngA;
    brng21 = 2*Math.PI - brngB;
  } else {
    brng12 = 2*Math.PI - brngA;
    brng21 = brngB;
  }
  
  alpha1 = (brng13 - brng12 + Math.PI) % (2*Math.PI) - Math.PI;  // angle 2-1-3
  alpha2 = (brng21 - brng23 + Math.PI) % (2*Math.PI) - Math.PI;  // angle 1-2-3
  
  if (Math.sin(alpha1)==0 && Math.sin(alpha2)==0) return null;  // infinite intersections
  if (Math.sin(alpha1)*Math.sin(alpha2) < 0) return null;       // ambiguous intersection
  
  //alpha1 = Math.abs(alpha1);
  //alpha2 = Math.abs(alpha2);
  // ... Ed Williams takes abs of alpha1/alpha2, but seems to break calculation?
  
  alpha3 = Math.acos( -Math.cos(alpha1)*Math.cos(alpha2) + 
                       Math.sin(alpha1)*Math.sin(alpha2)*Math.cos(dist12) );
  dist13 = Math.atan2( Math.sin(dist12)*Math.sin(alpha1)*Math.sin(alpha2), 
                       Math.cos(alpha2)+Math.cos(alpha1)*Math.cos(alpha3) )
  lat3 = Math.asin( Math.sin(lat1)*Math.cos(dist13) + 
                    Math.cos(lat1)*Math.sin(dist13)*Math.cos(brng13) );
  dLon13 = Math.atan2( Math.sin(brng13)*Math.sin(dist13)*Math.cos(lat1), 
                       Math.cos(dist13)-Math.sin(lat1)*Math.sin(lat3) );
  lon3 = lon1+dLon13;
  lon3 = (lon3+Math.PI) % (2*Math.PI) - Math.PI;  // normalise to -180..180
  
  return new LatLon(lat3.toDeg(), lon3.toDeg());
}


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

/**
 * Returns the distance from this point to the supplied point, in km, travelling along a rhumb line
 *
 *   see http://williams.best.vwh.net/avform.htm#Rhumb
 *
 * @param   {LatLon} point: Latitude/longitude of destination point
 * @returns {Number} Distance in km between this point and destination point
 */
LatLon.prototype.rhumbDistanceTo = function(point) {
  var R = this._radius;
  var lat1 = this._lat.toRad(), lat2 = point._lat.toRad();
  var dLat = (point._lat-this._lat).toRad();
  var dLon = Math.abs(point._lon-this._lon).toRad();
  
  var dPhi = Math.log(Math.tan(lat2/2+Math.PI/4)/Math.tan(lat1/2+Math.PI/4));
  var q = (!isNaN(dLat/dPhi)) ? dLat/dPhi : Math.cos(lat1);  // E-W line gives dPhi=0
  // if dLon over 180 take shorter rhumb across 180 meridian:
  if (dLon > Math.PI) dLon = 2*Math.PI - dLon;
  var dist = Math.sqrt(dLat*dLat + q*q*dLon*dLon) * R; 
  
  return dist.toPrecisionFixed(4);  // 4 sig figs reflects typical 0.3% accuracy of spherical model
}

/**
 * Returns the bearing from this point to the supplied point along a rhumb line, in degrees
 *
 * @param   {LatLon} point: Latitude/longitude of destination point
 * @returns {Number} Bearing in degrees from North
 */
LatLon.prototype.rhumbBearingTo = function(point) {
  var lat1 = this._lat.toRad(), lat2 = point._lat.toRad();
  var dLon = (point._lon-this._lon).toRad();
  
  var dPhi = Math.log(Math.tan(lat2/2+Math.PI/4)/Math.tan(lat1/2+Math.PI/4));
  if (Math.abs(dLon) > Math.PI) dLon = dLon>0 ? -(2*Math.PI-dLon) : (2*Math.PI+dLon);
  var brng = Math.atan2(dLon, dPhi);
  
  return (brng.toDeg()+360) % 360;
}

/**
 * Returns the destination point from this point having travelled the given distance (in km) on the 
 * given bearing along a rhumb line
 *
 * @param   {Number} brng: Bearing in degrees from North
 * @param   {Number} dist: Distance in km
 * @returns {LatLon} Destination point
 */
LatLon.prototype.rhumbDestinationPoint = function(brng, dist) {
  var R = this._radius;
  var d = parseFloat(dist)/R;  // d = angular distance covered on earth's surface
  var lat1 = this._lat.toRad(), lon1 = this._lon.toRad();
  brng = brng.toRad();

  var lat2 = lat1 + d*Math.cos(brng);
  var dLat = lat2-lat1;
  var dPhi = Math.log(Math.tan(lat2/2+Math.PI/4)/Math.tan(lat1/2+Math.PI/4));
  var q = (!isNaN(dLat/dPhi)) ? dLat/dPhi : Math.cos(lat1);  // E-W line gives dPhi=0
  var dLon = d*Math.sin(brng)/q;
  // check for some daft bugger going past the pole
  if (Math.abs(lat2) > Math.PI/2) lat2 = lat2>0 ? Math.PI-lat2 : -(Math.PI-lat2);
  lon2 = (lon1+dLon+3*Math.PI)%(2*Math.PI) - Math.PI;
 
  return new LatLon(lat2.toDeg(), lon2.toDeg());
}

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


/**
 * Returns the latitude of this point; signed numeric degrees if no format, otherwise format & dp 
 * as per Geo.toLat()
 *
 * @param   {String} [format]: Return value as 'd', 'dm', 'dms'
 * @param   {Number} [dp=0|2|4]: No of decimal places to display
 * @returns {Number|String} Numeric degrees if no format specified, otherwise deg/min/sec
 *
 * @requires Geo
 */
LatLon.prototype.lat = function(format, dp) {
  if (typeof format == 'undefined') return this._lat;
  
  return Geo.toLat(this._lat, format, dp);
}

/**
 * Returns the longitude of this point; signed numeric degrees if no format, otherwise format & dp 
 * as per Geo.toLon()
 *
 * @param   {String} [format]: Return value as 'd', 'dm', 'dms'
 * @param   {Number} [dp=0|2|4]: No of decimal places to display
 * @returns {Number|String} Numeric degrees if no format specified, otherwise deg/min/sec
 *
 * @requires Geo
 */
LatLon.prototype.lon = function(format, dp) {
  if (typeof format == 'undefined') return this._lon;
  
  return Geo.toLon(this._lon, format, dp);
}

/**
 * Returns a string representation of this point; format and dp as per lat()/lon()
 *
 * @param   {String} [format]: Return value as 'd', 'dm', 'dms'
 * @param   {Number} [dp=0|2|4]: No of decimal places to display
 * @returns {String} Comma-separated latitude/longitude
 *
 * @requires Geo
 */
LatLon.prototype.toString = function(format, dp) {
  if (typeof format == 'undefined') format = 'dms';
  
  return Geo.toLat(this._lat, format, dp) + ', ' + Geo.toLon(this._lon, format, dp);
}


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

// extend Number object with methods for converting degrees/radians

/** Convert numeric degrees to radians */
if (typeof(String.prototype.toRad) === "undefined") {
  Number.prototype.toRad = function() {
    return this * Math.PI / 180;
  }
}

/** Convert radians to numeric (signed) degrees */
if (typeof(String.prototype.toDeg) === "undefined") {
  Number.prototype.toDeg = function() {
    return this * 180 / Math.PI;
  }
}

/** 
 * Format the significant digits of a number, using only fixed-point notation (no exponential)
 * 
 * @param   {Number} precision: Number of significant digits to appear in the returned string
 * @returns {String} A string representation of number which contains precision significant digits
 */
if (typeof(Number.prototype.toPrecisionFixed) === "undefined") {
  Number.prototype.toPrecisionFixed = function(precision) {
    var numb = this < 0 ? -this : this;  // can't take log of -ve number...
    var sign = this < 0 ? '-' : '';
    
    if (numb == 0) { n = '0.'; while (precision--) n += '0'; return n };  // can't take log of zero
  
    var scale = Math.ceil(Math.log(numb)*Math.LOG10E);  // no of digits before decimal
    var n = String(Math.round(numb * Math.pow(10, precision-scale)));
    if (scale > 0) {  // add trailing zeros & insert decimal as required
      l = scale - n.length;
      while (l-- > 0) n = n + '0';
      if (scale < n.length) n = n.slice(0,scale) + '.' + n.slice(scale);
    } else {          // prefix decimal and leading zeros if required
      while (scale++ < 0) n = '0' + n;
      n = '0.' + n;
    }
    return sign + n;
  }
}


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
/*  Geodesy representation conversion functions (c) Chris Veness 2002-2010                        */
/*   - www.movable-type.co.uk/scripts/latlong.html                                                */
/*                                                                                                */
/*  Sample usage:                                                                                 */
/*    var lat = Geo.parseDMS(' 51 28 40.12 N');                                                */
/*    var lon = Geo.parseDMS('000 00 05.31 W');                                                */
/*    var p1 = new LatLon(lat, lon);                                                              */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

var Geo = {};  // Geo namespace, representing static class

/**
 * Parses string representing degrees/minutes/seconds into numeric degrees
 *
 * This is very flexible on formats, allowing signed decimal degrees, or deg-min-sec optionally
 * suffixed by compass direction (NSEW). A variety of separators are accepted (eg 3 37' 09"W) 
 * or fixed-width format without separators (eg 0033709W). Seconds and minutes may be omitted. 
 * (Note minimal validation is done).
 *
 * @param   {String|Number} dmsStr: Degrees or deg/min/sec in variety of formats
 * @returns {Number} Degrees as decimal number
 * @throws  {TypeError} dmsStr is an object, perhaps DOM object without .value?
 */
Geo.parseDMS = function(dmsStr) {
  if (typeof deg == 'object') throw new TypeError('Geo.parseDMS - dmsStr is [DOM?] object');
  
  if (!isNaN(dmsStr)) return Number(dmsStr);  // ... signed decimal degrees without NSEW
  
  // strip off any sign or compass dir'n & split out separate d/m/s
  var dms = String(dmsStr).trim().replace(/^-/,'').replace(/[NSEW]$/i,'').split(/[^0-9.,]+/);
  if (dms[dms.length-1]=='') dms.splice(dms.length-1);  // from trailing symbol
  
  if (dms == '') return NaN;
  
  // and convert to decimal degrees...
  switch (dms.length) {
    case 3:  // interpret 3-part result as d/m/s
      var deg = dms[0]/1 + dms[1]/60 + dms[2]/3600; 
      break;
    case 2:  // interpret 2-part result as d/m
      var deg = dms[0]/1 + dms[1]/60; 
      break;
    case 1:  // just d (possibly decimal) or non-separated dddmmss
      var deg = dms[0];
      // check for fixed-width unseparated format eg 0033709W
      if (/[NS]/i.test(dmsStr)) deg = '0' + deg;  // - normalise N/S to 3-digit degrees
      if (/[0-9]{7}/.test(deg)) deg = deg.slice(0,3)/1 + deg.slice(3,5)/60 + deg.slice(5)/3600; 
      break;
    default:
      return NaN;
  }
  if (/^-|[WS]$/i.test(dmsStr.trim())) deg = -deg; // take '-', west and south as -ve
  return Number(deg);
}

/**
 * Convert decimal degrees to deg/min/sec format
 *  - degree, prime, double-prime symbols are added, but sign is discarded, though no compass
 *    direction is added
 *
 * @private
 * @param   {Number} deg: Degrees
 * @param   {String} [format=dms]: Return value as 'd', 'dm', 'dms'
 * @param   {Number} [dp=0|2|4]: No of decimal places to use - default 0 for dms, 2 for dm, 4 for d
 * @returns {String} deg formatted as deg/min/secs according to specified format
 * @throws  {TypeError} deg is an object, perhaps DOM object without .value?
 */
Geo.toDMS = function(deg, format, dp) {
  if (typeof deg == 'object') throw new TypeError('Geo.toDMS - deg is [DOM?] object');
  if (isNaN(deg)) return '';  // give up here if we can't make a number from deg
  
    // default values
  if (typeof format == 'undefined') format = 'dms';
  if (typeof dp == 'undefined') {
    switch (format) {
      case 'd': dp = 4; break;
      case 'dm': dp = 2; break;
      case 'dms': dp = 0; break;
      default: format = 'dms'; dp = 0;  // be forgiving on invalid format
    }
  }
  
  deg = Math.abs(deg);  // (unsigned result ready for appending compass dir'n)
  
  switch (format) {
    case 'd':
      d = deg.toFixed(dp);     // round degrees
      if (d<100) d = '0' + d;  // pad with leading zeros
      if (d<10) d = '0' + d;
      dms = d + '\u00B0';      // add  symbol
      break;
    case 'dm':
      var min = (deg*60).toFixed(dp);  // convert degrees to minutes & round
      var d = Math.floor(min / 60);    // get component deg/min
      var m = (min % 60).toFixed(dp);  // pad with trailing zeros
      if (d<100) d = '0' + d;          // pad with leading zeros
      if (d<10) d = '0' + d;
      if (m<10) m = '0' + m;
      dms = d + '\u00B0' + m + '\u2032';  // add , ' symbols
      break;
    case 'dms':
      var sec = (deg*3600).toFixed(dp);  // convert degrees to seconds & round
      var d = Math.floor(sec / 3600);    // get component deg/min/sec
      var m = Math.floor(sec/60) % 60;
      var s = (sec % 60).toFixed(dp);    // pad with trailing zeros
      if (d<100) d = '0' + d;            // pad with leading zeros
      if (d<10) d = '0' + d;
      if (m<10) m = '0' + m;
      if (s<10) s = '0' + s;
      dms = d + '\u00B0' + m + '\u2032' + s + '\u2033';  // add , ', " symbols
      break;
  }
  
  return dms;
}

/**
 * Convert numeric degrees to deg/min/sec latitude (suffixed with N/S)
 *
 * @param   {Number} deg: Degrees
 * @param   {String} [format=dms]: Return value as 'd', 'dm', 'dms'
 * @param   {Number} [dp=0|2|4]: No of decimal places to use - default 0 for dms, 2 for dm, 4 for d
 * @returns {String} Deg/min/seconds
 */
Geo.toLat = function(deg, format, dp) {
  var lat = Geo.toDMS(deg, format, dp);
  return lat=='' ? '' : lat.slice(1) + (deg<0 ? 'S' : 'N');  // knock off initial '0' for lat!
}

/**
 * Convert numeric degrees to deg/min/sec longitude (suffixed with E/W)
 *
 * @param   {Number} deg: Degrees
 * @param   {String} [format=dms]: Return value as 'd', 'dm', 'dms'
 * @param   {Number} [dp=0|2|4]: No of decimal places to use - default 0 for dms, 2 for dm, 4 for d
 * @returns {String} Deg/min/seconds
 */
Geo.toLon = function(deg, format, dp) {
  var lon = Geo.toDMS(deg, format, dp);
  return lon=='' ? '' : lon + (deg<0 ? 'W' : 'E');
}

/**
 * Convert numeric degrees to deg/min/sec as a bearing (0..360)
 *
 * @param   {Number} deg: Degrees
 * @param   {String} [format=dms]: Return value as 'd', 'dm', 'dms'
 * @param   {Number} [dp=0|2|4]: No of decimal places to use - default 0 for dms, 2 for dm, 4 for d
 * @returns {String} Deg/min/seconds
 */
Geo.toBrng = function(deg, format, dp) {
  deg = (Number(deg)+360) % 360;  // normalise -ve values to 180..360
  var brng =  Geo.toDMS(deg, format, dp);
  return brng.replace('360', '0');  // just in case rounding took us up to 360!
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
///
/// A UTM -> Lat/Long (or vice versa) converter adapted from the script used at 
///     http://www.uwgb.edu/dutchs/UsefulData/ConvertUTMNoOZ.HTM
/// I've taken the calculations portion of his script and turned it into a singleton
/// javascript object so that it is no longer dependent on the controls used on the page
/// to use this script, call setDatum with the index of the datum to be used and then
/// call the various conversion functions latLngToUtm(), utmToLatLng() or natoToLatLng(), utmToNato(), natoToUtm()
/// to convert between the various coordinate systems, hopefully accurately!
///
/// NOTE: no attempt is made to compensate for the irregular grid in the area around the southern coast of Norway and
/// Svalbard (zones 32V and 31X, 33X, 35X and 37X) because of this results returned for NATO coordinates for lat/lng or
/// UTM values located in these regions will not be correct.
///
var utmconv = {
    //
    // constants taken from or calculated from the datum
    //
    a: 0,   // equatorial radius in meters
    f: 0,   // polar flattening
    b: 0,   // polar radius in meters
    e: 0,   // eccentricity
    e0: 0,  // e'


    //
    // constants used in calculations
    //
    k: 1,
    k0: 0.9996,
    drad: Math.PI / 180,

    digraphLettersE: "ABCDEFGHJKLMNPQRSTUVWXYZ",
    digraphLettersN: "ABCDEFGHJKLMNPQRSTUV",
    digraphLettersAll: "ABCDEFGHJKLMNPQRSTUVABCDEFGHJKLMNPQRSTUVABCDEFGHJKLMNPQRSTUVABCDEFGHJKLMNPQRSTUVABCDEFGHJKLMNPQRSTUVABCDEFGHJKLMNPQRSTUVABCDEFGHJKLMNPQRSTUVABCDEFGHJKLMNPQRSTUVABCDEFGHJKLMNPQRSTUVABCDEFGHJKLMNPQRSTUV",
    datumTable: [
        { eqRad: 6378137.0, flat: 298.2572236 },    // WGS 84
        { eqRad: 6378137.0, flat: 298.2572236 },    // NAD 83
        { eqRad: 6378137.0, flat: 298.2572215 },    // GRS 80
        { eqRad: 6378135.0, flat: 298.2597208 },    // WGS 72
        { eqRad: 6378160.0, flat: 298.2497323 },    // Austrailian 1965
        { eqRad: 6378245.0, flat: 298.2997381 },    // Krasovsky 1940
        { eqRad: 6378206.4, flat: 294.9786982 },    // North American 1927
        { eqRad: 6378388.0, flat: 296.9993621 },    // International 1924
        { eqRad: 6378388.0, flat: 296.9993621 },    // Hayford 1909
        { eqRad: 6378249.1, flat: 293.4660167 },    // Clarke 1880
        { eqRad: 6378206.4, flat: 294.9786982 },    // Clarke 1866
        { eqRad: 6377563.4, flat: 299.3247788 },    // Airy 1830
        { eqRad: 6377397.2, flat: 299.1527052 },    // Bessel 1841
        { eqRad: 6377276.3, flat: 300.8021499 }     // Everest 1830
    ],

    ///
    /// calculate constants used for doing conversions using a given map datum
    ///
    setDatum: function (index) {
        var datum = this.datumTable[index];
        this.a = datum.eqRad;
        this.f = 1 / datum.flat;
        this.b = this.a * (1 - this.f);   // polar radius
        this.e = Math.sqrt(1 - Math.pow(this.b, 2) / Math.pow(this.a, 2));
        this.e0 = this.e / Math.sqrt(1 - Math.pow(this.e, 1));
    },

    ///
    /// given a lat/lng pair, returns both global UTM and NATO UTM in the following form:
    /// utm:
    /// { 
    ///     global: { northing: n, easting: e, zone: z, southern: x },
    ///     nato: { northing: n, easting: e, latzone: z0, lngzone: z1, digraph: xx }
    /// } 
    ///
    /// this function assumes that all data validation has been performed prior to calling
    /// it.
    ///
    latLngToUtm: function (lat, lngd) {
        var phi = lat * this.drad;                              // convert latitude to radians
        var lng = lngd * this.drad;                             // convert longitude to radians
        var utmz = 1 + Math.floor((lngd + 180) / 6);            // longitude to utm zone
        var zcm = 3 + 6 * (utmz - 1) - 180;                     // central meridian of a zone
        var latz = 0;                                           // this gives us zone A-B for below 80S
        var esq = (1 - (this.b / this.a) * (this.b / this.a));
        var e0sq = this.e * this.e / (1 - Math.pow(this.e, 2));
        var M = 0;

        // convert latitude to latitude zone for nato
        if (lat > -80 && lat < 72) {
            latz = Math.floor((lat + 80) / 8) + 2;      // zones C-W in this range
        } if (lat > 72 && lat < 84) {
            latz = 21;                                  // zone X
        } else if (lat > 84) {
            latz = 23;                                  // zone Y-Z
        }

        var N = this.a / Math.sqrt(1 - Math.pow(this.e * Math.sin(phi), 2));
        var T = Math.pow(Math.tan(phi), 2);
        var C = e0sq * Math.pow(Math.cos(phi), 2);
        var A = (lngd - zcm) * this.drad * Math.cos(phi);

        // calculate M (USGS style)
        M = phi * (1 - esq * (1 / 4 + esq * (3 / 64 + 5 * esq / 256)));
        M = M - Math.sin(2 * phi) * (esq * (3 / 8 + esq * (3 / 32 + 45 * esq / 1024)));
        M = M + Math.sin(4 * phi) * (esq * esq * (15 / 256 + esq * 45 / 1024));
        M = M - Math.sin(6 * phi) * (esq * esq * esq * (35 / 3072));
        M = M * this.a;                                      //Arc length along standard meridian

        M0 = 0;                                         // if another point of origin is used than the equator

        // now we are ready to calculate the UTM values...
        // first the easting
        var x = this.k0 * N * A * (1 + A * A * ((1 - T + C) / 6 + A * A * (5 - 18 * T + T * T + 72 * C - 58 * e0sq) / 120)); //Easting relative to CM
        x = x + 500000; // standard easting

        // now the northing
        y = this.k0 * (M - M0 + N * Math.tan(phi) * (A * A * (1 / 2 + A * A * ((5 - T + 9 * C + 4 * C * C) / 24 + A * A * (61 - 58 * T + T * T + 600 * C - 330 * e0sq) / 720))));    // first from the equator
        yg = y + 10000000;  //yg = y global, from S. Pole
        if (y < 0) {
            y = 10000000 + y;   // add in false northing if south of the equator
        }

        var digraph = this.makeDigraph(x, y, utmz);
        var rv = { 
            global: { 
                easting: Math.round(10*(x))/10, 
                northing: Math.round(10*y)/10, 
                zone: utmz, 
                southern: phi < 0 
            }, 
            nato: { 
                easting: Math.round(10*(x-100000*Math.floor(x/100000)))/10, 
                northing: Math.round(10*(y-100000*Math.floor(y/100000)))/10, 
                latZone: this.digraphLettersN[latz],
                lngZone: utmz,
                digraph: digraph
            }
        }

        return rv;
    },

    ///
    /// convert a set of global UTM coordinates to lat/lng returned as follows
    ///
    /// { lat: y, lng: x }
    ///
    /// inputs:
    ///     x: easting
    ///     y: northing
    ///     utmz: utm zone
    ///     southern: bool indicating coords are in southern hemisphere
    ///
    utmToLatLng: function(x, y, utmz, southern) {
        var esq = (1 - (this.b / this.a) * (this.b / this.a));
        var e0sq = this.e * this.e / (1 - Math.pow(this.e, 2));
        var zcm = 3 + 6 * (utmz - 1) - 180;                         // Central meridian of zone
        var e1 = (1 - Math.sqrt(1 - Math.pow(this.e, 2))) / (1 + Math.sqrt(1 - Math.pow(this.e, 2)));
        var M0 = 0;
        var M = 0;

        if (!southern)
            M = M0 + y / this.k0;    // Arc length along standard meridian. 
        else
            M = M0 + (y - 10000000) / this.k;

        var mu = M / (this.a * (1 - esq * (1 / 4 + esq * (3 / 64 + 5 * esq / 256))));
        var phi1 = mu + e1 * (3 / 2 - 27 * e1 * e1 / 32) * Math.sin(2 * mu) + e1 * e1 * (21 / 16 - 55 * e1 * e1 / 32) * Math.sin(4 * mu);   //Footprint Latitude
        phi1 = phi1 + e1 * e1 * e1 * (Math.sin(6 * mu) * 151 / 96 + e1 * Math.sin(8 * mu) * 1097 / 512);
        var C1 = e0sq * Math.pow(Math.cos(phi1), 2);
        var T1 = Math.pow(Math.tan(phi1), 2);
        var N1 = this.a / Math.sqrt(1 - Math.pow(this.e * Math.sin(phi1), 2));
        var R1 = N1 * (1 - Math.pow(this.e, 2)) / (1 - Math.pow(this.e * Math.sin(phi1), 2));
        var D = (x - 500000) / (N1 * this.k0);
        var phi = (D * D) * (1 / 2 - D * D * (5 + 3 * T1 + 10 * C1 - 4 * C1 * C1 - 9 * e0sq) / 24);
        phi = phi + Math.pow(D, 6) * (61 + 90 * T1 + 298 * C1 + 45 * T1 * T1 - 252 * e0sq - 3 * C1 * C1) / 720;
        phi = phi1 - (N1 * Math.tan(phi1) / R1) * phi;

        var lat = Math.floor(1000000 * phi / this.drad) / 1000000;
        var lng = D * (1 + D * D * ((-1 - 2 * T1 - C1) / 6 + D * D * (5 - 2 * C1 + 28 * T1 - 3 * C1 * C1 + 8 * e0sq + 24 * T1 * T1) / 120)) / Math.cos(phi1);
        lng = lngd = zcm + lng / this.drad;

        return { lat: lat, lng: lng };
    },

    ///
    /// takes a set of NATO style UTM coordinates and converts them to a lat/lng pair.
    ///
    /// { lat: y, lng: x }
    /// 
    /// inputs:
    ///     utme: easting
    ///     utmn: northing
    ///     utmz: longitudinal zone
    ///     latz: character representing latitudinal zone
    ///     digraph: string representing grid
    ///
    ///
    natoToLatLng: function (utme, utmn, utmz, latz, digraph) {
        var coords = this.natoToUtm(utme, utmn, utmz, latz, digraph);
        return this.utmToLatLng(coords.easting, coords.northing, coords.zone, coords.southern);
    },

    ///
    /// convert a set of nato coordinates to the global system.  returns a structure
    /// 
    /// { norhting: y, easting: x, zone: zone, southern: hemisphere }
    ///
    /// inputs:
    ///     utme: easting
    ///     utmn: northing
    ///     utmz: longitudinal zone
    ///     latz: character representing latitudinal zone
    ///     digraph: string representing grid
    ///
    /// checks for digraph validity
    ///
    natoToUtm: function (utme, utmn, utmz, latz, digraph) {
        latz = latz.toUpperCase();
        digraph = digraph.toUpperCase();

        var eltr = digraph.charAt(0);
        var nltr = digraph.charAt(1);

        ///
        /// make sure the digraph is consistent
        ///
        if (nltr == "I" || eltr == "O")
            throw "I and O are not legal digraph characters";

        if (nltr == "W" || nltr == "X" || nltr == "Y" || nltr == "Z")
            throw "W, X, Y and Z are not legal second characters in a digraph";

        var eidx = this.digraphLettersE.indexOf(eltr);
        var nidx = this.digraphLettersN.indexOf(nltr);

        if (utmz / 2 == Math.floor(utmz / 2)) {
            nidx -= 5;  // correction for even numbered zones
        }

        var ebase = 100000*(1 + eidx - 8 * Math.floor(eidx / 8));

        var latBand = this.digraphLettersE.indexOf(latz);
        var latBandLow = 8 * latBand - 96;
        var latBandHigh = 8 * latBand - 88;

        if (latBand < 2) {
            latBandLow = -90;
            latBandHigh = -80;
        } else if (latBand == 21) {
            latBandLow = 72;
            latBandHigh = 84;
        } else if (latBand > 21) {
            latBandLow = 84;
            latBandHigh = 90;
        }

        var lowLetter = Math.floor(100 + 1.11 * latBandLow);
        var highLetter = Math.round(100 + 1.11 * latBandHigh);
        var latBandLetters = null;
        if (utmz / 2 == Math.floor(utmz / 2)) {
            latBandLetters = this.digraphLettersAll.slice(lowLetter + 5, highLetter + 5);
        } else {
            latBandLetters = this.digraphLettersAll.slice(lowLetter, highLetter);
        }
        var nbase = 100000 * (lowLetter + latBandLetters.indexOf(nltr));

        var x = ebase + utme;
        var y = nbase + utmn;
        if (y > 10000000) {
            y = y - 10000000;
        }
        if (nbase >= 10000000) {
            y = nbase + utmn - 10000000;
        }

        var southern = nbase < 10000000;

        return { northing: y, easting: x, zone: utmz, southern: southern };
    },

    ///
    /// returns a set of nato coordinates from a set of global UTM coordinates
    /// return is an object with the following structure:
    ///     { northing: n, easting: e, latZone: z0, lngZone: z1, digraph: xx }
    ///
    /// inputs:
    ///     x: easting
    ///     y: northing
    ///     utmz: the utm zone
    ///     southern: hemisphere indicator
    ///
    utmToNato: function (x, y, utmz, southern) {
        var esq = (1 - (this.b / this.a) * (this.b / this.a));
        var e0sq = this.e * this.e / (1 - Math.pow(this.e, 2));
        var e1 = (1 - Math.sqrt(1 - Math.pow(this.e, 2))) / (1 + Math.sqrt(1 - Math.pow(this.e, 2)));
        var M0 = 0;

        if (!southern)
            M = M0 + y / this.k0;    // Arc length along standard meridian. 
        else
            M = M0 + (y - 10000000) / this.k;

        //
        // calculate the latitude so that we can derive the latitude zone
        //
        var mu = M / (this.a * (1 - esq * (1 / 4 + esq * (3 / 64 + 5 * esq / 256))));
        var phi1 = mu + e1 * (3 / 2 - 27 * e1 * e1 / 32) * Math.sin(2 * mu) + e1 * e1 * (21 / 16 - 55 * e1 * e1 / 32) * Math.sin(4 * mu);   //Footprint Latitude
        phi1 = phi1 + e1 * e1 * e1 * (Math.sin(6 * mu) * 151 / 96 + e1 * Math.sin(8 * mu) * 1097 / 512);
        var C1 = e0sq * Math.pow(Math.cos(phi1), 2);
        var T1 = Math.pow(Math.tan(phi1), 2);
        var N1 = this.a / Math.sqrt(1 - Math.pow(this.e * Math.sin(phi1), 2));
        var R1 = N1 * (1 - Math.pow(this.e, 2)) / (1 - Math.pow(this.e * Math.sin(phi1), 2));
        var D = (x - 500000) / (N1 * this.k0);
        var phi = (D * D) * (1 / 2 - D * D * (5 + 3 * T1 + 10 * C1 - 4 * C1 * C1 - 9 * e0sq) / 24);
        phi = phi + Math.pow(D, 6) * (61 + 90 * T1 + 298 * C1 + 45 * T1 * T1 - 252 * e0sq - 3 * C1 * C1) / 720;
        phi = phi1 - (N1 * Math.tan(phi1) / R1) * phi;
        var lat = Math.floor(1000000 * phi / this.drad) / 1000000;

        // convert latitude to latitude zone for nato
        if (lat > -80 && lat < 72) {
            latz = Math.floor((lat + 80) / 8) + 2;      // zones C-W in this range
        } if (lat > 72 && lat < 84) {
            latz = 21;                                  // zone X
        } else if (lat > 84) {
            latz = 23;                                  // zone Y-Z
        }

        var digraph = this.makeDigraph(x, y, utmz);
        x = Math.round(10 * (x - 100000 * Math.floor(x / 100000))) / 10;
        y = Math.round(10 * (y - 100000 * Math.floor(y / 100000))) / 10;

        return {
            easting: x,
            northing: y,
            latZone: this.digraphLettersN[latz],
            lngZone: utmz,
            digraph: digraph
        }
    },

    ///
    /// create a nato grid digraph.
    ///
    /// inputs:
    ///     x: easting
    ///     y: northing
    ///     utmz: utm zone
    ///
    makeDigraph: function (x, y, utmz) {
        //
        // first get the east digraph letter
        //
        var letter = Math.floor((utmz - 1) * 8 + (x) / 100000);
        letter = letter - 24 * Math.floor(letter / 24) - 1;
        var digraph = this.digraphLettersE.charAt(letter);

        letter = Math.floor(y / 100000);
        if (utmz / 2 == Math.floor(utmz / 2)) { letter = letter + 5; }
        letter = letter - 20 * Math.floor(letter / 20);
        digraph = digraph + this.digraphLettersN.charAt(letter);

        return digraph;
    }
}/*** JS Library Function ***/
function createCookie(name,value,days) {
	if (days) {
		var date = new Date();
		date.setTime(date.getTime()+(days*24*60*60*1000));
		var expires = "; expires="+date.toGMTString();
	}
	else var expires = "";
	document.cookie = name+"="+value+expires+"; path=/";
}

function readCookie(name) {
	var nameEQ = name + "=";
	var ca = document.cookie.split(';');
	for(var i=0;i < ca.length;i++) {
		var c = ca[i];
		while (c.charAt(0)==' ') c = c.substring(1,c.length);
		if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
	}
	return null;
}

function deleteCookie(name) {
	if (readCookie(name) !== null) {
		createCookie(name,"",-1);
	}
}

function isNumber(n) {
    return typeof(n) != 'undefined' && n && !isNaN(parseFloat(n)) && isFinite(n);
}

function stripHtml(htmlString) {
    if(htmlString){
        var mydiv = document.createElement("div");
        mydiv.innerHTML = htmlString;

        if (document.all) // IE Stuff
            return mydiv.innerText;  
        else // Mozilla does not work with innerText
            return mydiv.textContent;
    }
    
    return false;
}

function mergeObject(obj1,obj2){
    var obj3 = {};
    for (var attrname in obj1) { obj3[attrname] = obj1[attrname]; }
    for (var attrname in obj2) { obj3[attrname] = obj2[attrname]; }
    return obj3;
}

function setOpacity(obj, opacity) {
    obj.style.filter = (opacity == 100) ? "none" : "alpha(opacity:"+opacity+")"; // IE/Win
    obj.style.KHTMLOpacity = opacity/100; // Safari<1.2, Konqueror
    obj.style.MozOpacity = opacity/100; // Older Mozilla and Firefox
    obj.style.opacity = opacity/100; // Safari 1.2, newer Firefox and Mozilla, CSS3
}

function isInArray(item, arr, argStrict) {
    var key = '',
    strict = !! argStrict;

    if (strict) {
        for (key in arr) {
            if (arr[key] === item) {
                return true;
            }
        }
    } else {
        for (key in arr) {
            if (arr[key] == item) {
                return true;
            }
        }
    }
    return false;
}

function isInt(n) {
    return !isNaN(n) && parseFloat(n) == parseInt(n, 10) && !isNaN(n);
}

function checkWindowSize() {
    var window_h = window.innerHeight||document.documentElement.clientHeight||document.body.clientHeight||0;
    var window_w = window.innerWidth||document.documentElement.clientWidth||document.body.clientWidth||0;
    
    return {w: window_w, h: window_h};
}

function checkDivSize(ele_id, op) {
    var ele = false;
    if(typeof(ele_id) == 'string') {
	ele = document.getElementById(ele_id);
    } else if (typeof(ele_id) == 'object') {
	ele = ele_id;
    }
    if(!ele || typeof(ele) != 'object') return 0;
    
    if(op && op == 'h') {
        return ele.clientHeight || ele.offsetHeight || 0;
    } else if(op && op == 'w') {
        return ele.clientWidth || ele.offsetWidth || 0;
    }
    
    var div_h = ele.clientHeight || ele.offsetHeight || 0;
    var div_w = ele.clientWidth || ele.offsetWidth || 0;
    
    return {w: div_w, h: div_h};
}

function rpad(str, padString, length) {
    if(!str || !padString || !length) return str;
    while (str.length < length)
       str = str + padString;
    return str;
}

function lpad(str, padString, length) {
    if(!str || !padString || !length) return str;
    while (str.length < length)
       str = padString + str;
    return str;
}

function getRgbColorFromHex(hexcolor) {
    var shorthandRegex = /^#?([a-f\d])([a-f\d])([a-f\d])$/i;
    hexcolor = hexcolor.replace(shorthandRegex, function(m, r, g, b) {
        return r + r + g + g + b + b;
    });

    var result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hexcolor);
    return result ? {
        r: parseInt(result[1], 16),
        g: parseInt(result[2], 16),
        b: parseInt(result[3], 16)
    } : null;
}

function getHexColorFromRGBA(color) {
    if(!color) return '';

    var rgba = /rgba\((.+),\s*(.+),\s*(.+),\s*(.+)\)/.exec(color);
        
    var red = parseInt(rgba[1]);
    var green = parseInt(rgba[2]);
    var blue = parseInt(rgba[3]);
    
    var rgb = (blue | (green << 8) | (red << 16)).toString(16);
    rgb = lpad(rgb, '0', 6);
    return '#' + rgb;
}

function getOpacityFromRGBA(color) {
    if(!color) return '';
    var rgba = /rgba\((.+),\s*(.+),\s*(.+),\s*(.+)\)/.exec(color);
    return rgba[4]; 
}

function updateQueryStringParam(param, value) {
  var pathname, baseUrl;
  if (param == 'ooi' && value != '') {
	pathname = '/p/'+value;
	baseUrl = [location.protocol, '//', location.host, pathname].join('');
	var params = document.location.search;
	// window.history.replaceState({}, "", baseUrl + params); // comment out 20201103
	updateQueryStringParam(param, '');
  } else {
	pathname = location.pathname;
	
	var urlQueryString = document.location.search;
	
	if (param == 'all' && value == '') {
        urlQueryString = '';
		pathname = '/';
    }
	
	baseUrl = [location.protocol, '//', location.host, pathname].join('');
	
	var newParam = param + '=' + value,
	params = '?' + newParam;
   
	// If the "search" string exists, then build params from it
	if (urlQueryString) {
	  keyRegex = new RegExp('([\?&])' + param + '[^&]*');
	  // If param exists already, update it
	  if (urlQueryString.match(keyRegex) !== null) {
		  if (!value) {
			  params = urlQueryString.replace(keyRegex, '');
		  } else {
			  params = urlQueryString.replace(keyRegex, "$1" + newParam);
		  }
	  } else { // Otherwise, add it to end of query string
		if(value) {
			params = urlQueryString + '&' + newParam;
		} else {
			params = urlQueryString;
		}
	  }
	} else {
	  if (!value) {
		  params = '';
	  }
	}
	// window.history.replaceState({}, "", baseUrl + params); // comment out 20201103
  }
  
}

function LongdoLib() {
	var self = this;
  this.constructor = function (obj) {
    this._lang = obj.lang;
  }
	
  this.hideElement = function (ele) {
		let elements = [];
		if (typeof(ele) == 'object') {
			elements = [ele];
		} else {
			elements = document.body.querySelectorAll(ele);
		}
		
		for(let idx=0; idx < elements.length; idx++ ) {
			elements[idx].original_display = elements[idx].style.display;
			elements[idx].style.display = 'none';
		}
  }
    
  this.showElement = function (ele) {
		let elements = [];
		if (typeof(ele) == 'object') {
			elements = [ele];
		} else {
			elements = document.body.querySelectorAll(ele);
		}
		
		for(let idx=0; idx < elements.length; idx++ ) {
			if (elements[idx].original_display) {
				elements[idx].style.display = elements[idx].original_display;
			} else {
				elements[idx].style.display = '';
			}
		}
  }
	
	this.getDimensions = function(element) {
    var display = element.style.display;
    if (display != 'none' && display != null) // Safari bug
      return {width: element.offsetWidth, height: element.offsetHeight};

    // All *Width and *Height properties give 0 on elements with display none,
    // so enable the element temporarily
    var els = element.style;
    var originalVisibility = els.visibility;
    var originalPosition = els.position;
    var originalDisplay = els.display;
    els.visibility = 'hidden';
    els.position = 'absolute';
    els.display = 'block';
    var originalWidth = element.clientWidth;
    var originalHeight = element.clientHeight;
    els.display = originalDisplay;
    els.position = originalPosition;
    els.visibility = originalVisibility;
    return {width: originalWidth, height: originalHeight};
  }
    
  this.getElementSize = function (ele, op) {
    if (typeof(ele) == 'string') {
			let elements = document.body.querySelectorAll(ele);
      ele = elements[0];
		}
        
    if (typeof(ele) == 'object') {
      if (ele == window) {
				return {w:(window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth || 0), h:(window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight || 0)};
			}
			let size_obj = {w:ele.clientWidth, h:ele.clientHeight, w_size:this.getDimensions(ele).width, h_size:this.getDimensions(ele).height};
			
			if (op) {
				if (op == 'h') {
					return size_obj.h;
				} else if (op == 'w') {
					return size_obj.w;
				}
			}
			return size_obj;
		}
    return {w:0, h:0, w_size:0, h_size:0};
  }
    
  this.setElementStyle = function (ele, style_object) {
    if (typeof(ele) == 'string') {
			let elements = document.body.querySelectorAll(ele);
			for(let idx=0; idx < elements.length; idx++ ) {
				this.setElementStyle(elements[idx], style_object);
			}
			return;
		} else if (typeof(ele) == 'object') {
			for (var key in style_object) {
				if (!style_object.hasOwnProperty(key)) continue;
				ele.style[key] = style_object[key];
			}
		}
  }
	
	this.timeConverter = function(unixtimestamp) {
		var a = new Date(unixtimestamp * 1000);
		var month_en = ['Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sep','Oct','Nov','Dec'];
		var month_th = ['ม.ค.','ก.พ.','มี.ค.','เม.ย.','พ.ค.','มิ.ย.','ก.ค.','ส.ค.','ก.ย.','ต.ค.','พ.ย.','ธ.ค.'];
		var year = a.getFullYear();
		if (this._lang == 'th') {
			year += 543;
		}
		var month = this._lang == 'th' ? month_th[a.getMonth()] : month_en[a.getMonth()];
		var date = a.getDate();
		var hour = a.getHours();
		var min = a.getMinutes();
		var sec = a.getSeconds();
		var time = date + ' ' + month + ' ' + year + ' ' + (hour < 10 ? '0' : '') + hour + ':' + (min < 10 ? '0' : '') + min + ':' + (sec < 10 ? '0' : '') + sec ;
		return time;
	}
	
	this.getDateFormatYmdH = function() {
		var dd = new Date();
		return '' + dd.getFullYear() + (((dd.getMonth()+1) < 10 ? '0' : '') + (dd.getMonth()+1)) + ((dd.getDate() < 10 ? '0' : '') + dd.getDate()) + ((dd.getHours() < 10 ? '0' : '') + dd.getHours());
	}

	this.getTimestampForHour = function() {
		var now = Date.now()/1000;
		return ~~(now/3600); //now - (now%3600)
	}
	
	this.isNumber = function(n) {
		return typeof(n) != 'undefined' && n && !isNaN(parseFloat(n)) && isFinite(n);
	}
	this.isInt = function(n) {
		return !isNaN(n) && parseFloat(n) == parseInt(n, 10) && !isNaN(n);
	}
	this.isHTML = function(str) {
		var a = document.createElement('div');
		a.innerHTML = str;
		for (var c = a.childNodes, i = c.length; i--; ) {
			if (c[i].nodeType == 1) return true; 
		}
		return false;
	}
	this.loadjscssfile = function(filename, filetype, lastupdated, callback) {
		if(!lastupdated) lastupdated = '';
        // var lastupdated = '?20140717';
        if (filetype=="js") { //if filename is a external JavaScript file
            var fileref=document.createElement('script')
            fileref.setAttribute("type","text/javascript")
			fileref.setAttribute("src", filename+lastupdated)
			if(typeof callback == 'string') {
				fileref.setAttribute("onload", callback);
			}
        }
        else if (filetype=="css") { //if filename is an external CSS file
            var fileref=document.createElement("link")
            fileref.setAttribute("rel", "stylesheet")
            fileref.setAttribute("type", "text/css")
            fileref.setAttribute("href", filename+lastupdated)
        }
        if (typeof fileref!="undefined")
            document.getElementsByTagName("head")[0].appendChild(fileref);
    }
	
	this.callAjax = function(url, options) {
		var method = options.method ? options.method.toLowerCase() : 'get';
		var xhr = new XMLHttpRequest();
		
		if (method == 'get') {
			if(options.parameters) {
				url += (url.indexOf('?') > -1 ? '&' : '?') + options.parameters;
			}
		} else if(method == 'post') {
			xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
		}
//      this.url += (this.url.indexOf('?') > -1 ? '&' : '?') + params;
		
		if(method == 'post') {
			xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
		}
		
		xhr.open(method, url);
		xhr.onload = function(rs) {
				if (xhr.status === 200) {
						if(options.onSuccess) {
							options.onSuccess(rs.currentTarget);
						}
				}
				else {
						if(options.onFail) {
							options.onFail();
						}
						console.log('Request failed.  Returned status: ' + xhr.status);
				}
		};
		
		if(method == 'post' && options.parameters) {
			xhr.send(encodeURI(options.parameters));
		} else {
			xhr.send();
		}
		return xhr;
	}

	this.callAjaxJsonp = function(url, callback) {
		var callbackName = 'jsonp_callback_' + Math.round(100000 * Math.random());
		window[callbackName] = function(data) {
			delete window[callbackName];
			document.body.removeChild(script);
			if(typeof callback == 'function') {
				callback(data);
			}
		};
	
		var script = document.createElement('script');
		script.src = url + (url.indexOf('?') >= 0 ? '&' : '?') + 'callback=' + callbackName;
		document.body.appendChild(script);
	}

	this.setCookie = function(name,value,days) {
		if (days) {
			var date = new Date();
			date.setTime(date.getTime()+(days*24*60*60*1000));
			var expires = "; expires="+date.toGMTString();
		}
		else var expires = "";
		document.cookie = name+"="+value+expires+"; path=/";
	}
	
	this.getCookie = function(name) {
		var nameEQ = name + "=";
		var ca = document.cookie.split(';');
		for(var i=0;i < ca.length;i++) {
			var c = ca[i];
			while (c.charAt(0)==' ') c = c.substring(1,c.length);
			if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
		}
		return false;
	}
	
	this.deleteCookie = function(name) {
		if (self.getCookie(name) !== null) {
			self.setCookie(name,"",-1);
		}
	}

	this.setLocalStorage = function(name,value) {
		if (window.localStorage) {
			localStorage.setItem(name, value);
		}
	}
	
	this.getLocalStorage = function(name) {
		if (window.localStorage) {
			return localStorage.getItem(name);
		}
		return false;
	}
	
	this.deleteLocalStorage = function(name) {
		if (window.localStorage) {
			localStorage.removeItem(name);
		}
	}

	this.setLocalData = function(name,value,days) {
		self.setCookie(name,value,days);
		self.setLocalStorage(name,value);
	}

	this.getLocalData = function(name) {
		var val = self.getLocalStorage(name);
		if(!val) {
			val = self.getCookie(name);
		}
		return val;
	}

}
var OOI_OVERLAYS = new Array();
var SEARCHRESULT_OVERLAYS = new Array();
var MAPSERVER_IMG_URL = '//ms.longdo.com/mmmap/img.php';

var loading_popup = "<div class='loading-in-popup' style='text-align:center; margin:10px 0; width:200px;'><img src='/mmmap/images/loading.gif' style='margin: auto'></div>";

function convertDMSToLatLon(_dms_lat, _dms_lon) {
    // ex. ' 51 28 40.12 N', '000 00 05.31 W'
    var lat = Geo.parseDMS(_dms_lat);
    var lon = Geo.parseDMS(_dms_lon);
    if (lat && lon) {
        lat = lat.toFixed(6);
        lon = lon.toFixed(6);
        var p1 = new LatLon(lat, lon); 
        if (p1) return { "lat": lat, "lon" : lon };
    }
    return false;
}
function convertLatLonToDMS(_lat, _lon) {
    var lat = Geo.toLat(_lat, "dms", 2);
    var lon = Geo.toLon(_lon, "dms", 2);
    if (lat && lon) {
        return { "lat": lat, "lon" : lon };
    }
    return false;
}
function convertUTMToLatLon(easting, northing, zone, hemi) {
    if (!zone) {
        zone = 47;
    }
    
    if (!hemi) {
        hemi = 'N';
    }
    
    var southern = (hemi.toLowerCase() == 's');
    
    var error_msg = ''

    if (zone < 1 || zone > 60) {
        return { "lat": 0, "lon" : 0, "error" : 'ระบุ Zone ('+zone+') ไม่ถูกต้อง<br>ค่า Longitude zone ต้องอยู่ระหว่าง 1 ถึง 60'};
    }

    if (northing < 0 || northing > 10000000) {
        return { "lat": 0, "lon" : 0, "error" : 'ระบุ Northing ('+northing+') ไม่ถูกต้อง<br>ค่า Northing ต้องอยู่ระหว่าง 0 ถึง 10000000'};
    }

    if (easting < 160000 || easting > 834000) {
        return { "lat": 0, "lon" : 0, "error" : 'ระบุ Easting ('+easting+') ไม่ถูกต้อง<br>ค่า Easting ต้องอยู่ระหว่าง 160000 ถึง 834000'};
    }
    
    var datum = southern ? 1 : 0;
    utmconv.setDatum(datum);
    var latlon = utmconv.utmToLatLng(easting, northing, zone, southern);    // get lat/lon for this set of coordinates
    if (!isNaN(latlon.lat) && !isNaN(latlon.lng)) {
        return { "lat": latlon.lat, "lon" : latlon.lng };
      
    }
    return false;
}
function convertLatLonToUTM(_lat, _lon) {
    utmconv.setDatum(0);
    var utm_format = utmconv.latLngToUtm(parseFloat(_lat), parseFloat(_lon));
    var utm_txt = '';
    if (utm_format && utm_format.global) {
        return {"e": utm_format.global.easting, "n": utm_format.global.northing, "zone": utm_format.global.zone, "hemi": (utm_format.global.southern ? 'S' : 'N'), "full": utm_format.global.easting + ", " + utm_format.global.northing + ", " + utm_format.global.zone + (utm_format.global.southern ? 'S' : 'N') };
    }
    return false;
}
function setCenterByTG(_tg_x, _tg_y) {
    // Thai Geocode XXXXX-YYYYY
    // XXXXX = 100,000 * (latitude - 5 )
    // YYYYY = 100,000 * (longitude - 97 )
    var mylat = tgbase32todec(_tg_y)/100000 + 5;
    var mylong = tgbase32todec(_tg_x)/100000 + 97;
    return moveLocation(mylat,mylong);
}
function getMaxZoom() {
    if(typeof map != 'undefined' && typeof mmmap2 == 'undefined') mmmap2 = map; // support web-mobile
    return mmmap2.projection().maxZoom;
}
function getMapProjection() {
    if(typeof map != 'undefined' && typeof mmmap2 == 'undefined') mmmap2 = map;
    return mmmap2.projection().longdoName ? mmmap2.projection().longdoName : '';
}
function mapZoom(zoom) {
    if(typeof map != 'undefined' && typeof mmmap2 == 'undefined') mmmap2 = map;
    if(!mmmap2) return false;
    
    if(isNumber(zoom)) {
        mmmap2.zoom(zoom);
    } else {
        return mmmap2.zoom();
    }
}
function getMouseLocation() {
    if(typeof map != 'undefined' && typeof mmmap2 == 'undefined') mmmap2 = map;
    if(!mmmap2) return false;
    return mmmap2.location(longdo.LocationMode.Pointer);
}
function getCenterLocation() {
    if(typeof map != 'undefined' && typeof mmmap2 == 'undefined') mmmap2 = map;
    if(!mmmap2) return false;
    return mmmap2.location();
}
function mapBoundary(bound, pivot) {
    if(typeof map != 'undefined' && typeof mmmap2 == 'undefined') mmmap2 = map;
    if(!mmmap2) return false;
    if(bound)
        mmmap2.bound(bound, pivot);
    else
        return mmmap2.bound();
}
function moveLocation(lat, lon, zoom) {
    if(typeof map != 'undefined' && typeof mmmap2 == 'undefined') mmmap2 = map;
    if(!mmmap2) return false;
    if(isNumber(lat) && isNumber(lon)) {
        var rs;
        try {
            rs = mmmap2.location({lat: lat, lon: lon});
        } catch(ex) { // ex == 'Invalid location'
            return false;
        }
    }
    if(isNumber(zoom)) {
        mmmap2.zoom(zoom);
    }
    return true;
}
function boundaryIsOutOfBoundary(boundary) {
    if(!boundary) return false;
    
    var outofboundary = false;
    
    if(!outofboundary) {
        outofboundary = isOutOfBoundary(boundary.minLat, boundary.minLon);
    }
    if(!outofboundary) {
        outofboundary = isOutOfBoundary(boundary.maxLat, boundary.minLon);
    }
    if(!outofboundary) {
        outofboundary = isOutOfBoundary(boundary.minLat, boundary.maxLon);
    }
    if(!outofboundary) {
        outofboundary = isOutOfBoundary(boundary.maxLat, boundary.maxLon);
    }
    
    return outofboundary;
}
function pointArrayIsOutOfBoundary(point_array) {
    var boundary = getMinMaxBoundary(point_array);
    return boundaryIsOutOfBoundary(boundary);
    
}
function isOutOfBoundary(lat, lon) {
    if(typeof map != 'undefined' && typeof mmmap2 == 'undefined') mmmap2 = map;
    if(!mmmap2) return false;
    if(isNumber(lat) && isNumber(lon)) {
        lat = parseFloat(lat);
        lon = parseFloat(lon);
        var bound = mapBoundary();
        if ( lat < bound.minLat || lat > bound.maxLat || lon < bound.minLon || lon > bound.maxLon ) {
            return true;
        }
    }
    return false;
}
function moveLocationWhenOutOfBoundary(lat, lon) {
    if(typeof map != 'undefined' && typeof mmmap2 == 'undefined') mmmap2 = map;
    if(!mmmap2) return false;
    if(isNumber(lat) && isNumber(lon)) {
        if ( isOutOfBoundary(lat, lon) ) {
            moveLocation(lat, lon);
        }
    }
}
function showPopup(lat, lon, title, detail, op) {
    if(typeof map != 'undefined' && typeof mmmap2 == 'undefined') mmmap2 = map;
    if(!mmmap2 || !longdo) return false;
    
    var popup_op = {title: title, detail: detail, autoFocus: true};
    
    if(op)
        popup_op = mergeObject(popup_op, op);
    
    var popup = new longdo.Popup(
        { lon: lon, lat: lat },
        popup_op
    );
    
    mmmap2.Overlays.add(popup);
}
function clearShape(shape) {
    if(typeof map != 'undefined' && typeof mmmap2 == 'undefined') mmmap2 = map;
    mmmap2.Overlays.remove(shape);
}
function clearMarker(marker) {
    if(typeof map != 'undefined' && typeof mmmap2 == 'undefined') mmmap2 = map;
    mmmap2.Overlays.remove(marker);
}
function clearPopup(popup) {
    if(typeof map != 'undefined' && typeof mmmap2 == 'undefined') mmmap2 = map;
    mmmap2.Overlays.remove(popup);
}
function clearActivePopup() {
    clearPopup(getActivePopup());
}
function getOOIID(id, prefix) {
    if(typeof prefix == 'undefined') {
        prefix = 'A'
    }
    if(isInt(id) && id+'' != '-1') {
        while (id.length < 8) {
            id = "0" + id;
        }
        id = prefix + id;
    }
    return id;
}

function drawDefaultMarker(lat, lon, title, detail, id, focusmarker, hidepopup) {
    var imageObject = document.createElement('img');

    imageObject.mark_lat = lat;
    imageObject.mark_long = lon;
    
    if(typeof(id) != 'undefined' && id !== false && id+'' !== '-1') {
        imageObject.poi_id = id;
        imageObject.onmousedown = poiClicked;
        imageObject.style.cursor = "pointer";
    }
    imageObject.title = title;
    imageObject.border=0;
    imageObject.style.zIndex = 1000;

    var pin_h = 42;
    var pin_w = 30;
    
    //imageObject.src="//mmmap15.longdo.com/mmmap/images/pin.png";
    imageObject.src="/mmmap/images/ic_pin.svg";
    imageObject.style.height=pin_h+'px';
    imageObject.style.width=pin_w+'px';
    imageObject.className='marker-pin-default';
                              
    hidepopup = (hidepopup == true || hidepopup == 1);                          
    drawMarker(imageObject, lat, lon, title, detail, id, {offset: {x: (pin_w/2), y: pin_h }}, {hidepopup: hidepopup, focusmarker: focusmarker});
}

function drawMarker(markersrc, lat, lon, title, detail, id, icon_op, marker_op, animation) {
    if(typeof map != 'undefined' && typeof mmmap2 == 'undefined') mmmap2 = map;
    if(!mmmap2 || !longdo) return false;
    
	if(typeof animation == 'undefined' || !animation) {
        animation = false;
    }
    
    id = getOOIID(id);
    if(typeof(id) != 'undefined' && id !== false && id+'' !== '-1' && !detail) {
        detail = loading_popup;   
    }
    
    var _icon_op = {};
    if(typeof(markersrc) == 'object') {
        var wrap = document.createElement('div');
        wrap.appendChild(markersrc.cloneNode(true));
        markersrc = wrap.innerHTML;
        _icon_op.html = markersrc;
    } else if(typeof(markersrc) == 'string') {
        _icon_op.url = markersrc;
    }
    
    for(var property in icon_op) {
      if(typeof property == "string" && property != "") {      
        _icon_op[property] = icon_op[property];
      }
    }
    
    var location = { lon: lon, lat: lat };
    var markerop = {};
    markerop.title = title;
    markerop.icon = _icon_op;
    markerop.detail = detail;
    markerop.weight = longdo.OverlayWeight.Top;
    
    for(var property in marker_op) {
      if(typeof property == "string" && property != "" && property != "longdomap") {      
        markerop[property] = marker_op[property];
      }
    }
    
    var marker = new longdo.Marker(location, markerop);

    //var marker = new longdo.Marker({ lon: lon, lat: lat }, { title: title, icon: { html: markersrc, offset: { x: 12, y: 44 }}, popup: { html: detail }})
    //var marker = new longdo.Marker(location, markerop);
    marker.mark_lat = lat;
    marker.mark_long = lon;
    if(id && id+'' != '-1') {
        marker.poi_id = id;
        marker.data = {'id': id};
    }

    if(marker_op) {
         if(marker_op.hidepopup) {
            marker.hidepopup = true;
        }                      
        if(marker_op.focusmarker) {
            marker.focusmarker = true;
        }
        if(typeof marker_op.longdomap != "undefined") {
            marker.longdomap = marker_op.longdomap
        }
    }
    
    if(animation) {
        mmmap2.Overlays.drop(marker);
    } else {
        mmmap2.Overlays.add(marker);
    }
    return marker;
}
function getShapeOption(linewidth, linecolor, fillcolor, title, detail, label, editable) {
    var op = {};
    if(typeof title != 'undefined') {
        op.title = title;
    }
    if(typeof detail != 'undefined') {
        op.detail = detail;
    }
    if(typeof label != 'undefined') {
        op.label = label;
    }
    if(typeof linewidth != 'undefined'){
        op.lineWidth = linewidth;
    }
    if(typeof linecolor != 'undefined'){
        op.lineColor = linecolor;
    }
    if(typeof fillcolor != 'undefined'){
        op.fillColor = fillcolor;
    }
    if(typeof editable != 'undefined'){
        op.editable = editable;
    }
    return op;
}
function cloneShape(shape, diffop, keep_ori_shape) {
    if(typeof diffop != 'undefined') {
        for(var property in diffop) {
          if(typeof property == "string" && property != "") {      
            shape[property] = diffop[property];
          }
        }
    }
    var obj = false;
    var shape_type = getShapeType(shape);
    
    var label = shape.editable && typeof(shape.editable) == 'object' ? true : shape.label;
    
    if(shape_type == 'polygon') {
        obj = drawPolygon(shape.location(), shape.lineWidth, shape.lineColor, shape.fillColor, shape.title, shape.detail, label, shape.editable);
    } else if(shape_type == 'line') {
        obj = drawLine(shape.location(), shape.lineWidth, shape.lineColor, shape.fillColor, shape.title, shape.detail, label, shape.editable);
    }
    
    if(typeof keep_ori_shape == 'undefined' || !keep_ori_shape) clearShape(shape);
    
    return obj;
}
function drawLine(points, linewidth, linecolor, fillcolor, title, detail, label, editable) {
    if(typeof map != 'undefined' && typeof mmmap2 == 'undefined') mmmap2 = map;
    var line = new longdo.Polyline(points, getShapeOption(linewidth, linecolor, fillcolor, title, detail, label, editable));
    mmmap2.Overlays.add(line);
    return line;
}
function drawPolygon(points, linewidth, linecolor, fillcolor, title, detail, label, editable) {
    if(typeof map != 'undefined' && typeof mmmap2 == 'undefined') mmmap2 = map;
    var polygon = new longdo.Polygon(points, getShapeOption(linewidth, linecolor, fillcolor, title, detail, label, editable));
    mmmap2.Overlays.add(polygon);
    return polygon;
}
function drawDot(point, linewidth, linecolor, fillcolor, title, detail, label, editable) {
    if(typeof map != 'undefined' && typeof mmmap2 == 'undefined') mmmap2 = map;
    var dot = new longdo.Dot(point, getShapeOption(linewidth, linecolor, fillcolor, title, detail, label, editable));
    mmmap2.Overlays.add(dot);
    return dot;
}
function showPopupLocationDetail(id, overlay) {
    var service;
    if(/^foursquare:/.test(id)) {
        service = 'foursquare';
        id = id.replace("foursquare:","");
    } else if(/^google:/.test(id)) {
        service = 'google';
        id = id.replace("google:","");
    } else if(/^osm:/.test(id)) {
        service = 'osm';
        id = id.replace("osm:","");
    } else {
        service = 'longdo';
    }
    
    if(service == 'longdo' && !(/^(A|G|M|Y|S|OSM:)/i.test(id) || !isNaN(id))) {
        //mmmap.showLocationDetail(id, popup_idx);
        return;
    }
    
    if (service == 'longdo') {
        if(window.setPermalinkParam) setPermalinkParam('ooi', id);
    }

    updateActivePopupContent(loading_popup, overlay);

    if (typeof(mmmap_map) !== 'undefined' && mmmap_map && mmmap_map._mmmap_lib && /^OSM:/i.test(id)) {
        mmmap_map._mmmap_lib.showOOIPopupDetail(id, overlay);
    } else {
        var d = new Date;
        var timestamp = d.getTime();
        var pars = "timestamp=" + encodeURIComponent( timestamp );
        var url = '/mmmap/rpc.php';

        var pars = "id=" + encodeURIComponent( id )
            + "&timestamp=" + encodeURIComponent( timestamp )
            + "&locale=" + mylang
            + "&mmroute=" + isEnableRouting()
        + "&map="
            + "&action=showpoidetails"
            + "&service=" + service
            + "&popup_idx=0"
            + "&uid="+(typeof Drupal != 'undefined' && typeof Drupal.settings != 'undefined' && typeof Drupal.settings.user != 'undefined' && Drupal.settings.user.uid ? Drupal.settings.user.uid : 0);
            
        var callbackFn = function(txt) {
            handleResponse(txt, overlay);
            
            if(typeof(gapi) != 'undefined' && gapi && (browser!='IE' || (browser=='IE' && version>7))) {
                setTimeout(function() {gapi.plusone.go()}, 1500);
            }
            
            if(service == 'longdo' && !/^\/snippet\/iframe/.test(document.location.pathname)) {
                updateQueryStringParam('ooi', id);
            }

            // get car park avilable for tag: parking only
            setTimeout(function() {
                var carParkAvailableDiv = document.getElementById('longdomap-carpark-available-popup');
                if (carParkAvailableDiv) {
                    var urlGetCarParkAvailableById = '/ws.php';
                    var params = 'service=get_car_park_available_by_id&ooiid=' + id.replace('A', '');
                    var cb = function(r) {
                        var response = JSON.parse(r.response);
                        switch (response.code) {
                            case 'SUCCESS': {
                                var data = response.data;
                                var carParkAvailableText;
                                if (data.available === 'FULL' || data.available === 'เต็ม' || Number(data.available) == 0) {
                                    carParkAvailableText = mylang == 'th' ? 'หนาแน่น' : 'Busy';
                                    $(carParkAvailableDiv).addClass('busy');
                                } else if (data.available === 'N/A') {
                                    carParkAvailableText = mylang == 'th' ? 'ไม่มีข้อมูล' : 'No data';
                                    $(carParkAvailableDiv).addClass('nodata');
                                } else {
                                    carParkAvailableText = (mylang == 'th' ? 'ว่าง ' : 'Available ') + Number(data.available).toLocaleString();
                                    if (Number(data.available) <= 20) {
                                        $(carParkAvailableDiv).addClass('min');
                                    } else {
                                        $(carParkAvailableDiv).addClass('normal');
                                    }
                                }
                                carParkAvailableDiv.innerHTML = carParkAvailableText;
                                break;
                            }
                            case 'FAILED': {
                                break;
                            }
                        }
                    };
                    longdolib.callAjax(urlGetCarParkAvailableById, {method: 'get', parameters: params, onSuccess: cb});
                }
            }, 1500);
        }
    
        longdolib.callAjax(url, {method: 'get', parameters: pars, onSuccess: callbackFn});
    }
}

function isEnableRouting() {
    if(typeof map != 'undefined' && typeof mmmap2 == 'undefined') mmmap2 = map;

    let state = false;
    try {
        state = (mmmap2 && typeof mmmap2.Route != 'undefined' && typeof mmmap2.Route.placeholder == 'function' && mmmap2.Route.placeholder() != null);
    } catch(ex) {
        console.log('isEnableRouting: ' + ex.message);
    }
    return state;
}

function showTrafficCamerasAndEvent() {
    if(typeof map != 'undefined' && typeof mmmap2 == 'undefined') mmmap2 = map;
    if(!mmmap2) return;
    mmmap2.Overlays.load(longdo.Overlays.events);
    mmmap2.Overlays.load(longdo.Overlays.cameras);
}

function hideTrafficCamerasAndEvent() {
    if(typeof map != 'undefined' && typeof mmmap2 == 'undefined') mmmap2 = map;
    if(!mmmap2) return;
    mmmap2.Overlays.unload(longdo.Overlays.events);
    mmmap2.Overlays.unload(longdo.Overlays.cameras);
}

function getActivePopup() {
    if(typeof map != 'undefined' && typeof mmmap2 == 'undefined') mmmap2 = map;
    if(mmmap2.Overlays && mmmap2.Overlays.list) {
        var overlay_list =  mmmap2.Overlays.list();
        if(overlay_list && overlay_list.length > 0) {
            for(var i=0; i<overlay_list.length; i++) {
                if(overlay_list[i] && overlay_list[i] instanceof longdo.Popup && overlay_list[i].active()) {
                    return overlay_list[i];
                }
            }
        }
    }
    
    var active_popup = false;
    
    if(mmmap2 && mmmap2.Ui && mmmap2.Ui.popup && mmmap2.Ui.popup.get && mmmap2.Ui.popup.get()) {
        active_popup = mmmap2.Ui.popup.get();
    }
    return active_popup;
}

function addRouteDestination(lat, lon) {
    if(typeof map != 'undefined' && typeof mmmap2 == 'undefined') mmmap2 = map;
    if (!mmmap2 || !mmmap2.Route) return false;
    
    mmmap2.Route.add({lat: lat, lon: lon});
}

function getAllRouteDestinations() {
    if(typeof map != 'undefined' && typeof mmmap2 == 'undefined') mmmap2 = map;
    if(!mmmap2 || !mmmap2.Route || !mmmap2.Route.list || !mmmap2.Route.list() || mmmap2.Route.list().length < 1) return new Array();
    return mmmap2.Route.list();
}

function getAllRoutePoints() {
    if(typeof map != 'undefined' && typeof mmmap2 == 'undefined') mmmap2 = map;
    if (!mmmap2 || !mmmap2.Route) return false;

    var line = mmmap2.Route.exportRouteLine();
    
    if(!line) return false;
    
    var points = line.location();
    
    return points;
}

function zoomAllRoute(forcezoom) {
    var point_array = getAllRoutePoints();
    
    if(!point_array || point_array.length == 0) return;
    
    if(forcezoom || pointArrayIsOutOfBoundary(point_array)) {
        appropriateZoom(point_array);
    }
}

function updateActivePopupContent(content, overlay) {
    let found_popup = false;
    if(overlay && overlay.popup && overlay.popup()) {
        overlay.popup().detail(content);
        if(!overlay.hidepopup) overlay.pop(true);
        found_popup = true;
    } else if (overlay && overlay.detail) { // for map api v3
        overlay.detail(content);
        found_popup = true;
    } else {
        var popup_overlay = getActivePopup();
        if(popup_overlay) {
            popup_overlay.detail(content);
            found_popup = true;
        }
    }

    if(!found_popup) { // fixme map api v3
        $('.loading-in-popup').remove();
    }
}

function addToolButton(id, position, txt, callback, url, classname) {
    var b = document.createElement('span');
    b.id = 'mm-'+id.replace(' ', '-').toLowerCase()+'-button';
    b.className = 'ldmap_button_mm' + (classname ? ' ' + classname : '');
    b.title = id;;
    b.innerHTML = (url ? ('<a href="' + url + '" target="_blank"> ' + txt + ' </a>') : ' ' + txt + ' ');
    if(callback) {
        b.onclick = callback;
    }
    b.onmouseover = function () {
        $("#"+b.id).addClass("hover");
    };
    b.onmouseout = function () {
        $("#"+b.id).removeClass("hover");
    };
    if(position == 'prepend') {
        $(".ldmap_toolbar").prepend(b);
    } else {
        $(".ldmap_toolbar").append(b);
    }
}

function includeAddLocationButton(buttons) {
  switch(buttons) {
    case 'addlocation':
      var b1 = document.createElement('span');
      b1.id = 'mm-addlocation-button';
      b1.style.cursor = 'pointer'; 
      b1.style.marginLeft = '5px'; 
      b1.title = mylang == 'th' ? "ปักหมุดสถานที่ใหม่โดยการกดเพื่อลากและวางหมุดบนแผนที่" : "Add new location by Drag and drop pin on the map.";
      b1.innerHTML = '<img id="mm-addlocation-off" src="/mmmap/images/addlocation_big.png" srcset="/mmmap/images/addlocation_big_2x.png" style="display:inline; height:51px;">';
      b1.onclick = function() {
        var location = getCenterLocation();
        markDroppedPinWithAnimation(location.lat, location.lon);
      };
      b1.onmouseover = function () {
	  $("#mm-addlocation-button").addClass("hover");
      };
      b1.onmouseout = function () {
	  $("#mm-addlocation-button").removeClass("hover");
      };
      $(".ldmap_toolbar").append(b1);
      //canvas.addButton('customize', b1);
      setDragableOnDropPin();
    break;
  }
}
function getMinMaxBoundary(obj, boundary) {
    var lat, lon;
    var num_points = obj.length;
    for(var  i=0; i<num_points; i++) {
        lat = parseFloat(obj[i].lat);
        lon = parseFloat(obj[i].lon);
        
        if(typeof(boundary) == 'undefined' || !boundary) {
            boundary = {maxLat: lat, minLat: lat, minLon: lon, maxLon: lon};
        } else {
            if(lat > boundary.maxLat) {
                boundary.maxLat = lat;
            }
            if(lat < boundary.minLat) {
                boundary.minLat = lat;
            }
            if(lon < boundary.minLon) {
                boundary.minLon = lon;
            }
            if(lon > boundary.maxLon) {
                boundary.maxLon = lon;
            }
        }
    }
    return boundary;
}

function clearBusStopTagfromSearching() {
    if(typeof map != 'undefined' && typeof mmmap2 == 'undefined') mmmap2 = map;
    if(_tag_busstop_from_searching && _tag_busstop_from_searching.length > 0) {
        var num_tag = _tag_busstop_from_searching.length
        for(var i=0; i<num_tag; i++) {
            mmmap2.Tags.clear(_tag_busstop_from_searching[i]);
        }
        
        _tag_busstop_from_searching = new Array();
    }
    
    clearStartStopBusStopMarker();
}

function clearStartStopBusStopMarker() {
    if(typeof map != 'undefined' && typeof mmmap2 == 'undefined') mmmap2 = map;
    if(!mmmap2) return false;
    var all_overlay = mmmap2.Overlays.list();
    if(all_overlay) {
        var num_overlay = all_overlay.length;
        var obj;
        for(var i=0; i<num_overlay; i++) {
            obj = all_overlay[i];
            if(obj && obj instanceof longdo.Marker && obj.longdomap && (obj.longdomap.markertype == 'startstopbusstop')) {
                clearMarker(obj);
            }
        }
    }
}

function clearAllSearchLocationPin() {
    if(typeof map != 'undefined' && typeof mmmap2 == 'undefined') mmmap2 = map;
    if(!mmmap2) return false;
    var all_overlay = mmmap2.Overlays.list();
    if(all_overlay) {
        var num_overlay = all_overlay.length;
        var obj;
        for(var i=0; i<num_overlay; i++) {
            obj = all_overlay[i];
            if(obj && obj instanceof longdo.Marker && obj.longdomap && obj.longdomap.markertype && obj.longdomap.markertype == 'search-result') {
                clearMarker(obj);
            } else if (obj && (obj instanceof longdo.Polyline || obj instanceof longdo.Polygon || obj instanceof longdo.Polycurve)) {
                clearShape(obj);
            }
        }
    }
    
    clearBusStopTagfromSearching();
    
    if (typeof(mmmap_map) !== 'undefined' && mmmap_map) {
        if (mmmap_map.longdomap_pano) {
            mmmap_map.longdomap_pano.showPath();
        }
        if (mmmap_map._map) {
            if (getSelectedMapdata() == 'numap' && mmmap_map._map.Ui.LongdoMapModeSelector && mmmap_map._map.Ui.LongdoMapModeSelector.element().children[0].classList.contains('ldmap_button_active')) {
                setMapMode('NORMALPOI'+(mmmap_map && mmmap_map._lang == 'th' ? '' : '_EN'));
            }
        }
    }
}

function appropriateZoom(point_array, pivot) {
    mapBoundary(getMinMaxBoundary(point_array), pivot);
}

function findAppropriateZone(point_array, boundary) {
    var num_pointarray = point_array.length;
    for(var  i=0; i<num_pointarray; i++) {
        boundary = getMinMaxBoundary(point_array[i], boundary);
    }
    return boundary;
}
                                    
function showIconLongdoPOI(id, ds, dozoom) {
    return showLongdoPOI(id, dozoom, ds, true, 'showicon');
}

function focusLongdoPOI(lat, lon, id, dozoom, ds) {
    moveLocationWhenOutOfBoundary(lat, lon);
    showLongdoPOI(id, dozoom, ds);
}

function showLongdoPOI(id, dozoom, ds, hidePopup, showicon, icon_src) {
    if(typeof map != 'undefined' && typeof mmmap2 == 'undefined') mmmap2 = map;
    if(!mmmap2) return;
    //mmmap.showObject({id:'G00000355',dozoom:1});
    
    if(typeof(ds) == 'undefined' || !ds) {ds = 'LONGDO';}

    if(ds == 'LONGDO') { 
        id = getOOIID(id);
    }
    
    var icon = false;
    if (icon_src && typeof(icon_src) == 'string') {
        icon = {'icon': { 'html' : '<img src="'+icon_src+'" class="img-mmmap-icon-1x"/>'}};
    }
    
    var overlay = new longdo.Overlays.Object(id, ds, icon);
    
    if(typeof(dozoom) != 'undefined') {overlay.dozoom = dozoom;}
    if(hidePopup === true || hidePopup == 1) {
        overlay.hidepopup = true;
    }
    
    if(ds == 'LONGDO') {
        overlay.poi_id = id;
        overlay.data = {'id': id};
        overlay.longdotype = 'ooi';
        overlay.ooitype = 'point';
        if(typeof showicon != 'undefined' && showicon == 'showicon') overlay.showicon = showicon;
    }
    
    OOI_OVERLAYS[id] = overlay;
    
    let rs_ol = mmmap2.Overlays.load(overlay);
    if(!rs_ol) { // map api v3
        document.body.classList.add("unsupport-overlay-load");
    }

    return overlay;
}
function isResetSearchAndTagResults() {
    return (document.getElementById('clear-old-tag') && document.getElementById('clear-old-tag').checked);
}
function showTag(tagname, tag_op, usedefaultmode, set_search_val) {
    if(typeof map != 'undefined' && typeof mmmap2 == 'undefined') mmmap2 = map;
    if (window.selectMapTab) { selectMapTab()};
    
    if(set_search_val) {
        setSearchLocationValue('tag: '+tagname);
        if(typeof getSelectedMapdata == 'function' && getSelectedMapdata() == 'tomtom') { longdomapSearch(''); }
    }
    
    if(!mmmap2 || (typeof getSelectedMapdata == 'function' && getSelectedMapdata() == 'tomtom')) return false;
    
    if(tagname != '%') {
        hideMyFavoriteIcons();
        if(window.setPermalinkParam) setPermalinkParam('tag', tagname);
    }
    
    if (typeof(usedefaultmode) == 'undefined' || !usedefaultmode) {
        var mode = "GRAY";
        if (typeof(mylang) != 'undefined' && mylang && mylang == "en") {
            mode = "GRAY_EN";
        }
        setMapMode(mode);
    }
    
    if (!tag_op) {
        var min_showlevel_visible_tag = 7;
        var max_showlevel_visible_tag = 21;
        var current_zoom = mapZoom();
        tag_op = {visibleRange: { min: min_showlevel_visible_tag, max: max_showlevel_visible_tag }};
        if(current_zoom < min_showlevel_visible_tag) {
            mapZoom(min_showlevel_visible_tag);
        } else if(current_zoom > max_showlevel_visible_tag) {
            mapZoom(max_showlevel_visible_tag);
        }
    }

    if (tagname === 'parking') {
        tag_op.icon = {
            url: '',
            urlHD: '',
            html: '<div class="parking-icon-group"><img class="icon" src="https://mmmap15.longdo.com/mmmap/images/icons_big/parking.png"><div class="status"></div></div>',
            offset: {
                y: 12,
                x: 12
            }
        };
    }

    if (isResetSearchAndTagResults() && tagname != '%') {
        mmmap2.Tags.set(tagname, tag_op);
    } else {
        mmmap2.Tags.add(tagname, tag_op);
    }
}
function convertMapModeV2ToV1(mapmode) {
    var overlay = false;
    var mode;
    if(typeof mapmode == 'string') {
        mode = mapmode;
    } else { // array
        mode = mapmode[0];
        if(mapmode[1]) {
            overlay = mapmode[1];
        }
    }

    if(!mode) {
        return 'normal';
    }
    
    mode = mode.toLowerCase().replace(/_/g, "-");
        
    if(/^poi/ig.test(mode)) {
        mode = mode.replace(/^poi/ig, "icons");
    } else if(/^satellite/ig.test(mode)) {
        mode = mode.replace(/^satellite/ig, "google_satellite");
    } else if(/^iconstransp/ig.test(mode) && getGoogleMapModeV1() == "hybrid") {
        mode = mode.replace(/^iconstransp/ig, "hybrid_google");
    } else if(/^tomtom/ig.test(mode)) {
        mode = mode.replace(/^tomtom-/ig, "tom").replace(/poi$/ig, "icons");
    }
    
    if(overlay) {
        if(overlay == 'trafficoverlay') {
            mode += '+overlay';
        } else if (mode == 'thaichote') {
            if (/-en$/ig.test(overlay)) {
                mode += '-en';
            }
        }
    }
    if (mode == 'normal' || mode == 'normal-en') {
        let tag_list = mmmap2.Tags.list();
        if(tag_list && tag_list.includes('%')) {
            mode = mode.replace(/^normal/ig, "normal+poi")
        }
    }
    
    return mode;
}

function convertMapModeV1ToV2(mode) {
    switch(mode) {
        case 'tomicons':
            mode = 'TOMTOM_POI';
            break;
        case 'tomnormal':
            mode = 'TOMTOM_NORMAL';
            break;
        case 'tomhydro':
            mode = 'TOMTOM_HYDRO';
            break;
        default:
            if(mode.indexOf('+') > -1) {
                if(/-en$/.test(mode.split('+')[1]) && !/-en$/.test(mode.split('+')[0])) {
                    mode = mode.split('+')[0] + '-en';
                } else {
                    mode = mode.split('+')[0];
                }
            }    
            mode = mode.toUpperCase().replace(/-/g, "_").replace(/^icons/ig, "POI");
            break;
    }
    return mode;
}
function getLayerMapModeV1ToV2(mode) {
    var overlay = false;

    if(mode.indexOf('+') > -1) {  
        overlay = mode.split('+')[1];  
        if(overlay == 'overlay') {
            overlay = 'TRAFFIC';
        } else if (overlay){
            overlay = overlay.toUpperCase().replace(/-/g, "_");
        }
    }
    
    return overlay;
}

function isMapMode(mode) {
    if(typeof map != 'undefined' && typeof mmmap2 == 'undefined') mmmap2 = map;
    if (mode == 'icons' || mode == 'icons-en' || mode == 'normal' || mode == 'normal-en') {
        if (longdo.Layers.THAICHOTE && mmmap2.Layers.contains(longdo.Layers.THAICHOTE)) {
            return false;
        }
    } else if (mode == 'gray' || mode == 'gray-en') {
        if (longdo.Layers.TRAFFIC && mmmap2.Layers.contains(longdo.Layers.TRAFFIC)) {
            return false;
        }
    }

    return isInArray(mode, getMapMode());
}
function getMapModeV1() {
    return convertMapModeV2ToV1(getMapMode());
}
function getGoogleMapModeV1() {
    if(typeof map != 'undefined' && typeof mmmap2 == 'undefined') mmmap2 = map;
    if(!mmmap2) return false;
    var google_mode = mmmap2.Layers.externalMap();
    
    if(/^google/g.test(google_mode)) return "hybrid";
    else if(isMapMode("satellite")) return "gmap";
    
    return false;
}
function getMapMode() {
    if(typeof map != 'undefined' && typeof mmmap2 == 'undefined') mmmap2 = map;
    if(!mmmap2 || !longdo) return false;
    var all_mode = mmmap2.Layers.list();
    var map_mode = new Array();
    if(all_mode) {
        var num_mode = all_mode.length;
        for(var i=0; i<num_mode; i++) {
            if(typeof all_mode[i].name == 'function') {
                map_mode.push(all_mode[i].name())
            } else { // map api v3
                break;
            }
        }
    }
    return map_mode;
}

function removeMapLayer(layer) {
    if(typeof map != 'undefined' && typeof mmmap2 == 'undefined') mmmap2 = map;
    try {
        if(mmmap2.Layers.contains(layer)) {
            mmmap2.Layers.remove(layer);
        }
    } catch(ex) {
        console.log('removeMapLayer: ' + ex.message);
    }
}

function addMapLayer(layer) {
    try {
        if(!mmmap2.Layers.contains(layer)) {
            mmmap2.Layers.add(layer);
        }
    } catch(ex) {
        console.log('addMapLayer: ' + ex.message);
    }
}

var waitingforshowpoisvector_timeout;
function setMapMode(mode) {
    try {
        /*
        if(mode == 'TRAFFIC_WEB') {
            window.open('//traffic.longdo.com/');
            mmmap2.Ui.LongdoMapModeSelector.element().children[0].click();
            return;
        }
        */

        if(typeof map != 'undefined' && typeof mmmap2 == 'undefined') mmmap2 = map;
        if(!mmmap2 || !longdo) return false;
        
        var mode_name = convertMapModeV2ToV1(mode);
        mode_name = mode_name.replace("+poi","");
        mmmap2.enableFilter(longdo.Filter.None);

        // mmmap2.Layers.remove(longdo.Layers['landparcel_zoom15']);
        mmmap2.Layers.remove(longdo.Layers['landparcel_zoom16']);
        mmmap2.Layers.remove(longdo.Layers['landparcel_zoom19']);
        $(mmmap2.placeholder()).removeClass('land-parcel-filter');
        
        if(/^tom/.test(mode_name)) {
            if(typeof setMapCopyRight == 'function') setMapCopyRight('tomtom');
            if(typeof hideAddLocationMode == 'function') hideAddLocationMode();
            if(typeof showTomtomLogo == 'function') showTomtomLogo();
            if(document.body && document.body.classList && document.body.classList.add) {
                document.body.classList.add('map-data-tomtom');
            }
        } else {
            if(typeof setMapCopyRight == 'function') setMapCopyRight('default');
            if(typeof showAddLocationMode == 'function') showAddLocationMode();
            if(typeof hideTomtomLogo == 'function') hideTomtomLogo();
            if(document.body && document.body.classList && document.body.classList.remove) {
                document.body.classList.remove('map-data-tomtom');
            }
        }

        var layer_mapmode = getLayerMapModeV1ToV2(mode);
        
        if (layer_mapmode == 'TRAFFIC' || layer_mapmode == 'TRAFFIC_EN') {
            mode_name = /_EN$/.test(mode_name) ? 'TRAFFIC_EN' : 'TRAFFIC';
        } else if(mode_name == 'google' || mode_name == 'google-en') {
            mode_name =  mode_name == 'google-en' ? 'google+poi-en' : 'google+poi';
        }
        
        let tag_list = mmmap2.Tags.list();
        if(tag_list && tag_list.includes('%')) {
            mmmap2.Tags.remove('%');
        }

        if(mode == 'NORMALPOI' || mode == 'NORMALPOI_EN' || /^filter/.test(mode_name) || /^thaichote/.test(mode_name)) {
            if(getSelectedMapdata() == 'numap') {
                if(typeof(mmmap_map) !== 'undefined' && mmmap_map) {
                    mmmap_map._mmmap_lib.showIconPoisVector();
                } else {
                    waitingforshowpoisvector_timeout = setTimeout(function(){
                        if(typeof(mmmap_map) !== 'undefined' && mmmap_map) {
                            mmmap_map._mmmap_lib.showIconPoisVector();
                            clearTimeout(waitingforshowpoisvector_timeout);
                        }
                    }, 300);
                }
            }
            if(mode == 'NORMALPOI' || mode == 'NORMALPOI_EN') {
                mode = /_EN$/.test(mode) ? 'NORMAL_EN' : 'NORMAL';
                mode_name = /_EN$/.test(mode) ? 'normal-en' : 'normal';
            }
        }

        if(!isMapMode(mode_name)) {
            if (!/^traffic/i.test(mode_name)) {
                removeMapLayer(longdo.Layers.TRAFFIC);
            }
            
            if (!/^thaichote/.test(mode_name) && !/^terrain/.test(mode_name)) {
                removeMapLayer(longdo.Layers.POI_TRANSPARENT_EN);
                removeMapLayer(longdo.Layers.POI_TRANSPARENT);
                if(longdo.Layers.NORMAL_TRANSPARENT_EN) {
                    removeMapLayer(longdo.Layers.NORMAL_TRANSPARENT_EN);
                }
                if(longdo.Layers.NORMAL_TRANSPARENT) {
                    removeMapLayer(longdo.Layers.NORMAL_TRANSPARENT);
                }
            }
        
            if(/^traffic/i.test(mode_name)) {
                if(/traffic-en/i.test(mode_name)) {
                    mmmap2.Layers.setBase(new longdo.Layer('gray-en', { url: 'https://ms.longdo.com/mmmap/img.php' }));
                } else {
                    mmmap2.Layers.setBase(new longdo.Layer('gray', { url: 'https://ms.longdo.com/mmmap/img.php' }));
                }
                addMapLayer(longdo.Layers.TRAFFIC);
            } else if(/^filter/.test(mode_name)) {
                var filter_mode = mode.replace(/^filter_/i, "");
                mmmap2.Layers.setBase(longdo.Layers.NORMAL);
                mmmap2.enableFilter(longdo.Filter[filter_mode]);
            } else {
                if(/^heremap/.test(mode_name) || mode_name == 'herenormal') {
                    if(!longdo.Layers[mode]) {
                        if(mode_name == 'heremap-satellite') {
                            longdo.Layers[mode] = new longdo.Layer('heremap-satellite', {
                                type: longdo.LayerType.Custom,
                                url: function(projection, tile, zoom, hd) {
                                        return 'http://2.aerial.maps.cit.api.here.com/maptile/2.1/maptile/newest/hybrid.day/' + zoom + '/' + tile.u + '/' + tile.v + '/256/png8?app_id=aoyV_S2WVTUIBFEvBPYC&token=6I_DPF_I-ACVtqWrMGiURQ';
                                },
                                zoomRange: { min: 1, max: 20 },
                            });
                        } else if(mode_name == 'heremap-street') {
                            longdo.Layers[mode] = new longdo.Layer('heremap-street', {
                                type: longdo.LayerType.Custom,
                                url: function(projection, tile, zoom, hd) {
                                        return 'http://1.base.maps.cit.api.here.com/maptile/2.1/maptile/newest/normal.day/'+ zoom + '/' + tile.u + '/' + tile.v + '/256/png8?app_id=aoyV_S2WVTUIBFEvBPYC&token=6I_DPF_I-ACVtqWrMGiURQ';
                                },
                                zoomRange: { min: 1, max: 20 },
                            });
                        } else { // mode_name == 'herenormal'
                            longdo.Layers[mode] = new longdo.Layer('herenormal', { url: MAPSERVER_IMG_URL });
                        }
                    }
                } /* else if (/^esri/.test(mode_name)) {
                    mode = "ESRI";
                    longdo.Layers[mode] = new longdo.Layer('esri', {
                        type: longdo.LayerType.Custom,
                        url: function(projection, tile, zoom, hd) {
                        return 'https://server.arcgisonline.com/ArcGIS/rest/services/World_Topo_Map/MapServer/tile/'
                        + '/' + zoom + '/' + tile.v + '/' + tile.u;
                        },
                        zoomRange: { min: 1, max: 20 }
                    });
                }*/
                
                if (/^thaichote/.test(mode_name)) {
                    var normaltrans_layer = /thaichote-en/i.test(mode_name) ? 'NORMAL_TRANSPARENT_EN' : 'NORMAL_TRANSPARENT';
                    if(!longdo.Layers[normaltrans_layer]) {
                        longdo.Layers[normaltrans_layer] = new longdo.Layer('normaltransp', { url: 'https://ms.longdo.com/mmmap/img.php' });
                    }
                    addMapLayer(longdo.Layers[normaltrans_layer]);
                    mode = 'THAICHOTE';
                    mode_name = 'thaichote';
                }
                
                if (/^terrain/.test(mode_name)) {
                    var normaltrans_layer = new longdo.Layer('normaltransp', { url: self._mapserver_img_url, zoomRange: { min: 1, max: 11 } });
                    addMapLayer(normaltrans_layer);
                }

                if (/^bing-virtualearth/.test(mode_name)) {
                    mode = 'BING_VIRTUALEARTH';
                    mode_name = 'bing_virtualearth';

                    longdo.Layers[mode] = new longdo.Layer('bing_virtualearth', { type: longdo.LayerType.WMS, url: 'https://msq.longdo.com/service', zoomRange: {min: 1, max: 19}});

                    var normaltrans_layer = /bing_virtualearth_en/i.test(mode_name) ? 'NORMAL_TRANSPARENT_EN' : 'NORMAL_TRANSPARENT';
                    if(!longdo.Layers[normaltrans_layer]) {
                        longdo.Layers[normaltrans_layer] = new longdo.Layer('normaltransp', { url: 'https://ms.longdo.com/mmmap/img.php' });
                    }
                    addMapLayer(longdo.Layers[normaltrans_layer]);
                }
            }
        }
        
        if(mode == 'POI' || mode == 'POI_EN' || mode == 'GRAY' || mode == 'GRAY_EN' || mode == 'NORMAL' || mode == 'NORMAL_EN') {
            longdo.Layers[mode] = new longdo.Layer(mode_name, { url: 'https://ms.longdo.com/mmmap/img.php' });
            mmmap2.Layers.setBase(longdo.Layers[mode]);

            longdo.Layers['landparcel_zoom19'] = new longdo.Layer('dol_hd', {
                url: self._mapserver_img_url,
                zoomRange: {min: 17, max: 20},
                source: {max: 19},
                opacity: 0.145,
                weight: 50
            });
            mmmap2.Layers.add(longdo.Layers['landparcel_zoom19']);

            $(mmmap2.placeholder()).addClass('land-parcel-filter');
        } else {
            if(longdo.Layers[mode] && !/^traffic/i.test(mode)) {
                mmmap2.Layers.setBase(longdo.Layers[mode]);
            }
        }
    } catch(ex) {
        console.log('setMapMode: ' + ex.message);
    }
}

function clearAllPopup() {
    if(typeof map != 'undefined' && typeof mmmap2 == 'undefined') mmmap2 = map;
    if(!mmmap2 || !mmmap2.Overlays || !mmmap2.Overlays.geometry) return false;
    var all_overlay = mmmap2.Overlays.list();
    if(all_overlay) {
        var num_overlay = all_overlay.length;
        var obj;
        for(var i=0; i<num_overlay; i++) {
            obj = all_overlay[i];
            if(obj && obj instanceof longdo.Popup) {
                clearPopup(obj);
            }
        }
    }
}
function clearAllTag() {
    if(typeof map != 'undefined' && typeof mmmap2 == 'undefined') mmmap2 = map;
    if(!mmmap2) return false;
    mmmap2.Tags.clear();
}
function clearAllMarker() {
    if(typeof map != 'undefined' && typeof mmmap2 == 'undefined') mmmap2 = map;
    if(!mmmap2) return false;
    var all_overlay = mmmap2.Overlays.list();
    if(all_overlay) {
        var num_overlay = all_overlay.length;
        var obj;
        for(var i=0; i<num_overlay; i++) {
            obj = all_overlay[i];
            if(obj && obj instanceof longdo.Marker) {
                clearMarker(obj);
            }
        }
    }
    //mmmap2.Overlays.clear();
}
function clearAllGeom() {
    if(typeof map != 'undefined' && typeof mmmap2 == 'undefined') mmmap2 = map;
    if(!mmmap2 || !mmmap2.Overlays || !mmmap2.Overlays.geometry) return false;
    var all_overlay = mmmap2.Overlays.list();
    if(all_overlay) {
        var num_overlay = all_overlay.length;
        var obj;
        for(var i=0; i<num_overlay; i++) {
            obj = all_overlay[i];
            if(obj && (obj instanceof longdo.Circle || obj instanceof longdo.Polycurve || obj instanceof longdo.Polygon || obj instanceof longdo.Polyline)) {
                clearShape(obj);
            }
        }
    }
    //mmmap2.Overlays.clear();
}

function getShapeType(shape) {
    if(!longdo) return false;
    
    if(shape instanceof longdo.Polygon) {
        return 'polygon';
    } else if(shape instanceof longdo.Polyline) {
        return 'line';
    } else if(shape instanceof longdo.Circle) {
        return 'ellipse';
    }
    return false;
}

function markPOI(id,name,lat,mylong,showlevel,info) {
    markPOIandZoom(id,name,lat,mylong,showlevel,info,0);
}
function markPOIandZoom(id,name,lat,mylong,showlevel,info,dozoom,maxwidth,maxheight,fixpopupsize,wrapcontent) {
    if (id != -1) {
        markPoint(id,name,lat,mylong);
    }

    if ( dozoom == 1 ) {
        if (showlevel > mapZoom()) {
            mapZoom(showlevel);
        }
        moveLocation(lat,mylong);
    } else if(dozoom == 2) {
        mapZoom(showlevel);
        moveLocation(lat,mylong);
    } else {
        moveLocationWhenOutOfBoundary(lat,mylong);
    }
    
    /*
    var popup_idx = 0;
    showLocationDetailPopup(id,name,mylong,lat,'',popup_idx);
    
    if (info == "" && (id+"" != "") && (id > -1 || (/^H/i.test(id)) )) {
            // get from network
            if (window.showLocationDetail && !(/^H/i.test(id)) ) {
                    showLocationDetail(id, popup_idx);
            } else {
                    mmmap.showLocationDetail(id, popup_idx);
            }
    } else {
            // otherwise just print what I have
            showDiv("locationdetails_contents", info);

            //setTimeout("set_popup_div_size('" + info + "','" + popup_idx + "');",400);
            mmmap_set_popup_div_size(popup_idx);
    }
    */
    
    showLocationDetailPopup(id,name,mylong,lat,info);
}
function showLocationDetailPopup(id,name,mylong,lat,detail) {
    if(typeof map != 'undefined' && typeof mmmap2 == 'undefined') mmmap2 = map;
    var bool_force_id = (typeof(id) != 'undefined' && id !== false && id+'' !== '-1');

    if(bool_force_id) {
        id = getOOIID(id);
        if(!detail) {
            detail = loading_popup;
        }
    }
    
    var popup = new longdo.Popup(
        { lon: mylong, lat: lat },
        {
            title: name,
            detail: detail
        }
    );
    
    if(bool_force_id) {
        popup.poi_id = id;
    }
    
    mmmap2.Overlays.add(popup);
    
    if(bool_force_id) {
        showPopupLocationDetail(id, popup);
    }
}
function markPoint(id,name,lat,mylong,marker_op,info) {

  var imageObject = document.createElement('img');

  imageObject.mark_lat = lat;
  imageObject.mark_long = mylong;

  imageObject.poi_id = id;
  imageObject.title = name;
  imageObject.onmousedown = poiClicked;
  imageObject.border=0;
  imageObject.style.zIndex = 1000;
  imageObject.style.cursor = "pointer";

  var pin_h = 42;
  var pin_w = 30;

  //imageObject.src="//mmmap15.longdo.com/mmmap/images/pin.png";
  imageObject.src="/mmmap/images/ic_pin.svg";
  imageObject.style.height=pin_h + 'px';
  imageObject.style.width=pin_w + 'px';
  imageObject.className='marker-pin-default';

  drawMarker(imageObject, lat, mylong, name, (info ? info : ''), id, {offset: {x: (pin_w/2), y: pin_h }}, marker_op);

  /* var imageShadow = document.createElement('img');

  // store the location/resolution
  imageShadow.mark_lat = lat;
  imageShadow.mark_long = mylong;
  imageShadow.poi_id = id;
  imageShadow.onmousedown = poiClicked;
  imageShadow.border=0;
  imageShadow.style.zIndex = 900;
  if(browser=='IE' && version<7) {
    imageShadow.src="//mmmap15.longdo.com/mmmap//images/pin_shadow.gif";
  }
  else imageShadow.src="//mmmap15.longdo.com/mmmap//images/pin_shadow.png";
  
  drawMarker(imageShadow, lat, mylong, name, (info ? info : ''), id, {offset: { x: 12, y: 6 }}, marker_op); */

  return;
}

function refreshMyFavoriteIcons() {
    hideMyFavoriteIcons();
    showMyFavoriteIcons();
}

function hideMyFavoriteIcons() {
    if (!(typeof user_uid != 'undefined' && isNumber(user_uid) && user_uid > 0) || !longdomap || getSelectedMapdata() == 'tomtom') {
        return;
    }
    longdomap.hideMyFavoritePOIs();
}

function showMyFavoriteIcons() {
  if (!(typeof user_uid != 'undefined' && isNumber(user_uid) && user_uid > 0) || !longdomap || getSelectedMapdata() == 'tomtom') {
    return;
  }
  longdomap.showMyFavoritePOIs();
}

function poiClicked(e) {
  if(document.getElementById('mmmap-popup-trafficcamera-image') && window.stop) {window.stop();} // stop mjpeg process
  this.poiClicked = true;
	highLightPOI(this.poi_id);

	mmmap.updateMouseCursorLocation();

	// FIXME now supports only popup_idx = 0
	//var popup_idx = 0;
	var popup_idx = 0; //mmmap.popupinfo.length;
	// FIXME right now supports only one popup
	if (typeof(mmmap.popupinfo[popup_idx]) == 'undefined') {
		mmmap.popupinfo[popup_idx] = new Object();
	}

	// save _lat, _long, ..... to this.popupinfo[this.popupinfo.length]
	//mmmap.popupinfo[popup_idx].lat = pointToLat(mouse_cursor_y,resolution);
	//mmmap.popupinfo[popup_idx].lon = pointToLong(mouse_cursor_x,resolution);
	var lat = this.mark_lat ? this.mark_lat : pointToLat(mouse_cursor_y,resolution);
	var lon = this.mark_long ? this.mark_long : pointToLong(mouse_cursor_x,resolution);
	mmmap.popupinfo[popup_idx].lat = lat;
	mmmap.popupinfo[popup_idx].lon = lon;

	showLocationDetailPopup(this.poi_id,this.title,lon, lat, '', popup_idx);

  if (this.poi_id && /^CAMERA/i.test(this.poi_id)) {
		mmmap.popupinfo[popup_idx].maxwidth = 355;
		mmmap.popupinfo[popup_idx].maxheight = 350;
		mmmap.popupinfo[popup_idx].wrapcontent = false;
		mmmap.popupinfo[popup_idx].fixpopupsize = true;
	} else {
    mmmap.popupinfo[popup_idx].wrapcontent = true;
    mmmap.popupinfo[popup_idx].fixpopupsize = false;
    mmmap.popupinfo[popup_idx].maxwidth = false;
    mmmap.popupinfo[popup_idx].maxheight = false;
  }

	if (window.showLocationDetail) {
		showLocationDetail(this.poi_id, popup_idx);
	} else {
		mmmap.showLocationDetail(this.poi_id, popup_idx);
	}

	// NOT propagate the event
	if (!e) var e = window.event;
	return cancelEvent(e);
}

function setSizeMapArea(map_div, w, h) {
    if(typeof map != 'undefined' && typeof mmmap2 == 'undefined') mmmap2 = map;
    if(!mmmap2) return false;

    if(typeof(map_div) == 'string') {
        map_div = document.getElementById(map_div);
    }
    
    if(!map_div || typeof(map_div) != 'object') return;
    
    map_div.style.width = w + 'px';
    map_div.style.height = h + 'px';
    
    mmmap2.resize();
}

function hideMapTools(tool) {
    if(typeof map != 'undefined' && typeof mmmap2 == 'undefined') mmmap2 = map;
    if(!mmmap2 || !mmmap2.Ui) return false;
    switch(tool) {
        case 'centermark':
            if(mmmap2.Ui.Crosshair && mmmap2.Ui.Crosshair.visible) mmmap2.Ui.Crosshair.visible(false);
            break;
        case 'zoombar':
            if(mmmap2.Ui.Zoombar && mmmap2.Ui.Zoombar.visible) mmmap2.Ui.Zoombar.visible(false);
            break;
        case 'movingpad':
            if(mmmap2.Ui.DPad && mmmap2.Ui.DPad.visible) mmmap2.Ui.DPad.visible(false);
            break;
        case 'controltools':
            if(mmmap2.Ui.Toolbar && mmmap2.Ui.Toolbar.visible) mmmap2.Ui.Toolbar.visible(false);
            break;
        case 'mapmodeselector':
            if(mmmap2.Ui.LayerSelector && mmmap2.Ui.LayerSelector.visible) mmmap2.Ui.LayerSelector.visible(false);
            if(mmmap2.Ui.LongdoMapModeSelector && mmmap2.Ui.LongdoMapModeSelector.visible) mmmap2.Ui.LongdoMapModeSelector.visible(false);
            break;
        case 'scalebar':
            if(mmmap2.Ui.Scale && mmmap2.Ui.Scale.visible) mmmap2.Ui.Scale.visible(false);
            break;
        default:
        break;
    }
}

function isShowingTag(tagname) {
    if(typeof map != 'undefined' && typeof mmmap2 == 'undefined') mmmap2 = map;
    var tag_list = mmmap2.Tags.list();
    if(tag_list) {
        for(var i=0; i<tag_list.length; i++) {
            if(tag_list[i].toLowerCase() == tagname.toLowerCase()) {
                return true;
            }
        }
    }
    return false;
}

function focusBusRoute(sid) {
    if(typeof map != 'undefined' && typeof mmmap2 == 'undefined') mmmap2 = map;
    if(!isShowingTag('bus_stop') && !isShowingTag('ป้ายรถเมล์')) {
        clearBusStopTagfromSearching();
        _tag_busstop_from_searching.push('__ldmap_bus:'+sid);
        showTag('__ldmap_bus:'+sid, {}, true);
    }
    
    clearStartStopBusStopMarker();
    
    var busRoute, busRouteColor;
    var allOverlays = mmmap2.Overlays.list();
    
    if(allOverlays && allOverlays.length > 0) {
        var num_overlays = allOverlays.length;
        for(var i=0; i<num_overlays; i++) {
            busRoute = allOverlays[i];
            if(busRoute && busRoute instanceof longdo.Polyline && busRoute.type == 'SID') {
                busRouteColor = busRoute.lineColor;
                if(!busRoute.lineColorOriginal) {
                    busRoute.lineColorOriginal = busRouteColor;
                }
                if(busRoute.data.myid != sid) {
                    busRoute.update({lineColor: busRouteColor.replace(/,(\d)+(\.\d+)*\)$/, ',0.45)'), lineWidth: 5});
                } else {
                    busRoute.update({lineColor: busRoute.lineColorOriginal, lineWidth: 10});
                    if (busRoute.data.start_point) {
                        var imageObject = document.createElement('img');
                        imageObject.src="//mmmap15.longdo.com/mmroute/images/dest0.png";
                        var start_bus_stop = drawMarker(imageObject, busRoute.data.start_point.lat, busRoute.data.start_point.lon, false, false, false, {offset: { x: 16, y: 45 }}, {longdomap: {markertype: 'startstopbusstop'}});
                    }
                    if (busRoute.data.stop_point) {
                        var imageObject = document.createElement('img');
                        imageObject.src="//mmmap15.longdo.com/mmroute/images/destLast.png";
                        var stop_bus_stop = drawMarker(imageObject, busRoute.data.stop_point.lat, busRoute.data.stop_point.lon, false, false, false, {offset: { x: 16, y: 45 }}, {longdomap: {markertype: 'startstopbusstop'}});
                        //var stop_bus_stop = drawDot(busRoute.data.stop_point, 20, 'rgba(255, 0, 0, 1');
                        //stop_bus_stop.longdomap = {markertype: 'startstopbusstop'};
                    }
                }
            }
        }
    }
    
    /* if(firstBusStop && lastBusStop) {
        var firstPoint = new longdo.Circle(firstBusStop, 0.001, { title: mylang == 'th' ? 'จุดเริ่มต้น' : 'Start point', lineWidth: 3, lineColor: 'rgba(0, 255, 0, 0.8)', fillColor: 'rgba(0, 255, 0, 0.4)' });
        firstPoint.busStopPoint = true;
        var lastPoint = new longdo.Circle(lastBusStop, 0.001, { title: mylang == 'th' ? 'จุดสิ้นสุด' : 'End point', lineWidth: 3, lineColor: 'rgba(255, 0, 0, 0.8)', fillColor: 'rgba(255, 0, 0, 0.4)' });
        lastPoint.busStopPoint = true;
        mmmap2.Overlays.add(firstPoint);
        mmmap2.Overlays.add(lastPoint);
    } */
}
function LongdomapNews(obj) {
    let _lang = obj.lang;
    let _disable_label = _lang === 'th' ? 'ไม่แสดงประกาศนี้อีก' : 'don\'t show again';
    let _close_label = _lang === 'th' ? 'ปิด' : 'close';
    let _cookie_name = 'disablelongdomapnews_songkran2020';
    let _cookie_day = 365;
    let _is_stop_ads = true;

    if (_is_stop_ads) {
        return;
    }

    let oldCookieNameList = [
        'disablelongdomapnews',
        'disablelongdomapnews_loykrathong2019',
        'disablelongdomapnews_promptpai9'
    ];
    oldCookieNameList.forEach(function(cookieName) {
        deleteCookie(cookieName);
    });

    if (readCookie(_cookie_name) === '1') {
        return;
    }

    $('body').append('<div id="longdomap-news" style="z-index: 9999; position: fixed; width: 100%; height: 100%; top: 0px; left: 0px; background-color: rgba(0, 0, 0, 0.6); display: flex; justify-content: center; align-items: center;"> \
        <div style="box-shadow: 0 0 6px 6px rgba(0, 0, 0, 0.2); width: 272px; height: 400px; border-radius: 6px; overflow: hidden; background-color: rgb(255, 255, 255); position: relative;"> \
            <a href="https://map.longdo.com/songkran" target="_blank"> \
                <img style="width: 100%; height: 100%; display: block; cursor: pointer;" src="/themes/longdo/longdo-news-images/songkran2020_popup@3x.png" srcset="/themes/longdo/longdo-news-images/songkran2020_popup.png 1x, /themes/longdo/longdo-news-images/songkran2020_popup@2x.png 2x, /themes/longdo/longdo-news-images/songkran2020_popup@3x.png 3x"></img> \
            </a> \
            <div style="width: 100%; height: 32px; position: absolute; bottom: 0px; left: 0px;"> \
                <div style="height: 32px; position: absolute; bottom: 0px; left: 0px; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; padding: 6px; box-sizing: border-box;"> \
                    <input title="' + _disable_label + '" id="disable-longdomap-news" type="checkbox" class="float-left" onchange="settingLongdomapNews();"> \
                    <label title="' + _disable_label + '" for="disable-longdomap-news" style="font-size: 12px; color: #000000;">' + _disable_label + '</label> \
                    <div class="clear-float"></div> \
                </div> \
                <button title="' + _close_label + '" style="height: 32px; cursor: pointer; position: absolute; right: 0px; bottom: 0px; border: none; padding: 6px; background-color: transparent; font-size: 12px; color: #000000;" onclick="destroyLongdomapNews();"> \
                    <i class="fa fa-times"></i> \
                    ' + _close_label + ' \
                </button> \
            </div> \
		</div> \
	</div>');
    
    window.destroyLongdomapNews = function () {
        $('#longdomap-news').remove();
    };

    window.settingLongdomapNews = function () {
        let isChecked = $('#disable-longdomap-news').attr('checked');
        createCookie(_cookie_name, isChecked ? '1' : '0', _cookie_day);
    }
}
/*** longdo-tab ***/
var $frontpage_tab;

jQuery(window).resize(function() {
  setTimeout(resize_frontpage, 50);
});
        /*
jQuery(document).ready(function(){
  $frontpage_tab = jQuery("#longdomap-tabs").tabs({
    selectOnAdd: true,
    tabTemplate: '<li><a href="#{href}"><span class="location-tab-icon"></span>#{label}</a> <span class="ui-tab-close"></span></li>',
    select: function(event, ui) {
      if(ui.panel.id != "longdomap-tab") {
        if(jQuery.browser.msie && Math.floor(parseFloat(jQuery.browser.version, 10)) <= 7) {
          jQuery("#longdomap-tabs").find("ul.ui-tabs-nav").addClass("ui-tabs-nav-padding-bottom");
        }
        if(jQuery("#googlemap_div").length > 0) jQuery("#googlemap_div").hide();
      }
      else {
        if(jQuery.browser.msie && Math.floor(parseFloat(jQuery.browser.version, 10)) <= 7) {
          jQuery("#longdomap-tabs").find("ul.ui-tabs-nav").removeClass("ui-tabs-nav-padding-bottom");
        }

        if(jQuery("#googlemap_div").length > 0) jQuery("#googlemap_div").show();
      }
    },
    show: function(event, ui) {
      if(ui.panel.selector == "#longdomap-tab" && !mmmap) {
        initMap();
      }
    },
    add: function(event, ui) {
      //var path = ui.panel.id.replace("ooiid-", "");
      var path = ui.panel.id.replace("-", "/");
      jQuery("#"+ui.panel.id).load(path, function(response, status, xhr) {
        if (status == "error") {
          jQuery( "#"+ui.panel.id ).html("Couldn't load this tab.")
        }
      });
      resize_frontpage(true);
    },
    spinner: "",
    cache: true,
    cookie: {
			// store cookie for a day, without, it would be a session cookie
			expires: 1
		}
  });

  //showOOITab("kfofko", "A10000001");

  resize_frontpage();

});    */

var set_paging_tab = false;
function resize_frontpage(op) {
  var contentleft_w = typeof _longdomap_fullscreen == 'undefined' || _longdomap_fullscreen ? 0 : (jQuery("#content-left").width() + 1);
  // var contenttop_h = typeof _longdomap_fullscreen == 'undefined' || _longdomap_fullscreen ? 0 : (jQuery("#header").height() + jQuery("#longdomap-tabs ul.ui-tabs-nav").height() + 30 + 1);
  var contenttop_h = typeof _longdomap_fullscreen == 'undefined' || _longdomap_fullscreen ? 0 : (jQuery("#header").height() + 30 + 1);
  var iframe_minus_padding = 30;

  var right_content_w = (jQuery(window).width() - contentleft_w);
  var right_content_h = (jQuery(window).height() - contenttop_h);

  checkAreaForAdsIframe();

  var selected_tab_id = jQuery("#longdomap-tabs div.ui-tabs-panel")[getCurrentTabIndex()].id;
  if(op != 'resizeleftpanelonly') {

    iframe_panel_id = selected_tab_id.match(/iframe/i) ? selected_tab_id : false;

    var panel_id = iframe_panel_id ? iframe_panel_id : "longdomap-tabs .ui-tabs-panel"
    var panel_all_iframe_id = iframe_panel_id ? iframe_panel_id : "longdomap-tabs .ui-tabs-panel-iframe";

    jQuery("#longdomap-tabs").width("100%");
    jQuery("#"+panel_id).width(right_content_w - (iframe_panel_id ? 0 : iframe_minus_padding));
    
    jQuery("#longdomap-tabs ul.ui-tabs-nav").width(right_content_w - jQuery("#longdomap-jump").width() - jQuery("#longdomap-permalink").width() + 1);
    jQuery("#longdomap-tab").width("100%");

    // jQuery("#"+panel_id).height(right_content_h + (iframe_panel_id ? iframe_minus_padding : 0));
    // jQuery("#"+panel_all_iframe_id).height(right_content_h + iframe_minus_padding);

    if(!set_paging_tab) {
      jQuery("#longdomap-tabs").tabs("paging", { followOnSelect: true, selectOnAdd: true });
      jQuery("#longdomap-tabs").tabs("option", "ajaxOptions", {
        async: false,
        cache: true
      });
      set_paging_tab = true;
    }
    $("#longdomap-area").width("100%");
    $("#longdomap-area").height("100%");
  }

  if(op != 'resizetabonly') {
    var tab_content_area = jQuery(window).height() - jQuery("#header").height() - jQuery("#content-left-menu").height() - 3;
    var search_result_height = tab_content_area - jQuery("#search-tools-area").height() - jQuery("#truehits").height() - 12;
    var float_content_max_height = parseInt(jQuery('#content-left').css("max-height")) * 0.85;
    var tool_content_height = parseInt($("#content-left").height());
    var tool_content_top = parseInt($("#content-left").top());

    if (jQuery("#search-result").height() > $(document).height() * 0.6) {
      jQuery("#search-result").height(($(document).height()-200) * 0.6);
    } else {
      jQuery("#search-result").height($(document).height() * 0.6)
    }

    if(typeof longdomap_routing != 'undefiined' && longdomap_routing) {
      longdomap_routing.resizeRoutingResult(tab_content_area);
    }
    jQuery("#content-menu-routing-area").height("auto");
    
    iframe_panel_id = selected_tab_id.match(/iframe/i) ? selected_tab_id : false;
    $(".ui-tabs-panel-ooi").height(right_content_h + (iframe_panel_id ? iframe_minus_padding : 0))

    if ($(".recent-location-controller").children("i").hasClass("maximize"))
    adjest_result_content()

    // if ( $("#content-left-result").hasClass("maximize")) {
    //   jQuery("#content-left-result").top(tool_content_height + tool_content_top + 30)
    // }
    //FIXME API V2
    //if(mmmap && jQuery("#MMMAP_tag_catagories_contents") && jQuery("#MMMAP_tag_catagories_contents").length > 0) {
    //  mmmap.resizeDropdownContent(document.getElementById("MMMAP_tag_catagories_contents").parentNode, 13);
    //}
  }


  if(document.getElementById("moreIconTag") && document.getElementById("moreIconTag").style.visibility == "visible") {
    resizeMoreIconTagDiv();
  }

  $(window).scrollTop(0);

  if(mmmap2) {
    mmmap2.Event.bind('ready', function(obj) {
      mmmap2.resize();
      mmmap2.repaint(true);
    });
  }
  if(mmmap_map) mmmap_map.onResize();
  if(mmmap_map && mmmap_map.longdomap_pano) {
    mmmap_map.longdomap_pano.onResize();
  }
}

function resizeMoreIconTagDiv() {
  if (!document.getElementById("moreIconTag")) {
    return;
  }
  var window_h = window.innerHeight||document.documentElement.clientHeight||document.body.clientHeight||0;
  var logo_h = document.getElementById("logo-area") ? document.getElementById("logo-area").clientHeight || document.getElementById("logo-area").offsetHeight||0 : 0;
  var header_h = document.getElementById("header-bar").clientHeight || document.getElementById("header-bar").offsetHeight||0;
  var searchtools_h = document.getElementById("content-left-tag").offsetTop;
  var suggestheight = window_h - header_h - logo_h - searchtools_h - document.getElementById("moreIconTag").offsetTop - 40;

  document.getElementById("moreIconTag").style.maxHeight = suggestheight+"px";
}function Longdomap(obj) {
    
    this.constructor = function (obj) {
        document.longdomap_map = this;
        
        this._supportLocale = ['en', 'th'];
        this._map = obj.map;
        this._lang = obj.lang; // (this._supportLocale.include(obj.lang)) ? obj.lang : this._supportLocale[0];
        this._lib = new LongdoLib();
        this._mmmap_lib = new LongdomapLib(obj);
        if(!this._mmmap_lib._map) {
            this._mmmap_lib.constructor(obj);
        }
        
        //if (Longdopano && this._map && getSelectedMapdata() == 'numap') {
			this.longdomap_pano =  new Longdopano({map: this._map, lang: this._lang});
            this.longdomap_pano.constructor({map: this._map, lang: this._lang}); // support IE, remove when use es6
		//}
    }
    
    this.initFullscreenButton = function () {
        //$(".ldmap_button.ldmap_fullscreen").hide();
        $(".ldmap_fullscreen").click(function (){
            document.longdomap_map._map.Ui.Fullscreen.toggle(!document.longdomap_map._map.Ui.Fullscreen.visible());
        });
    }
    
    this.onResize = function () {
        let window_size = this._lib.getElementSize(window);
        let ldtop_fit = this._lib.getElementSize('#header').h + 10;
        
        let searchbox_h_space = 273;
        
        this._lib.setElementStyle('#longdomap-tab, #longdomap-tabs, #longdomap-area', {height: window_size.h + 'px'});
        this._lib.setElementStyle('.ldmap_navigation', {left: (window_size.w - 70) + 'px', top: ldtop_fit + 'px'});
        this._lib.setElementStyle('.ldmap_topright', {right: "8px", top: ldtop_fit + 'px'});
        
        
        this._lib.setElementStyle('ul.ui-tabs-nav', {display: "none"});
        
        let content_left_height = searchbox_h_space;
  
        if (currentactive_tab == "pois") { // fixme : reduce use global variable
            var searchbox_h = searchbox_h_space - 85;
            this._lib.setElementStyle('.content-left-content-area', {height: searchbox_h+'px'});
            this._lib.setElementStyle('#content-left-result', {height: (window_size.h-searchbox_h_space) + 'px'});
        } else {
            this._lib.setElementStyle('.content-left-content-area', {height: '50%'});
            this._lib.setElementStyle('#content-left-result', {height: (window_size.h-(content_left_height+75)) + 'px'});
            this._lib.setElementStyle('#recent-location-content', {height: (this._lib.getElementSize('#content-left-result').h - 40) + 'px'});
        }
        
        this._lib.setElementStyle('#content-menu-routing-area', {height: 'auto'});
        this._lib.setElementStyle('#content-left-result', {maxHeight: (window_size.h-(content_left_height+100)) + 'px'});
        this._lib.setElementStyle('#recent-location-content, #routing-result', {height: (this._lib.getElementSize('#content-left-result').h - 40) + 'px'});
        ///this._lib.setElementStyle('#content-left-result', {display: "block"});
        
        this._lib.setElementStyle('#map-shadow-left', {height: (this._lib.getElementSize('#longdomap-area').h - this._lib.getElementSize('#map-shadow-corner').h) + 'px'});
        this._lib.setElementStyle('#map-shadow-top', {width: (this._lib.getElementSize('#longdomap-area').w - this._lib.getElementSize('#map-shadow-corner').w) + 'px'});
        
        if (document.getElementById('content-left-result') && document.getElementById('content-left-result').classList.contains("minimize")) {
            this._lib.setElementStyle('#content-left-result', {top: (window_size.h - (this._lib.getElementSize('#recent-location-header').h + 5)) + 'px'});
		}
        
//        if (this._map.Ui.Fullscreen.visible()) {
//			this.hideElement('#content-left, #content-left-result, #content-left-suggest, #search-tools'); // hide search result
//		}
    }
    
    this.toggleMapFullscreen = function (state) {
        let ele = '#content-left, .ldmap_topleft, .ldmap_navigation, #header, #content-left-result, #content-left-suggest, #search-tools, .ldmap_topright';
        if (state) {
            this._lib.hideElement(ele);
            if (this.longdomap_pano && this.longdomap_pano.isShowPanorama) {
				this.longdomap_pano.hidePano();
			}
            minimize_maximize_result_content('hide'); // fixme
        } else {
            this._lib.showElement(ele);
            minimize_maximize_result_content('minimize'); // fixme
        }
    }
}function Longdopano() {
    
    this.constructor = function (obj) {
        document.longdopano = this;
        
        this._lang = obj.lang;
        this._map = obj.map;
        this._mmmap_lib = new LongdomapLib(obj);
        this._mmmap_lib.constructor(obj); // support IE, remove when use es6
        this._lib = new LongdoLib();
        
        this._splitBarColor = '#0074E5';
        this._splitBarWidthPixel = 4;
        this._minimapSize = 250;
        this._minimapPadding = 20;
        this._minimumMapSize = 300;
        this._minimumMapZoomLevel = 17;
        this._copyrightCustomId = 'longdomap-pano-copyright-inner';
        
        this._initPanoElement();
        
        this._textImageCapture = {th : 'ภาพถ่ายเมื่อ ', en: 'Captured on: '}
        
        try {
            this._mapPano = new longdo.PanoramaViewer({
                placeholder: this.pano_div,
                map: this._map,
                showPath: true,
                getLength : false,
                lang: (this._lang == 'th' ? longdo.PanoramaViewer.LANGUAGE.TH : longdo.PanoramaViewer.LANGUAGE.EN),
                server : 'https://pano.longdo.com',
                // server : 'https://pano-stage.longdo.com',
                sphere: true,
                loadingUi: true,
                // showPathDetail: true,
                panoControlUi: true,
                panoWidgetUi: true,
                panoRenderUi: true,
                isHD: false,
                autoStart: false,
                callBack: {
                    onPositionChange: function(lat, lon, head, frameTime, frameName) {
                        let loc = {lat:lat, lon:lon};
            
                        if (document.longdopano._mmmap_lib.isOutOfBoundary(loc)) {
                            document.longdopano._map.location(loc);
                        }
                        
                        let date = new Date(frameTime);
                        let capturedTime = document.longdopano._textImageCapture[document.longdopano._lang] + date.toLocaleDateString(document.longdopano._lang == 'th' ? 'th-TH' : 'en-US', {  
                            day: "numeric", year: "numeric", month: "short"
                        });
                        
                        let longdomap_copyright_div = document.getElementById(document.longdopano._copyrightCustomId);
                        if(!longdomap_copyright_div) {
                            let copyright_div = document.getElementById('ldpano-copyright-inner');
                            copyright_div.innerHTML = '<span id="' + document.longdopano._copyrightCustomId + '">' + capturedTime + '</span>' + (copyright_div.innerHTML ? " | " + copyright_div.innerHTML : '');
                        } else {
                            longdomap_copyright_div.innerHTML = capturedTime;
                        }
                        
                    },
                    
                    onOverlayClick: function(e){
                        document.longdopano.showPano(e.location());
                    },
        
                    onDropPoint: function(loc){
                        document.longdopano.showPano(loc);
                    },
                    onFullscreen: function(state){
                        document.longdopano.toggleFullscreen(state);
                    },
                }
            });
            this._mapPano.continueSeek(true);
        }
        catch(err) {
          console.log('Longdopano: ' + err.message);
        }
    }
    
    this._initPanoElement = function () {
        this.map_div = document.getElementById(this._map.placeholder().parentNode.id);
        if (this.map_div) {
            this.split_div = document.createElement("div");
            this.split_div.id = 'longdopano-area-split';
            this.map_div.parentNode.insertBefore(this.split_div, this.map_div.nextSibling);
            this.split_div.style.cursor = 'row-resize';
            this.split_div.style.zIndex = 3;
            this.split_div.style.backgroundColor = this._splitBarColor;
            //this.split_div.addEventListener("mouseover", (e) => { e.target.style.backgroundColor = '1'; });
            //this.split_div.addEventListener("mouseout", (e) => { e.target.style.backgroundColor = ''; });
            this.split_div.addEventListener("mouseover", function(e) { e.target.style.backgroundColor = '#6699ff'; });
            this.split_div.addEventListener("mouseout", function(e) { e.target.style.backgroundColor = document.longdopano._splitBarColor; });
            
            this.pano_div = document.createElement("div");
            this.pano_div.id = 'longdopano-area';
            this.pano_div.style.display = 'none';
            this.split_div.parentNode.insertBefore(this.pano_div, this.split_div.nextSibling);
            
            this.pano_close_button = document.createElement("div");
            this.pano_close_button.id = 'longdopano-close-button';
            this.split_div.parentNode.insertBefore(this.pano_close_button, this.split_div.nextSibling);
            this.pano_close_button.style.background = 'url("//api.longdo.com/map/images/close.png") center center #fff no-repeat';
            this.pano_close_button.style.borderRadius = '20px';
            //this.pano_close_button.style.border = '1px solid '+this._splitBarColor;
            this.pano_close_button.style.cursor = 'pointer';
            this.pano_close_button.style.width = '32px';
            this.pano_close_button.style.height = '32px';
            this.pano_close_button.style.position = 'absolute';
            this.pano_close_button.style.zIndex = 99999;
            this.pano_close_button.style.marginTop = '3px';
            this.pano_close_button.style.marginLeft = '3px';
            this.pano_close_button.style.opacity = '0.6';
            this.pano_close_button.alt = 'Close';
            this.pano_close_button.title = 'Close';
            //this.pano_close_button.addEventListener("click", () => { this.hidePano(); });
            //this.pano_close_button.addEventListener("mouseover", (e) => { e.target.style.opacity = '1'; });
            //this.pano_close_button.addEventListener("mouseout", (e) => { e.target.style.opacity = '0.6'; });
            this.pano_close_button.addEventListener("click", function() { document.longdopano.hidePano(); });
            this.pano_close_button.addEventListener("mouseover", function(e) { e.target.style.opacity = '1'; });
            this.pano_close_button.addEventListener("mouseout", function(e) { e.target.style.opacity = '0.6'; });
            
            this.pano_minimap_fullscreen_div = document.createElement("div");
            this.pano_minimap_fullscreen_div.id = 'longdopano-minimap-fullscreen-button';
            this.split_div.parentNode.insertBefore(this.pano_minimap_fullscreen_div, this.split_div.nextSibling);
            this.pano_minimap_fullscreen_div.style.display = 'none';
            this.pano_minimap_fullscreen_div.style.position = 'absolute';
            this.pano_minimap_fullscreen_div.style.width = '32px';
            this.pano_minimap_fullscreen_div.style.height = '32px';
            this.pano_minimap_fullscreen_div.style.zIndex = 99999;
            this.pano_minimap_fullscreen_div.style.zIndex = 99999;
            this.pano_minimap_fullscreen_div.style.opacity = '0.6';
            this.pano_minimap_fullscreen_div.style.cursor = 'pointer';
            this.pano_minimap_fullscreen_div.style.bottom = (this._minimapPadding + this._minimapSize - this._lib.getElementSize(this.pano_minimap_fullscreen_div).h_size) + 'px';
            this.pano_minimap_fullscreen_div.style.right = (this._minimapPadding + this._minimapSize - this._lib.getElementSize(this.pano_minimap_fullscreen_div).w_size * 1.5) + 'px';
            this.pano_minimap_fullscreen_div.style.background = 'url("//api.longdo.com/map/images/ui/fullscreen-up.png") center center no-repeat';
            //this.pano_minimap_fullscreen_div.addEventListener("click", () => { this._mapPano.fullscreen(false); });
            //this.pano_minimap_fullscreen_div.addEventListener("mouseover", (e) => { e.target.style.opacity = '1'; });
            //this.pano_minimap_fullscreen_div.addEventListener("mouseout", (e) => { e.target.style.opacity = '0.6'; });
            this.pano_minimap_fullscreen_div.addEventListener("click", function() { document.longdopano._mapPano.fullscreen(false); });
            this.pano_minimap_fullscreen_div.addEventListener("mouseover", function(e) { e.target.style.opacity = '1'; });
            this.pano_minimap_fullscreen_div.addEventListener("mouseout", function(e) { e.target.style.opacity = '0.6'; });
            
            if ($ && $('#'+this.split_div.id).length > 0 && $('#'+this.split_div.id).draggable) {
                $('#'+this.split_div.id).draggable({
                    axis: "y",
                    containment: '#longdomap-tabs',
					drag: function( event, ui ) {
                        document.longdopano.onResize(event.pageY);
				  }
				});
			}
		}
    }
    
    this.showPath = function () {
        if (this._mapPano && this.isShowPanorama) {
            this._mapPano.showPath();
			this._mapPano.location(this._mapPano.location());
		}
    }
    
    this.toggleFullscreen = function (state) {
        
        let ele = '.ldmap_fullscreen, #content-left, #header, #content-left-result, #content-left-suggest, #search-tools, #content-left';
        if (state) {
            this._lib.hideElement(ele);
            
            this.map_div.classList.add('minimap-with-pano');
            this._map.Ui.Scale.visible(false);
            this._map.Ui.Toolbar.visible(false);
            
            this._map.location(this._mapPano.location());
            this._map.resize();
            this._lib.hideElement('.ldmap_topright');
            this._lib.showElement('#longdopano-minimap-fullscreen-button');
        } else {
            this._lib.showElement(ele);
                
            this.map_div.classList.remove('minimap-with-pano');
            this._map.Ui.Scale.visible(true);
            this._map.Ui.Toolbar.visible(true);
            this._map.resize();
            this._lib.showElement('.ldmap_topright');
            this._lib.hideElement('#longdopano-minimap-fullscreen-button');
        }
    }
    
    this.showPano = function (loc) {
        if (this.map_div) {
            this._mapPano.showPath();
            if (!this.isShowPanorama) {
                if (this._map.Ui.Fullscreen.visible()) {
                    this._map.Ui.Fullscreen.toggle(false);
                }
                
                if (this._map.zoom() < this._minimumMapZoomLevel) {
					this._map.zoom(this._minimumMapZoomLevel);
				}
                
                minimize_maximize_result_content('hide'); // fixme
                
                this.pano_div.style.display = 'block';
                this.split_div.style.display = 'block';
                
                this.split_div.style.height = this._splitBarWidthPixel + 'px';
                
                this.pano_div.style.width = '100%';
                this.split_div.style.width = '100%';
                
                this.map_div.style.position = 'static';
                
                this.isShowPanorama = true;
                
                if(loc){
                    if(!this._mapPano.isStarted()) {
						this._mapPano.start(loc);
					} else {
                        this._mapPano.location(loc);
                    }
                    
                }
            
                this.onResize();
                
                if (!this.isInitPanorama) {
                    
                    window.onresize = function() {
                        document.longdopano.onResize();
                    };
                    
                    this.isInitPanorama = true;
                }
			} else {
                this._mapPano.location(loc);
			}
		}
    }
    
    this.onResize = function (pano_spit_offsettop) {
        if (this.isShowPanorama) {
            let isPanoFullscreen = this._mapPano.fullscreen();
            if (!this.customResizeMapPanoPffsetTop && typeof(pano_spit_offsettop) == 'undefined') {
                this.map_div.style.height = (this._lib.getElementSize(window).h/2 - (this._splitBarWidthPixel/2)) + 'px';
                if(!isPanoFullscreen) {
                    this.pano_div.style.height = (this._lib.getElementSize(window).h/2 - (this._splitBarWidthPixel/2)) + 'px'; // 'calc(50vh - '+(this._splitBarWidthPixel/2)+'px)';
                }
            } else {
                if (typeof(pano_spit_offsettop) == 'undefined') {
                    pano_spit_offsettop = this.customResizeMapPanoPffsetTop;
                } else {
                    this.customResizeMapPanoPffsetTop = pano_spit_offsettop;
                }
                
                if (pano_spit_offsettop < this._minimumMapSize) {
                    pano_spit_offsettop = this._minimumMapSize;
                } else if (pano_spit_offsettop > this._lib.getElementSize(window).h - this._minimumMapSize) {
                    pano_spit_offsettop =  this._lib.getElementSize(window).h - this._minimumMapSize;
                }
                
                if (pano_spit_offsettop >  this._lib.getElementSize(window).h - 100 || pano_spit_offsettop < 100) {
                    pano_spit_offsettop =  this._lib.getElementSize(window).h/2;
                }
                this.map_div.style.height = pano_spit_offsettop + 'px';
                
                if(!isPanoFullscreen) {
                    this.pano_div.style.height = (this._lib.getElementSize(window).h - (pano_spit_offsettop + this._splitBarWidthPixel)) + 'px';
                }
            }
        } else {
            if(!this.mapDivHeightOriginal) {
                this.mapDivHeightOriginal =  this._lib.getElementSize(window).h + 'px'; // this.map_div.style.height;
            }
            this.map_div.style.height = this._lib.getElementSize(window).h + 'px'; // this.mapDivHeightOriginal;
        }
        
        this._map.resize();
        if(this._mapPano) {
            this._mapPano.resize();
        }
    }
    
    this.hidePano = function () {
        if (this._mapPano.play()) {
            this._mapPano.play(false);
        }
        if (this._mapPano.fullscreen()) {
			this._mapPano.fullscreen(false);
		}
        if (this.pano_div) {
            this.pano_div.style.display = 'none';
            this.split_div.style.display = 'none';
            
            minimize_maximize_result_content('minimize'); // fixme
            
            this._map.Overlays.remove(this._mapPano.currentLocationMarker());
            
            this.isShowPanorama = false;
		}
        
        this._mapPano.clear();
        this._mapPano.hidePath();
        
        this.onResize();
    }
}
function LongdomapLib() {
    const self = this;
    
    this.constructor = function (obj) {
        this._map = obj.map;
        this._lang = obj.lang;
        this._lib = new LongdoLib(obj);
        this._loading_popup = "<div style='text-align:center; margin:10px auto; width:200px;'><img src='https://map.longdo.com/mmmap/images/loading.gif'></div>";
        this._ws_url = '/ws/';
    }
    
    this.getOOIID = function(id, prefix) {
        if(typeof prefix == 'undefined') {
            prefix = 'A'
        }
        if(this._lib.isInt(id) && id+'' != '-1') {
            while (id.length < 8) {
                id = "0" + id;
            }
            id = prefix + id;
        }
        return id;
    }
    
    this.mapBoundary = function (bound, pivot) {
        if(bound)
            this._map.bound(bound, pivot);
        else
            return this._map.bound();
    }

    this.pointArrayIsOutOfBoundary = function(point_array) {
        var boundary = this.getMinMaxBoundary(point_array);
        return boundaryIsOutOfBoundary(boundary);
        
    }
    
    this.boundaryIsOutOfBoundary = function(boundary) {
        if(!boundary) return false;
        
        var outofboundary = false;
        
        if(!outofboundary) {
            outofboundary = this.isOutOfBoundary({'lat': boundary.minLat, 'lon': boundary.minLon});
        }
        if(!outofboundary) {
            outofboundary = this.isOutOfBoundary({'lat': boundary.maxLat, 'lon': boundary.minLon});
        }
        if(!outofboundary) {
            outofboundary = this.isOutOfBoundary({'lat': boundary.minLat, 'lon': boundary.maxLon});
        }
        if(!outofboundary) {
            outofboundary = this.isOutOfBoundary({'lat': boundary.maxLat, 'lon': boundary.maxLon});
        }
        
        return outofboundary;
    }
    
    this.isOutOfBoundary = function (loc) {
        if(isNumber(loc.lat) && isNumber(loc.lon)) {
            let bound = this.mapBoundary();
            if ( loc.lat < bound.minLat || loc.lat > bound.maxLat || loc.lon < bound.minLon || loc.lon > bound.maxLon ) {
                return true;
            }
        }
        return false;
    }
    
    this.appropriateZoom = function(point_array, pivot) {
        this.mapBoundary(this.getMinMaxBoundary(point_array), pivot);
    }
    
    this.getMinMaxBoundary = function(obj, boundary) {
        var lat, lon;
        var num_points = obj.length;
        for(var  i=0; i<num_points; i++) {
            lat = parseFloat(obj[i].lat);
            lon = parseFloat(obj[i].lon);
            
            if(typeof(boundary) == 'undefined' || !boundary) {
                boundary = {maxLat: lat, minLat: lat, minLon: lon, maxLon: lon};
            } else {
                if(lat > boundary.maxLat) {
                    boundary.maxLat = lat;
                }
                if(lat < boundary.minLat) {
                    boundary.minLat = lat;
                }
                if(lon < boundary.minLon) {
                    boundary.minLon = lon;
                }
                if(lon > boundary.maxLon) {
                    boundary.maxLon = lon;
                }
            }
        }
        return boundary;
    }
    
    this.mapZoom = function(zoom) {
        if(!this._map) return false;
        if(this._lib.isNumber(zoom)) {
            this._map.zoom(zoom);
        } else {
            return this._map.zoom();
        }
    }
    
    this.clearMarker = function(marker) {
        this._map.Overlays.remove(marker);
    }
    
    this.drawMarker = function(markersrc, lat, lon, title, detail, id, icon_op, marker_op, animation) {
        if(!this._map || !longdo) return false;
        
        if(typeof animation == 'undefined' || !animation) {
            animation = false;
        }
        
        id = this.getOOIID(id); // fix me
        
        if(typeof(id) != 'undefined' && id !== false && id+'' !== '-1' && !detail) {
            detail = this._loading_popup;    
        }
        
        var _icon_op = {};
        if(typeof(markersrc) == 'object') {
            var wrap = document.createElement('div');
            wrap.appendChild(markersrc.cloneNode(true));
            markersrc = wrap.innerHTML;
            _icon_op.html = markersrc;
        } else if(typeof(markersrc) == 'string') {
            if (this._lib.isHTML(markersrc)) {
				_icon_op.html = markersrc;
			} else {
                _icon_op.url = markersrc;
            }
        }
        
        for(var property in icon_op) {
          if(typeof property == "string" && property != "") {      
            _icon_op[property] = icon_op[property];
          }
        }
        
        var location = { lon: lon, lat: lat };
        var markerop = {};
        markerop.title = title;
        markerop.icon = _icon_op;
        markerop.detail = detail;
        markerop.weight = longdo.OverlayWeight.Top;
        
        for(var property in marker_op) {
          if(typeof property == "string" && property != "" && property != "longdomap") {      
            markerop[property] = marker_op[property];
          }
        }
        
        var marker = new longdo.Marker(location, markerop);
        marker.mark_lat = lat;
        marker.mark_long = lon;
        if(id && id+'' != '-1') {
            marker.poi_id = id;
            marker.data = {'id': id};
        }
    
        if(marker_op) {
             if(marker_op.hidepopup) {
                marker.hidepopup = true;
            }                      
            if(marker_op.focusmarker) {
                marker.focusmarker = true;
            }
            if(typeof marker_op.longdomap != "undefined") {
                marker.longdomap = marker_op.longdomap
            }
        }
        
        if(animation) {
            this._map.Overlays.drop(marker);
        } else {
            this._map.Overlays.add(marker);
        }
        return marker;
    }
    
    this.showMyFavoritePOIs = function() {
        if(typeof longdomap != 'undefined') {
            longdomap.showMyFavoritePOIs();
        }
    }

    this.hideMyFavoritePOIs = function() {
        if(typeof longdomap != 'undefined') {
            longdomap.hideMyFavoritePOIs();
        }
    }

    this.showIconPoisVector = function() {
        const T = 'font: 12px/1.4 sans-serif; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;';
        const S = 'text-shadow: -1px -1px %23fff, 1px -1px %23fff, -1px 1px %23fff, 1px 1px %23fff;';
        longdo.MapTheme.tag.labelStyle = {
            default: T + S + 'color: rgba(93, 93, 93, 0.75);'
        };
        showTag('%', { label: true, icon: 'small', visibleRange: { min: 9, max: 20, overwrite: {  20: 'default' }}}, true);
        this._map.Event.bind('overlayHover', function(overlay) {self.changeLabelColor(overlay, '93, 93, 93', '17, 52, 166')})
            .bind('overlayLeave', function(overlay) {self.changeLabelColor(overlay, '17, 52, 166', '93, 93, 93')});
    }

    this.changeLabelColor = function(overlay, from ,to) {
        if (overlay.svg && overlay.type == 't') {
            let image = overlay.element();
            image.src = image.src.replace(from, to);
            setTimeout(this._map.repaint, 10, 'O');
        }  
    }

    this.generatePopupDetail = function(data) {
        var place_type = self._lang == 'th' ? data.place_type_th : data.place_type_en;
        var address = self._lang == 'th' ? data.address_th : data.address_en;
        var content = '\
        <div class="longdomap-popup-details">';
        
        content += '<div class="longdomap-popup-name-lang">' + 
            (self._lang == 'th' ? data.name_en : data.name_th) + 
            (place_type ? ' <span class="longdomap-popup-placetype"> : ' + place_type + '</span>' : '') + 
        '</div>';

        content += '<div class="longdomap-popup-details-content">';

        if(data.thumbnail) {
            content += '<div class="longdomap-popup-thumbnail">\
                    <img src="'+data.thumbnail+'"/>\
                </div>';
        }
        // <img onclick="if(window.showOOITab&amp;&amp;false)showOOITab(&quot;&quot;,&quot;A10000001&quot;,&quot;image-540501&quot;); else window.open(&quot;/p/A10000001/info#image-540501&quot;);" src="/drupal-nodes-backup/create_square_thumb.php?img=files/images/2020/12/29/20201229203042_17180&amp;size=70" alt="บริษัท เมตามีเดีย เทคโนโลยี จำกัด's image" title="ภาพของสถานที่นี้" style="margin:3px 0; cursor:pointer;">

        if(data.datasource && data.datasource.source) {
            content += '<div class="place-details-row"><i class="fas fa-search-location iconlabel" title="OOI ID"></i><span class="place-description">' + data.id + '</span></div>';
        }
        if(address) {
            content += '<div class="place-details-row"><i class="fas fa-map-marker-alt iconlabel" title="Address / ที่อยู่"></i><span class="place-description">' + address + '</span></div>';
        }
        if(data.telephone) {
            content += '<div class="place-details-row"><i class="fas fa-phone-alt iconlabel" title="Tel. / เบอร์โทร"></i><span class="place-description">' + data.telephone + '</span></div>';
        }
        if(data.fax) {
            content += '<div class="place-details-row"><i class="fas fa-fax iconlabel" title="Fax / แฟ็กซ์"></i><span class="place-description">' + data.fax + '</span></div>';
        }
        if(data.website) {
            content += '<div class="place-details-row"><i class="fas fa-globe iconlabel" title="Website / เว็บไซต์"></i><span class="place-description"><a href="' + data.website + '" target="_blank">' + data.website + '</a></span></div>';
        }
        if(data.email) {
            content += '<div class="place-details-row"><i class="fas fa-envelope iconlabel" title="E-mail / อีเมล"></i><span class="place-description"><a href="mailto:' + data.email + '" target="_blank">' + data.email + '</a></span></div>';
        }
        if(data.line) {
            content += '<div class="place-details-row"><i class="fab fa-line iconlabel" title="Line"></i><span class="place-description">' + data.line + '</span></div>';
        }
        if(data.facebook) {
            content += '<div class="place-details-row"><i class="fab fa-facebook-square iconlabel" title="Facebook"></i><span class="place-description"><a href="' + data.facebook + '" target="_blank">' + data.facebook + '</a></span></div>';
        }
        if(data.working_hours) {
            content += '<div class="place-details-row"><i class="far fa-clock iconlabel" title="Working Hours / เวลาทำการ"></i><span class="place-description">' + data.working_hours + '</span></div>';
        }

        if(data.datasource) {
            content += '<table cellpadding="0" cellspacing="0" class="more-info">';
            for (var key in data.info){
                if (data.info.hasOwnProperty(key)) {
                    var title = key.charAt(0).toUpperCase() + key.slice(1);
                    var desc = data.info[key];

                    if(/^http(s{0,1}):/i.test(desc)) {
                        desc = '<a href="'+desc+'" target="_blank">'+desc.replace(/^http(s{0,1}):\/\//i, '')+'</a>'; 
                    } else {
                        desc = desc.charAt(0).toUpperCase() + desc.slice(1);
                    }
                    content += '<tr><th>'+title+': </th><td>'+desc+'</td></tr>';
                }
            }
            // if(data.iconfile) {
            //     content += '<tr><th>Type: </th><td><img height="20" src="'+data.iconfile+'"/></td></tr>';
            // }
            
            var datasource = data.datasource.source;
            if(data.datasource.logo) {
                datasource = '<img src="' + data.datasource.logo + '" class="longdomap-popup-details-ds-logo">' + datasource;
            }
            if(data.datasource.url) {
                datasource = '<a href="'+data.datasource.url+'" target="_blank">' + datasource + '</a>';
            }
            content += '<tr><th>' + (self._lang == 'th' ? 'ที่มา' : 'Source') + ': </th><td>' + datasource + '</td></tr>';
                
            content += '</table>';
        }

        content += '</div>\
        </div>';


        return content;
    }

    this.showOOIPopupDetail = function(id, overlay) {
        this._lib.callAjax(this._ws_url + 'place/info/basic', {method: 'get', parameters: 'id='+id, onSuccess: function(data) {
            var obj = JSON.parse(data.responseText);

            var content_html = self.generatePopupDetail(obj.data);

            var popup_overlay = false;
            if(overlay) {
                if(overlay.popup && overlay.popup()) {
                    if(!overlay.hidepopup) overlay.pop(true);
                    popup_overlay = overlay.popup();
                } else if(overlay instanceof longdo.Popup) {
                    popup_overlay = overlay;
                }
            }
            
            if(!popup_overlay) {
                popup_overlay = self._map.Ui.popup.get();
            }
            popup_overlay.detail(content_html);
            

            // setTimeout(function(){
            //     if($('.ldmap_popup_detail a[rel^="prettyText"]') && $('.ldmap_popup_detail a[rel^="prettyText"]').length > 0) {
            //         if($('.ldmap_popup_detail a[rel^="prettyText"]').prettyPhoto) {
            //         $('.ldmap_popup_detail a[rel^="prettyText"]').removeAttr("target");
            //         $('.ldmap_popup_detail a[rel^="prettyText"]').prettyPhoto({default_width: 400,default_height: 60});
            //         }
            //     }
            
            //     //if($("#location_popup_title") && $("#location_popup_title").length > 0 && $("#detail_0") && $("#detail_0").length > 0) {
            //     //    $("#location_popup_title").removeAttr('onclick');
            //     //    $("#location_popup_title").unbind('click').click(function(){
            //     //        eval($("#detail_0").attr('href').replace('javascript:', ''));
            //     //    });
            //     //}
            
            //     if($("#snippet_0") && $("#snippet_0").length > 0) {
            //         $("#snippet_0").click(function(event){
            //         event.stopPropagation();
            //         var ooiid = $("#snippet_0").attr('rel');
            //         createSnippetCodeByOOIID(ooiid);
            //         return false;
            //         });
            //     }
            
            //     if($("#link_0") && $("#link_0").length > 0 && typeof $.prettyPhoto == 'object') {
            //         var permalink_href = $("#link_0").attr('href') + '#?permalink=true';
            //         $("#link_0").attr('href', permalink_href);
            //     }
            // }, 500);
        
            // _resizeLongdoMapLocationPopupContent();
            // setTimeout(function(){
            //     _resizeLongdoMapLocationPopupContent();
            // }, 500);
        }});
    }
}function LongdomapLayer() {
    var self = this;
    this.constructor = function (obj) {
        document.longdomap_layers = this;
        this._lang = obj.lang;
        this._map = obj.map;

        this._baseurl_map = 'https://map.longdo.com';
        this._basepath_ws = 'https://map.simplethai.net';
        this._basepath_maplayer = 'https://ms.longdo.com';
        this._mapserver_img_url = 'https://ms.longdo.com/mmmap/img.php';

        this._geojson_rainfall_accumulation_63 = 'https://map.longdo.com/ws/files/geojson/rainfall_accumulation_2563.geojson';
        
        this.callajax_layer = false;

        this._floodMenu = false;
        this._floodLayer = false;
        this._floodTagLayer = false;
        this._floodOverlay = false;
        
        this._placeholder_mapdiv = this._map.placeholder();
        
        this._legend_div_id = 'longdomap-legend-div';
        this._map_div_id = this._map.placeholder().parentNode.getAttribute('id'); // 'longdomap-area';
        this._legend_content_div_id = 'longdomap-legend-content-div';
        this._collapse_div_id = 'longdomap-legend-collapse-div';
        this._collapse_div_text_id = 'longdomap-legend-collapse-text';
        this._legend_title_id = 'longdomap-legend-collapse-title';
        
        
        this._webmobile_mapmode_traffic_div_id = 'modetraffic';
        this._webmobile_mapmode_poi_div_id = 'modepoi';
        //this._layer_filter_div_id = 'longdomap-layer-filter-div';
        //this._layer_filter_name = 'longdomap-layer-filter-button';
        
        this._legend_hidden_text = ''; // this._lang == 'th' ? 'ซ่อน' : 'hide';
        this._legend_title_text = 'คำอธิบาย';
        
        this._mmmap_lib = new LongdomapLib(obj);
        if(!this._mmmap_lib._map) { // support IE, remove when use es6
            this._mmmap_lib.constructor(obj);
        }
        this._lib = new LongdoLib({lang: obj.lang});
        if(!this._lib._lang) { // support IE, remove when use es6
            this._lib.constructor(obj);
        }
        
        this._timeinterval_loadaqi = false;
        this._all_aqiinfo = new Array();
        this._centermap_aqi_div = 'longdomap-centermap-aqi-div';
        this._centermap_aqi_content_div = 'longdomap-centermap-aqi-content-div';

        this._default_select_index = -1; // default:none => -1
        
        this._hide_all_layer_select_index = 0;
        this._temp_hide_legend = false;
        this._selected_layer = '';
        this._auto_changed_mapmode = false;

        this._landinfo_instruction_placeholder_div_id = 'landinfo-instruction-placeholder';
        this._landinfo_placeholder_div_id = 'landinfo-placeholder';
        this._landinfo_title_text = this._lang == 'th' ? 'วิเคราะห์พื้นที่' : 'Land Info';
        this._longdomap_landinfo = typeof LongdomapLandinfo != 'undefined' ? new LongdomapLandinfo({
            map: this._map,
            lang: this._lang,
            instructionPlaceholderId: this._landinfo_instruction_placeholder_div_id,
            placeholderId: this._landinfo_placeholder_div_id,
            loadingHtmlString: '<div class="loading" style="padding: 0px 0px 10px 0px;"><img src="'+self._baseurl_map+'/mmmap/images/loading.gif"></div>',
            beforeLoading: function() {
                var legend = document.getElementById(self._legend_div_id);
                legend.forcehide = true;
                self.collapseMapLegend();
                self.resizeMapLegend();
            },
            afterLoading: function() {
                self.resizeMapLegend();
            }
        }) : false;

        this._centermap_loading_div = 'longdomap-centermap-loading-div';

        this._mea_landbase_area = [
            { "lon": 100.91888129711151, "lat": 13.951761004767336 },
            { "lon": 100.90514838695526, "lat": 13.838447150797165 },
            { "lon": 100.94360053539276, "lat": 13.814444175432154 },
            { "lon": 100.85845649242401, "lat": 13.695726533063125 },
            { "lon": 100.97518622875214, "lat": 13.651692364556732 },
            { "lon": 100.86806952953339, "lat": 13.470131728778878 },
            { "lon": 100.60165107250214, "lat": 13.520875864037015 },
            { "lon": 100.41076362133026, "lat": 13.48882819117272 },
            { "lon": 100.27068793773651, "lat": 13.921105083135098 },
            { "lon": 100.30364692211151, "lat": 13.962422979402 },
            { "lon": 100.25970160961151, "lat": 14.001068499884529 },
            { "lon": 100.28716742992401, "lat": 14.13960577510203 },
            { "lon": 100.34896552562714, "lat": 14.122293212191643 },
            { "lon": 100.33248603343964, "lat": 14.051697618677538 },
            { "lon": 100.35583198070526, "lat": 13.999736003813656 },
            { "lon": 100.46294867992401, "lat": 13.975749753987387 },
            { "lon": 100.50002753734589, "lat": 13.943764200288278 },
            { "lon": 100.58379828929901, "lat": 13.961090259541512 },
            { "lon": 100.70190131664276, "lat": 13.922438033903374 },
            { "lon": 100.91888129711151, "lat": 13.951761004767336 }
        ];
    }
    
    this.initOptions = function(default_select_index) {
        if(!self._map.Ui || typeof self._map.Ui.add != 'function') return;

        self._lib.loadjscssfile(self._baseurl_map+'/js/longdo/css/longdo-layer.css', 'css', '?202100202_');

        var label_default = self._lang == 'th' ? 'เลือกชั้นข้อมูล' : 'Other layers';
        var label_rain_radar = self._lang == 'th' ? 'ข้อมูลเรดาร์ตรวจฝน' : 'Rain Radar';
        var label_water_sensor = self._lang == 'th' ? 'ระดับน้ำ' : 'Water sensor';
        var label_future_masstransit = self._lang == 'th' ? 'อนาคตประเทศไทย' : 'Future Masstransit';
        var label_city_plan_thailand = self._lang == 'th' ? 'ผังเมืองประเทศไทย' : 'Thailand plan';
        var label_city_plan_province = self._lang == 'th' ? 'ผังเมืองประเทศไทย (จังหวัด)' : 'Thailand plan (Provinces)';
        var label_gistda_flood_update = self._lang == 'th' ? 'น้ำท่วมล่าสุด (7 วัน)' : 'Latest Flood (7 days)';
        var label_gistda_flood_2011 = self._lang == 'th' ? 'น้ำท่วม 2554' : 'Flood 2011';
        var label_gistda_flood_2010 = self._lang == 'th' ? 'น้ำท่วม 2553' : 'Flood 2010';
        var label_gistda_flood_2009 = self._lang == 'th' ? 'น้ำท่วม 2552' : 'Flood 2009';
        //var label_gistda_flood_2008 = mylang == 'th' ? 'น้ำท่วมปี 2551' : 'Flood 2008';
        //var label_gistda_flood_2007 = mylang == 'th' ? 'น้ำท่วมปี 2550' : 'Flood 2007';
        //var label_gistda_flood_2006 = mylang == 'th' ? 'น้ำท่วมปี 2549' : 'Flood 2006';
        //var label_gistda_flood_2005 = mylang == 'th' ? 'น้ำท่วมปี 2548' : 'Flood 2005';
        //var label_gistda_spot5 = mylang == 'th' ? 'ดาวเทียม SPOT5' : 'SPOT5 Satelite';
        //var label_city_plan_city = mylang == 'th' ? 'ผังเมืองประเทศไทย (เมือง)' : 'Thailand plan (Cities)';
        var label_aqi_cn = self._lang == 'th' ? 'ดัชนีคุณภาพอากาศ (Aqicn)' : 'Air Quality Index (Aqicn)';
        var label_aqi_air4thai = self._lang == 'th' ? 'ดัชนีคุณภาพอากาศ (Air4Thai)' : 'Air Quality Index (Air4Thai)';
        var label_landinfo = self._lang == 'th' ? 'วิเคราะห์พื้นที่' : 'Land Info';
        var thailand_population_2020 = self._lang == 'th' ? 'ข้อมูลคาดการณ์ประชากร 2563 (Worldpop)' : 'Population 2020 (Worldpop)';
        var thailand_population_2020_facebook = self._lang == 'th' ? 'ข้อมูลคาดการณ์ประชากร 2563 (Facebook Data)' : 'Population 2020 (Facebook Data)';
        var label_DarkModetraffic = self._lang == 'th' ? 'จราจร (Dark mode)' : 'Traffic (Dark mode)';
        var label_parking = self._lang == 'th' ? 'ที่จอดรถ' : 'Parking';
        var label_landparcel = self._lang == 'th' ? 'แปลงที่ดิน' : 'Land parcel';
        var label_mea_landbase = self._lang == 'th' ? 'MEA Landbase' : 'MEA Landbase';
        var label_cu_uav = self._lang == 'th' ? 'ภาพถ่ายความละเอียดสูง (จุฬาฯ)' : 'High-resolution aerial images (Chula)';
        var label_election_2019 = self._lang == 'th' ? 'เลือกตั้ง 2562' : 'Constituency 2019';
        var label_loy_krathong = self._lang == 'th' ? 'ลอยกระทง' : 'Loy Krathong';
        var label_covid = self._lang == 'th' ? 'COVID-19' : 'COVID-19';
        var label_ortho_ldd = self._lang == 'th' ? 'ภาพถ่ายทางอากาศ 2550' : 'Orthophoto 2007';
        var label_ortho_thaichote_2014 = self._lang == 'th' ? 'ภาพถ่ายดาวเทียม 2557' : 'Satelite (Thaichote) 2014';
        var label_city_plan_dpt = self._lang == 'th' ? 'ผังเมืองประเทศไทย (DPT)' : 'Thailand plan (DPT)';
        var label_rainfall_accumulation = self._lang == 'th' ? 'ปริมาณน้ำฝนสะสม' : 'Rainfall Accumulation';
        var label_temperature = self._lang == 'th' ? 'ข้อมูลอุณหภูมิ' : 'Temperature';
        var label_none = self._lang == 'th' ? 'ไม่แสดง' : 'Hide layer';
        var flood_layer = [
            {label: label_none, layer: "", type: longdo.ButtonType.Reset },
            {label: label_covid, layer: "covid"},
            {label: label_aqi_cn, layer: "aqicn"},
            {label: label_aqi_air4thai, layer: "air4thai"},
            {label: label_city_plan_dpt, layer: "cityplan_dpt"},
            {label: label_city_plan_thailand, layer: "cityplan_thailand"},
            {label: label_city_plan_province, layer: "cityplan_provinces"},
            {label: label_landparcel, layer: "landparcel"},
            // {label: label_mea_landbase, layer: "mea_landbase"},
            {label: label_landinfo, layer: "landinfo"},
            {label: label_rainfall_accumulation, layer: "rainfall_accumulation_63"},
            {label: label_rain_radar, layer: "rain_radar"},
            {label: label_temperature, layer: "temp_new"},
            {label: label_cu_uav, layer: "cu_uav"},
            {label: label_gistda_flood_update, layer: "gistda_flood_update"},
            {label: label_gistda_flood_2011, layer: "gistda_flood_2011"},
            {label: label_gistda_flood_2010, layer: "gistda_flood_2010"},
            {label: label_gistda_flood_2009, layer: "gistda_flood_2009"},
            {label: thailand_population_2020, layer: "population:THA_ppp_v2b_2020"},
            {label: thailand_population_2020_facebook, layer: "fb_population"},
            {label: label_parking, layer: "parking"},
            {label: label_water_sensor, layer: "water_sensor"},
            {label: label_future_masstransit, layer: "future_masstransit"},
            {label: label_ortho_ldd, layer: "ortho_ldd_2007"},
            {label: label_ortho_thaichote_2014, layer: "ortho_thaichote_2014"},
            {label: label_election_2019, layer: "election_2019"},
            {label: label_loy_krathong, layer: "loy_krathong"},
            {label: label_DarkModetraffic, layer: "dark_mode_traffic"},
            //{label: label_gistda_flood_2008, layer: "gistda_flood_2008"},
            //{label: label_gistda_flood_2007, layer: "gistda_flood_2007"},
            //{label: label_gistda_flood_2006, layer: "gistda_flood_2006"},
            //{label: label_gistda_flood_2005, layer: "gistda_flood_2005"},
            //{label: label_gistda_spot5, layer: "gistda_spot5"},
            //{label: label_city_plan_city, layer: "cityplan_cities"},
            {label: label_none, layer: "", type: longdo.ButtonType.Reset }
        ];

        // if(self._default_select_index == -1) {
        //     let today = new Date().getTime();
        //     let current_year = new Date().getFullYear();
        //     let startDateForAQI = new Date("12/01/"+current_year).getTime();
        //     let stopDateForAQI = new Date("04/30/"+current_year).getTime();
        //     self._default_select_index = (today < stopDateForAQI || today > startDateForAQI) ? flood_layer.findIndex(x => x.layer ==="aqicn") : -1;
        // }
        
        if(!self._longdomap_landinfo) {
            var landinfo_item = flood_layer.filter(function (obj) {
                return obj.layer == "landinfo";
            });
            var index = flood_layer.indexOf(landinfo_item[0]);
            if (index !== -1) flood_layer.splice(index, 1);
        }
        
        flood_layer.some(function(obj, i) {
            if (obj.type == longdo.ButtonType.Reset) return (self._hide_all_layer_select_index = i);
        });

        if(default_select_index) {
            if(typeof default_select_index === "object") {
                // self._default_select_index = flood_layer.findIndex(x => x.layer === default_select_index.default_layer); // not supported by IE

                var landinfo_item = flood_layer.filter(function (obj) {
                    return obj.layer == default_select_index.default_layer;
                });
                var index = flood_layer.indexOf(landinfo_item[0]);
                if (index !== -1) self._default_select_index = index;
            } else if (typeof default_select_index === "number") {
                self._default_select_index = default_select_index;
            }
        }
        
        self._floodMenu = new longdo.MenuBar({
            dropdown: flood_layer,
            dropdownLabel: label_default, change: function(item){
                self._selected_layer = (item && item.layer ? item && item.layer : '');

                let style, ref;
                if (document.getElementById('darkmode')) {
                    style = document.getElementById('darkmode');
                } else {
                    style = document.createElement('style');
                    style.setAttribute('id', 'darkmode');
                    ref = document.querySelector('script');
                    ref.parentNode.insertBefore(style, ref);
                }
                style.innerHTML = '';
                
                if(self._auto_changed_mapmode) { // set to default mapmode
                    let longdoMapModeSelector = self._map.Ui.LongdoMapModeSelector;
                    if(longdoMapModeSelector) {
                        //let selecedLongdoMapModeName = longdoMapModeSelector.element().querySelector('.ldmap_item.ldmap_button.ldmap_button_active').innerHTML;
                        //if (selecedLongdoMapModeName === 'จราจร' || selecedLongdoMapModeName === 'Traffic') {
                        //    longdoMapModeSelector.selectIndex(1);
                        //} else {
                        //    longdoMapModeSelector.selectIndex(0);
                        //}
                        longdoMapModeSelector.selectIndex(0);
                    } else if(document.getElementById(self._webmobile_mapmode_poi_div_id)) {
                        // document.getElementById(self._webmobile_mapmode_poi_div_id).click(); // not work on iphone xs max - -a
                        $("#"+self._webmobile_mapmode_poi_div_id).click();
                    }
                }

                if (self._longdomap_landinfo && self._longdomap_landinfo.enabled()) {
                    self._longdomap_landinfo.enabled(false);
                }
                
                if(self._selected_layer == '' && self.callajax_layer && self.callajax_layer.abort) {
                    self.callajax_layer.abort();
                }
                
                if (self._floodLayer) {
                    var prev_layer_name = self._floodLayer.name();
                    if(/ortho/.test(prev_layer_name) || /thaichote/.test(prev_layer_name)) {
                        if(longdo.Layers.NORMAL_TRANSPARENT_EN) {
                            self._map.Layers.remove(longdo.Layers.NORMAL_TRANSPARENT_EN);
                        }
                        if(longdo.Layers.NORMAL_TRANSPARENT) {
                            self._map.Layers.remove(longdo.Layers.NORMAL_TRANSPARENT);
                        }
                    }
                    self._map.Layers.remove(self._floodLayer);
                    self._floodLayer = '';
                }
                if (self._floodTagLayer) {
                    self._map.Tags.remove(self._floodTagLayer);
                    if (self._floodTagLayer == 'future_masstransit') {
                        self._map.Tags.remove('future_masstransit_station');
                    }
                    self._floodTagLayer = '';
                }
                if (self._floodOverlay) {
                    if (self._floodOverlay == 'water_sensor') {
                        self.clearWaterSensorLocations();
                    } else if (self._floodOverlay == 'aqicn' || self._floodOverlay == 'air4thai') {
                        self.clearAqiInfo();
					} else if (self._floodOverlay == 'rainfall_accumulation_63') {
                        self.clearRainfallAccumulation();
                    }
                    self._mmmap_lib.showMyFavoritePOIs();
                    self._floodOverlay = '';
                }
                if (item && item.layer && item.layer != '') {
                    if(item.layer == 'cu_uav') {
                        self.hideMapLegend();
                        window.open('https://mapdemo.longdo.com/extra-uav/', '_blank');
                        self._floodMenu.selectIndex(self._default_select_index);
                    } else if(item.layer == 'loy_krathong') {
                        self.hideMapLegend();
                        window.open('https://map.longdo.com/loykrathong', '_blank');
                        self._floodMenu.selectIndex(self._default_select_index);
                    } else if(item.layer == 'election_2019') {
                        self.hideMapLegend();
                        window.open('https://election.longdo.com/', '_blank');
                        self._floodMenu.selectIndex(self._default_select_index);
                    } else if(item.layer == 'covid') {
                        self.hideMapLegend();
                        window.open('https://covid19.longdo.com/', '_blank');
                        self._floodMenu.selectIndex(self._default_select_index);
                    } else if(item.layer == 'dark_mode_traffic') {
                        style.innerHTML = 'img[src^="https://ms.longdo.com"], img[src^="https://ms.longdo.com"] { filter: invert(1) hue-rotate(200deg)!important; }';
                        if(self._map.Ui.LongdoMapModeSelector) {
                            self._map.Ui.LongdoMapModeSelector.selectIndex(2);
                        } else if(document.getElementById(self._webmobile_mapmode_traffic_div_id)) {
                            //document.getElementById(self._webmobile_mapmode_traffic_div_id).click();
                            $("#"+self._webmobile_mapmode_traffic_div_id).click();
                        }
                        self._auto_changed_mapmode = true;
                        self.hideMapLegend();
                    } else if(item.layer == 'landinfo') {
                        self.showMapLegend(self._landinfo_title_text, '<div id="' + self._landinfo_placeholder_div_id + '"></div><div id="' + self._landinfo_instruction_placeholder_div_id + '"></div>');
                        self._longdomap_landinfo.enabled(true);
                        let legend = document.getElementById(self._legend_div_id);
                        legend.forcehide = true;
                        self.collapseMapLegend();
                    } else if(item.layer == 'future_masstransit') {
                        self._floodTagLayer = item.layer;
                        self._map.Tags.add('future_masstransit');
                        self._map.Tags.add('future_masstransit_station');
                        self.hideMapLegend();
                    }  else if(item.layer == 'parking') {
                        self._floodTagLayer = item.layer;
                        if(typeof showTag == 'function') {
                            showTag('parking'); // mmmap-library.js.php
                        } else {
                            window.open('https://map.longdo.com/tag/parking', '_blank');
                            self._floodMenu.selectIndex(self._default_select_index);
                        }
                        self.hideMapLegend();
                    } else if(item.layer == 'water_sensor') {
                        self._floodOverlay = item.layer;
                        
                        self.showMapLegend(item.label, '<div class="longdomap-legend-description"><div id="watersensor-datetime"><div class="loading" style="padding-top:0px;"><img src="'+self._baseurl_map+'/mmmap/images/loading.gif"></div></div><input id="watersensor-slider" type="range" class="hidden" onchange="self.displayWaterSensorDatetime(); self.getWaterSensorLocations();" oninput="self.displayWaterSensorDatetime()"><div style="text-align: left; cursor: default; margin-top: 6px;"><div><img src="'+self._baseurl_map+'/mmmap/images/snippet/pin_style_20.png" style="width: 26px; vertical-align: middle;"> แหล่งข้อมูล: <a href="https://www.haii.or.th/" target="_blank" title="สถาบันสารสนเทศทรัพยาการน้ำและการเกษตร (องค์การมหาชน) | HYDRO AND AGRO INFORMATICS INSTITUTE" class="longdomap-legend-source-link">HAII</a></div><div><img src="'+self._baseurl_map+'/mmmap/images/snippet/pin_style_16.png" style="width: 26px; vertical-align: middle;"> แหล่งข้อมูล: <a href="https://www.gistda.or.th/" target="_blank" title="สำนักงานพัฒนาเทคโนโลยีอวกาศและภูมิสารสนเทศ (องค์การมหาชน) | Geo-Informatics and Space Technology Development Agency (Public Organization)" class="longdomap-legend-source-link">GISTDA</a></div></div></div>');
                        
                        self._mmmap_lib.hideMyFavoritePOIs();
                        self.displayWaterSensorRange();
                    } else if(item.layer == 'aqicn' || item.layer == 'air4thai') {
                        self._floodOverlay = item.layer;
                        self._mmmap_lib.hideMyFavoritePOIs();
                        self.displayAqiInfo();
                    } else if(item.layer == 'rainfall_accumulation_63') {
                        self._floodOverlay = item.layer;
                        self._mmmap_lib.hideMyFavoritePOIs();
                        self.showMapLegend('<img src="'+self._baseurl_map+'/mmmap/images/legend-rain-accumulation-icon.png">ปริมาณฝนสะสม (มม.) ของประเทศไทยปี 2563', '<img src="'+self._baseurl_map+'/mmmap/images/legend-rain-accumulation.png" height=44><div class="longdomap-legend-description">แหล่งข้อมูล: <a href="https://giovanni.gsfc.nasa.gov/giovanni/" target="_blank" class="longdomap-legend-source-link">NASA Giovanni</a></div>');

                        if(!self._geojson_rainfall_accumulation_obj) {
                            self.loadGeoJson(self._geojson_rainfall_accumulation_63, self.displayRainfallAccumulation);
                        } else {
                            self.displayRainfallAccumulation(self._geojson_rainfall_accumulation_obj);
                        }
                    } else {
                        if(item.layer == 'ortho_ldd_2007') {
                            style.innerHTML = 'img[src*="ms.longdo.com/mapproxy/tms/1.0.0/ldd_ortho/"], img[src*="ms.simplethai.net/mapproxy/tms/1.0.0/ldd_ortho/"], img[src*="mode=ldd_ortho"] { filter: url(\'/mmmap/svg/longdo-filter.svg#ldd_ortho\')!important; -webkit-filter: url(\'/mmmap/svg/longdo-filter.svg#ldd_ortho\')!important; }';
                            //self._floodLayer = new longdo.Layer('', { type: longdo.LayerType.TMS, url: self._basepath_maplayer+'/mapproxy/tms/1.0.0/ldd_ortho/EPSG3857', zoomRange: {min: 1, max: 17}, opacity: 0.7});
                            self._floodLayer = new longdo.Layer('ldd_ortho', { url: self._mapserver_img_url, zoomRange: {min: 1, max: 17}, opacity: 0.7});
                            self.showMapLegend(item.label, '<div style="text-align:left; margin-bottom:10px; color: #82490A;">แผนที่ภาพถ่ายทางอากาศ <a href="https://www.ldd.go.th/" target="_blank" class="longdomap-legend-source-link">กรมพัฒนาที่ดิน</a> ปี 2547-2550 (แสดงในระดับซูม 1-17)</div>');
                        } else if(item.layer == 'ortho_thaichote_2014') {
                            self._floodLayer = new longdo.Layer('thaichote', { url: 'http://go-tiles1.gistda.or.th/map/msn-server/img.php', zoomRange: { min: 1, max: 18 }, opacity: 0.7}); 
                            self.showMapLegend(item.label, '<div style="text-align:left; margin-bottom:10px; color: #82490A;">แผนที่ภาพถ่ายดาวเทียม <a href="https://www.gistda.or.th/" target="_blank" class="longdomap-legend-source-link">GISTDA</a> ปี 2557 (แสดงในระดับซูม 1-18)</div>');
                        } else if(item.layer == 'population:THA_ppp_v2b_2020') {
                            self._floodLayer = new longdo.Layer('thailand_population', { type: longdo.LayerType.WMS, url: self._basepath_maplayer+'/mapproxy/service/', srs: 'EPSG:3857', opacity: 0.6});
                            self.showMapLegend(item.label, '<div style="text-align:left; margin-bottom:10px; color: #82490A;">ระดับความเข้มของสี ขึ้นอยู่กับข้อมูลคาดการณ์ประชากรในพื้นที่ระดับ 100 ตารางเมตร</div><img style="height:150px;" src="'+self._baseurl_map+'/mmmap/images/population-legend.png"><div>*หน่วยเป็นจำนวนคน</div><div style="text-align:left;">แหล่งข้อมูล: <a href="https://www.worldpop.org/doi/10.5258/SOTON/WP00267" target="_blank" class="longdomap-legend-source-link">worldpop</a></br>School of Geography and Environmental Science, University of Southampton</div>');
                        } else if(item.layer == 'fb_population') {
                            self._floodLayer = new longdo.Layer('fb_population', { type: longdo.LayerType.WMS, url: self._basepath_maplayer+'/mapproxy/service/', srs: 'EPSG:3857', opacity: 0.6});
                            self.showMapLegend(item.label, '<div style="text-align:left; margin-bottom:10px; color: #82490A;">ระดับความเข้มของสี ขึ้นอยู่กับข้อมูลคาดการณ์ประชากรในพื้นที่ระดับ 30 ตารางเมตร</div><img style="height:150px;" src="'+self._baseurl_map+'/mmmap/images/legend_fbpopulation.png"><div>*หน่วยเป็นจำนวนคน</div><div style="text-align:left;">แหล่งข้อมูล: <a href="https://dataforgood.fb.com/tools/population-density-maps" target="_blank" class="longdomap-legend-source-link">Facebook data for good</a></br>Facebook Connectivity Lab and Center for International Earth Science Information Network</br> – CIESIN – Columbia University. 2016. High Resolution Settlement Layer (HRSL).</br> Source imagery for HRSL © 2016 DigitalGlobe.</div>');
                        } else if (item.layer == 'cityplan_thailand' || item.layer == 'cityplan_provinces' || item.layer == 'cityplan_cities' || item.layer == 'cityplan_dpt') {
                            var maxzoom_limit = (item.layer == 'cityplan_dpt' ? 17 : 15);
                            maxzoom_limit = (item.layer == 'cityplan_thailand' ? 16 : 15);
                            // self._floodLayer = new longdo.Layer('', { type: longdo.LayerType.TMS, url: self._basepath_maplayer+'/mapproxy/tms/1.0.0/'+item.layer+'/EPSG3857', zoomRange: {min: 1, max: maxzoom_limit}, opacity: 0.7});
                            self._floodLayer = new longdo.Layer(item.layer, { url: self._mapserver_img_url, zoomRange: {min: 1, max: maxzoom_limit}, opacity: 0.7});

                            var legend_desc = 'แสดงในระดับซูม 1-'+maxzoom_limit;

                            var layer_legend = item.layer == 'cityplan_thailand' ? 'cityplan_provinces' : item.layer;
                            self.showMapLegend(item.label, legend_desc+'<br><br><img src="'+self._baseurl_map+'/mmmap/images/legend-'+(layer_legend.replace('_', '-'))+'.png">', 'hide');
                            if (self._mmmap_lib.mapZoom() > maxzoom_limit) {
                                self._mmmap_lib.mapZoom(maxzoom_limit);
                            }
                        } else if(item.layer == 'rain_forecast_nextday') {
                            self._floodLayer = new longdo.Layer('rain_forecast_nextday', { type: longdo.LayerType.WMTS, url: self._basepath_maplayer+'/mapproxy/service/', srs: 'GLOBAL_WEBMERCATOR', tileMatrix: function(zoom) { return zoom < 10 ? '0' + zoom : zoom }, zoomRange: { min: 1, max: 13 }, opacity: 1, refresh:3600});
                            self.showMapLegend(item.label, '<div style="text-align:left; margin-bottom:10px; color: #82490A;">แสดงข้อมูลเฉพาะแผนที่ในระดับซูม 1 ถึง 13</div><img src="'+self._baseurl_map+'/mmmap/images/legend-rain-forecast.png"><div class="longdomap-legend-description">ข้อมูลคาดการณ์สภาวะฝน 24 ชม. แหล่งข้อมูล: <a href="http://www.thaiwater.net/" target="_blank" class="longdomap-legend-source-link">สถาบันสารสนเทศทรัพยากรน้ำและการเกษตร (องค์การมหาชน)</a><br>ปรับปรุงทุกวัน เวลา 07:30, ข้อมูลแสดงถึงสภาวะฝนตั้งแต่ 19:00 ของวันก่อนหน้าถึง 19:00 ของวันนี้</div><div class="longdomap-legend-warning">คำเตือน: ข้อมูลนี้เป็นผลงานในระยะวิจัยและพัฒนา โปรดใช้วิจารณญาณในการนำข้อมูลไปใช้</div>');
                            if (self._mmmap_lib.mapZoom() < 6) {
                                self._mmmap_lib.mapZoom(6);
                            } else if (self._mmmap_lib.mapZoom() > 9) {
                                self._mmmap_lib.mapZoom(9);
                            }
                        } else if(item.layer == 'rain_radar') {
                            self._floodLayer = new longdo.Layer('', {
                                type: longdo.LayerType.Custom,
                                url: function (projection, tile, zoom, hd) {
                                    var time = Math.floor(new Date().getTime() / 1000 / 300) * 300;
                                    var size = hd ? 512 : 256;
                                    return 'https://tilecache.rainviewer.com/v2/radar/' + time + '/' + size + '/'+ zoom +'/'+ tile.u +'/'+ tile.v +'/8/1_1.png?';
                                },
                                opacity: 0.55,
                                refresh: 300
                            });
                            self.showMapLegend(item.label, '<img style="border: 8px solid white; border-radius: 8px;" src="' + self._baseurl_map + '/mmmap/images/legend-rain-viewer-' + self._lang + '.png"><div class="longdomap-legend-description">ข้อมูลเรดาร์ตรวจฝน แหล่งข้อมูล: <a href="https://www.rainviewer.com/" target="_blank" class="longdomap-legend-source-link">RainViewer</a><br>ภาพเรดาร์จะปรับเปลี่ยนทุก 5 นาที</div><div class="longdomap-legend-warning">คำเตือน: ภาพผลการตรวจที่แสดงนี้เป็นผลการตรวจแบบกึ่งเวลาจริง<br>ที่ได้จากสถานีเรดาร์โดยตรง จึงยังไม่มีการทำการตรวจสอบความถูกต้อง</div>', 'hide');
                        } else if(item.layer == 'temp_new') {
                            self._floodLayer = new longdo.Layer('temp_new', {
                                type: longdo.LayerType.Custom,
                                url: function (projection, tile, zoom, hd) {
                                    return 'https://tile.openweathermap.org/map/temp_new/'+ zoom +'/'+ tile.u +'/'+ tile.v +'.png?appid=bb678dda3a65f1df21f2b00f1ca528f5';
                                }
                            });
                            self.showMapLegend(item.label, '\
                                <div class="scale-details" style="width: 285px; display: flex; justify-content: space-between;">\
                                    <div>°C</div>\
                                    <div class="scale-gradient" style="width: 260px; flex-direction: column; display: flex;">\
                                        <div class="scale-dividers" style="justify-content: space-between; width: 100%; display: flex;">\
                                            <div>-40</div>\
                                            <div>-20</div>\
                                            <div>0</div>\
                                            <div>20</div>\
                                            <div>40</div>\
                                        </div>\
                                        <div class="horizontal-gradient-line" style="background-image: linear-gradient(to right, rgb(159, 85, 181) 0%, rgb(44, 106, 187) 8.75%, rgb(82, 139, 213) 12.5%, rgb(103, 163, 222) 18.75%, rgb(142, 202, 240) 25%, rgb(155, 213, 244) 31.25%, rgb(172, 225, 253) 37.5%, rgb(194, 234, 255) 43.75%, rgb(255, 255, 208) 50%, rgb(254, 248, 174) 56.25%, rgb(254, 232, 146) 62.5%, rgb(254, 226, 112) 68.75%, rgb(253, 212, 97) 75%, rgb(244, 168, 94) 82.5%, rgb(244, 129, 89) 87.5%, rgb(244, 104, 89) 93.75%, rgb(244, 76, 73) 100%);border-radius: 4pt;height: 4px;opacity: .9;width: 260px;border-left: 1px solid #f2f2f2;border-bottom: 1px solid #f2f2f2;"></div>\
                                    </div>\
                                </div>\
                            ', 'hide');
                        } else if(item.layer == 'landparcel') {
                            self._floodLayer = new longdo.Layer('', {
                                type: window.longdo.LayerType.Custom,
                                url: (projection, tile, zoom, hd) => {
                                    var mode = 'dol_hd';
                                    return `${self._mapserver_img_url}?proj=${projection.longdoName}&zoom=${zoom}&x=${tile.u}&y=${tile.v}&mode=${mode}`;
                                },
                                zoomRange: {min: 15, max: 20},
                                source: {max: 19}
                            });
                            self.hideMapLegend();
                            if (self._mmmap_lib.mapZoom() < 15) {
                                self._mmmap_lib.mapZoom(15);
                            } else if (self._mmmap_lib.mapZoom() > 20) {
                                self._mmmap_lib.mapZoom(20);
                            }
                        // } else if(item.layer == 'mea_landbase') {
                        //     // https://mmtech.slack.com/archives/C02FDEMLP/p1630843716186300
                        //     self._floodLayer = new longdo.Layer('mea_landbase', { url: self._mapserver_img_url, zoomRange: {min: 9, max: 19}});
                        //     self.hideMapLegend();
                        //     if (self._mmmap_lib.mapZoom() < 9) {
                        //         self._mmmap_lib.mapZoom(9);
                        //     } else if (self._mmmap_lib.mapZoom() > 19) {
                        //         self._mmmap_lib.mapZoom(19);
                        //     }

                        //     const isContain = longdo.Util.contains(
                        //         self._map.location(),
                        //         self._mea_landbase_area
                        //     );
                        //     if (!isContain) {
                        //         self._map.location({
                        //             lat: 13.765014,
                        //             lon: 100.538480
                        //         });
                        //     }
                        } else if(item.layer == 'gistda_flood_update') {
                            // self._floodLayer = new longdo.Layer('', {
                            //     type: longdo.LayerType.TMS,
                            //     url: self._basepath_maplayer + '/mapproxy/tms/1.0.0/gistda_flood_update/EPSG3857',
                            //     refresh: 180,
                            //     opacity: 0.7
                            // });
                            self._floodLayer = new longdo.Layer('gistda_flood_update', {
                                url: self._mapserver_img_url,
                                refresh: 180,
                                opacity: 0.7
                            });
                            self.hideMapLegend();
                        } else {
                            self._floodLayer = new longdo.Layer(item.layer, {opacity: 0.7});
                            self.hideMapLegend();
                        }
                      
                        //self._map.Layers.add(self._floodLayer);
                        setTimeout(function(){self._map.Layers.add(self._floodLayer);}, 0);
                        if(/^ortho/.test(item.layer)) {
                            var normaltrans_layer = self._lang == 'th' ? 'NORMAL_TRANSPARENT' : 'NORMAL_TRANSPARENT_EN';
                            if(!longdo.Layers[normaltrans_layer]) {
                                longdo.Layers[normaltrans_layer] = new longdo.Layer('normaltransp', { url: 'https://ms.simplethai.net/mmmap/img.php', opacity: 0.8 });
                            }
                            setTimeout(function(){self._map.Layers.add(longdo.Layers[normaltrans_layer]);}, 1);
                        }
                    }
                } else {
                    self.hideMapLegend();
                }
            }
        });

        self._map.Ui.add(self._floodMenu);
        var ldmapDropdownHead = self._floodMenu.element().querySelector('.ldmap_dropdown_head');
        ldmapDropdownHead.onclick = () => {
            var ldmapDropdownBody = self._floodMenu.element().querySelector('.ldmap_dropdown_body');
            ldmapDropdownBody.style.maxHeight = ldmapDropdownBody.style.maxHeight != '0px' ? '0px' : 'calc(100vh - 81px)';
        };
        //floodMenu.element().children[0].style.width = '170px';
        
        if (self._default_select_index >= 0) {
			self._floodMenu.selectIndex(self._default_select_index);
		}
        
        /**
         * ช่อง Filter ค้นหา
         */
        var bodyMenuLayer = self._floodMenu.element().querySelector('.ldmap_dropdown_body');
        var filterElement = document.createElement("input");
        filterElement.type = 'search';
        filterElement.style = '-webkit-appearance: none; -moz-appearance: none; appearance: none; outline: none; width: 100%; box-sizing: border-box; padding: 8px 8px 8px 8px; border-radius: 0px; border-left: none; border-right: none; border-top: none; border-bottom: 1px solid rgb(180, 180, 180);';
        filterElement.placeholder = self._lang == 'th' ? 'ใส่ชื่อชั้นข้อมูล' : 'Insert layer name';
        filterElement.addEventListener('input', function() {
            var menuLayerList = bodyMenuLayer.querySelectorAll('.ldmap_option');
            for (var i = 0; i < menuLayerList.length; i++) {
                if (menuLayerList[i].innerHTML.toLowerCase().indexOf(filterElement.value.toLowerCase()) !== -1) {
                    menuLayerList[i].style.display = 'block';
                } else {
                    menuLayerList[i].style.display = 'none';
                }
            }
        });
        bodyMenuLayer.insertBefore(filterElement, bodyMenuLayer.firstChild);

        /**
         * ช่อง Filter ค้นหา
         */

        self.bindMapEvent();
    }
    
    this.clearLayerMarkers = function(type) {
        var all_overlay = self._map.Overlays.list();
        var num_overlay = all_overlay.length;
        var obj;
        for(var i=0; i<num_overlay; i++) {
            obj = all_overlay[i];
            if(obj && obj instanceof longdo.Marker && obj.longdomap && (obj.longdomap.markertype == type)) {
                self._mmmap_lib.clearMarker(obj);
            }
        }
    }
    
    //this.showAqiFilter = function() {
    //    if(!this._map) return false;
    //
    //    var map_div = this._placeholder_mapdiv;
    //    
    //    if(!map_div || typeof(map_div) != 'object') return;
    //    
    //    var filterdiv = document.getElementById(this._layer_filter_div_id);
    //    
    //    var content = '<form name="'+this._layer_filter_name+'"><input type="radio" id="aqicnButton" name="'+this._layer_filter_name+'" value="aqicn" checked><label for="aqicnButton" class="first-child">Aqicn</label><input type="radio" id="air4thaiButton" name="'+this._layer_filter_name+'" value="air4thai"><label for="air4thaiButton">Air4thai</label></form>';
    // 
    //    if (filterdiv) {
    //        // document.getElementById(this._layer_filter_div_id).innerHTML = content;
    //        if (filterdiv.style.display == 'none') {
    //            filterdiv.style.display = 'block';
    //        }
    //    } else {
    //        filterdiv = document.createElement("div");
    //        filterdiv.id = this._layer_filter_div_id;
    //        filterdiv.innerHTML = content;
    //        filterdiv.style.zIndex = 1;
    //
    //        map_div.appendChild(filterdiv);
    //        
    //        var radio = document[this._layer_filter_name][this._layer_filter_name];
    //        for (var i = 0; i < radio.length; i++) {
    //            radio[i].addEventListener('change', self.displayAqiInfo);
    //        }
    //    }
    //}
    //this.hideAqiFilter = function() {
    //    var filterdiv = document.getElementById(this._layer_filter_div_id);
    //    if (filterdiv) {
    //        filterdiv.style.display = 'none';
    //    }
    //}

    this.clearRainfallAccumulation = function() {
        var all_overlay = self._map.Overlays.list();
        var num_overlay = all_overlay.length;
        var obj;
        for(var i=0; i<num_overlay; i++) {
            obj = all_overlay[i];
            if(obj && obj instanceof longdo.Polygon && obj.longdomap && (obj.longdomap.overlaytype == 'rainfall_accumulation')) {
                self._mmmap_lib.clearMarker(obj);
            }
        }
    }
    
    this.clearAqiInfo = function() {
        self.clearLayerMarkers('aqiinfo');
        //self.hideAqiFilter();
        self.hideCenterMapAqi();
        self._all_aqiinfo = new Array();
        self._map.Tags.remove(self.getAqicnEachTile);
        self._cancel_aqi_layer = true;
    } 
    
    this.displayAqiInfo = function() {
        if(self._selected_layer != 'aqicn' && self._selected_layer != 'air4thai') return;
        if (!self._map.onmapready) {
            self._timeinterval_loadaqi = setInterval(function(){
                clearInterval(self._timeinterval_loadaqi);
                self._timeinterval_loadaqi = false;
                self.displayAqiInfo();
            }, 300);
            return;
        }
        
        self.clearAqiInfo();
        //self.showAqiFilter();
        
        var legend_content = ''
        var legend_title = ''
        
        self._cancel_aqi_layer = false;
        //if(document.querySelector('input[name="'+self._layer_filter_name+'"]:checked').value == 'aqicn') {
        if(self._selected_layer == 'aqicn') {
            self.displayAqicnInfo();
            legend_title = 'The World Air Quality Index';
            legend_content = '<img src="'+self._baseurl_map+'/mmmap/images/layers/legend_aqicn.svg" width="500px" style="max-width: 100%"><div><a href="https://traffic.longdo.com/airquality/" target="_blank">คำอธิบายเพิ่มเติม</a> - แหล่งข้อมูล: <a href="http://aqicn.org/" target="_blank" title="The World Air Quality Index project" class="longdomap-legend-source-link">AQICN</a></div>';
        } else {
            self.displayAqiair4thaiInfo();
            legend_title = 'AQI - Air4Thai';
            legend_content = '<img src="'+self._baseurl_map+'/mmmap/images/layers/legend_air4thai.svg" width="500px" style="max-width: 100%"><div><a href="https://traffic.longdo.com/airquality/" target="_blank">คำอธิบายเพิ่มเติม</a> - แหล่งข้อมูล: <a href="http://air4thai.pcd.go.th/" target="_blank" title="กรมควบคุมมลพิษ" class="longdomap-legend-source-link">กรมควบคุมมลพิษ</a></div>';
        }
        
        self.showMapLegend(legend_title, legend_content, 'hide');
    }
    
    this.getAqicnEachTile = function(tile, zoom) {
        var map_bound = longdo.Util.boundOfTile(self._map.projection(), tile);
        self.callajax_layer = self._lib.callAjax(self._basepath_ws + '/getaqicn.php', {
            parameters: 'locale='+self._lang+'&minlat='+map_bound.minLat.toFixed(5)+'&minlon='+map_bound.minLon.toFixed(5)+'&maxlat='+map_bound.maxLat.toFixed(5)+'&maxlon='+map_bound.maxLon.toFixed(5)+'&timestamp='+self._lib.getTimestampForHour(),
            onSuccess: function(data) {
                var rs = JSON.parse(data.responseText);
                var result = rs.result;
                var num_data = result.length;
                var obj, content, close_div_tag;
                for(var i=0; i<num_data; i++) {
                    if (self._cancel_aqi_layer) {
                        return;
                    }
                    close_div_tag = true;
                    obj = result[i];
                    
                    content = self.generateAqiDetails(obj, 'cn');
                    
                    var markersrc = '<img style="height:28px" src="'+obj.aqi_attr.iconmarker+'"><p style="font-size:0.66rem;top:-24px;position:relative;color:'+obj.aqi_attr.fontcolor+'!important;margin-top:0px;text-align: center;">'+ obj.aqi_value +'</p>';
                    
                    self._mmmap_lib.drawMarker(markersrc, obj.location.lat, obj.location.lon, '', '', false, {offset: { x: 12, y: 28 }}, {longdomap: {markertype: 'aqiinfo', aqiinfo:obj}, popup:{size:{width:400}, detail: content} });
                    self._all_aqiinfo.push(obj);
                }
                if(!self._map_is_moving) {
                    self.displayCenterMapAqi();
                }
            }
        });
    }
    
    this.displayAqicnInfo = function() {
        if(self.callajax_layer) {
            self.callajax_layer.abort();
        }
        self._map.Tags.add(self.getAqicnEachTile);
    }
    
    this.generateAqiDetails = function(obj, src) {
        var src_url = src == 'cn' ? 'http://aqicn.org/' : 'http://air4thai.pcd.go.th/';
        var close_div_tag = true;
        var content = '<div class="containerpopup">'+
            '<div class="row-top" style="display: flex; flex-direction: row; padding-bottom: 15px; margin-left:5px;">'+
                '<a href="'+src_url+'" target="_blank"><div class="statuscolor" style="background-color:'+obj.aqi_attr.bgcolor+';color:'+obj.aqi_attr.fontcolor+'; flex:1.8; margin: 0px 10px 0px 0px; border-radius: 10px; padding: 5px 10px 5px 10px; display: flex; flex-direction: column; width:120px; height: 70px; font-size: 16px;">'+obj.aqi_attr.status_text+
                '   <div class="aqipopup" style="font-weight:bold; font-size:24px; margin-top: auto;"><img style="height:22px;" src="'+obj.aqi_attr.iconstatus+'"><b style="float:right;">'+obj.aqi_value+'</b></div></div></a>'+
                '<div class="stationdetail" style="white-space:normal; flex:3;"><b class="stationName" style="font-size:14px;">'+ obj.name + '</b>'+(obj.address ? '<br>'+obj.address : '')+'<br><span style="color:gray; margin-top:6px;    display:block;">'+(self._lang == 'th' ? 'ข้อมูลเมื่อ ' : 'Updated: ')+self._lib.timeConverter(obj.lastupdate)+ '<span></div>'
            +'</div>';
        
        if (obj.aqi_info) {
            var j = 0;
            for (var key in obj.aqi_info){
                if (obj.aqi_info.hasOwnProperty(key)) {
//                if (obj.aqi_info[key].value == '-' || obj.aqi_info[key].value == 'N/A') {
//					continue;
//				}
                    if (j%3 == 0) {
                        content += '<div style="display: flex; flex-direction: row;">';
                        close_div_tag = false;
                    }
                    content += '<div class="boxdetail" style="height:60px; flex:3; border-radius: 5px; border: 1px solid #E8E8E8; padding-left: 5px; display: flex; flex-direction: column; justify-content: center; margin: 0 5px 5px;">'+
                            '<div class="titleiaqi" style="font-size:14px;">'+obj.aqi_info[key].title+'</div>'+
                            '<div class="valueiaqi" style="font-size:15px; font-weight:bold;">'+obj.aqi_info[key].value+' '+obj.aqi_info[key].unit+'</div>'+
                        '</div>';
                    if (j%3 == 2) {
                        content += '</div>';
                        close_div_tag = true;
                    }
                    j++;
                }
            }
		} else {
            content += self._mmmap_lib._loading_popup;
        }
        
        if (!close_div_tag) {
            content += '</div>';
        }
        
        content += '</div>';
        return content;
    }
    
    this.displayAqiair4thaiInfo = function() {
        if(self.callajax_layer) {
            self.callajax_layer.abort();
        }
        self.callajax_layer = self._lib.callAjax(self._basepath_ws + '/webservice/json/getaqiair4thai', {
            parameters: 'op=getaqiair4thai&locale='+self._lang+'&timestamp='+self._lib.getTimestampForHour(),
            onSuccess: function(data) {
                var rs = JSON.parse(data.responseText);
                var result = rs.result;
                var num_data = result.length;
                var obj, content, aqi_info;
                for(var i=0; i<num_data; i++) {
                    if (self._cancel_aqi_layer) {
                        return;
                    }
                    obj = result[i];
                    
                    var markersrc = '<img style="height:28px" src="'+obj.aqi_attr.iconmarker+'"><p style="font-size:0.66rem;top:-24px;position:relative;color:'+obj.aqi_attr.fontcolor+'!important;margin-top:0px;text-align: center;">'+ obj.aqi_value +'</p>';
                    
                    content = self.generateAqiDetails(obj, 'air4thai');
                    
                    self._mmmap_lib.drawMarker(markersrc, obj.location.lat, obj.location.lon, '', '', false, {offset: { x: 12, y: 28 }}, {longdomap: { markertype: 'aqiinfo' }, popup:{size:{width:400}, detail: content} });
                    
                    self._all_aqiinfo.push(obj);
                }
                if(!self._map_is_moving) {
                    self.displayCenterMapAqi();
                }
            }
        });
    }
    
    this.displayAqicnDetails = function(aqiinfo) {
        self._lib.callAjax(self._basepath_ws + '/webservice/json/getaqicninfo', {
            parameters: 'op=getaqicninfo&id='+aqiinfo.id+'&timestamp='+self._lib.getTimestampForHour(),
            onSuccess: function(data) {
                var rs = JSON.parse(data.responseText);
                aqiinfo.aqi_info = rs.result;
                var content = self.generateAqiDetails(aqiinfo, 'cn');
                $('.ldmap_popup_detail').html(content);
            }
        });
    }
    
    this.showCenterMapAqi = function() {
        if(!self._map || (self._selected_layer != 'aqicn' && self._selected_layer != 'air4thai')) return;
        var map_div = self._placeholder_mapdiv;
        if(!map_div || typeof(map_div) != 'object') return;
        
        var _div = document.getElementById(self._centermap_aqi_div);
        
        var content = '<div style="display: flex; flex-direction: row;" id="'+self._centermap_aqi_content_div+'"></div>';
            
        if (_div) {
            if (_div.style.display == 'none') {
                _div.style.display = 'flex';
            }
        } else {
            _div = document.createElement("div");
            _div.id = self._centermap_aqi_div;
            _div.innerHTML = content;
            _div.style.position = 'absolute';
            _div.style.top = '40px';
            _div.style.right = '8px';
            _div.style.fontSize = '1.5em';
            _div.style.width = '75px';
            _div.style.height = '75px';
            _div.style.border = '1.3px solid #ffffff';
            // _div.style.padding = '10px';
            _div.style.display = 'flex';
            _div.style.flexDirection = 'column';
            _div.style.justifyContent = 'center';
            _div.style.alignItems = 'center';
            _div.style.boxShadow = '0px 1px 4px 0px  rgba(0, 0, 0, 0.3)';
            _div.style.backgroundColor = '#ffffff';
            _div.style.opacity = '1';
            _div.style.borderRadius = '4px';
            _div.style.opacity = '0.8';
            _div.style.cursor = 'pointer';
            _div.style.zIndex = 1;
            
            map_div.appendChild(_div);
            
            //_div.addEventListener('click', function() { if(this.lat && this.lon) { self._map.location({lat: this.lat, lon: this.lon});} });
            _div.addEventListener('click', function() { var win = window.open('https://traffic.longdo.com/airquality', '_blank'); win.focus(); });
        }
    }
    this.hideCenterMapAqi = function() {
        var _div = document.getElementById(self._centermap_aqi_div);
        if (_div) {
            _div.lat = 0;
            _div.lon = 0;
            _div.style.display = 'none';
        }
    }
    
    this.displayCenterMapAqi = function() {
        if(self._selected_layer != 'aqicn' && self._selected_layer != 'air4thai') return;
        
        var mode = self._selected_layer;
        
        self.showCenterMapAqi();
        
        var minimunDistance = 50000; //50km
        var nearAqiValue = '-';
        var nearAqiFontColor = '#333';
        var nearAqiBgColor = '#fff';
        var nearbyAqiIcon = '';
        var nearbyAqiLat = 0;
        var nearbyAqiLon = 0;
        var nearbyAqiTextalign = 'center';
        
        var num = self._all_aqiinfo.length;
        var obj;
        for(var i=0; i<num; i++) {
            obj = self._all_aqiinfo[i];
            var _distance = longdo.Util.distance([self._map.location(),obj.location]);
            if(minimunDistance > _distance) {
                minimunDistance = _distance;
                nearAqiValue = Number(obj.aqi_value);
                nearbyAqiLocation = obj.location;
                nearAqiFontColor = obj.aqi_attr.fontcolor;
                nearAqiBgColor = obj.aqi_attr.bgcolor;
                nearbyAqiIcon = obj.aqi_attr.iconstatus;
                nearbyAqiLat = obj.location.lat;
                nearbyAqiLon = obj.location.lon;
                nearbyAqiTextalign = 'right';
            }
        }
        
        if(nearAqiValue == '-') {
            self.hideCenterMapAqi();
            return;
        }
        
        var _div = document.getElementById(self._centermap_aqi_div);
        _div.style.color = nearAqiFontColor;
        _div.style.backgroundColor = nearAqiBgColor;
        _div.lat = nearbyAqiLat;
        _div.lon = nearbyAqiLon;
        
        var flag_icon = (mode && mode == 'aqicn' ? '' : ' <img style="height:15px; margin-left:5px;" src="'+self._baseurl_map+'/mmmap/images/layers/ic_aqi_flag_th.png">');
        
        // var content = (nearbyAqiIcon ? '    <div style="display: flex; flex-direction: column; justify-content: center;"><img style="height:36px;" src="'+ nearbyAqiIcon +'"></div>' : '');
        var content = (nearbyAqiIcon ? '    <div style="display: flex; flex-direction: column; justify-content: center;"></div>' : '');
        content += '    <div style="'+(nearbyAqiIcon ? 'display: flex; flex-direction: column; justify-content: center; align-items: center; margin-left: auto;' : 'margin: auto; text-align: center;')+'">';
        content += '        <div style="display: flex; flex-direction: row; float: right; align-items: center; font-size: 1em;">AQI'+flag_icon+'</div>';
        content += '        <div style="font-size: 1.5em; font-weight: bold; text-align: '+nearbyAqiTextalign+';">'+nearAqiValue+'</div>';
        content += '    </div>';
        _div = document.getElementById(self._centermap_aqi_content_div);
        _div.innerHTML = content;
    }
    
    this.displayWaterSensorRange = function() {
        $.ajax({
            dataType: "jsonp",
            type: 'GET',
            url: self._basepath_ws + '/webservice/json/getwatersensor',
            data: ({
                'op' : 'range'
            }),
            success: function(rs) {
                var result = rs.result;
                $('#watersensor-slider').attr('min', result.min_range);
                $('#watersensor-slider').attr('max', result.max_range);
                $('#watersensor-slider').attr('value', result.max_range);
                $('#watersensor-slider').attr('step', result.step);
                $('#watersensor-slider').show();
                self.displayWaterSensorDatetime();
                self.getWaterSensorLocations('latest');
            }
        });
    }
    
    this.clearWaterSensorLocations = function() {
        self.clearLayerMarkers('watersensor');
    }

    this.getWaterSensorLocations = function(op) {
        self.clearWaterSensorLocations();
        
        if(self.callajax_layer) {
            self.callajax_layer.abort();
        }
        self.callajax_layer = $.ajax({
            dataType: "jsonp",
            type: 'GET',
            url: self._basepath_ws + '/webservice/json/getwatersensor',
            data: ({
                'op' : 'location',
                'time' : (op && op == 'latest') ? op : $('#watersensor-slider').val()
            }),
            success: function(rs) {
                var result = rs.result;
                var loc;
                if (result.locations) {
                    var num = result.locations.length;
                    for(var i=0; i<num; i++) {
                        loc = result.locations[i];
                        var markersrc = '/mmmap/images/snippet/pin_style_20.png';
                        if(loc[5] == 'GISTDA') {
                            markersrc = '/mmmap/images/snippet/pin_style_16.png';
                        } else if(loc[5] == 'HAII') {
                            markersrc = '/mmmap/images/snippet/pin_style_20.png';
                        }
                        self._mmmap_lib.drawMarker(markersrc, loc[3], loc[4], loc[1], self._mmmap_lib._loading_popup, false, {offset: { x: 17, y: 40 }}, {longdomap: {markertype: 'watersensor'}});
                    }
                }
            }
        });
    }
    
    this.displayWaterSensorGraph = function(code) {
        document.recent_watersensor_graph_code = code;
            $.ajax({
            dataType: "jsonp",
            type: 'GET',
            url: self._basepath_ws + '/webservice/json/getwatersensor',
            data: ({
                'op' : 'graph',
                'time' : $('#watersensor-slider').val(),
                'code' : code
            }),
            success: function(rs) {
                var result = rs.result;
                
                if (document.recent_watersensor_graph_code != result.code) {
                    return;
                }
                
                $('.ldmap_popup_detail').html('<div id="watersensor-chart"></div>');
                
                var datas = result.data;
                var num = datas.length;
                
                var yAxisOption, dataSeries, unit, source, time;
                var waterLvl = [];
                var groundLvl = [];
                var leftBankLvl = [];
                var rightBankLvl = [];
                unit = datas[0][8];
                source = datas[0][3];
                
                if (source === 'GISTDA') {
                    for (var i=0; i<num; i++) {
                        time = datas[i][0]*1000;
                        waterLvl.push([time, datas[i][7]]);
                    }
                    
                    yAxisOption = [
                        {
                            gridLineWidth: 0,
                            title: { text: 'ระดับน้ำ (' + unit + ')', style: { color: '#6D6D6D' } },
                            labels: { format: '{value}', style: { color: '#6D6D6D' } }
                        }
                    ]
                    dataSeries = [
                        { type: 'area', name: 'ระดับน้ำ', data: waterLvl }
                    ]
                } else {
                    for (var i=0; i<num; i++) {
                        time = datas[i][0]*1000;
                        waterLvl.push([time, datas[i][7]]);
                        groundLvl.push([time, datas[i][4]]);
                        leftBankLvl.push([time, datas[i][5]]);
                        rightBankLvl.push([time, datas[i][6]]);
                    }
                        
                    yAxisOption = [{
                            gridLineWidth: 0,
                            title: { text: 'ระดับน้ำ (' + unit + ')', style: { color: '#6D6D6D' } },
                            labels: { format: '{value}', style: { color: '#6D6D6D' } }
                    }];
                    
                    dataSeries = [
                        { type: 'spline', name: 'ระดับน้ำ', data: waterLvl },
                        { type: 'spline', name: 'ระดับท้องน้ำ', data: groundLvl },
                        { type: 'spline', name: 'ระดับตลิ่งซ้าย', data: leftBankLvl },
                        { type: 'spline', name: 'ระดับตลิ่งขวา', data: rightBankLvl }
                    ];
                }
                
                $(function () {
                    $('#watersensor-chart').highcharts({
                        chart: {
                            zoomType: 'x',
                            events: {
                                load: function () {
                                    $('.ldmap_placeholder .ldmap_frame .ldmap_popup_detail, .ldmap_placeholder .ldmap_frame .ldmap_popup').css('maxWidth', '700px').css('maxHeight', '360px');
                                }
                            },
                            height: 300, width: 500
                        },
                        title: { text: 'กราฟแสดงระดับน้ำสถานี ' + datas[0][9] },
                        xAxis: { type: 'datetime', title: { text: 'เวลา' } },
                        yAxis: yAxisOption,
                        credits: { enabled: false },
                        legend: { align: 'center', verticalAlign: 'bottom' },
                        series: dataSeries,
                        time: { timezoneOffset: -7 * 60 }
                    });
                });
            }
        });
    }
    
    this.displayWaterSensorDatetime = function() {
        var date_time_txt = self._lib.timeConverter($('#watersensor-slider').val());
        $('#watersensor-datetime').html((self._lang == 'th' ? 'ข้อมูลเมื่อ ' : 'Date/time: ') + '<span class="watersensor-datetime-content" style="color:#004990;">' + date_time_txt + '</span>');
    }

    this.loadGeoJson = function(geoJsonFile, callback) {
        self.showMapLoading();
        self.callajax_layer = self._lib.callAjax(geoJsonFile, {
            onSuccess: function(data) {
                if(typeof callback == 'function') {
                    var geoJson = JSON.parse(data.responseText);
                    callback(geoJson);
                    self.hideMapLoading();
                }
            }
        });
    }

    this._geojson_rainfall_accumulation_obj = false;
    this.displayRainfallAccumulation = function(geoJson) {
        self._geojson_rainfall_accumulation_obj = geoJson;
        geoJson.features.forEach(function(element) {
            var overlay;
            if (element.geometry.type === "Point") {
                overlay = new longdo.Marker({ lon: element.geometry.coordinates[0], lat: element.geometry.coordinates[1]});
            } else if (element.geometry.type === "MultiPolygon") {
                let tempPolygon = []
                element.geometry.coordinates[0].forEach(function(x) {
                    x.forEach(function(loc) {
                        tempPolygon.push({ lon: loc[0], lat: loc[1] })
                    })
                })

                let dn = element.properties.DN.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",")+' มม.';
                overlay = new longdo.Polygon(tempPolygon, {
                    title: dn,
                    lineColor: 'rgba(0, 0, 0, 0)',
                    popup: {
                        html: '<div class="longdo-legend-popup-html">ปริมาณน้ำฝนสะสม '+dn+'</div>'
                    },
                    fillColor: self.getRainfallAccumulationColor(element.properties.DN),
                });
            }
            overlay.longdomap = {'overlaytype' : 'rainfall_accumulation'};
            self._map.Overlays.add(overlay);
        });
    }

    this.getRainfallAccumulationColor = function(val){
        return val > 3600 ? 'rgba(0, 0, 255, 0.8)' :
            val > 3200 ? 'rgba(28, 28, 255, 0.8)' :
            val > 2800 ? 'rgba(57, 57, 255, 0.8)' :
            val > 2400 ? 'rgba(85, 85, 255, 0.8)' :
            val > 2000 ? 'rgba(113, 113, 255, 0.8)' :
            val > 1600 ? 'rgba(142, 142, 255, 0.8)' :
            val > 1200 ? 'rgba(170, 170, 255, 0.8)' :
            val > 800 ? 'rgba(198, 198, 255, 0.8)' :
            val > 400 ? 'rgba(227, 227, 255, 0.8)' :
            '#ffffff';
    }
    
    this.showMapLegend = function(title, content, op) {
        if(!title) {
            title = self._legend_title_text;
        }


        if(!self._map) return false;
        
        if (typeof(op) == 'undefined') {
            op = 'show';
        }

        var map_div = document.getElementsByClassName("ldmap_placeholder")[0]; // document.getElementById(self._map_div_id);
        
        if(!map_div || typeof(map_div) != 'object') return;
        
        var legenddiv = document.getElementById(self._legend_div_id);
     
        if (legenddiv) {
            document.getElementById(self._legend_content_div_id).innerHTML = content;
            if (legenddiv.style.display == 'none') {
                legenddiv.style.display = 'block';
            }
            // document.getElementById(self._collapse_div_text_id).innerHTML = title;
            document.getElementById(self._legend_title_id).innerHTML = title;
        } else {
            legenddiv = document.createElement("div");
            legenddiv.id = self._legend_div_id;
            legenddiv.innerHTML = '<div id="'+self._collapse_div_id+'"><div class="longdomap-legend-collapse-button"><div class="collapse-arrow"></div><div id="'+self._collapse_div_text_id+'">'+self._legend_hidden_text+'</div></div><div id="'+self._legend_title_id+'" class="float-left">'+title+'</div><div class="clear" style="clear:both"></div></div><div id="'+self._legend_content_div_id+'">'+content+'</div>';
            map_div.appendChild(legenddiv);
            
            var collapse = document.getElementById(self._collapse_div_id);
            //collapse.map_div = map_div
            collapse.onclick = function() { self.collapseMapLegend(); };
        }
        self.resizeMapLegend();
        
        var content = document.getElementById(self._legend_content_div_id);
        var content_img = content.getElementsByTagName('img');
        var num_img = content_img.length;
        var each_img;
        for(var i=0; i<num_img; i++) {
            each_img = content_img[i];
            if (typeof(each_img) != 'object') {
                continue;
            }
            //each_img.map_div = map_div;
            //each_img.onload = function() { resizeMapLegend(self.map_div); };
            each_img.onload = function() { self.resizeMapLegend(); };
        }
        
        if (op == 'hide' || (op != 'hide' && document.getElementById(self._legend_div_id).forcehide)) {
            self.collapseMapLegend(op);
        }
    }
    
    this.hideMapLegend = function() {
        var legenddiv = document.getElementById(self._legend_div_id);
        if (legenddiv) {
            legenddiv.style.display = 'none';
        }
    }
    this.displayMapLegend = function() {
        var legenddiv = document.getElementById(self._legend_div_id);
        if (legenddiv) {
            legenddiv.style.display = 'block';
        }
    }
    
    this.collapseMapLegend = function(op) {
        var legend = document.getElementById(self._legend_div_id);
        var map_div = document.getElementById(self._map_div_id);
        if ( legend.forcehide && op != 'hide' ) {
            legend.className = legend.className.replace(/longdomap-legend-hidden/g, "");
            document.getElementById(self._collapse_div_text_id).innerHTML = self._legend_hidden_text;
            document.getElementById(self._legend_title_id).style.display = 'inline';
            self.resizeMapLegend();
            legend.forcehide = false;
        } else {
            legend.className += " longdomap-legend-hidden";
            document.getElementById(self._collapse_div_text_id).innerHTML = self._longdomap_landinfo && self._longdomap_landinfo.enabled() ? self._landinfo_title_text : self._legend_title_text;
            document.getElementById(self._legend_title_id).style.display = 'none';
            legend.forcehide = true;
        }
    }
    
    this.resizeMapLegend = function() {
        var map_div = document.getElementById(self._map_div_id);
        var legend = document.getElementById(self._legend_div_id);
        if (!legend) {
            return;
        }
        if ( (" " + legend.className + " ").replace(/[\n\t]/g, " ").indexOf(" longdomap-legend-hidden ") > -1 ) {
            return;
        }
            
        var content = document.getElementById(self._legend_content_div_id);
        var collapse = document.getElementById(self._collapse_div_id);
        
        content.style.height = '';
        content.style.width = '';
        content.style.overflowX = '';
        
        var map_area_size = self._lib.getElementSize(map_div);
        var content_size_h = self._lib.getElementSize(content, 'h');
        var collapse_h = self._lib.getElementSize(collapse, 'h');
        
        var legend_padding_h = 10;
        var legend_padding_w = 20;
        var padding_for_map_h = 90; // toolbar area
        var padding_for_map_w = 60; // toolbar area

        var legend_margin_w;
        if($('#longdomap-legend-div').css('marginRight')) { // Longdo Traffic
            legend_margin_w = parseInt($('#longdomap-legend-div').css('marginRight'));
        }
        if(!legend_margin_w) {
            legend_margin_w = 20;
        }
        
        var fit_h = map_area_size.h - padding_for_map_h - collapse_h - legend_padding_h - 80; // bottom: 80
        var fit_w = map_area_size.w - padding_for_map_w - legend_padding_w - legend_margin_w;
        
        var content_size_w;
        if (content_size_h > fit_h) {
            content.style.height = fit_h + 'px';
            content_size_w = self._lib.getElementSize(content, 'w');
            content.style.width = (content_size_w + 30) + 'px'; // 20: scrollbar width
        }
        
        content_size_w = self._lib.getElementSize(content, 'w');
        if (content_size_w > fit_w) {
            content.style.width = fit_w + 'px';
            content.style.overflowX = 'auto';
        }
    }

    this.showMapLoading = function() {
        if(!self._map) return;
        var map_div = self._placeholder_mapdiv;
        if(!map_div || typeof(map_div) != 'object') return;
        
        var _div = document.getElementById(self._centermap_loading_div);
            
        if (_div) {
            if (_div.style.display == 'none') {
                _div.style.display = 'block';
            }
        } else {
            _div = document.createElement("div");
            _div.id = self._centermap_loading_div;
            _div.innerHTML = '<div class="loadingio-spinner-spin-mm69scm6fdd"><div class="ldio-mtvor4dc8t"><div><div></div></div><div><div></div></div><div><div></div></div><div><div></div></div><div><div></div></div><div><div></div></div><div><div></div></div><div><div></div></div></div></div>';
            map_div.appendChild(_div);
        }
    }

    this.hideMapLoading = function() {
        var _div = document.getElementById(self._centermap_loading_div);
        if(_div) {
            _div.style.display = 'none';
        }
    }
    
    this.bindMapEvent = function() {
        self._map.Event.bind('ready', function() {
            self.mapeventbind('ready');
        })
        .bind('overlayClick', function(obj) {
            self.mapeventbind('overlayClick', obj);
        })
        .bind('location', function(obj) {
            self.mapeventbind('location');
        })
        .bind('overlayDrop', function(obj) {
            self.mapeventbind('overlayDrop');
        })
        .bind('zoom', function(obj) {
            self.mapeventbind('zoom');
        })
        .bind('drop', function(obj) {
            self.mapeventbind('drop');
        })
        .bind('overlayChange', function(obj) {
            self.mapeventbind('overlayChange', obj);
        })
        .bind('layerChange', function(obj) {
            self.mapeventbind('layerChange', obj);
        })
        .bind('resize', function() {
            self.mapeventbind('resize');
        });
    }
    
    this.mapeventbind = function(eventenum, obj) {
        switch (eventenum) {
			case 'ready':
                self._map.onmapready = true;
                break;
			case 'overlayClick':
                if(obj.longdomap && obj.longdomap.markertype && obj.longdomap.markertype == 'watersensor') {
                    if (self) {
                        self.displayWaterSensorGraph(obj.title);
                    }
                } else if(obj.longdomap && obj.longdomap.markertype && obj.longdomap.markertype == 'aqiinfo') {
                    if (self && obj.longdomap.aqiinfo) {
                        self.displayAqicnDetails(obj.longdomap.aqiinfo);
                    }
                }
                break;
            case 'location':
                self._map_is_moving = true;
                if(self.callajax_layer) {
                    self.callajax_layer.abort();
                }
                break;
            case 'overlayDrop':
                if (!self._map_is_moving) {
					break;
				}
            case 'zoom':
                if(self.callajax_layer) {
                    self.callajax_layer.abort();
                }
            case 'drop':
                if (self._floodOverlay && (self._floodOverlay == 'aqicn' || self._floodOverlay == 'air4thai')) {
					self.displayCenterMapAqi();
				}
                self._map_is_moving = false;
                break;
            case 'overlayChange':
                if(self._map.Ui.popup && self._map.Ui.popup instanceof longdo.PopupMini) {
                    if (!self._map.Ui.popup.get()) {
                        if(self._temp_hide_legend) {
                            self.displayMapLegend();
                            self._temp_hide_legend = false;
                        }
                    } else {
                        var legenddiv = document.getElementById(self._legend_div_id);
                        if(legenddiv && legenddiv.style.display != 'none') {
                            self.hideMapLegend();
                            self._temp_hide_legend = true;
                        }
                    }
                }
                break;
            case 'resize':
                var legendcontentdiv = document.getElementById(self._legend_content_div_id);
                if (legendcontentdiv && window.getComputedStyle && window.getComputedStyle(legendcontentdiv, null).display != 'none') {
                    self.resizeMapLegend();
                }
                break;
            case 'layerChange':
                let style, ref;
                if (document.getElementById('darkmode')) {
                    style = document.getElementById('darkmode');
                } else {
                    style = document.createElement('style');
                    style.setAttribute('id', 'darkmode');
                    ref = document.querySelector('script');
                    ref.parentNode.insertBefore(style, ref);
                }

                let selecedLongdoMapModeName = '';
                let longdoMapModeSelector = self._map.Ui.LongdoMapModeSelector;
                if (longdoMapModeSelector) {
                    let selecedLongdoMapMode = longdoMapModeSelector.element().querySelector('.ldmap_item.ldmap_button.ldmap_button_active');
                    selecedLongdoMapModeName = ((selecedLongdoMapMode || {}).innerHTML || '').split(' ')[0];
                } else if ('name' in (obj || {})) {
                    selecedLongdoMapModeName = obj.name();
                }

                if (selecedLongdoMapModeName === 'จราจร' || selecedLongdoMapModeName === 'Traffic' || selecedLongdoMapModeName === 'trafficoverlay') {
                    if (self._selected_layer !== 'dark_mode_traffic') {
                        style.innerHTML = '';
                    }
                } else {
                    style.innerHTML = '';
                    if (self._selected_layer === 'dark_mode_traffic') {
                        self._floodMenu.selectIndex(self._default_select_index);
                    }
                }
                break;
		}
    }
}

function LongdomapLandinfo(obj) {
    let _lang = obj.lang;
    let _map = obj.map;
    let _instructionPlaceholderId = obj.instructionPlaceholderId;
    let _placeholderId = obj.placeholderId;
    let _loadingHtmlString = obj.loadingHtmlString;
    let _beforeLoading = obj.beforeLoading;
    let _afterLoading = obj.afterLoading;
    let _isEnabled = false;
    let _previousToolbarMode = null;
    let _demChartContainerId = 'dem-chart';
    let _demSurfaceChartContainerId = 'dem-surface-chart';
    let _basepath_ws = 'https://map.simplethai.net';

    let _snippetContainerStyleObj = {
        'border': '1px solid #A5D8FF88',
        'height': '128px',
        'width': '523px',
        'margin': '10px auto'
    };
    let _demChartTopicStyleObj ={
        'padding-top': '20px',
        'border-top': '1px solid #A5D8FF88',
    };
    let _demChartContainerStyleObj = {
        'border-top': '1px solid #A5D8FF88',
        'border-left': '1px solid #A5D8FF88',
        'border-right': '1px solid #A5D8FF88',
        'height': '250px',
        'width': '523px',
    };
    let _rowStyleObj = {
        'border-top': '1px solid #A5D8FF88'
    };
    let _nameColStyleObj = {
        'text-align': 'left',
        'padding': '6px'
    };
    let _valueColStyleObj = {
        'text-align': 'right'
    };
    let _unitColStyleObj = {
        'text-align': 'left'
    };
    let _noDataStyleObj = {
        'color': '#717171'
    };
    let _instructionStyleObj = {
        'padding': '32px 0px 4px 0px',
        'display': 'flex',
        'justify-content': 'center',
        'align-items': 'center',
        'border-top': '1px solid #A5D8FF88',
        'color': '#717171'
    };
    let _instructionTopicStyleObj = {
        'background-color': '#2085f3d9',
        'border-radius': '12px',
        'padding': '3px 8px',
        'color': '#FFFFFF',
        'margin-right': '8px'
    };
    let _measurementIconStyleObj = {
        'margin': '0px 6px',
        'filter': 'grayscale(1)',
        'width': '16px',
        'height': '16px'
    };
    let _measurementIconUrl = 'https://api.longdo.com/map/images/ui/measure-off.png';
    let _translate = {
        th: {
            no_data: 'ไม่มีข้อมูล',
            how_to: 'วิธีใช้',
            how_to_1: 'วาดพื้นที่ Polygon (ไม่เกิน 5,000 ตร.กม.) ด้วย',
            how_to_2: 'หรือคลิกที่พื้นที่ Polygon เพื่อดูข้อมูลวิเคราะห์พื้นที่',
            dem_surface_topic: 'ภาพจำลองแผนที่ความสูงภูมิประเทศ'
        },
        en: {
            no_data: 'No data',
            how_to: 'How to',
            how_to_1: 'Draw polygon (limit 5,000 sq.km.) with',
            how_to_2: 'or click on polygon to see Land Info',
            dem_surface_topic: 'Topographic Model'
        }
    };

    let styleObjToString = function(obj) {
        let style = '';
        for (var key in obj) {
            style += key + ': ' + obj[key] + '; ';
        }
        return style;
    }
    
    let bindMapEvent = function() {
        _map.Event.bind('toolbarChange', function(toolbarMode) {
            if (_isEnabled && _previousToolbarMode === 'M' && toolbarMode === null) {
                let measureList = _map.Ui.Toolbar.measureList();
                let length = measureList.length;
                if (length > 0) {
                    if (measureList[length - 1] instanceof longdo.Polygon) {
                        let condition = true;
                        const areaString = longdo.Util.area(measureList[length - 1].location(), 'en');
                        const splitedAreaString = areaString.split('<br />');
                        if (splitedAreaString[0].indexOf('sq.km') >= 0) {
                            const areaWithComma = splitedAreaString[0].replace(' sq.km', '');
                            const area = Number(areaWithComma.replace(/,/g, ''));
                            if (area > 5000) {
                                condition = false
                            }
                        }
                        if (condition) {
                            getLandInfo(measureList[length - 1]);
                        } else {
                            alert(_lang === 'th' ? 'กรุณาวาดพื้นที่ไม่เกิน 5,000 ตร.กม.' : 'The polygon area must not be more than 5,000 sq.km.');
                        }
                    } else if (measureList[length - 1] instanceof longdo.Polyline) {
                        getDemByPolyline(measureList[length - 1]);
                    }
                }
            }
            _previousToolbarMode = toolbarMode;
        });

        _map.Event.bind('overlayClick', function(overlayObject) {
            if (_isEnabled && _previousToolbarMode !== 'M') {
                if (overlayObject instanceof longdo.Polygon) {
                    let condition = true;
                    const areaString = longdo.Util.area(overlayObject.location(), 'en');
                    const splitedAreaString = areaString.split('<br />');
                    if (splitedAreaString[0].indexOf('sq.km') >= 0) {
                        const areaWithComma = splitedAreaString[0].replace(' sq.km', '');
                        const area = Number(areaWithComma.replace(/,/g, ''));
                        if (area > 5000) {
                            condition = false
                        }
                    }
                    if (condition) {
                        getLandInfo(overlayObject);
                    } else {
                        alert(_lang === 'th' ? 'กรุณาวาดพื้นที่ไม่เกิน 5,000 ตร.กม.' : 'The polygon area must not be more than 5,000 sq.km.');
                    }
                } else if (overlayObject instanceof longdo.Polyline) {
                    getDemByPolyline(overlayObject);
                }
            }
        });

        _map.Event.bind('clearMeasure', function(overlayObject) {
            if (_isEnabled) {
                document.getElementById(_placeholderId).innerHTML = '';
                _afterLoading();
            }
        });
    };

    let getLandInfo = function(polygonObj) {
        let xhttp = new XMLHttpRequest();
        document.getElementById(_placeholderId).innerHTML = '';
        _beforeLoading();
        document.getElementById(_placeholderId).innerHTML = _loadingHtmlString;
        xhttp.onreadystatechange = function() {
            if (this.readyState == 4 && this.status == 200) {
                let response = JSON.parse(this.response);
                if (response.code === 'SUCCESS') {
                    showLandInfo(response.data, polygonObj);
                    _afterLoading();
                } else if (response.code === 'FAILED') {
                }
            }
        };
        xhttp.open('POST', _basepath_ws + '/ws.php', true);
        xhttp.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');
        xhttp.send('service=landinfo&polygon_string=' + longdo.Util.overlayToWkt([polygonObj]));
    };

    let getDemByPolyline = function(polylineObj) {
        let xhttp = new XMLHttpRequest();
        document.getElementById(_placeholderId).innerHTML = '';
        _beforeLoading();
        document.getElementById(_placeholderId).innerHTML = _loadingHtmlString;
        xhttp.onreadystatechange = function() {
            if (this.readyState == 4 && this.status == 200) {
                let response = JSON.parse(this.response);
                if (response.code === 'SUCCESS') {
                    let data = response.data.map(function (item) {
                        return [
                            Number(item.distance),
                            Number(item.dem),
                            {
                                lat: Number(item.lat),
                                lon: Number(item.lon)
                            }
                        ]
                    });
                    showDemChart(data, polylineObj);
                    _afterLoading();
                } else if (response.code === 'FAILED') {
                }
            }
        };
        xhttp.open('POST', _basepath_ws + '/ws.php', true);
        xhttp.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');
        xhttp.send('service=dem_by_polyline&polyline_string=' + longdo.Util.overlayToWkt([polylineObj]));
    };

    let getDemByLocationList = function(locationList, polygonObj) {
        let data = {
            service: 'dem_by_location_list',
            location_list: JSON.stringify(locationList)
        };
        $.ajax({
            url: _basepath_ws + '/ws.php',
            dataType: 'jsonp',
            type: 'POST',
            data: data,
            success: function(result) {
                let x = [];
                let y = [];
                let z = [];
                let tempX = [];
                let tempY = [];
                let tempZ = [];
                for (let index = 0; index < result.data.length; index++) {
                    if (index === 0) {
                        tempX.push(result.data[index].lon);
                        tempY.push(result.data[index].lat);
                        tempZ.push(result.data[index].dem);
                        continue;
                    }
                    if (result.data[index - 1].lat === result.data[index].lat) {
                        tempX.push(result.data[index].lon);
                        tempY.push(result.data[index].lat);
                        tempZ.push(result.data[index].dem);
                        continue;
                    }
                    if (result.data[index - 1].lat !== result.data[index].lat) {
                        x.push(tempX.slice(0));
                        y.push(tempY.slice(0));
                        z.push(tempZ.slice(0));
                        tempX = [];
                        tempY = [];
                        tempZ = [];
                        continue;
                    }
                }
                showDemSurface(x, y, z, polygonObj);
            },
            error: function() {
            },
            complete: function() {
            }
        });
    };

    let generatePolygonSnippetUrl = function(polygonObj) {
        let snippetOption = {
            url: 'http://mmmap15.longdo.com/mmmap/snippet/',
            width: 523,
            height: 128,
            lineColor: '646464ff',
            lineWidth: 2,
            fillColor: '00000040',
        };
        let url = snippetOption.url + '?locale=' + _lang + '&height=' + snippetOption.height + '&width=' + snippetOption.width + '&polygon=position:';
        polygonObj.location().forEach(function(item, index) {
            url += item.lat + ',' + item.lon + '|';
        });
        url += ';linecolor:' + snippetOption.lineColor + ';linewidth:' + snippetOption.lineWidth + ';fillcolor:' + snippetOption.fillColor + ';';
        return url;
    }

    let getSpotGridInPolygon = function(polygonObj) {
        let spotGridList = [];
        if (polygonObj instanceof longdo.Polygon) {
            let boundingBox = longdo.Util.locationBound(polygonObj.location());
            let splitAreaString = longdo.Util.area(polygonObj.location(), 'th').replace(',', '').split(' ');
            let area = splitAreaString[1] === 'ตร.กม.<br' || splitAreaString[1] === 'ตร.กม.' ? Number(splitAreaString[0]) : Number(splitAreaString[0]) / 1000 / 1000;
            let size = 30;        
            if (area <= 3) {
                size = 30;
            } else if (area <= 5) {
                size = 50;
            } else {
                for (let n = 0, j = 10; area >= j ; n++, j = n % 2 === 0 ? Math.pow(10, (n / 2) + 1) : 5 * Math.pow(10, (n / 2) + 1)) {
                    let a = (n + 1) * (Math.floor(n / 5) + 1);
                    size = 100 * (1 + a) * a / 2;
                }
            }
            let shipLat, shipLon;
            for (let lat = boundingBox.maxLat; lat > boundingBox.minLat; lat -= shipLat) {
                shipLat = size / longdo.Util.latitudeLength(lat);
                shipLon = size / longdo.Util.longitudeLength(lat);
                for (let lon = boundingBox.minLon; lon < boundingBox.maxLon; lon += shipLon) {
                    let location = {
                        lat: lat,
                        lon: lon
                    };
                    // if (longdo.Util.contains(location, polygonObj.location())) {
                    //     spotGridList.push(location);
                    // }
                    spotGridList.push(location);
                }
            }
        }
        return spotGridList;
    }

    let showLandInfo = function(data, polygonObj) {
        let innerHTML = '<div style="' + styleObjToString(_snippetContainerStyleObj) + '">';
        innerHTML += '<img src="' + generatePolygonSnippetUrl(polygonObj) + '">'
        innerHTML += '</div>';
        innerHTML += '<table>';
        data.forEach(function(item, index) {
            innerHTML += '<tr style="' + styleObjToString(_rowStyleObj) + '">';
            innerHTML += '<td style="' + styleObjToString(_nameColStyleObj) + '">' + item.name + '</td>';
            innerHTML += '<td style="' + styleObjToString(_valueColStyleObj) + '">' + (Number(item.value) !== 0 ? Number(item.value).toLocaleString() : '<div style="' + styleObjToString(_noDataStyleObj) + '">' + _translate[_lang].no_data + '</div>') + '</td>';
            innerHTML += '<td style="' + styleObjToString(_unitColStyleObj) + '">' + item.unit + '</td>';
            innerHTML += '</tr>';
        });
        innerHTML += '</table>';
        innerHTML += '<div style="' + styleObjToString(_demChartTopicStyleObj) + '">' + _translate[_lang].dem_surface_topic + '</div><div id="' + _demSurfaceChartContainerId + '" style="' + styleObjToString(_demChartContainerStyleObj) + '"></div>';
        document.getElementById(_placeholderId).innerHTML = innerHTML;

        let locationList = getSpotGridInPolygon(polygonObj);
        getDemByLocationList(locationList, polygonObj);
    };

    let showDemChart = function(data, polylineObj) {
        let innerHTML = '<div id="' + _demChartContainerId + '"></div>';
        document.getElementById(_placeholderId).innerHTML = innerHTML;

        Highcharts.setOptions({
            lang: {
                thousandsSep: ','
            }
        });
        Highcharts.chart(_demChartContainerId, {
            chart: {
                type: 'spline',
                zoomType: 'xy',
                height: 300,
                width: 500
            },
            credits: {
                enabled: false
            },
            title: {
                text: null
            },
            subtitle: {
                text: null
            },
            legend: {
                align: 'center',
                verticalAlign: 'bottom'
            },
            xAxis: {
                labels: {
                    format: '{value:,.0f} ม.'
                },
                title: {
                    text: 'ที่ระยะทาง'
                }
            },
            yAxis: {
                labels: {
                    format: '{value:,.0f} ม.'
                },
                title: {
                    text: 'ความสูงจากระดับน้ำทะเลปานกลาง'
                }
            },
            tooltip: {
                headerFormat: '<b>ที่ระยะทาง {point.x:,.0f} ม.</b><br>',
                pointFormat: 'ความสูง {point.y:,.0f} ม.'
            },
            plotOptions: {
                spline: {
                    marker: {
                      enabled: false
                    }
                },
                series: {
                    cursor: 'pointer',
                    point: {
                        events: {
                            click: function(e) {
                                _map.location(data[e.point.index][2]);
                            }
                        }
                    }
                }
            },
            series: [{
                name: null,
                data: data,
                showInLegend: false,
                color: '#2085f3d9'
            }]
        });
    };

    let showDemSurface = function(x, y, z, polygonObj) {
        let data = [{
            x: x,
            y: y,
            z: z,
            type: 'surface',
            contours: {
                z: {
                    show: true,
                    usecolormap: true,
                    highlightcolor: "#42f462",
                    project: {
                        z: true
                    }
                }
            },
            showscale: false
        }];

        let boundingBox = longdo.Util.locationBound(polygonObj.location());
        let layout = {
            scene: {
                aspectmode: 'manual',
                aspectratio: {
                    x: parseFloat(x[0].length) / parseFloat(x.length),
                    y: 1,
                    z: 0.25
                },
                xaxis: {
                    range: [boundingBox.minLon, boundingBox.maxLon],
                    visible: false
                },
                yaxis: {
                    range: [boundingBox.minLat, boundingBox.maxLat],
                    visible: false
                },
                zaxis: {
                    visible: false
                }
            },
            autosize: true,
            width: 523,
            height: 250,
            margin: {
              l: 0,
              r: 0,
              b: 0,
              t: 0,
            }
        };

        Plotly.newPlot(_demSurfaceChartContainerId, data, layout);
        document.getElementById(_demSurfaceChartContainerId).on('plotly_click', function(i){
            _map.location({
                lat: i.points[0].y,
                lon: i.points[0].x
            });
        });
    };

    let showInstruction = function() {
        let innerHTML = '<div style="' + styleObjToString(_instructionStyleObj) + '"><span style="' + styleObjToString(_instructionTopicStyleObj) + '">' + _translate[_lang].how_to + '</span>' + _translate[_lang].how_to_1 + ' <img style="' + styleObjToString(_measurementIconStyleObj) + '" src="' + _measurementIconUrl + '"> ' + _translate[_lang].how_to_2 + '</div>';
        document.getElementById(_instructionPlaceholderId).innerHTML = innerHTML;
    };

    this.enabled = function(isEnabled) {
        if (isEnabled !== undefined) {
            _isEnabled = isEnabled;
        }
        if (_isEnabled) {
            showInstruction();
        }
        return _isEnabled;
    };

    bindMapEvent();
}
function LongdomapRouting() {
  document.longdomap_routing = this;
  var self = this;
  var PREFIX_TITLE_ROUTING_PIN = 'ลากหมุดไปวางบนแผนที่ เพื่อกำหนด';
  var PLACEHOLDER_ROUTING_TXTBOX = 'กำหนด%p1 / ลากหมุด%p2วางบนแผนที่';
  
  this.constructor = function (obj) {
    this._lang = obj.lang;
    this._map = obj.map;
    this._route = obj.map.Route;
    this._lib = new LongdoLib();
    this._gg_api_key = obj.gg_api_key;
    
    this._mmmap_lib = new LongdomapLib(obj);
    if(!this._mmmap_lib._map) { // support IE, remove when use es6
        this._mmmap_lib.constructor(obj);
    }
    
    this._routing_list = new Array();
    
    this._routing_menu_div_id = 'content-menu-routing';
    
    this._routing_result_div_id = 'routing-result';
    this._routing_type_option_class = 'routing-type-option';
    this._routing_mode_option_class = 'routing-mode-option';
    this._routing_input_textbox = 'search-routing-textbox';
    this._routing_active_input_textbox = 'searching-routing-textbox';
    this._routing_time_id = 'routing-time-input';
    
    this.initRouting();
    this.initRoutingForm();
  }
  
  this.initRouting = function() {
    if (!this._route) return;
    /*if(getSelectedMapdata() == 'tomtom') {
        longdo.Server.route = '//mslb1.longdo.com/map/mmroute-tomtom';
    }*/
    this._route.placeholder(document.getElementById(this._routing_result_div_id));
    this._route.enableContextMenu();
    this._route.auto(true);
    this._route.useStopMarker(true);

    this.initRoutingTime();
    this.initRoutingMode('cost');
    this.initRoutingType('all', true);
    this.initRoutingType('air', false);
    this.initRoutingType('railway', false);
    
    this.bindMapEvent();
  }
  
  this.initRoutingForm = function() {
    //if(this._routing_list) return;
    this._routing_list = new Array();
    this.setDragableOnRoutePin();
    this.setAddDestinationButton();
    self.setRoutingTxtBox();
    this.setAddLastDestinationButton();
    if (this._route.size() == 0) { // do not display routing-about div, when init form by routing's pathComplete event
      this.showRoutingAbout();
      this.clearRoutingFormValue();
    }
  
    $( "#routing-destination-sortable" ).sortable({
      placeholder: "ui-state-highlight",
      update: function( event, ui ) {
        self.regenerateRoutingTxtBox();
      },
      cancel: ".search-routing-icon,input,textarea,button,select,option"
    });
    $( "#routing-destination-sortable" ).disableSelection();


    $('#'+this._routing_time_id).unbind('change').bind('change', function() {
      if(!this.value) return;
      self._route.time(new Date(this.value));
      self.initRoutingMode('traffic');
    });

    $('#routing-export-to-line').unbind('click').bind('click', function() {
      self.exportRoutingToShape();
    });

    $('#routing-options').unbind('click').bind('click', function() {
      if(!$(this).hasClass('routing-options-contents-showing')) {
        self.showRoutingOptions();
      } else {
        self.hideRoutingOptions();
      }
    });
  }
  
  this.setAddLastDestinationButton = function() {
    $('.add-last-destination').unbind('click').bind('click', function() {
      //var idx = parseInt($(this).attr('id').replace('add-destination-', ''));
      var idx = $('.search-routing-icon').length - 1;
      self.cloneRoutingTxtBox(idx);
      self._routing_list.splice(idx, 0, false);
      self.resizeRoutingResult();
      adjest_result_content()
    });
  
    $('#reverse-routing-path-button').unbind('click').bind('click', function() {
      self._route.reverse();
    });
  }
  
  this.setRemoveDestinationButton = function(element_class) {
    if(typeof element_class == 'undefined') {
      element_class = '.remove-destination-div';
    }
  
    $(element_class).unbind('click').bind('click', function(e) {
      // var div_row_id = $(this).attr('rel');
      var div_row_id = e.target.parentNode.id;
      var index = self.getIndexFromTxtboxID(div_row_id);
      var autosearchrouting = self._routing_list[index] !== false;
      self._routing_list.splice(index,1);
      $('#'+div_row_id + ', #add-destination-'+(index+1)).remove();
      if(autosearchrouting) {
        self.searchMyRouting();
      } else {
        self.regenerateRoutingTxtBox();
      }
    });
  
    $(element_class).hover(
      function () {
        $(this).addClass("remove-destination-div-hover");
      },
      function () {
        $(this).removeClass("remove-destination-div-hover");
      }
    );
  }

  this.searchMyRouting = function() {
    if(!this._routing_list) {
      self.hideExportRoutingLink();
      return;
    }
  
    $('.choosing-destination-txtbox').removeClass('choosing-destination-txtbox').removeClass('choosing-destination-txtbox');
    this._route.clear();
  
    var num_destination = 0;
  
    var routing_list = this._routing_list;
    var destination, des;

    var num_routing_list = routing_list.length;
    var last_idx_routing_list = num_routing_list-1;
    
    if(last_idx_routing_list == 0) {
      destination = this._routing_list[0]
      if(typeof destination == 'object' && typeof destination.lat == 'number' && typeof destination.lon == 'number') {
        num_destination++;
        this._route.add(destination);
      } else {
        delete this._routing_list[0]
      }
    } else {
      for (var i=0; i<=last_idx_routing_list; i++) {
        destination = routing_list[i];
        if(typeof destination == 'object' && typeof destination.lat == 'number' && typeof destination.lon == 'number') {
          num_destination++;
          this._route.add(destination);
        } else {
          if(typeof this._routing_list[i] != 'undefined') {
            delete this._routing_list[i]
          }
        }
      }
    }
  
    if(num_destination > 1) {
      self.showExportRoutingLink();
      clearAllSearchLocationPin();
      $('#routing-result').html("<div class='loading' style='padding-top:0px;'><img src='/mmmap/images/loading.gif'></div>");
      //this._route.search();
    } else {
      self.hideExportRoutingLink();
      self.showRoutingAbout();
    }
    adjest_result_content()
  }
  this.setAddDestinationButton = function(element_class) {
    if(typeof element_class == 'undefined') {
      element_class = '.add-destination-div';
    }
    this.setDragableOnRoutePin(element_class);
  }
  this.setDragableOnRoutePin = function(element_class) {
    if(typeof element_class == 'undefined') {
      element_class = '.search-routing-icon, .add-destination-div';
    }
  
    var PIN_WIDTH = 33;
    var PIN_HEIGHT = 45;
    $(element_class).draggable({
      cursor: 'move',
      containment: '#longdomap-area',
      zIndex: 10000,
      appendTo: 'body',
      scroll: false,
      cursorAt: { left: PIN_WIDTH / 2, top: 10 },
      stop: function (event, ui) {
      var posX = $("#longdomap-area").offset().left;
      var posY = $("#longdomap-area").offset().top;
      var x = parseInt(ui.absolutePosition.left, 10) + PIN_WIDTH / 2;
      var y = parseInt(ui.absolutePosition.top, 10) + PIN_HEIGHT - 3;
      x = x - posX;
      //y = y - posY - 4;
      y = y - posY;
  
      var currentLocation = mmmap2.location({x: x ,y: y});
  
      var lon = currentLocation.lon;
      var lat = currentLocation.lat;
  
      var icon_id = $(this).attr('id');
      var index = self.getIndexFromTxtboxID(icon_id);
      var add_new_destination = false;
  
      var txtbox_id = icon_id.replace(/^icon-/, '');
      if(self._routing_list.length == 0) {
        var txtbox_id = "destination-start";
      }
  
      if(icon_id.match(/^add-destination-/i)) {
        add_new_destination = true;
        self._routing_list.splice(index, 0, {'name': '', 'lat': lat, 'lon': lon});
      } else { // update
        self._routing_list.splice(index, 1, {'name': '', 'lat': lat, 'lon': lon});
      }
  
      $('#'+txtbox_id).val(lat.toFixed(5) + ', ' + lon.toFixed(5));
  
      self.searchMyRouting();
      adjest_result_content()
  
      //var update_destination = false;
      //
      ////if(!add_new_destination && typeof mmroute.xQueue[index] != 'undefined') { // update destination
      //var destinations = getAllRouteDestinations();
      //if(!add_new_destination && destinations && typeof destinations[index] != 'undefined') { // update destination
      //  update_destination = true;
      //  mmmap2.Route.auto(false);
      //  mmmap2.Route.removeAt(index);
      //  //mmroute.removeDestination(index);
      //}
      //
      //if(update_destination) {
      //  mmmap2.Route.auto(true);
      //}
      //
      //mmmap2.Route.insert(index, {lat: lat, lon: lon});
      ////mmroute.insertDestination(index, lat, lon);
      },
      helper: function (event) {
        var icon_dropped_pin = $(this).attr('src') ? $(this).attr('src') : $(this).attr('rel');
        var pin_obj = document.createElement('img');
        pin_obj.src = icon_dropped_pin;
        pin_obj.id = 'from_helper';
        pin_obj.style.zIndex = 100000;
    
        return pin_obj;
      }
    });
  
    $(element_class).hover(
      function () {
        $(this).addClass("search-routing-icon-hover");
      },
      function () {
        $(this).removeClass("search-routing-icon-hover");
      }
    );
  }
  this.showRoutingAbout = function() {
    $('#'+this._routing_result_div_id).html("\
      <div id='routing-about-content'> \
        <div id='routing-about-header'>บริการแนะนำเส้นทาง</div> \
        <div id='routing-about-content-div'> \
          <div id='routing-about-howto-header'>วิธีใช้งาน</div> \
          <div id='routing-about-howto-content'> \
            <div class='routing-about-title'>เพิ่มจุดหมาย</div> \
            <div class='routing-about-description'>คลิกขวาที่ตำแหน่งที่ต้องการบนแผนที่ แล้วเลือกคำสั่ง \"เดินทางจากจุดนี้\" หรือ \"เดินทางมาจุดนี้\" </div> \
            <div class='routing-about-description'>หรือ ลากไอคอนหมุด ที่อยู่ด้านหลังกล่องข้อความไปวางบนแผนที่ในตำแหน่งที่ต้องการ</div> \
            <div class='routing-about-description'>หรือ พิมพ์ชื่อสถานที่ในกล่องข้อความ แล้วเลือกจุดหมายโดยการคลิกที่ปุ่ม <span class='routing-about-img-icon routing-about-routing-add-destination-icon routing-add-destination-icon'></span> จากผลลัพธ์การค้นหา</div> \
            <div class='routing-about-title'>แก้ไขจุดหมาย</div> \
            <div class='routing-about-description'>ลากไอคอนหมุดบนแผนที่ไปยังตำแหน่งที่ต้องการ</div> \
            <div class='routing-about-description'>หรือ ลากไอคอนหมุด ที่อยู่ด้านหลังกล่องข้อความของจุดหมายที่ต้องการแก้ไข ไปวางบนแผนที่ในตำแหน่งที่ต้องการ</div> \
            <div class='routing-about-description'>หรือ พิมพ์ชื่อสถานที่ในกล่องข้อความของจุดหมายที่ต้องการเปลี่ยนแปลง แล้วเลือกจุดหมายโดยการคลิกที่ปุ่ม <span class='routing-about-img-icon routing-about-routing-add-destination-icon routing-add-destination-icon'></span> จากผลลัพธ์การค้นหา</div> \
            <div class='routing-about-title'>สลับจุดหมาย</div> \
            <div class='routing-about-description'>ลากปุ่ม <span class='routing-about-img-icon routing-about-move-destination-icon'></span> เพื่อเลื่อนไปวางแทนที่ในตำแหน่งจุดหมายที่ต้องการ </div> \
            <div class='routing-about-description'>หรือ คลิกปุ่ม <span class='routing-about-img-icon routing-about-reverse-routing-path-button reverse-routing-path-button'></span> เพื่อย้อนกลับเส้นทางของจุดหมายทั้งหมด </div> \
            <div class='routing-about-title'>ลบจุดหมาย</div> \
            <div class='routing-about-description'>คลิกที่ปุ่มกากบาท <span class='routing-about-img-icon routing-about-remove-destination-div'></span> ในกล่องข้อความ</div> \
            <div class='routing-about-description'>หรือ คลิกไอคอนหมุดบนแผนที่ แล้วเลือก \"ลบจุดหมาย\"</div> \
            <div class='routing-about-title'>ตั้งค่าการเดินทาง</div> \
            <div class='routing-about-description'>คลิกที่ปุ่ม <span class='routing-about-img-icon routing-about-icon-option-destination'></span> เพื่อตั้งค่าการเดินทาง</div> \
            <div class='routing-about-title'>บันทึกเส้นทางเข้าสู่ระบบ Longdo Map</div> \
            <div class='routing-about-description'>คลิกที่ปุ่ม <span class='routing-about-img-icon routing-about-routing-export-to-line'></span> เพื่อบันทึกเส้นทาง</div> \
          </div> \
        </div> \
      </div>");
  }
  
  this.clearRoutingFormValue = function() {
    setBookmark(0, 'all', 'routing');
    clearAllMarker();
    clearAllPopup();
    self.clearMyRouting();
    self.hideRoutingOptions();
    self.hideExportRoutingLink();
    self.showRoutingAbout();
    self.clearPlaceholderTxtbox();
    
    if (mmmap_map && mmmap_map.longdomap_pano) {
      mmmap_map.longdomap_pano.showPath();
    }
  }
  
  this.initRoutingType = function(routeType, state) {
    if (!this._route) return;
    this.setRoutingType(routeType, state);
    if(routeType == 'all') {
      if(state) {
        $('.'+this._routing_type_option_class).attr('checked', 'checked');
      }
      else {
        $('.'+this._routing_type_option_class).removeAttr('checked');
      }
    } else {
      if(state) {
        $('.'+this._routing_type_option_class+'[value='+routeType+']').attr('checked', 'checked');
        //$('#routing-type-'+routeType.toLowerCase()).attr('checked', 'checked');
      } else  {
        $('.'+this._routing_type_option_class+'[value='+routeType+']').removeAttr('checked');
        //$('#routing-type-'+routeType.toLowerCase()).removeAttr('checked');
      }
    }
  }        
  
  this.initRoutingTime = function () {
    var currentDateTime = new Date();
    var currentDateTimeStr = new Date(currentDateTime.getTime() - (currentDateTime.getTimezoneOffset() * 60000 )).toISOString().slice(0,16);

    var maxDateTime = currentDateTime;
    maxDateTime.setMonth( currentDateTime.getMonth() + 1 );
    var maxDateTimeStr = new Date(maxDateTime.getTime() - (maxDateTime.getTimezoneOffset() * 60000 )).toISOString().slice(0,16);

    $('#'+this._routing_time_id).val(currentDateTimeStr);
    $('#'+this._routing_time_id).attr("min", currentDateTimeStr);
    $('#'+this._routing_time_id).attr("max", maxDateTimeStr);
  }

  this.initRoutingMode = function(mode) {
    this.setRoutingMode(mode);
    $('.'+this._routing_mode_option_class+'[value='+mode+']').attr('checked', 'checked');
  }
  
  this.setRoutingType = function (routeType, state) {
    if (!this._route) return;

    if (typeof routeType == 'string') {
      routeType = routeType.charAt(0).toUpperCase() + routeType.slice(1);
    }

    this._route.enableRoute(longdo.RouteType[routeType], state);
  }
  
  this.setRoutingMode = function (mode) {
    if (!this._route) return;

    if (typeof mode == 'string') {
      mode = mode.charAt(0).toUpperCase() + mode.slice(1);
    }

    this._route.mode(longdo.RouteMode[mode]);
  }
  
  this.setRoutingTypeByOption = function(obj) {
    this.setRoutingType(obj.value, obj.checked);
    this.searchMyRouting(); // notyet
  }
  this.setRoutingModeByOption = function(obj) {
    this.setRoutingMode(obj.value);
    this.searchMyRouting(); // notyet
  }
  
  this.getRoutingDestinationName = function() {
    var title = '';

    var longdomap_routing = this._routing_list;
    var num_destination = longdomap_routing.length;
    
    for(var i=0; i<num_destination; i++) {
      title += longdomap_routing[i].name + ' - ';
    }
    
    if(title == '') title = '-';
    else {
      title = title.replace(/ - $/g, '');
    }
    
    return title;
  }
  
  this.exportRoutingToShape = function() {
    var geom = this.getAllRoutePoints();
    
    if(!geom || geom.length <= 1) return;

    var title = this.getRoutingDestinationName();
    
    var polyobj = drawLine(geom, 5, "rgba(255,131,205,0.7)", false, "New Shape", "&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;", title, true); // fixme
    
    polyobj.longdomapcloned = true
    var mmooi = addMMooi(this._map, polyobj); // fixme
    polyobj.longdomap = {ooi: mmooi};
    document.selectedOOI = mmooi;

    document.selectedOOI.setLineColor(getHexColorFromRGBA(polyobj.lineColor));
    document.selectedOOI.setLineOpacity(0.7);
    document.selectedOOI.setLineWidth(5);
    document.selectedOOI.setGeotype('Line');
    document.selectedOOI.setTitleTh(title);
    document.selectedOOI.setTitleEn(title);
    document.selectedOOI.setTitleJa(title);


    document.selectedOOI.lineobject = document.selectedShape;

    document.selectedOOI.displayPopup();

    this._route.clear();
  }
  
  this.resizeRoutingResult = function(tab_content_area) {
    if(!tab_content_area) tab_content_area = $(window).height() - $("#header").height() - $("#content-left-menu").height() - 3;
    var routing_result_height = tab_content_area - $("#routing-tools-area").height() - 21 - 6;
    var minimum_height = 130;
    if(routing_result_height < minimum_height) routing_result_height = minimum_height;
    // $("#routing-result").height(routing_result_height);
  }
  
  this.cloneRoutingTxtBox = function(idx, destination_name, gen_by_mmroute) {
    var destinations = this.getAllRouteDestinations();
    var num_destination = destinations.length;
    // FIX ME API V2 .. var max_add_destination = mmrConst.maxDest-2; // 2: start & finish
    var max_add_destination = 10-2; // 2: start & finish

    var textbox, flag_img, textbox_id, destination_div, flag_div, clear_div, insert_div, remove_div, move_div;

    var previous_div_id = "start-search-routing-destination-div";

    if(gen_by_mmroute && (idx==0 || idx==num_destination-1) ) {
      if(idx==0) {
        textbox_id = 'destination-start';
      } else if(idx==num_destination-1) {
        textbox_id = 'destination-finish';
      }
    } else {
      textbox_id = 'mid-destination'+(idx);
      if(idx == 1) {
        previous_div_id = 'start-search-routing-destination-div';
      } else {
        previous_div_id = 'div-mid-destination'+(idx-1);
      }
    }

    if(!document.getElementById(textbox_id)) {
      destination_div = document.createElement('div');
      destination_div.id = 'div-'+textbox_id;
      destination_div.className = 'search-routing-destination-div mid-search-routing-destination-div';
      destination_div.orderdestination = idx;

      textbox = document.createElement('input');
      textbox.type = "text";
      textbox.id = textbox_id;
      textbox.className = self._routing_input_textbox + " mid-" + self._routing_input_textbox;
      textbox.orderdestination = idx;
      textbox.placeholder = PLACEHOLDER_ROUTING_TXTBOX.replace('%p1', 'จุดหมาย '+idx).replace('%p2', ' '+idx+' ');
      destination_div.appendChild(textbox);

      remove_div = document.createElement('div');
      remove_div.id = 'remove-destination-'+(idx);
      remove_div.className = 'remove-destination-div';
      remove_div.rel = destination_div.id;
      destination_div.appendChild(remove_div);


      var suffix_image = idx;
      if (suffix_image > 50) {
        suffix_image = '';
      }

      flag_div = document.createElement('div');
      flag_div.className = 'search-routing-icon-div mid-search-routing-icon-div';
      flag_img = document.createElement('img');
      flag_img.src = '//mmmap15.longdo.com/mmroute/images/dest'+suffix_image+'.png';
      flag_img.title = PREFIX_TITLE_ROUTING_PIN + 'จุดหมายที่ '+idx;
      flag_img.id = 'icon-' + textbox_id;
      flag_img.orderdestination = idx;
      flag_img.className = "search-routing-icon mid-search-routing-icon";
      flag_div.appendChild(flag_img);
      flag_div.appendChild(document.createTextNode('\u00A0')); // &nbsp;
      destination_div.appendChild(flag_div);

      clear_div = document.createElement('div');
      clear_div.className = 'clear';
      clear_div.id = 'clear-div-'+idx;
      destination_div.appendChild(clear_div);

      $('#'+previous_div_id).after(destination_div);

      self.setRoutingTxtBox('#'+textbox_id);
      this.setDragableOnRoutePin('#icon-' + textbox_id);
      this.setRemoveDestinationButton('#' + remove_div.id);
    }

    if(!document.getElementById('add-destination-'+(idx+1))) {
      var next_dest = destinations[idx+1];
      if(next_dest && typeof next_dest.lat == 'number' && typeof next_dest.lon == 'number') {
        insert_div = document.createElement('div');
        insert_div.id = 'add-destination-'+(idx+1);
        insert_div.className = 'add-destination-div';
        insert_div.rel = '//mmmap15.longdo.com/mmroute/images/dest'+(idx+1)+'.png';

        $('#div-'+textbox_id).after(insert_div);
        this.setAddDestinationButton('#' + insert_div.id); // notyet
      }
    }

    if(typeof destination_name != 'undefined') document.getElementById(textbox_id).value = destination_name;
  }
  
  this.getAllRouteDestinations = function() {
    if(!this._route || !this._route.list || this._route.list().length < 1) {
      return new Array();
    }
    
    return this._route.list();
  }
  
  this.getAllRoutePoints = function() {
    if (!self._route) return false;

    var line = self._route.exportRouteLine();
    
    if(!line) return false;
    
    var points = line.location();
    
    return points;
  }
  
  this.zoomAllRoute = function(forcezoom) {
    var point_array = this.getAllRoutePoints();
    
    if(!point_array || point_array.length == 0) return;
    
    if(forcezoom || this._mmmap_lib.pointArrayIsOutOfBoundary(point_array)) {
      this._mmmap_lib.appropriateZoom(point_array);
    }
  }
  
  
  this.clearPlaceholderTxtbox = function() {
    if($('.'+this._routing_input_textbox).length > 0) {
      $('.'+this._routing_input_textbox).each(function() {
        if ($(this).attr('original_placeholder')) {
          $(this).attr('placeholder', $(this).attr('original_placeholder'));
        }
      });
    }
  }
  
  
//function addRouteDestination(lat, lon) {
//    if (!mmmap2 || !mmmap2.Route) return false;
//    
//    mmmap2.Route.add({lat: lat, lon: lon});
//}
  this.regenerateRoutingTxtBox = function() {
    var numTxtBox = $('.search-routing-destination-div').length;
  
    $(".remove-destination-div").remove();
  
    $(".search-routing-destination-div").each(function(index) {
      var id = '';
      if(index == 0) { // start
        id = 'start-search-routing-destination-div';
        $(this).removeClass('mid-search-routing-destination-div');
      } else if(index == (numTxtBox-1)) { // finish
        id = 'end-search-routing-destination-div';
        $(this).removeClass('mid-search-routing-destination-div');
      } else { // middle
        id = 'div-mid-destination'+index;
        $(this).addClass('mid-search-routing-destination-div');
      }
  
      $(this).attr('id',id);
    });
  
    $("."+self._routing_input_textbox).each(function(index) {
      PLACEHOLDER_ROUTING_TXTBOX = 'กำหนด%p1 / ลากหมุด%p2วางบนแผนที่';
      var placeholder = '';
      if(index == 0) { // start
        plcaeholder = PLACEHOLDER_ROUTING_TXTBOX.replace('%p1', 'จุดเริ่มต้น').replace('%p2', 'สีเขียว');
      } else if(index == (numTxtBox-1)) { // finish
        plcaeholder = PLACEHOLDER_ROUTING_TXTBOX.replace('%p1', 'จุดสิ้นสุด').replace('%p2', 'สีแดง');
      } else { // middle
        plcaeholder = PLACEHOLDER_ROUTING_TXTBOX.replace('%p1', 'จุดหมาย '+index).replace('%p2', 'เลข '+index+' ');
      }
      $(this).attr('placeholder', plcaeholder);
    });
  
    $(".search-routing-icon-div img").each(function(index) {
      var suffix_image = index;
      if (suffix_image > 50) {
        suffix_image = '';
      }
  
      var img_src = '//mmmap15.longdo.com/mmroute/images/dest'+suffix_image+'.png';
      var title = '';
      var id = '';
      if(index == 0) { // start
        title = PREFIX_TITLE_ROUTING_PIN + 'จุดเริ่มต้น';
        id = 'icon-destination-start';
      } else if(index == (numTxtBox-1)) { // finish
        img_src = '//mmmap15.longdo.com/mmroute/images/destLast.png';
        title = PREFIX_TITLE_ROUTING_PIN + 'จุดสิ้นสุด';
        id = 'icon-destination-finish';
      } else { // middle
        title = PREFIX_TITLE_ROUTING_PIN + 'จุดหมายที่ ' + index;
        id = 'icon-mid-destination'+index;
        $(this).attr('orderdestination', index);
      }
      $(this).attr('src', img_src);
      $(this).attr('title', title);
      $(this).attr('id',id);
    });


    var new_longdo_routing = new Array();
    $("."+self._routing_input_textbox).each(function(index) {
      var old_index = self.getIndexFromTxtboxID($(this).attr('id'));
      new_longdo_routing.push(self._routing_list[old_index]);
      var id = '';
      var rel_txtbox = 'div-'+$(".search-routing-destination-div").get(index).id;
      if(index == 0) { // start
        id = 'destination-start';
        $(this).removeClass('mid-'+self._routing_input_textbox);
      } else if(index == (numTxtBox-1)) { // finish
        id = 'destination-finish';
        $(this).removeClass('mid-'+self._routing_input_textbox);
      } else { // middle
        id = 'mid-destination'+index;
        $(this).attr('orderdestination', index);
        $(this).addClass('mid-'+self._routing_input_textbox);

        var remove_div = document.createElement('div');
        remove_div.id = 'remove-destination-'+(index);
        remove_div.className = 'remove-destination-div';
        remove_div.rel = rel_txtbox;
        $(this).after(remove_div);
      }
      $(this).attr('id',id);
    });

    self.setRemoveDestinationButton();
    self._routing_list = new_longdo_routing;
    self.searchMyRouting();
  }

  this.bindMapEvent = function() {
    this._map.Event.bind('nearPoi', function(obj) {
      self.mapeventbind('nearPoi', obj);
    })
    .bind('overlayDrop', function(obj) {
      self.mapeventbind('overlayDrop', obj);
    })
    .bind('pathComplete', function(obj) {
      self.mapeventbind('pathComplete', obj);
    });
  }
  
  this.mapeventbind = function(eventenum, obj) {
    switch (eventenum) {
      case 'nearPoi':
        if (obj && obj.meta && obj.meta.lat && obj.meta.lon && obj.data[0] && obj.data[0].name) {
          var marker_obj_lat = parseFloat(obj.meta.lat).toFixed(5);
          var marker_obj_lon = parseFloat(obj.meta.lon).toFixed(5);
          var marker_obj_name = obj.data[0].name;
          $('.'+this._routing_input_textbox+'[value="'+marker_obj_lat+', '+marker_obj_lon+'"]'). val(marker_obj_name);
        }
        break;
      case 'overlayDrop':
        var destinations = this.getAllRouteDestinations();
        var num_destination = destinations.length;
        if(obj instanceof longdo.Marker && num_destination == 1) {
          this._routing_list = new Array();
          var destination_name = obj.poi;
          var location = obj.location();
          if (typeof(destination_name) != 'string' || !destination_name) {
            destination_name = location.lat.toFixed(5) + ', ' + location.lon.toFixed(5);
          }
          this._routing_list.push({
            'name': destination_name,
            'lat': location.lat,
            'lon': location.lon
          });
          this.cloneRoutingTxtBox(0, destination_name, true);
        }
        break;
      case 'pathComplete':
        $("#"+this._routing_menu_div_id).click();
        this.zoomAllRoute();
        var destinations = this.getAllRouteDestinations();
        var num_destination = destinations.length;
        if(num_destination > 1) {
          self.showExportRoutingLink();  // notyet
        } else {
          self.hideExportRoutingLink();  // notyet
        }
        
        var old_routing_data = this._routing_list;
        this._routing_list = new Array();
        if(destinations && num_destination> 0) {
          var destination, textbox, flag_img, textbox_id, destination_div, flag_div, clear_div, insert_div;
          $(".add-destination-div").remove();
          for(var i=0; i<num_destination; i++) {
            destination = destinations[i];
            var destination_name = destination.poi;
            var location = destination.location();
            if(typeof(destination_name) != 'string' || !destination_name) {
              var num_old_routing_data = typeof old_routing_data == 'undefined' ? 0 : old_routing_data.length;
              var custom_name_found = false;
              for(var j=0; j<num_old_routing_data;j++) {
                if (location.lat.toFixed(5) == old_routing_data[j].lat.toFixed(5) && location.lon.toFixed(5) == old_routing_data[j].lon.toFixed(5)) {
                  destination_name = old_routing_data[j].name;
                  custom_name_found = true;
                  break;
                }
              }
              if (!custom_name_found || typeof(destination_name) != 'string' || !destination_name) {
                destination_name = location.lat.toFixed(5) + ', ' + location.lon.toFixed(5);
              }
            }
            this._routing_list.push({'name': destination_name, 'lat': location.lat, 'lon': location.lon});
            this.cloneRoutingTxtBox(i, destination_name, true);

            if(destination instanceof longdo.Marker) {
              destination.move(destination.location());
            }
          }

          var del_mid_point = num_destination-1;
          while($('#div-mid-destination'+del_mid_point).length > 0) {
            $('#div-mid-destination'+del_mid_point).remove();
            del_mid_point++;
          }
          if(num_destination == 1) {
            $('#destination-finish').val('');
          }
        } else {
          $('#destination-start, #destination-finish').val('');
          this.showRoutingAbout();
        }
        adjest_result_content();
        break;
    }
  }

  this.showRoutingOptions = function() {
    $('#routing-options-contents').show();
    $('#routing-options').addClass('routing-options-contents-showing');
    self.resizeRoutingResult();
  }

  this.hideRoutingOptions = function() {
    $('#routing-options-contents').hide();
    $('#routing-options').removeClass('routing-options-contents-showing');
    self.resizeRoutingResult();
  }

  this.cancelChoosingDestinationResult = function(jq_element) {
    if(jq_element[0].placeholder == 'เลือกจุดหมายจากรายการด้านล่าง') {
      jq_element.val('');
      jq_element.removeClass('choosing-destination-txtbox');
    }
  }

  this.clearMyRouting = function() {
    $('#destination-start, #destination-finish').val('');
    $('.add-destination-div, .mid-search-routing-destination-div').remove();
    $('.'+self._routing_input_textbox).removeClass(self._routing_active_input_textbox);
    $('.choosing-destination-txtbox').removeClass('choosing-destination-txtbox');
    if(self._route) self._route.clear();
    if(self._routing_list) self._routing_list = new Array();

    //Remove Export Line On Map
    let ol = self._map.Overlays.list();
    if(ol) {
      self._map.Overlays.list().forEach(function(ol){if(ol instanceof longdo.Polyline && ol.title=="New Shape"){self._map.Overlays.remove(ol)}})
    }
  }

  this.hideExportRoutingLink = function() {
    $("#routing-export-to-line, #reverse-routing-path-button").css('visibility', 'hidden');
  }

  this.showExportRoutingLink = function() {
    $("#routing-export-to-line, #reverse-routing-path-button").css('visibility', 'visible');
  }

  this.getIndexFromTxtboxID = function(ele_id) { // or Icon Element ID
    var index = 0;
    if(ele_id.match(/-start$/i)) {
      index = 0;
    } else if(ele_id.match(/-finish$/i)) {
      index = $('.'+self._routing_input_textbox).length - 1;
    } else if(ele_id.match(/^add-destination-/i)) {
      index = parseInt(ele_id.replace('add-destination-', ''));
    } else if($('#'+ele_id).attr('orderdestination')) {
      index = $('#'+ele_id).attr('orderdestination');
    }

    return index;
  }

  this.addDestinationToActiveTxtBox = function(lat, lon, name) {
    var active_txtbox = $('.'+self._routing_active_input_textbox);

    active_txtbox.val(name);
    if(active_txtbox[0] && active_txtbox[0].original_placeholder) {
      active_txtbox[0].placeholder = active_txtbox[0].original_placeholder;
    }

    active_txtbox.removeClass('choosing-destination-txtbox');
    var index = self.getIndexFromTxtboxID(active_txtbox.attr('id'));

    var update_destination = false;
    
    lat = parseFloat(lat);
    lon = parseFloat(lon);

    if(typeof self._routing_list[index] == 'object') { // update
      self._routing_list.splice(index, 1, {'name': name, 'lat': lat, 'lon': lon});
    } else { // insert
      if(self._routing_list.length == 0 && index > 0) {
        for(var i=0; i<index; i++) {
          self._routing_list.push({});
        }
        self._routing_list.push({'name': name, 'lat': lat, 'lon': lon});
      } else {
        self._routing_list.splice(index, 0, {'name': name, 'lat': lat, 'lon': lon});
      }
    }

    $('#routing-result').empty();

    self.searchMyRouting();
  }

  this.checkForSearchLocation = function(e) {
    var keycode;
    if (window.event) {
      keycode = window.event.keyCode; // IE
    }
    else if (e) keycode = e.which; //Firefox

    switch(keycode) {
      case 13://enter
        setBookmark(0, 'all', 'routing');
        self.doSearchForRouting();
        return false;
      default :
        return true;
    }
  }

  this._do_search_routing_on_blur_timeout = false;
  this.setRoutingTxtBox = function(element_class) {
    if(typeof element_class == 'undefined') {
      element_class = '.' + self._routing_input_textbox;
    }
    
    $(element_class).unbind('focus').unbind('blur').unbind('click').unbind('keyup').unbind('keydown');
    
    if (getSelectedMapdata() == 'tomtom') {
      if (element_class.match(/^#/)) {
        searchtomtom.initTextBox($(element_class)[0]);
      } else if (element_class.match(/^\./)) {
        var element_class_txt = element_class.replace(/^\./, '');
        var each_class = document.getElementsByClassName(element_class_txt);
        for (var i = 0; i < each_class.length; i++) {
          searchtomtom.initTextBox(each_class[i]);
        }
      }
    } else { // numap
      $(element_class).bind('focus', function(e){
        document.onkeydown='return true';
        document.onkeypress='return true';
        _set_form_suggestion('searchrouteform');
        setSuggestDivPosition(this, '_suggest_routing');
        //cancelChoosingDestinationResult($(this));
        //if (this.value) this.select();
      }).bind('blur', function(e) {
        if($(this).attr('prepareforsearch') == 1 && $(this).attr('changeforsearch') == 1 && $(this).val() != '') {
          setBookmark(0, 'all', 'routing');
          self._do_search_routing_on_blur_timeout = setTimeout(self.doSearchForRouting, 200);
        }
        setKeyFocusAtMaparea();
        setTimeout('clearSuggestDiv()',500);
      }).bind('click', function(e) {
        document.onkeydown='return true';
        document.onkeypress='return true';
        //cancelChoosingDestinationResult($(this));
      }).bind('keyup', function(e) {
        //$(this).attr('prepareforsearch', 1);
        //$(this).attr('changeforsearch', 1);
        self.checkForSearchLocation(e, $(this));
        _suggest_load();
      }).bind('keydown', function(e) {
        //$('.search-routing-textbox').removeClass('searching-routing-textbox');
        //$(this).addClass('searching-routing-textbox');
        suggest_navigation_keys_check(e, this, '_suggest_routing');
      });
    }
    
    $(element_class).bind('focus', function(e){
      self.cancelChoosingDestinationResult($(this));
      if (this.value) this.select();
    }).bind('blur', function(e) {
      if($(this).attr('prepareforsearch') == 1 && $(this).attr('changeforsearch') == 1 && $(this).val() != '') {
      }
    }).bind('click', function(e) {
      self.cancelChoosingDestinationResult($(this));
    }).bind('keyup', function(e) {
      $(this).attr('prepareforsearch', 1);
      $(this).attr('changeforsearch', 1);
    }).bind('keydown', function(e) {
      $('.' + self._routing_input_textbox).removeClass(self._routing_active_input_textbox);
      $(this).addClass(self._routing_active_input_textbox);
    });
  }
  
  this.doSearchForRouting = function(searchterm, lat, lon) {
    if(self._do_search_routing_on_blur_timeout) {
      clearTimeout(self._do_search_routing_on_blur_timeout);
    }

    var txtbox = $('.searching-routing-textbox');
    txtbox.attr('prepareforsearch', 0);
    txtbox.attr('changeforsearch', 0);
    
    if(typeof searchterm == 'undefined') {
      searchterm = txtbox.val();
    }
    if(searchterm == "") return;
    
    self.clearPlaceholderTxtbox();
    
    var location_format = checkSearchByLocationFormat(searchterm, 'routing');
    if(location_format === true) {
      return;
    }
    
    txtbox[0].original_placeholder = txtbox[0].placeholder;
    txtbox[0].placeholder = 'เลือกจุดหมายจากรายการด้านล่าง';
    txtbox.val('');
    $('.choosing-destination-txtbox').val('');
    $('.choosing-destination-txtbox').removeClass('choosing-destination-txtbox');
    txtbox.addClass('choosing-destination-txtbox');
      
    if (window.selectMapTab) { selectMapTab()};
    searchterm = searchterm.replace(/^\s\s*/, '').replace(/\s\s*$/, '');

    if(document.getElementById("routing-more-search-result-longdo")) {    
      if(document.getElementById("routing-more-search-result-loading-longdo")) {
        document.getElementById("routing-more-search-result-loading-longdo").style.display = 'block';
      } else {
        var divLoading = document.createElement("div");
        divLoading.id = "routing-more-search-result-loading-longdo";
        divLoading.innerHTML = "<div class='loading' style='padding-top:0px;'><img src='/mmmap/images/loading.gif'></div>";
        $('#routing-search-result-list-longdo').after(divLoading);
      }
      
      var olddiv = document.getElementById('routing-more-search-result-tr-longdo');
      if (olddiv && olddiv.parentNode && olddiv.parentNode.removeChild) {
        olddiv.parentNode.removeChild(olddiv);
      }
    } else {
      showDiv("routing-result", '<div class=\'loading\'>Searching ... <img src=\'/mmmap/images/loading.gif\'></div>');
    }
    
    _last_search_latitude = typeof lat == 'undefined' ? getCenterLocation().lat : lat;
    _last_search_longitude = typeof lon == 'undefined' ? getCenterLocation().lon : lon;

    var d = new Date;
    var timestamp = d.getTime();

    var bMark = (document.getElementById('routing-bookmark')) ? document.getElementById('routing-bookmark').value:'';
    
    var showall = 20;

    // var pars = "search=" + encodeURIComponent( searchterm )
    //   + "&timestamp=" + encodeURIComponent( timestamp )
    //   + "&bookmark=" + encodeURIComponent(bMark)
    //   + "&center_lat=" + encodeURIComponent( _last_search_latitude )
    //   + "&center_long=" + encodeURIComponent( _last_search_longitude ) + "&map="
    //   + "&showall=" + encodeURIComponent( showall )
    //   + "&forcezoom="
    //   + "&resultdiv=routing-result"
    //   // + "&ds=change,con,data2"
    //   + "&action=searchxml";

    // var url = '/mmmap/rpc.php';
    // self._lib.callAjax(url, {method: 'get', parameters: pars, onSuccess: handleResponse});

    var pars = "keyword=" + encodeURIComponent( searchterm )
    + "&timestamp=" + encodeURIComponent( timestamp )
    + "&offset=" + encodeURIComponent(bMark)
    + "&lat=" + encodeURIComponent( _last_search_latitude )
    + "&lon=" + encodeURIComponent( _last_search_longitude )
    + "&locale=" + mylang
    + "&dataset=change,con,data2,tag,pg,nw,data2b,bus,osmpnt,osmline,osmpol"
    // + "&extendedsearch=1&extendedlimit=3&extendedkey="+self._gg_api_key
    self._lib.callAjax('https://search.longdo.com/smartsearch/json/search', {method: 'get', parameters: pars, 
      onSuccess: function(data) {
        var rs = JSON.parse(data.responseText);
        renderSearchResult(rs, '', showall, 'routing-result') 
      }
    });

  }
}