var map; 

var init = function()
{

	map = new OpenLayers.Map('map');
	
	var options = {numZoomLevels: 6};
	var layer = new OpenLayers.Layer.Image('Imaginary Neighborhoods','http://images.nymoon.com/neighborhood/island.jpg',new OpenLayers.Bounds(-150, -150, 150, 150),new OpenLayers.Size(605, 200),options);
	map.addLayer(layer);
	
	var markers = new OpenLayers.Layer.Markers( "Markers" );
	map.addLayer(markers);
	
	var size = new OpenLayers.Size(20,20);
	var offset = new OpenLayers.Pixel(-(size.w/2), -size.h);
	var icon = new OpenLayers.Icon('/pubs/neighborhood/visual/marker.png',size,offset);
	
	var millheights = new OpenLayers.Marker(new OpenLayers.LonLat(17.5,11),icon.clone());
	millheights.events.register('mousedown', millheights, switch_map_div);
	markers.addMarker(millheights); 

	var nauglandia = new OpenLayers.Marker(new OpenLayers.LonLat(-55,45),icon.clone());
	nauglandia.events.register('mousedown', nauglandia, switch_map_div);
	markers.addMarker(nauglandia);
	
	var westend = new OpenLayers.Marker(new OpenLayers.LonLat(-70,-35),icon.clone());
	westend.events.register('mousedown', westend, switch_map_div);
	markers.addMarker(westend);
	
	var mooresisland = new OpenLayers.Marker(new OpenLayers.LonLat(71.5,-90),icon.clone());
	mooresisland.events.register('mousedown', mooresisland, switch_map_div);
	markers.addMarker(mooresisland);
	
	var merchants = new OpenLayers.Marker(new OpenLayers.LonLat(0,63),icon.clone());
	merchants.events.register('mousedown', merchants, switch_map_div);
	markers.addMarker(merchants);
	
	var akwesasne = new OpenLayers.Marker(new OpenLayers.LonLat(-35,-30),icon.clone());
	akwesasne.events.register('mousedown', akwesasne, switch_map_div);
	markers.addMarker(akwesasne);
	
	var noname = new OpenLayers.Marker(new OpenLayers.LonLat(-44.5,25),icon.clone());
	noname.events.register('mousedown', noname, switch_map_div);
	markers.addMarker(noname);
	
	var airport = new OpenLayers.Marker(new OpenLayers.LonLat(-87,5),icon.clone());
	airport.events.register('mousedown', airport, switch_map_div);
	markers.addMarker(airport);
	
	var voidville = new OpenLayers.Marker(new OpenLayers.LonLat(65,50),icon.clone());
	voidville.events.register('mousedown', voidville, switch_map_div);
	markers.addMarker(voidville);
	
	var edge = new OpenLayers.Marker(new OpenLayers.LonLat(75.5,-63.5),icon.clone());
	edge.events.register('mousedown', edge, switch_map_div);
	markers.addMarker(edge);	

	map.setCenter(new OpenLayers.LonLat(0,50), 2);
}

var paras = $H({"-55, 45": 'nauglandia', "-70, -35": 'westend', "17.5, 11": 'millheights', "-87, 5": 'airport', "65, 50": 'voidville', "71.5, -90": 'mooresisland', "-35, -30": 'akwesasne', "-44.5, 25": 'noname', "0, 63": 'merchants', "75.5, -63.5": 'edge'});

// thanks matt and firebug
var switch_map_div = function (evt) { 
	OpenLayers.Event.stop(evt);
	$$('div.maptxt').each( function(div) { div.hide(); });
	$($H(paras).get(this.lonlat.toShortString())).show();
}

Event.observe(window, 'load', init);