$(function(){
  $('textarea#add-comment').focus(function(){
    var val = $('#add-comment').val();
    if (val == "Add new comment...") {
      $('#add-comment').val("").css("color","#282827");
    }
  }).blur(function(){
    var val = $('#add-comment').val();
    if (val.length == 0)
      $('#add-comment').val("Add new comment...").css("color","#999999");
  });
    
  $('#add-comment-form').submit(function(){
    return $('#add-comment').val() != "Add new comment...";
  });
  
/*
  var navSpacerWidth = $('#navigation ul li:first-child').offset().left + $('#navigation ul li:first-child').width();
  var navLastSpacerWidth = $('#navigation').width() - $('#navigation ul li:last-child').offset().left;
  $('#navigation ul').css("margin","").css("width","100%");
  $('#navigation ul li:first-child').width(navSpacerWidth);
  $('#navigation ul li:last-child').width(navLastSpacerWidth);
*/
  
  // set to #282827 in css and "grayed" out here (and back to black in focus method above)
  // so clients w/out javascript will see it clearly
  $('#add-comment').css("color","#999");
});