var map;

$(document).ready(function() {
	if (GBrowserIsCompatible()) {
		map = new GMap2(document.getElementById("mapy"));
		map.addControl(new GMapTypeControl());
		map.addControl(new GLargeMapControl());
		var point = new GLatLng(50.07565402903956, 14.43777322769165);
		var point1 = new GLatLng(49.745899162952284, 13.378064632415771);
		map.setCenter(point, 16, G_NORMAL_MAP);
		var marker = new GMarker(point);
		var marker1 = new GMarker(point1);
		map.addOverlay(marker);
		map.addOverlay(marker1);
		var bounds = new GLatLngBounds();
		bounds.extend(point);
		bounds.extend(point1);
		GEvent.addListener(marker, "click", function() {
			marker.openInfoWindowHtml("<div class=\"marker\">Alhambra Praha<br /><img src=\"/public/images/P3150032.JPG\" alt=\"Prodejna Praha\"/></div>");
		});
        $("#mapaPraha").click(function(){
    		marker.openInfoWindowHtml("<div class=\"marker\">Alhambra Praha<br /><img src=\"/public/images/P3150032.JPG\" alt=\"Prodejna Praha\"/></div>");
    		map.setZoom(15);
    		map.setCenter(point);  
    		return false;
        })
		GEvent.addListener(marker1, "click", function() {
			marker1.openInfoWindowHtml("<div class=\"marker\">Alhambra Plzeň<br /><img src=\"/public/images/PICT0052.JPG\" alt=\"Prodejna Plzeň\"/></div>");
		});
        $("#mapaPlzen").click(function(){
    		marker1.openInfoWindowHtml("<div class=\"marker\">Alhambra Plzeň<br /><img src=\"/public/images/PICT0052.JPG\" alt=\"Prodejna Plzeň\"/></div>");
    		map.setZoom(15);
    		map.setCenter(point1);  
    		return false;
        })
		map.setZoom(map.getBoundsZoomLevel(bounds));
		map.setCenter(bounds.getCenter());   

	}
});