/*$.getJSON('config/map.json', function(data) {

			var i = 0;

			
			
			  $.each(data, function(key,val) {
			  	
			  		// number
			  			i=i+1;
	
		  			// append new bubble to map
		  				$('<div class="map-co'+i+' absolute" onmouseout="fadeBubbleOut('+i+');"></div>').appendTo('.map');
		   		
		   			// set obj
		   		 		obj = document.getElementsByClassName('map-co'+i);
		   
		   			// Create bubble on the map
		   				$('<img src="static/images/teaser/bubble-'+val["color"]+'.png" onmouseover="fadeBubble('+i+');"/>').appendTo('.map-co'+i);
		   			
		   			// Write impressions in the bubble
		   				$('<div id="map-overlay'+i+'" class="map-overlay"><img src="static/images/teaser/overlay-'+val["color"]+'.png"/><span><b>'+key+'<br/>'+val["impressions"]+'</b> Impressions</span></div></div>').appendTo('.map-co'+i);
		   			
		   			// move x
		   				obj[0].style.marginLeft = val["x"]+"px";
		   			
		   			// move y
		   				obj[0].style.marginTop = val["y"]+"px";
			 	 });
			});
			
			function fadeBubble(id) {

					if ($('#map-overlay'+id).css("display") == "none")
					{
						$('#map-overlay'+id).fadeIn('slow', function() {
				       	 // Animation complete
				      	});
					}
			}
			
			function fadeBubbleOut(id) {
					if ($('#map-overlay'+id).css("display") != "none")
					{
						$('#map-overlay'+id).fadeOut('slow', function() {
				        // Animation complete
				    	 });
				    }
			}*/