//*** JQUERY ALGEMEEN ***//

$(document).ready(function () {

    $.reject({
        header: 'Bent u er van op de hoogte dat uw internet browser verouderd is?', // Header of pop-up window
        paragraph1: 'Voor de beste gebruikservaring van onze website, raden we u aan om een nieuwere of andere browser te gebruiken.', // Paragraph 1
        paragraph2: 'Klik op een van de icoontjes om naar de download pagina te gaan.', // Paragraph 2
        close: false, // Allow closing of window
        closeMessage: 'Door dit venster te sluiten erkent u dat uw ervaringen op deze website gedegradeerd mogen worden.', // Message displayed below closing link
        closeLink: 'Sluit dit venster', // Text for closing link
        closeURL: '#', // Close URL
        closeESC: false, // Allow closing of window with esc key    
        imagePath: '/imgsite/plugins/browsers/', // Path where images are located
        overlayBgColor: '#000', // Background color for overlay
        overlayOpacity: 0.9, // Background transparency (0-1)
        fadeOutTime: 'fast' // Fade out time on close ('slow','medium','fast' or integer in ms)
    });

    $('.round-10-top').corner("top 10px");
    $('.round-10-bottom').corner("bottom 10px");
    
        $('.ul-submenu').superfish();
        
        $('#indekijker_algemeen').cycle({
            fx: 'fade',
            pause: 5,
            prev: "#indekijker_algemeen_prev",
            next: "#indekijker_algemeen_next"
        });

        $('#indekijker_nieuwbouw').cycle({
            fx: 'fade',
            pause: 5,
            prev: "#indekijker_nieuwbouw_prev",
            next: "#indekijker_nieuwbouw_next"
        });

        $('.getuigenis-img-container').cycle({
            fx: 'fade',
            pause: 5
        });

        $(".ic_container").capslide({
            caption_color: '#9E0054',
            caption_bgcolor: '#FFE40C',
            overlay_bgcolor: '#ffffff',
            border: '',
            showcaption: true,
            width: 350,
            height: 190
        });

        $(".ic_container_v2").capslide({
            caption_color: '#9E0054',
            caption_bgcolor: '#FFE40C',
            overlay_bgcolor: '#ffffff',
            border: '',
            showcaption: true,
            width: 475,
            height: 450
        });

        $("a.colorbox").colorbox({
            current: "{current} - {total}",
            slideshow: true,
            slideshowAuto: false,
            speed: 500
        });

    });

    function initEPC(iEPC) {

        $(function() {

            $("#EPC_slider").slider({
                disabled: true,
                min: 0,
                max: 700,
                value: iEPC
            });

        });

    }

	function initEPEIL(E_Peil) {

        $(function() {

            $("#EPeil_slider").slider({
                disabled: true,
                min: 0,
                max: 700,
                value: E_Peil
            });

        });

    }


    function blockPagina(blockID) {

        $.blockUI({
            message: $('#' + blockID),
            css: {
                padding: 0,
                margin: 0,
                textAlign: 'center',
                color: '#000',
                border: 'none',
                backgroundColor: '#transparent',
                cursor: 'wait'
            },
            overlayCSS: {
                backgroundColor: '#E6E5E8',
                opacity: 1
            }
        });


    }

    function laadGoogleMapViaAdres(sID, sAdres, sMapType) {

        $(document).ready(function () {

            $(function () {

              
                $("#" + sID).goMap({
                    address: sAdres,
                    zoom: 16,
                    scaleControl: true,
                    maptype: sMapType,
                    icon: '/imgsite/google_map_logo.png'
                });

                $.goMap.createMarker({
                    address: sAdres
                });

                
            });

        });
    }

    function laadGoogleMapMarkesViaAdres(sID, sMapType, arrMarkers) {

        $(document).ready(function () {

            $(function () {

                $("#" + sID).goMap({                   
                    scaleControl: true,
                    maptype: sMapType                   
                });

                var iAantalMarkers = arrMarkers.length;
                var i = 0;

                for (i = 0; i < iAantalMarkers; i++) {                 

                    $.goMap.createMarker({
                        map: $("#" + sID),
                        address: arrMarkers[i].adres,
                        icon: '/imgsite/google_map_logo.png',
                        zIndex: 8888
                    });

                }

                $.goMap.fitBounds();


            });

        });
    };

    function laadGoogleMapViaCoords(sID, sLat, sLong, sMapType) {

        $(document).ready(function () {

            $(function () {

               
                $("#" + sID).goMap({
                    latitude: sLat,
                    longitude: sLong,
                    zoom: 16,
                    scaleControl: true,
                    maptype: sMapType,
                    icon: '/imgsite/google_map_logo.png'
                });

                $.goMap.createMarker({
                    latitude: sLat,
                    longitude: sLong
                });

                               
            });

        });
  };

  function laadGoogle_Contact(sID, sMapType, arrMarkers) {

      $(function () {

          var iAantalMarkers = arrMarkers.length;
          var i = 0;
          var sMarkerID = "";
          var sKantoorInfo = "";

          for (i = 0; i < iAantalMarkers; i++) {

              sMarkerID = "marker_" + i;
              sKantoorInfo = arrMarkers[i].tekst;

              $("#" + sMarkerID).poshytip({
                  content: sKantoorInfo,
                  showOn: 'hover',
                  alignTo: 'target',
                  alignX: 'inner-left',
                  offsetX: 0,
                  offsetY: 5,
                  className: 'tip-darkgray '
              });

              $("#" + sID).gmap3({
                  action: ':addMarker',
                  address: arrMarkers[i].adres,
                  map: {
                      center: true,
                      zoom: 10,
                      mapTypeId: google.maps.MapTypeId.HYBRID
                  },
                  marker: {
                      options: {
                          draggable: false,
                          icon: '/imgsite/gm/google_map_logo.png',
                          title: sKantoorInfo,
                          id: 'marker_' + i
                      },
                      events: {
                          mouseover: function ($e, marker) {                          
                            openInfoWindow($e, marker, sKantoorInfo);
                          },
                          mouseout: function ($e) {
                              hideInfoWindow($e);
                          }
                      }
                  }
              });

          }

      });

  }

  function openInfoWindow($e, marker, content) {
      var map = $e.gmap3({ action: ':get' }),
            infowindow = $e.gmap3({ action: ':get', name: 'infowindow' });          
      if (infowindow) {
          infowindow.open(map, marker);
          infowindow.setContent(content);
      } else {
          $e.gmap3({ action: ':addinfowindow', anchor: marker, options: { content: content} });
      }
  }

  function hideInfoWindow($e) {
      var infowindow = $e.gmap3({ action: ':get', name: 'infowindow' });
      if (infowindow) {
          infowindow.close();
      }
  }


  function evalPosition(p1, p2) {
      var precision = Math.pow(10, 5);
      return Math.round(precision * p1) == Math.round(precision * p2);
  }

  function getContent(marker) {
      var p = marker.getPosition(),
            lat = p.lat(),
            lng = p.lng();
            
      
            
      for (k in infos) {
          if (evalPosition(infos[k][0], lat) && evalPosition(infos[k][1], lng)) {
              return infos[k][2];
          }
      }
      return '';
  }




    function initGoogleMapTooltip() {

    $("#marker_0").poshytip({
            content: kantoor_0,
            showOn: 'hover',
            alignTo: 'target',
            alignX: 'inner-left',
            offsetX: 0,
            offsetY: 5,
            className: 'tip-darkgray '
        });

        $("#marker_0").poshytip('show');

        $("#marker_1").poshytip({
            content: kantoor_1,
            showOn: 'hover',
            alignTo: 'target',
            alignX: 'inner-left',
            offsetX: 0,
            offsetY: 5,
            className: 'tip-darkgray '
    });
        $("#marker_2").poshytip({
            content: kantoor_2,
            showOn: 'hover',
            alignTo: 'target',
            alignX: 'inner-left',
            offsetX: 0,
            offsetY: 5,
            className: 'tip-darkgray '
    });
        $("#marker_3").poshytip({
            content: kantoor_3,
            showOn: 'hover',
            alignTo: 'target',
            alignX: 'inner-left',
            offsetX: 0,
            offsetY: 5,
            className: 'tip-darkgray '
    });
};