$(window).on('beforeunload', function(){

      if($('.form-open').size() || $('textarea#text').val()){

         // this message will not be displayed on all browsers

         // (e.g. some versions of Firefox), but the user will still be warned

         return 'There are uncommitted comments.';

      }

   });

   $('form#main_form').submit(function(){

      // if no open inline forms, disable the beforeunload check - it would

      // fail in the check for the textarea we are about to submit

      if(!$('.form-open').size()){

          $(window).off('beforeunload');

      }

   });

   $('#preview-btn').click(function(){

       var _text = $('#text').val();

       if(!_text){

           return;

       }

       var post_data = {'text': _text};

       $('#preview-box').addClass('unloaded');

       $('#edit-container').hide();

       $('#edit-btn').show();

       $('#preview-container').show();

       $('#preview-btn').hide();

       var url = pyroutes.url('changeset_comment_preview', {'repo_name': '${c.repo_name}'});

       ajaxPOST(url,post_data,function(html){

           $('#preview-box').html(html);

           $('#preview-box').removeClass('unloaded');

       });

   });

   $('#edit-btn').click(function(){

       $('#edit-container').show();

       $('#edit-btn').hide();

       $('#preview-container').hide();

       $('#preview-btn').show();

   });

});

</script>

</%def>