(function ($) {
    "use strict"; 

var map = new Datamap({
     scope: 'world',
     element: document.getElementById('world-datamap'),
     responsive: true,
     geographyConfig: {
         popupOnHover: false,
         highlightOnHover: false,
         borderColor: '#03A9F5',
         borderWidth: 2,
         highlightBorderWidth: 5,
         highlightFillColor: '#fff',
         highlightBorderColor: 'rgba(255,255,255,0.1)',
         borderWidth: 1,
     },
     bubblesConfig: {
         popupTemplate: function (geography, data) {
             return '<div class="datamap-sales-hover-tooltip">' + data.country +'<span class="m-l-5"></span>'+ data.sold + '</div>'
         },
         borderWidth: 2,
         highlightBorderWidth: 5,
         highlightFillColor: '#fff',
         highlightBorderColor: 'rgba(255,255,255,0.1)',
         fillOpacity: 0.5
     },
     fills: {
         'Visited': '#f5f5f5',
         'neato': '#fff',
         'white': '#fff',
         defaultFill: '#03A9F5'
     }
 });


 map.bubbles([
     {
         centered: 'USA',
         fillKey: 'white',
         radius: 5,
         sold:'$500',
         country:'United States'
     },
     {
         centered: 'SAU',
         fillKey: 'white',
         radius: 5,
         sold:'$900',
         country:'Saudia Arabia'
     },
     {
         centered: 'RUS',
         fillKey: 'white',
         radius: 5,
         sold:'$250',
         country:'Russia'
     },
     {
         centered: 'CAN',
         fillKey: 'white',
         radius: 5,
         sold:'$1000',
         country:'Canada'
     },
     {
         centered: 'IND',
         fillKey: 'white',
         radius: 5,
         sold:'$50',
         country:'India'
     },
     {
         centered: 'AUS',
         fillKey: 'white',
         radius: 5,
         sold:'$700',
         country:'Australia'
     },
     {
         centered: 'BGD',
         fillKey: 'white',
         radius: 5,
         sold:'$1500',
         country:'Bangladesh'
     }
          ])


 window.addEventListener('resize', function (event) {
     map.resize();
 });

})(jQuery);