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 = 			'<h4><a href="workshop/cocktail-workshop-amersfoort">Amersfoort</a></h4><a href="workshop/cocktail-workshop-amersfoort">Meer info</a>';
	var Amsterdam = 			'<h4><a href="workshop/cocktail-workshop-amsterdam">Amsterdam</a></h4><a href="workshop/cocktail-workshop-amsterdam">Meer info</a>';
	var Arnhem = 			'<h4><a href="workshop/cocktail-workshop-arnhem">Arnhem</a></h4><a href="workshop/cocktail-workshop-arnhem">Meer info</a>';
	var Breda = 			'<h4><a href="workshop/cocktail-workshop-breda">Breda</a></h4><a href="workshop/cocktail-workshop-breda">Meer info</a>';
	var DenHaag = 			'<h4><a href="workshop/cocktail-workshop-den-haag">Den Haag</a></h4><a href="workshop/cocktail-workshop-den-haag">Meer info</a>';
	var Eindhoven = 			'<h4><a href="workshop/cocktail-workshop-eindhoven">Eindhoven</a></h4><a href="workshop/cocktail-workshop-eindhoven">Meer info</a>';
	var Geldermalsen = 			'<h4><a href="workshop/cocktail-workshop-geldermalsen">Geldermalsen</a></h4><a href="workshop/cocktail-workshop-geldermalsen">Meer info</a>';
	var Leiden = 			'<h4><a href="workshop/cocktail-workshop-leiden">Leiden</a></h4><a href="workshop/cocktail-workshop-leiden">Meer info</a>';
	var DenBosch = 			'<h4><a href="workshop/cocktail-workshop-den-bosch">Den Bosch</a></h4><a href="workshop/cocktail-workshop-den-bosch">Meer info</a>';
	var Maastricht = 			'<h4><a href="workshop/cocktail-workshop-maastricht">Maastricht</a></h4><a href="workshop/cocktail-workshop-maastricht">Meer info</a>';
	var Nijmegen = 			'<h4><a href="workshop/cocktail-workshop-nijmegen">Nijmegen</a></h4><a href="workshop/cocktail-workshop-nijmegen">Meer info</a>';
	var Rotterdam = 			'<h4><a href="workshop/cocktail-workshop-rotterdam">Rotterdam</a></h4><a href="workshop/cocktail-workshop-rotterdam">Meer info</a>';
	var Tilburg = 			'<h4><a href="workshop/cocktail-workshop-tilburg">Tilburg</a></h4><a href="workshop/cocktail-workshop-tilburg">Meer info</a>';
	var Utrecht = 			'<h4><a href="workshop/cocktail-workshop-utrecht">Utrecht</a></h4><a href="workshop/cocktail-workshop-utrecht">Meer info</a>';
	var Eigen_locatie = 			'<h4><a href="workshop/eigen-locatie-4543">Eigen locatie</a></h4><a href="workshop/eigen-locatie-4543">Meer info</a>';
	var Overige = 			'<h4><a href="workshop/">Overige</a></h4><a href="workshop/">Meer info</a>';
	var Haarlem = 			'<h4><a href="workshop/cocktail-workshop-haarlem">Haarlem</a></h4><a href="workshop/cocktail-workshop-haarlem">Meer info</a>';
	var test = 			'<h4>test</h4>';

	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
		});
	}
	});