var stred = new AGeoPoint('49°56\'38.76\"N; 15°0\'25.55\"E');  
		 var Page = {
        load: function() {          
            this.map = new AMap("map");
            this.map.addMapPart(new AMapControl());
            this.map.addMapPart(new AMapTypeControl());
            this.map.loadMaps(stred,2);                       
            var myAjax = new Ajax('http://www.adopcechrtu.info/templates/1024px/data.xml', {
                method: 'get',
                onComplete: this.onXmlLoaded.bind(this),
                onFailure: function() {
                    alert('Chyba, server neodpověděl.');
                }
            }).request();            
        },
        
        onXmlLoaded: function(text, xml) {
            // nejprve nactu vsechny tagy stanice
            var stations = xml.getElementsByTagName('stanice');
            for(var i=0; i < stations.length; i++) {
                var stanice = stations[i];
                // nad kazdym node mohu opet zavolat getElementsByTagName, AXml.value mi prečte obsah node
                var nazev = AXml.value(stanice.getElementsByTagName('nazev')[0]);
                var gps = AXml.value(stanice.getElementsByTagName('gps')[0]);  
								var mesto = AXml.value(stanice.getElementsByTagName('mesto')[0]);
								var foto = AXml.value(stanice.getElementsByTagName('foto')[0]);
								var label = AXml.value(stanice.getElementsByTagName('label')[0]);
                // paklize jsou nazev i gps definovany - vytvorime znacku
                if (nazev && gps && mesto && foto && label) this.createMarker(nazev, gps, mesto, foto, label);
            }            
        },        
        
        createMarker: function(title, gps, mesto,foto, label) {
         var tab1 = new ABubbleTab('Adresa', title+'<br>'+ mesto);
				 var tab2 = new ABubbleTab('Foto', '<img src=\"http://www.adopcechrtu.info/templates/1024px/fotomapy/'+foto+'\" alt=\"'+title+'\" />');
		     var tabs1 = [tab1, tab2];
         var marker = new AMarker(new AGeoPoint(gps) ,{ label: label, title: title} );  
						marker.addEvent('onClick', function() {
						marker.showBubble(tabs1, {            
						'width': '200', 
            'maxHeight' : '400'
             });
           });              
						
						
						//marker.addEvent('onClick', function() { marker.showBubble(title +'<br>'+ mesto+'<br>'+obrazek+''); });
            this.map.addOverlay(marker);
        }
    }
    
    window.addEvent('domready', Page.load.bind(Page));