google.load("jquery", "1.3.1");
    google.load("maps", "2.x");


    $(document).ready(function() {
        var map = new GMap2(document.getElementById('map'));

        var mapControl = new GMapTypeControl();
        map.addControl(mapControl);
        map.addControl(new GLargeMapControl());

        var center = new GLatLng(49.347379701335974, 16.520825570821762);
        map.setCenter(center, 10);

        /*
         var bounds = map.getBounds();
         var southWest = bounds.getSouthWest();
         var northEast = bounds.getNorthEast();
         var lngSpan = northEast.lng() - southWest.lng();
         var latSpan = northEast.lat() - southWest.lat();
         */
        var markers = [];


        var positions = [];
        positions[0] = [49.347379701335974,16.420825570821762,"<strong>Sídlo firmy, Maloobchodní prodejna Tišnov</strong><br />Koráb 131, Tišnov 666 01","<strong>Sídlo firmy, Maloobchodní prodejna Tišnov</strong><br />Koráb 131, Tišnov 666 01"];
        positions[1] = [49.210426,16.590976,"<strong>Velkoobchod Brno, výdejní místo e-shopů</strong><br />Pod Kaštany 12, 616 00 Brno","<strong>Velkoobchod Brno, výdejní místo e-shopů</strong><br />Pod Kaštany 12, 616 00 Brno"];
        positions[2] = [49.210426,16.590976,"<strong>Maloobchodní prodejna Brno</strong><br />Pod Kaštany 12, 616 00 Brno","<strong>Maloobchodní prodejna Brno</strong><br />Pod Kaštany 12, 616 00 Brno"];
        positions[3] = [49.488028,16.662144,"<strong>Maloobchodní prodejna Boskovice</strong><br />Kpt. Jaroše 25, Boskovice 680 01","<strong>Maloobchodní prodejna Boskovice</strong><br />Kpt. Jaroše 25, Boskovice 680 01"];

        for (i = 0; i < positions.length; i++) {
            var point = new GLatLng(positions[i][0], positions[i][1]);
            marker = new GMarker(point);
            map.addOverlay(marker);
            markers[i] = marker;
        }

        var list = $("<ul id='list' />");
        $(markers).each(function(i, marker) {
            $("<li />")
                    .html(positions[i][2])
                    .click(function() {
                displayPoint(marker, i);
            })
                    .appendTo(list);

            GEvent.addListener(marker, "click", function() {
                displayPoint(marker, i);
            });
        });
        list.insertAfter("#map");

        $("#message").appendTo(map.getPane(G_MAP_FLOAT_SHADOW_PANE));

        function displayPoint(marker, i) {

            $("#pos").html("" + marker.getLatLng());
            $("#index").html("" + i);


            $("#message").hide();
            $("#message").html(positions[i][3]);
            var moveEnd = GEvent.addListener(map, "moveend", function() {
                var markerOffset = map.fromLatLngToDivPixel(marker.getLatLng());
                $("#message")
                        .fadeIn()
                        .css({ top:markerOffset.y, left:markerOffset.x });
                GEvent.removeListener(moveEnd);
            });
            map.setCenter(marker.getLatLng(), 15);
        }

    });