$(document).ready(function(){
   // 'lightbox' for images
   $("a[rel^='prettyPhoto']").prettyPhoto({theme: 'dark_rounded'});
   
   // this is the code for the expanding code box.  
   // don't do it if we're in IE6 cause it's borked
   if (!($.browser.msie) || $.browser.version > 6 ) {
      $('.wp_syntax .code pre').hover(function(){
         codeWidth = $(this).parent().width() + $(this).parent().siblings('.line_numbers').width();
         $(this).parents('.wp_syntax').stop().css({position: 'relative', 'z-index': 100}).animate({width: codeWidth});
      }, function(){
         $(this).parents('.wp_syntax').stop().animate({width: 560});
      });
   }
   
});