window.addEvent('domready', function(){


var json = new Request.JSON({url: "/mapareq.php", onComplete: function(result){
    	
	    
	    if($('cedule')){$('cedule').destroy();}
	    
	    
	    if($$('p.mapa-side-vypis-selected')){
			
	    	var napisyS = $$('p.mapa-side-vypis-selected');
				napisyS.each(function(item, index){
					item.set('class', 'mapa-side-vypis');
				});
	    	
	    }
	
	    var offsetx = 25;
	    var offsety = -20;
	    
	    if(result.x > 260){offsetx = -275;};
	    if(result.y > 260){offsety = -140;};
	
	    var cedule  = new Element('div', {id: 'cedule'});
	    cedule.setStyle('top', result.y + offsety);
	    cedule.setStyle('left', result.x + offsetx);
	    
	    var kontejner = $('kontejner');
	    var table = new Element('table');
	    var p = new Element('p');
	    p.set('class', 'close');
	    p.addEvent('click', function(){
	    	if($('cedule')){$('cedule').destroy();}
	    	var napisyS = $$('p.mapa-side-vypis-selected');
				napisyS.each(function(item, index){
					item.set('class', 'mapa-side-vypis');
				});
	    	
	    });
	    p.inject(cedule);
	    p.set('html', '<img alt="zavřít" title="zavřít" src="/img/close-button.gif" />');
	    
	    
	    cedule.inject(kontejner);
	    table.inject(cedule);
	    
	    table.set('html', '<tr><th>Název komunikace</th><td>'+ result.name +'</td></tr><tr><th>Druh sloupů</th><td>'+ result.typColumn +'</td></tr><tr><th>Typ nosičů</th><td>'+ result.typPorter +'</td></tr><tr><th>Počet ploch na sloupu</th><td>'+ result.numColumnt +'</td></tr><tr><th>Celkový počet ploch</th><td>'+ result.numColumntCompl +'</td></tr><tr><th>PDF</th><td><a href=\"'+ result.pdf +'\">'+ result.name +'</a></td></tr>'
	    	
	    
	    );
	    
	    var napisID = result.id + 'napis';
		$(napisID).set('class', 'mapa-side-vypis-selected');
	    
	    

	    
	    }});


var kolecka = $$('img.kolecko');

kolecka.each(function(item, index){
	item.addEvent('click', function(){
    		json.get({'id': item.id.toInt()});
		
   	});
});


var napisy = $$('p.mapa-side-vypis');

napisy.each(function(item, index){
	item.addEvent('click', function(){
    		json.get({'id': item.id.toInt()});

   	});
});




});