var centerLatitude = 45.801999;
var centerLatitude = 45.995951;
var centerLongitude = 18.286743;
var centerLongitude = 18.679853;
var startZoom = 8;
var map;
var tooltip = document.createElement("div");

function addMarker(longitude, latitude, description,url,icon) {

    var marker = new GMarker(new GLatLng(latitude, longitude),icon);

    marker.tooltip = '<div class="tooltip">'+description+'</div>';

    map.addOverlay(marker);

    GEvent.addListener(marker, 'click',
    function() {
//        marker.openInfoWindowHtml(description);
        MM_openBrWindow(url,'','scrollbars=yes,width=800,height=700');
     }
    );
    GEvent.addListener(marker,"mouseover",
    function() {
      showTooltip(marker);
    });
    GEvent.addListener(marker,"mouseout",
    function() {
      tooltip.style.visibility="hidden"
    });



}

function showTooltip(marker) {
   	tooltip.innerHTML = marker.tooltip;
	var point=map.getCurrentMapType().getProjection().fromLatLngToPixel(map.getBounds().getSouthWest(),map.getZoom());
	var offset=map.getCurrentMapType().getProjection().fromLatLngToPixel(marker.getPoint(),map.getZoom());
	var anchor=marker.getIcon().iconAnchor;
	var width=marker.getIcon().iconSize.width;
	var pos = new GControlPosition(G_ANCHOR_BOTTOM_LEFT, new GSize(offset.x - point.x - anchor.x + width,- offset.y + point.y +anchor.y));
	pos.apply(tooltip);
	tooltip.style.visibility="visible";
}

function init()
{
if (GBrowserIsCompatible()) {
    map = new GMap2(document.getElementById("map"));
    var location = new GLatLng(centerLatitude, centerLongitude);
    map.addControl(new GLargeMapControl());
    map.addControl(new GMapTypeControl());
    map.setCenter(new GLatLng(centerLatitude, centerLongitude), startZoom);

    // ====== set up marker mouseover tooltip div ======
//    var tooltip = document.createElement("div");
    document.getElementById("map").appendChild(tooltip);
    tooltip.style.visibility="hidden";


    var icon = new GIcon();
    icon.image = "http://www.digitalhistory.hu/images/marker01.gif";
    icon.iconSize = new GSize(19, 26);
    icon.iconAnchor = new GPoint(6, 20);
    icon.infoWindowAnchor = new GPoint(5, 1);


    for(id in markers) {
        addMarker(markers[id].latitude, markers[id].longitude, markers[id].name, markers[id].url, icon);
    }
}
}
window.onload = init;
window.onunload = GUnload;