$(document).ready(function(){

  $.getJSON("?dyn=podcast_latest", function(json) {
  
      $("#episode_guide ul.latest_episodes").html("");

      $.each(json.podcasts, function(c, podcast) { 
      
          href = "?pg=podcast&id="+podcast.id;
          
          published = $("<div></div>").addClass("published").html(podcast.added);  
          title = $("<a></a>").addClass("title").attr("href", href).html(podcast.title_shortened);
            
          podcast_details = $("<div></div>").append(published).append(title).addClass("podcast_details");  
          podcast_number = $("<a></a>").addClass("podcast_episode_nr").attr("href", href).html(podcast.number);
            
          $("<li></li>").append(podcast_details).append(podcast_number).appendTo("#episode_guide ul.latest_episodes").append(podcast_number)
         
      });
      
  });

});

/*      <div class="podcast_details">
        <div class="published">24. okt</div>
        <a href="hre" class="title">Electronic Entertainme..</a>
      </div>
      <a class="podcast_episode_nr" href="eef">01</a>*/