// jQuery OuterHTML extension
jQuery.fn.outerHTML = function(s) {
      return (s)
      ? this.before(s).remove()
      : jQuery("<p>").append(this.eq(0).clone()).html();
   }


$(document).ready(function(){
   addTableWrappers();
   setupDatePickers();
});

function setupDatePickers()
{
   $('.datepicker').datepicker({
      inline: true
   });
				
   //hover states on the static widgets
   $('#dialog_link, ul#icons li').hover(
      function() { $(this).addClass('ui-state-hover'); }, 
      function() { $(this).removeClass('ui-state-hover'); }
   );
}


 
function addTableWrappers()
{
   var newTable = '<div class="headedTableWrapper"><div class="h">' + $("table.headedTable").attr("summary") + "&nbsp;</div>";
   newTable += '<div class="c">' +  $("table.headedTable").outerHTML() + '</div>';
   newTable += '<div class="b">&nbsp;</div></div>';

   $("table.headedTable").outerHTML(newTable);
}