jQuery(document).ready(function(){
  
    // set class for headlines based on Category (critical vs others)
    jQuery(".item").each(function(){
      //alert(jQuery(this).html());
      //alert(jQuery(this).find(".grouping").text());
      if (jQuery(this).find(".grouping").text() == "Critical")
      {
        jQuery(this).find(".headline").addClass("headlineCritical");
      }
      jQuery(this).append("<div class=\"more\">More</div>");
      jQuery(this).find(".headline").append(" (" + jQuery(this).find(".datePublished").text() + ")");
      jQuery(this).append('<div class="itemSeparator" />');
    });
    
    jQuery(".item .more").mouseover(function(){
      jQuery(this).addClass("moreMouseOver");
    }).mouseout(function(){
      jQuery(this).removeClass("moreMouseOver");
    });
     
    jQuery(".item .more").click(function (){
      //alert ("more clicked");
      if(jQuery(this).parent().find(".detail").css("display")=="none")
      {
        jQuery(this).parent().find(".summary").slideUp(50);
        jQuery(this).parent().find(".detail").slideDown(400);
        jQuery(this).html("Less");
      }
      else
      {
        jQuery(this).parent().find(".detail").slideUp(400);
        jQuery(this).parent().find(".summary").slideDown(50);
        jQuery(this).html("More");
      }
    });
  });  // end jQuery ready function