Event.observe(window, 'load', function() {
	$$('.small_bubble').invoke('observe', 'click', function(e) {
		if(!this.down('.ajax_container')) {
			//var div = new Element('div', { class: 'ajax_container', style: 'width: 190px; display: none;' }).update(new Element('div'));
			this.insert('<div class="ajax_container" style="width: 190px; display: none;"><div></div></div>');
		}
		var el = this.down('.ajax_container');
		var title = this.title.replace(/\u00C4/gi, "a");
		title = title.replace(/\u00C5/gi, "a");
		title = title.replace(/\u00D6/gi, "o");
		title = title.replace(/ /gi, "_");
		title = title.replace(/[^a-z0-9_]/gi, '');
		title = title.toLowerCase();
		var tar = 'xml/' + dir + '/' + title + '.html';
		// alert(tar);
		if(el.down('div').innerHTML == "")
		    new Ajax.Updater(el.down('div'), tar, { method: 'get', onComplete: function() { new Effect.toggle(el, 'slide', { duration: 0.5 }); } });
		else
			new Effect.toggle(el, 'slide', { duration: 0.5 } );
	});
});