$(document).ready(function(){

  var months = ["Januar", "Februar", "März", "April", "Mai", "Juni", "Juli", "August", "September", "Oktober", "November", "Dezember"];
  var years = [2008,2009,2010];
    $("#program h2").after("<ul id='program_nav'></ul>");
  for(j in years) {
  
  for(i in months) {
    var m_id = i;
    var id = m_id + "_" + years[j];
    events = $("#program .m" + id);
    if (events.size() > 0) {
      $("#program").append("<div class='month' id='m" + id + "'></div>"); 
      $("#m" + id).append(events);
      
      $("#program_nav").append("<li><a id='a" + id + "'>" + months[i-1] + " "+ years[j] + "</a></li>");
      
      $("#a"+ id).click(function (){
        $("#program_nav li").removeClass("current");
        $(this).parent().addClass("current");
        
        $("#program .month").hide();
        $("#m" + this.id.substring(1)).show();
      });
    }
	
	}
	
  }
  

  
  $("#program_nav").append("<li class='current' id='program_all'><a id='all'>Gesamtes Programm</a></li>");
    
  $("#all").click(function (){
    $("#program_nav li").removeClass("current");
    $(this).parent().addClass("current");
    $("#program .month").show();
  });
});