var map;

function initOSM(container, latitude, longitude, zoom) {

	map = new OpenLayers.Map (container, {
		controls:[
		new OpenLayers.Control.Navigation(),
		new OpenLayers.Control.PanZoomBar(),
		new OpenLayers.Control.Attribution()],
		maxExtent: new OpenLayers.Bounds(-20037508.34,-20037508.34,20037508.34,20037508.34),
		maxResolution: 156543.0399,
		numZoomLevels: 19,
		units: 'm',
		projection: new OpenLayers.Projection("EPSG:900913"),
		displayProjection: new OpenLayers.Projection("EPSG:4326")
		} );

	layerMapnik = new OpenLayers.Layer.OSM.Mapnik("Mapnik");
	map.addLayer(layerMapnik);

	layerMarkers = new OpenLayers.Layer.Markers("Markers");
	map.addLayer(layerMarkers);

	var lonLat = new OpenLayers.LonLat(longitude, latitude).transform(new OpenLayers.Projection("EPSG:4326"), map.getProjectionObject());

	map.setCenter (lonLat, zoom);
			
	var size = new OpenLayers.Size(21,25);
	var offset = new OpenLayers.Pixel(-(size.w/2), -size.h);
	var icon = new OpenLayers.Icon('http://www.openstreetmap.org/openlayers/img/marker.png',size,offset);
	layerMarkers.addMarker(new OpenLayers.Marker(lonLat,icon));
	
}

function setClassIfExist(element, className) {

	if (element)
		element.className = className;

}

function showPlace(id, latitude, longitude, zoom) {
	setClassIfExist($('tab_place'), 'bluebox-tab-active');
	setClassIfExist($('tab_overview'), 'bluebox-tab');
	
	$('place_box').innerHTML = '<div style="width: 668px; height: 458px;" id="map"></div>';
	if ( latitude && longitude && zoom)
		initOSM('map', latitude, longitude, zoom);
	else
		$('map').innerHTML = 'Für diesen Ort existiert leider keine Karte.';
}

function showOverview(id) {
	setClassIfExist($('tab_place'), 'bluebox-tab');
	setClassIfExist($('tab_overview'), 'bluebox-tab-active');
	
	displayLoader($('place_box'));

	new Ajax.Request('place-' + id + '.htm', {
		method: 'post',
		parameters: {box: 'true'},
		onSuccess: function(transport) {

			if ( transport.responseText != 'error' )
//				json = transport.responseText.evalJSON();
				
				
				$('place_box').innerHTML = transport.responseText;

		}
	});
	
}