function showEvent(id, el)
{
    var xhr;
    
    if ( window.XMLHttpRequest )
    {
        xhr = new XMLHttpRequest ();
    }
    else
    {
        try {
             xhr = new ActiveXObject("Msxml2.XMLHTTP");
        }
        catch (e)
        {
            try
            {
                xhr = new ActiveXObject("Microsoft.XMLHTTP");
            }
            catch (e)
            {
                throw new Error ('XMLHttpRequest not supported');
            }
        }
    }

    xhr.open( 'GET', 'api/event.php?id=' + id );
    xhr.onreadystatechange = function ()
    {
        if ( xhr.readyState == 4 && xhr.status == '200' )
        {
            makeEventDiv(xhr.responseXML, el);
        }
    }
    xhr.send(null);
}

function debug(o)
{
  var s = '';
  for ( p in o )
  {
    s += p + ': ' + o[p] + ', ';
  }
  return s;
}

function makeEventDiv( eventXML, el )
{
    eventXML = eventXML.documentElement;
    var tags = eventXML.getAttribute('tags');
    tags = tags.split(',');

    var titleNode = eventXML.getElementsByTagName('title')[0];
    var title = (titleNode.textContent || titleNode.textContent === '' ? titleNode.textContent : titleNode.text );
    var descrNode = eventXML.getElementsByTagName('descr')[0];
    var descr = (descrNode.textContent || descrNode.textContent === ''? descrNode.textContent : descrNode.text );
    
    var div = document.createElement('div');
    div.className = 'details';
    
    var button = div.appendChild(document.createElement('button'));
    button.innerHTML = 'X';
    button.setAttribute( 'type', 'button' );

    if ( window.addEventListener )
    {
        button.addEventListener(
            'click',
            function (e) { this.parentNode.parentNode.removeChild(this.parentNode); },
            false
        );
    }
    else
    {
        button.attachEvent(
            'onclick',
            function (e) {
                var event = e || window.event;
                event.srcElement.parentNode.parentNode.removeChild(event.srcElement.parentNode);
            }
        );
    }

    div.appendChild(document.createElement('h2')).innerHTML = title;
    
    var ul = div.appendChild(document.createElement('ul'));
    ul.className = 'flat';
    var li, link;
    
    for ( var i = 0, tag; tag = tags[i]; i++ )
    {
        li = ul.appendChild(document.createElement('li'));
        link = li.appendChild(document.createElement('a'));
        link.href='tag.php?tag=' + tag;
        link.title = 'Programposter: ' + tag + ' - OSFF';
        link.innerHTML = tag;
    }
    
    div.appendChild(document.createElement('div')).innerHTML = descr;
    
    el.parentNode.appendChild(div);
}