"use strict";

$('#visitorMap').vectorMap({
    map: 'world_en',
    backgroundColor: '#ffffff',
    borderColor: '#f2f2f2',
    borderOpacity: .8,
    borderWidth: 1,
    hoverColor: '#000',
    hoverOpacity: .8,
    color: '#ddd',
    normalizeFunction: 'linear',
    selectedRegions: false,
    showTooltip: true,
    pins: {
    id: '<div class="jqvmap-circle"></div>',
    my: '<div class="jqvmap-circle"></div>',
    th: '<div class="jqvmap-circle"></div>',
    sy: '<div class="jqvmap-circle"></div>',
    eg: '<div class="jqvmap-circle"></div>',
    ae: '<div class="jqvmap-circle"></div>',
    nz: '<div class="jqvmap-circle"></div>',
    tl: '<div class="jqvmap-circle"></div>',
    ng: '<div class="jqvmap-circle"></div>',
    si: '<div class="jqvmap-circle"></div>',
    pa: '<div class="jqvmap-circle"></div>',
    au: '<div class="jqvmap-circle"></div>',
    ca: '<div class="jqvmap-circle"></div>',
    tr: '<div class="jqvmap-circle"></div>',
},
onRegionClick: function(element, code, region) {
    var opts = {
        title: 'Choosed',
        message: 'You clicked "'
        + region
        + '" which has the code: '
        + code.toUpperCase()
    };

    iziToast.info(opts);
}
});
$('#visitorMap2').vectorMap({
    map: 'world_en',
    backgroundColor: '#ffffff',
    borderColor: '#f2f2f2',
    borderOpacity: .8,
    borderWidth: 1,
    hoverColor: '#000',
    hoverOpacity: .8,
    color: '#ddd',
    normalizeFunction: 'linear',
    selectedRegions: false,
    showTooltip: true,
    onRegionClick: function(element, code, region) {
    var message = 'You clicked "'
        + region
        + '" which has the code: '
        + code.toUpperCase();

    $("#flag-icon").removeClass (function (index, className) {
        return (className.match (/(^|\s)flag-icon-\S+/g) || []).join(' ');
    });
    $("#flag-icon").addClass('flag-icon-' + code);
    }
});
$('#visitorMap3').vectorMap({
    map: 'russia_en',
    backgroundColor: '#ffffff',
    borderColor: '#f2f2f2',
    borderOpacity: .8,
    borderWidth: 1,
    hoverColor: '#000',
    hoverOpacity: .8,
    color: '#ddd',
    normalizeFunction: 'linear',
    selectedRegions: false,
    showTooltip: true,
});
