var map = null;
var permalink = null;

function init_map(div_id, lon, lat, zoom)
{
	map = new OpenLayers.Map(div_id, {
		controls: [
			new OpenLayers.Control.Navigation(),
			new OpenLayers.Control.PanZoomBar(),
			new OpenLayers.Control.ScaleLine(),
			new OpenLayers.Control.LayerSwitcher()
		],
		maxResolution: 156543.0339,
		numZoomLevels: 20,
		units: 'm',
		projection: new OpenLayers.Projection("EPSG:900913"),
		displayProjection: new OpenLayers.Projection("EPSG:4326")
	});

	var layerMapnik = new OpenLayers.Layer.OSM.Mapnik("Mapnik");
	map.addLayer(layerMapnik);
	//var layerCycleMap = new OpenLayers.Layer.OSM.CycleMap("CycleMap");
	//map.addLayer(layerCycleMap);
	//var layerTilesAtHome = new OpenLayers.Layer.OSM.Osmarender("Osmarender");
	//map.addLayer(layerTilesAtHome);
	OpenLayers.ProxyHost = '/osb-cgi/proxy?url=';
	var url = 'http://maps.google.com/maps/ms?ie=UTF8&hl=en&source=embed&msa=0&output=georss&msid=110868206150348750692.00047479b6400ee29bd89';
	var georssLayer = new OpenLayers.Layer.GeoRSS('Typhoon Ondoy Situation Map for Metro Manila', url);
	//map.addLayer(georssLayer);

	map.setCenter(new OpenLayers.LonLat(lon, lat).transform(new OpenLayers.Projection("EPSG:4326"), map.getProjectionObject()), zoom);

	map.addControl(permalink=new OpenLayers.Control.Permalink());

	return map;
}

window.onload = init;
function init()
{
	/* get URI param "z" and set zoomlevel */
	var regex = new RegExp("[\\?&]z=([^&#]*)");
	var result = regex.exec(window.location.href);
	if(result == null)
		zoomlevel = 8;
	else
		zoomlevel = result[1];

        var map = init_map('map', 120.83487, 14.97652, zoomlevel);
        init_openstreetbugs(map, "/osb-cgi/");
}