function ShowCityMap( Elem ) {
    this.element= Elem;
    this.show();
}
var map;
var gmarkers = [];
var htmls = [];
var i = 1;
var y =0;
var barhtml = "";

function myclick(i) {
    gmarkers[i].openInfoWindowHtml(htmls[i]);
}

ShowCityMap.prototype.show = function() {
    var map;
    var tmp_city = '';
    
    if (GBrowserIsCompatible()) {
        var map = new GMap2(this.element);
        map.addControl(new GSmallMapControl());
        map.addControl(new GMapTypeControl());
        
        map.setCenter(new GLatLng(plat, plng), pzoom);
        
        var baseIcon = new GIcon();
        baseIcon.shadow = "http://www.google.com/mapfiles/shadow50.png";
        baseIcon.iconSize = new GSize(20, 34);
        baseIcon.shadowSize = new GSize(37, 34);
        baseIcon.iconAnchor = new GPoint(9, 34);
        baseIcon.infoWindowAnchor = new GPoint(9, 2);
        baseIcon.infoShadowAnchor = new GPoint(18, 25);
        
        var letteredIcon = new GIcon(baseIcon);
        
        
        function createMarker(point, index, name, name2, uid, photourl, cityname, address, link) {
            var letteredIcon = new GIcon(baseIcon);
            letteredIcon.image = "/datastore/images/icons/"+ geticons(index) +".png";
            
            // Set up our GMarkerOptions object
            markerOptions = {
                icon:letteredIcon
            }
            ;
            var marker = new GMarker(point, markerOptions);
            html = "";
            html = html + "<table><tr>";
            html = html + "<td rowspan=2><img src='/datastore/upload/users/"+uid+"/"+photourl+"' width=70 height=50></td></tr>";
            html = html + "<td><b>"+name+"</b><br>"+address+"<br>"+cityname+"<br></td>";
            html = html + "<tr><td><a href='/"+link+"'>Zobacz więcej</a></td>";
            html = html + "</tr><table>";
            
            GEvent.addListener(marker, "click", function() {
                html = "";
                html = html + "<table><tr>";
                html = html + "<td rowspan=2><img src='/datastore/upload/users/"+uid+"/"+photourl+"' width=70 height=50></td></tr>";
                html = html + "<td><b>"+name+"</b><br>"+address+"<br>"+cityname+"<br></td>";
                html = html + "<tr><td><a href='/"+link+"'>Zobacz więcej</a></td>";
                html = html + "</tr><table>";
                marker.openInfoWindowHtml(html);
            }
            );
            barhtml += '<a href="javascript:myclick(' + i + ')" class="m1"><img src="/datastore/images/icons/kolka/'+ geticons(index) +'.gif"> '+name2+'</a></div>';
            
            gmarkers[i] = marker;
            htmls[i] = html;
            i++;
            return marker;
        }
        
        GDownloadUrl("/Results/resultsxml/?page="+page+"&city="+city+"&name="+searchname+"&posxy="+posxy, function(data) {
            var xml = GXml.parse(data);
            var markers = xml.documentElement.getElementsByTagName("marker");
            for (var i = 0; i < markers.length; i++) {
                var name  = GXml.value(markers[i].getElementsByTagName("name")[0]);
                var name2  = GXml.value(markers[i].getElementsByTagName("name2")[0]);
                var uid  = GXml.value(markers[i].getElementsByTagName("uid")[0]);
                var photourl  = GXml.value(markers[i].getElementsByTagName("photourl")[0]);
                var cityname  = GXml.value(markers[i].getElementsByTagName("cityname")[0]);
                var address  = GXml.value(markers[i].getElementsByTagName("address")[0]);
                var link  = GXml.value(markers[i].getElementsByTagName("link")[0]);
                var point = new GLatLng(parseFloat(markers[i].getAttribute("lat")),parseFloat(markers[i].getAttribute("lng")));
                map.addOverlay(createMarker(point, (i+1), name, name2, uid, photourl, cityname, address, link));
            }
            document.getElementById("barhtml").innerHTML = barhtml;
        }
        );
    }
}

function geticons(x)
{
	if(x==1) return "a";
	else if(x==2) return "b";
	else if(x==3) return "c";
	else if(x==4) return "d";
	else if(x==5) return "e";
	else if(x==6) return "f";
	else if(x==7) return "g";
	else if(x==8) return "h";
	else if(x==9) return "i";
	else if(x==10) return "j";
	else if(x==11) return "k";
	else if(x==12) return "l";
	else if(x==13) return "m";
	else if(x==14) return "n";
	else if(x==15) return "o";
	else if(x==16) return "p";
	else if(x==17) return "r";
	else if(x==18) return "s";
	else if(x==19) return "t";
	else if(x==20) return "u";
	else if(x==21) return "w";
	else if(x==22) return "x";
	else if(x==23) return "y";
	else if(x==24) return "z";
	
}