var map = null;
var marker;
var icon_otherArt=new GIcon();
var icon_thisArt=new GIcon();
var nowy_marker;
var dir;
var center;

function load() {
	var pojemnik=document.getElementById("map");
	
	if (GBrowserIsCompatible() && pojemnik) {
        map = new GMap2(pojemnik);
		center=new GLatLng(art_lat,art_lng);
        map.setCenter(center, 10);
		map.addControl(new GOverviewMapControl());
		map.addControl(new GSmallZoomControl());
		map.addControl(new GMenuMapTypeControl());	
		
		icon_otherArt.image = "/gfx/gicon_dark.png";
		icon_otherArt.shadow = "/gfx/gicon_dark_shadow.png";
		icon_otherArt.iconSize = new GSize(12, 25);
		icon_otherArt.shadowSize = new GSize(23, 25);
		icon_otherArt.infoWindowAnchor=new GPoint (10, 10);
		icon_otherArt.iconAnchor = new GPoint(5, 25);	

		icon_thisArt.image = "/gfx/gicon.png";
		icon_thisArt.shadow = "/gfx/gicon_shadow.png";
		icon_thisArt.iconSize = new GSize(19,40);
		icon_thisArt.shadowSize = new GSize(37,40);
		icon_thisArt.infoWindowAnchor=new GPoint (10, 10);
		icon_thisArt.iconAnchor = new GPoint(9,40);
		
		GDownloadUrl('/out/gmap/', function(dane,kodOdpowiedzi)
		{
		if(kodOdpowiedzi==200)
			{
			var xml = GXml.parse(dane);
			var markery = xml.documentElement.getElementsByTagName('marker');
			for(var i=0; i<markery.length; i++)
				{
				var lat = parseFloat(markery[i].getAttribute("lat"));
				var lng= parseFloat(markery[i].getAttribute("lng"));
				var tytul = markery[i].getAttribute("tytul");
				var wstep = markery[i].getAttribute("wstep");
				var link = markery[i].getAttribute("link");
				var id = markery[i].getAttribute("id");
				var mini = markery[i].getAttribute("mini");
				var dodano = markery[i].getAttribute("dodano");
				var ogladano = markery[i].getAttribute("ogladano");
				var komentowano = markery[i].getAttribute("komentowano");
				var marker = dodajMarker(lat,lng,tytul,wstep,link,id,mini,dodano,ogladano,komentowano);
				}

			}
		});	
      }
	      }

function dodajMarker(lat,lng,tytul,wstep,link,id,mini,dodano,ogladano,komentowano){
	if (lat!=art_lat && lng!=art_lng)
	{
		marker=new GMarker(new GLatLng(lat,lng),icon_otherArt);
	
		marker.zawartosc1 = new GInfoWindowTab('Informacje',"<div class='chmurka'><div class='tytul'>"+tytul+"</div><div class='center'><a href='"+link+"'><img src='/gfx/arts/"+id+"/"+id+"_"+mini+"_mini.jpg' alt='Artykuł "+id+"'></a></div><div class='link'><a href='"+link+"'>Przejdź do tej strony</a></div></div>");
		marker.zawartosc2 = new GInfoWindowTab('Wstęp',"<div class='chmurka'><div class='tytul'>"+tytul+"</div><div class='wstep'>"+wstep+"</div><div class='link'><a href='"+link+"'>Przejdź do tej strony</a></div></div>");
		marker.zawartosc3 = new GInfoWindowTab('Liczby',"<div class='chmurka'><div class='tytul'>"+tytul+"</div><div class='liczby'><strong>Artykuł dodano: </strong><br>"+dodano+".<br><strong>Liczba odwiedzin: </strong>"+ogladano+".<br><strong>Liczba komentarzy: </strong>"+komentowano+".</div><div class='link'><a href='"+link+"'>Przejdź do tej strony</a></div></div>");
	
	GEvent.addListener(marker, "click", function() {this.openInfoWindowTabsHtml([this.zawartosc1,this.zawartosc2,this.zawartosc3]);});
	
	}
	else {
		marker=new GMarker(new GLatLng(lat,lng),icon_thisArt);
        marker.bindInfoWindowHtml("<div class='chmurka'><div class='tytul'>"+tytul+"</div><div class='center'><img src='/gfx/arts/"+id+"/"+id+"_"+mini+"_mini.jpg' alt='Artykuł "+id+"'></div><div class='link'>Właśnie przeglądasz ten artykuł.</div></div>");

  		map.openInfoWindowHtml(center,"<div class='chmurka'><div class='tytul'>"+tytul+"</div><div class='center'><img src='/gfx/arts/"+id+"/"+id+"_"+mini+"_mini.jpg' alt='Artykuł "+id+"'></div><div class='link'>Właśnie przeglądasz ten artykuł.</div></div>");

	}
		map.addOverlay(marker);



}