Use Leaflet Draw to filter and style a CartoDB layer

<!DOCTYPE html>
<html>
<head>
	<title>Leaflet.draw drawing and editing tools</title>
    <link 
        rel="stylesheet" 
        href="https://cdn.leafletjs.com/leaflet-0.7/leaflet.css"
    />
    <link rel="stylesheet" href="https://libs.cartocdn.com/cartodb.js/v3/themes/css/cartodb.css" />
    <link 
        rel="stylesheet" 
        href="https://leaflet.github.io/Leaflet.draw/leaflet.draw.css"
    />

</head>
<body>
	<div id="map" style="width: 800px; height: 600px; border: 1px solid #ccc"></div>
	<button id="changeColor">Rectangle -> Blue</button>
	<script>

var map = new L.Map('map', {
          zoomControl: false,
          center: [43, 0],
          zoom: 3
        });

L.tileLayer('https://tile.stamen.com/toner/{z}/{x}/{y}.png', {
          attribution: 'Stamen'
        }).addTo(map);

L.drawLocal.draw.toolbar.buttons.polygon = 'Draw a sexy polygon!';

var drawControl = new L.Control.Draw({
				position: 'topright',
				draw: {
					polyline: false,
					polygon: {
						allowIntersection: false,
						showArea: true,
						drawError: {
							color: '#b00b00',
							timeout: 1000
						},
						shapeOptions: {
							color: '#bada55'
						}
					},
					circle: false,
					marker: false
				}
			});
			map.addControl(drawControl);

});
		}

cartodb.createLayer(map, 'https://andrew.cartodb.com/api/v2/viz/32e5207e-fb95-11e3-9e94-0edbca4b5057/viz.json')
        .addTo(map)
        .on('done', function(layer) {

// Keep track of all draw objects
			var drawnItems = new L.FeatureGroup();
			map.addLayer(drawnItems);

// // Set the title to show on the polygon button

map.on('draw:created', function (e) {
				var type = e.layerType,
					draw_layer = e.layer;

// Show the polygon on the map
				drawnItems.addLayer(draw_layer);

// Get the coordinates of the polygon we just drew
				var poly = draw_layer.getLatLngs();
				var sql_poly = [];
				for (i in poly){

sql_poly.push("CDB_LatLng("+poly[i].lat+","+poly[i].lng+")")
				}
				//SQL polygon must be a CLOSED loop
				sql_poly.push("CDB_LatLng("+poly[0].lat+","+poly[0].lng+")")

// Join our coordinates and a SQL query
				var query = "SELECT * FROM ne_10m_populated_places_simple_3 WHERE ST_Intersects(the_geom, ST_MakePolygon(ST_MakeLine(Array["+sql_poly.join()+"])))";
				// Run our function to update SQL and Style
      			updateLayer(query, layer.getSubLayer(0))
			});
        })
        .on('error', function(err) {
          alert("some error occurred: " + err);
        });

</script>
</body>
</html>

Modified http://libs.cartocdn.com/cartodb.js/v3/cartodb.js to a secure url

https://libs.cartocdn.com/cartodb.js/v3/cartodb.js