function initialize()
{
    if (GBrowserIsCompatible())
    {
        var map = new GMap2(document.getElementById("map_canvas"));
        //map.addControl(new GLargeMapControl());

		var mapCenter = new GLatLng(48.18903073111595, 19.412841796875);
        map.setCenter(mapCenter, 5);

        var id = (typeof uzlet_id == 'undefined') ? 0 : uzlet_id;

        GDownloadUrl("_loadmarkers.php", function(data)
        {
            var bounds = new GLatLngBounds();
            var xml = GXml.parse(data);
            var markers = xml.documentElement.getElementsByTagName("marker");

            for (var i = 0; i < markers.length; i++)
            {
                var id = markers[i].getAttribute("id");
                var name = markers[i].getAttribute("name");
                var szoveg = markers[i].getAttribute("szoveg");
                var point = new GLatLng(parseFloat(markers[i].getAttribute("lat")),
                                    parseFloat(markers[i].getAttribute("lng")));
                var marker = createMarker(point, id, name, szoveg);
                map.addOverlay(marker);
                bounds.extend(point);
            }

            var zoom = map.getBoundsZoomLevel(bounds);

            if(zoom > 15) zoom = 15;

            map.setZoom(zoom);
            map.setCenter(bounds.getCenter());

            //alert(zoom);
            //alert(bounds.getCenter());

        });
    }
}

function createMarker(point, id, name, szoveg)
{
    var marker = new GMarker(point, customIcons['orszag']);
    var html = "<strong>" + name + "</strong>";
    html += "<p>" + html_decode(szoveg) + "</p>";

    GEvent.addListener(marker, 'click', function() {
        marker.openInfoWindowHtml(html);
    });

    return marker;
}

function html_decode(str)
{
    if(str.length < 1) return;

    var temp_div = document.createElement('div');
    temp_div.innerHTML = str;
    return temp_div.firstChild.nodeValue;
}

var icon = new GIcon();
icon.image = 'images/gmap_icon.png';
//icon.shadow = 'images/mm_20_shadow.png';
icon.iconSize = new GSize(16, 28);
//icon.shadowSize = new GSize(22, 20);
icon.iconAnchor = new GPoint(8, 28);
icon.infoWindowAnchor = new GPoint(5, 1);

var customIcons = [];
customIcons["orszag"] = icon;