jQuery(function($){ $('a.zoombox').zoombox(); $('a.fotozoom').zoombox({ theme : 'zoombox', //available themes : zoombox,lightbox, prettyphoto, darkprettyphoto, simple opacity : 0.8, // Black overlay opacity duration : 800, // Animation duration animation : true, // Do we have to animate the box ? width : 1024, // Default width height : 768, // Default height gallery : true, // Allow gallery thumb view autoplay : false // Autoplay for video }); }); var Amersfoort = '

Amersfoort

Meer info'; var Amsterdam = '

Amsterdam

Meer info'; var Arnhem = '

Arnhem

Meer info'; var Breda = '

Breda

Meer info'; var DenHaag = '

Den Haag

Meer info'; var Eindhoven = '

Eindhoven

Meer info'; var Geldermalsen = '

Geldermalsen

Meer info'; var Leiden = '

Leiden

Meer info'; var DenBosch = '

Den Bosch

Meer info'; var Maastricht = '

Maastricht

Meer info'; var Nijmegen = '

Nijmegen

Meer info'; var Rotterdam = '

Rotterdam

Meer info'; var Tilburg = '

Tilburg

Meer info'; var Utrecht = '

Utrecht

Meer info'; var Eigen_locatie = '

Eigen locatie

Meer info'; var Overige = '

Overige

Meer info'; var Haarlem = '

Haarlem

Meer info'; var test = '

test

'; var locations = [ [Amersfoort, 0.000000, 0.000000, 13], [Amsterdam, 0.000000, 0.000000, 13], [Arnhem, 51.985104, 5.898730, 13], [Breda, 51.583069, 4.776950, 13], [DenHaag, 52.070499, 4.300700, 13], [Eindhoven, 51.441643, 5.469722, 13], [Geldermalsen, 51.882004, 5.291087, 13], [Leiden, 52.160114, 4.497010, 13], [DenBosch, 0.000000, 0.000000, 13], [Maastricht, 50.851368, 5.690972, 13], [Nijmegen, 51.812565, 5.837226, 13], [Rotterdam, 0.000000, 0.000000, 13], [Tilburg, 51.560596, 5.091914, 13], [Utrecht, 0.000000, 0.000000, 13], [Eigen_locatie, 52.263256, 6.157497, 13], [Overige, 0.000000, 0.000000, 13], [Haarlem, 0.000000, 0.000000, 13], [test, 0.9995349, 0.3636978, 13] ]; var map = new google.maps.Map(document.getElementById('googleMap'), { zoom: 8, scrollwheel: false, center: new google.maps.LatLng(51.7509819, 5.1060363), mapTypeId: google.maps.MapTypeId.TERRAIN }); var infowindow = new google.maps.InfoWindow(); var marker, i; for (i = 0; i < locations.length; i++) { marker = new google.maps.Marker({ position: new google.maps.LatLng(locations[i][1], locations[i][2]), icon: 'images/mark_maps.png', map: map }); google.maps.event.addListener(marker, 'click', (function(marker, i) { return function() { infowindow.setContent(locations[i][0]); infowindow.open(map, marker); } })(marker, i)); } // Your code here var $sidebar = $(".customer-tools"), $window = $(window), offset = $sidebar.offset(), topPadding = 15; $window.scroll(function() { console.log( offset.top); if ($window.scrollTop() > offset.top) { $sidebar.stop().animate({ top: $window.scrollTop() - offset.top + topPadding }); } else { $sidebar.stop().animate({ top: 0 }); } });