$(document).ready(function()  {
  markitupSettings = {  
    onShiftEnter:    {keepDefault:false, replaceWith:'<br />\n'},
    onCtrlEnter:    {keepDefault:false, openWith:'\n<p>', closeWith:'</p>'},
    onTab:        {keepDefault:false, replaceWith:'    '},
    markupSet:  [   
      {name:$('#T_B').val(), openWith:'(!(<strong>|!|<b>)!)', closeWith:'(!(</strong>|!|</b>)!)' },
      {name:$('#T_I').val(), openWith:'(!(<em>|!|<i>)!)', closeWith:'(!(</em>|!|</i>)!)'  },
      {name:$('#T_S').val(), openWith:'<del>', closeWith:'</del>' },
      {separator:'---------------' },
      {name:$('#T_IMG').val(), replaceWith:'<img src="[!['+$('#T_IMG').attr('source')+':!:http://]!]" alt="[!['+$('#T_IMG').attr('alt')+']!]" />' },
      {name:$('#T_A').val(), openWith:'<a href="[!['+$('#T_A').attr('link')+':!:http://]!]"(!( title="[!['+$('#T_A').attr('title')+']!]")!)>', closeWith:'</a>', placeHolder: $('#T_A').attr('text')}
    ]
  }
  preview = function(v) {
    if (0 && v!=undefined) {
      if (v>'') {
        $('#view').html(v);
        $('#view').show().corner();
        $('#edit').hide();
        $('#startEdit').show();
      }
    }
    else {
      $('#view').load('/html.php', function(){
        $('#view').show().corner();
        $('#edit').hide();
        $('#startEdit').show();
      });
    }
  }
  if (!$('#view').hasClass('hidden')) preview();
  $('#markItUp').markItUp(markitupSettings);
  $('#startEdit').click(function(e){
    $('#view, #startEdit').hide();
    $('#edit').show();
  });
  $('#save').click(function(e){
    showIndicator(e);
    $(this).attr({disabled: 'disabled'});
    var v = $('#markItUp').val();
    $.post('/c/html.php', {v: v}, function(r){
      hideIndicator(e);
      if (r=='OK')
        preview(v);
      else alert(r);
      $('#save').removeAttr('disabled');
    });
    return false;
  });
});