jQuery(document).ready(function ($) {
    var debug = false; //show system errors

    $('#contactForm').submit(function () {
        var $f = $(this);
        var showErrors = $f.attr('data-show-errors') == 'true';
        var hideForm = $f.attr('data-hide-form') == 'true';

        var emailSubject = $f.attr('data-email-subject');

        var $submit = $f.find('[type="submit"]');

        //prevent double click
        if ($submit.hasClass('disabled')) {
            return false;
        }

        $('[name="field[]"]', $f).each(function (key, e) {
            var $e = $(e);
            var p = $e.attr('placeholder');

            if (p) {
                var t = $e.attr('required') ? '[required]' : '[optional]';
                var type = $e.attr('type') ? $e.attr('type') : 'unknown';
                t = t + '[' + type + ']';

                var n = $e.attr('name').replace('[]', '[' + p + ']');

                n = n + t;
                $e.attr('data-previous-name', $e.attr('name'));
                $e.attr('name', n);
            }
        });

        $submit.addClass('disabled');

        $f.append('<input type="hidden" name="send_message" value="true">');
        $.ajax({
            url: $f.attr('action'),
            method: 'post',
            data: $f.serialize()+'&ajax_request=true',
            dataType: 'json',
            success: function (data) {
                if (data.errors) {
                    var errors='';
                    $.each(data.errors, function (i, k) {
                       errors+=k+'<br/>';
                    });
                    

                    fancyAlert('',errors,'OK',true);
                } else {
                    $('input, textarea, button', $f).attr('disabled','disabled');
                    
                    fancyAlert('',data.success,'OK',false);
                }

                $submit.removeClass('disabled');
                cleanupForm($f);
            },
            error: function (data) {
                if (debug) {
                    alert(data.responseText);
                }
                $submit.removeClass('disabled');
                cleanupForm($f);
            }
        });

        return false;
    });

    function cleanupForm($f) {
        $f.find('.temp').remove();

        $f.find('[data-previous-name]').each(function () {
            var $e = jQuery(this);
            $e.attr('name', $e.attr('data-previous-name'));
            $e.removeAttr('data-previous-name');
        });
    }
});

(function($) {
    "use strict";

    google.maps.event.addDomListener(window, 'load', init);

    var map, mapOptions, mapElement, markers = [], infoWindows = [], i, bounds;

    function init() {
        var mapOptions = {
            center: new google.maps.LatLng(23.825527, 90.429862),
            zoom: 15,
            zoomControl: true,
            zoomControlOptions: {
              style: google.maps.ZoomControlStyle.DEFAULT,
            },
            panControl: true,
            disableDoubleClickZoom: false,
            mapTypeControl: false,
            mapTypeControlOptions: {
                style: google.maps.MapTypeControlStyle.HORIZONTAL_BAR,
            },
            scaleControl: true,
            scrollwheel: true,
            streetViewControl: false,
            draggable : true,
            overviewMapControl: true,
            mapTypeId: google.maps.MapTypeId.ROADMAP,
//            styles: [ 
//                { featureType: "administrative", elementType: "all", stylers: [ { visibility: "on" }, { saturation: -100 }, { lightness: 20 } ] },
//                { featureType: "road", elementType: "all", stylers: [ { visibility: "on" }, { saturation: -100 }, { lightness: 40 } ] },
//                { featureType: "water", elementType: "all", stylers: [ { visibility: "on" }, { saturation: -10 }, { lightness: 30 } ] },
//                { featureType: "landscape.man_made", elementType: "all", stylers: [ { visibility: "simplified" }, { saturation: -60 }, { lightness: 10 } ] },
//                { featureType: "landscape.natural", elementType: "all", stylers: [ { visibility: "simplified" }, { saturation: -60 }, { lightness: 60 } ] },
//                { featureType: "poi", elementType: "all", stylers: [ { visibility: "off" }, { saturation: -100 }, { lightness: 60 } ] }, 
//                { featureType: "transit", elementType: "all", stylers: [ { visibility: "off" }, { saturation: -100 }, { lightness: 60 } ] }
//            ]

        }

        mapElement = document.getElementById('mapBox');
        map = new google.maps.Map(mapElement, mapOptions);
        bounds = new google.maps.LatLngBounds();

        
        var locations = [
            [43.8541977, 26.005091, '<div id="content"><h5>Ruse</h5><p>1 Konstantin Dimchev Str.<br>0898 461 743<br>solvent_ruse_mag@abv.bg</p></div>'],
            // [43.072208, 25.6092572, '<div id="content"><h5>Veliko Tarnovo</h5><p>14 Dimitar Blagoev Str., Buzludzha<br>0895 547 489<br>www.solvent_vt@abv.bg</p></div>'],
            // [42.8691584, 24.7116974, '<div id="content"><h5>Troyan</h5><p>138 General Katsarov Str.<br>0893 357 848<br>solvent2020@abv.bg</p></div>'],
        ];
                
        for (i = 0; i < locations.length; i++) {
          var position = new google.maps.LatLng(locations[i][0], locations[i][1]);
          bounds.extend(position);
        
          markers[i] = new google.maps.Marker({
            icon: 'https://www.solvent-bg.com/include/modules/visualize_contact/images/map-marker.png',
            // animation: google.maps.Animation.BOUNCE,
            position: new google.maps.LatLng(locations[i][0], locations[i][1]),
            map: map,
          });
          
          infoWindows[i] = new google.maps.InfoWindow({
            content: locations[i][2]
          });
          
          google.maps.event.addListener(markers[i], 'click', (function(markers, infoWindows, i) {
              return function() {
                infoWindows[i].open(map, markers[i]);
              }
          })(markers, infoWindows, i));
      }
        
      map.fitBounds(bounds);
    }    
})(jQuery);