function showTopics(track)
{
  //if (document.getElementById(track).style.display == "block")
  //{
  //  
  //}
  //else
  //{
  //  document.getElementById(track).style.display = "block";
  //  document.getElementByID(track + "_a").text = "bla";
  //}
  document.getElementById(track + "_show").style.display = "none";
  document.getElementById(track + "_hide").style.display = "block";
}

function hideTopics(track)
{
  document.getElementById(track + "_hide").style.display = "none";
  document.getElementById(track + "_show").style.display = "block";
}

function toggleDescription(id)
{
  if (document.getElementById(id + "_desc").style.display == "block")
  {
    hideDescription(id);
  }
  else
  {
    showDescription(id);
  }
}

function showDescription(id)
{
  var title = document.getElementById(id + "_title");
  var desc = document.getElementById(id + "_desc");

  //var offsetX = 50;
  //var offsetY = -50;//0 - (getOffset(desc, "Height") / 2);

  //alert(offsetY);

  //var top = getOffset(title, "Top");
  //var left = getOffset(title, "Left");

  //desc.style.top = top + offsetY;
  //desc.style.left = left + offsetX;
  desc.style.display = "block";
  title.style.display = "none";
  /*
  alert(desc.style.top);
  alert(desc.style.left);
  alert(desc.style.display);
  */
}

onmouseout="hideDescription('<?= $id ?>');"

function hideDescription(id)
{
  var title = document.getElementById(id + "_title");
  var desc = document.getElementById(id + "_desc");
  
  desc.style.display = "none";
  title.style.display = "block";
}

function getOffset(el, which) {
    // Function for IE to calculate position 
    // of an element.
    var amount = el["offset"+which] 
    if (which=="Top")
      amount+=el.offsetHeight
    el = el.offsetParent
    while (el!=null) {
      amount+=el["offset"+which]
      el = el.offsetParent
    }
    return amount
  }