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 alphen_aan_den_rijn = '

Alphen a/d Rijn

Meer info'; var Amersfoort = '

Amersfoort

Meer info'; var Amsterdam = '

Amsterdam

Meer info'; var Antwerpen = '

Antwerpen (BE)

Meer info'; var Arnhem = '

Arnhem

Meer info'; var Breda = '

Breda

Meer info'; var Delft = '

Delft

Meer info'; var DenHaag = '

Den Haag

Meer info'; var Eindhoven = '

Eindhoven

Meer info'; var Geldermalsen = '

Geldermalsen

Meer info'; var Gent = '

Gent

Meer info'; var Goes = '

Goes

Meer info'; var Haarlem = '

Haarlem

Meer info'; var Leiden = '

Leiden

Meer info'; var Leuven = '

Leuven (BE)

Meer info'; var Roermond = '

Roermond

Meer info'; var Roosendaal = '

Roosendaal

Meer info'; var Scheveningen = '

Scheveningen

Meer info'; var DenBosch = '

s-Hertogenbosch

Meer info'; var Valkenburg = '

Valkenburg

Meer info'; var Valkenswaard = '

Valkenswaard

Meer info'; var Venlo = '

Venlo

Meer info'; var Maastricht = '

Maastricht

Meer info'; var Middelburg = '

Middelburg

Meer info'; var Nijmegen = '

Nijmegen

Meer info'; var Rotterdam = '

Rotterdam

Meer info'; var Tilburg = '

Tilburg

Meer info'; var Utrecht = '

Utrecht

Meer info'; var Zwolle = '

Zwolle

Meer info'; var Eigen_locatie = '

Eigen locatie

Meer info'; var test = '

test

'; var locations = [ [alphen_aan_den_rijn, 52.127659, 4.668851, 13], [Amersfoort, 52.156113, 5.387827, 13], [Amsterdam, 52.370216, 4.895168, 13], [Antwerpen, 51.219448, 4.402464, 13], [Arnhem, 51.985104, 5.898730, 13], [Breda, 51.583069, 4.776950, 13], [Delft, 52.011578, 4.357068, 13], [DenHaag, 52.070499, 4.300700, 13], [Eindhoven, 51.441643, 5.469722, 13], [Geldermalsen, 51.882004, 5.291087, 13], [Gent, 51.054340, 3.717424, 13], [Goes, 51.504646, 3.891130, 13], [Haarlem, 52.387386, 4.646219, 13], [Leiden, 52.160114, 4.497010, 13], [Leuven, 50.883331, 4.700000, 13], [Roermond, 51.191319, 5.987772, 13], [Roosendaal, 51.535851, 4.465321, 13], [Scheveningen, 52.102402, 4.302183, 13], [DenBosch, 51.697815, 5.303675, 13], [Valkenburg, 50.865231, 5.832052, 13], [Valkenswaard, 51.355495, 5.453327, 13], [Venlo, 51.370377, 6.172403, 13], [Maastricht, 50.851368, 5.690972, 13], [Middelburg, 51.498795, 3.610998, 13], [Nijmegen, 51.812565, 5.837226, 13], [Rotterdam, 51.924419, 4.477733, 13], [Tilburg, 51.560596, 5.091914, 13], [Utrecht, 52.090736, 5.121420, 13], [Zwolle, 52.516773, 6.083022, 13], [Eigen_locatie, 52.263256, 6.157497, 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 }); } });