$(document).ready(function() {

    // adding the class here so that the descriptions remain readable without JS
    $('#portals ul li .description').addClass("obscured");
    // hoverIntent fixes several hover bugs
    $('#portals ul li img').hoverIntent(
      function () {
        $("#portals ul li img").animate({
            top:"0px"
            }, 150);
        $(this).animate({
            top:"300px"
            }, 150);
      },
      function () { }
    );
    // detecting for hover out on the image caused numerous false firings, so I just detect against the rest of the page
    $("#blogarea, #header").mouseover(
      function () {
        $("#portals ul li img").animate({
            top:"0px"
            }, 150);
      },
      function () { }
    );

    $(".show_archive").click(function(){
        $(".reflect_archive").slideToggle();
        return false;
    });
});