
<script type="text/javascript" src="jquery/jquery.maskedinput-1.3.min.js"></script>
<script type="text/javascript" src="jquery/editor/jquery.wysiwyg.js"></script>
<link rel="stylesheet" type="text/css" href="jquery/editor/jquery.wysiwyg.css" />
<script type="text/javascript">
	$(function() {
		$('#dialogInfo').dialog({autoOpen: false, width: 400, modal:true,buttons:{"ok": function(){ $(this).dialog("close");}}});
		$("#data").datepicker({dateFormat:'dd/mm/yy',showOn:"button",buttonImage:"imagens/calendar.png",buttonImageOnly:true });
		$("#data").mask("99/99/9999");
		$("#hora").mask("99:99:99");
		$('#pic').click(function(){ 
			$('#imagem').click();
		});
	});
</script>
<p>
<label>Mensagem </label>
<textarea name="texto" id="texto" rows="5" cols="83" ></textarea>
<div>&nbsp;</div>
</p>

<div id="dialogInfo" title="Atenção">
  <p id="camposObrigatorios">Campo obrigatório não preenchido!</p>
</div>

<script type="text/javascript">
(function($){
  $('#texto').wysiwyg({
    controls: {
	  insertImage : { visible : false},
      strikeThrough : { visible : true },
      underline     : { visible : true },
      separator00 : { visible : true },
      justifyLeft   : { visible : true },
      justifyCenter : { visible : true },
      justifyRight  : { visible : true },
      justifyFull   : { visible : true },
      separator01 : { visible : true },
      indent  : { visible : true },
      outdent : { visible : true },
      separator02 : { visible : true },
      subscript   : { visible : true },
      superscript : { visible : true },
      separator03 : { visible : true },
      undo : { visible : true },
      redo : { visible : true },
      separator04 : { visible : true },
      insertOrderedList    : { visible : true },
      insertUnorderedList  : { visible : true },
      insertHorizontalRule : { visible : true },
      h4mozilla : { visible : true && $.browser.mozilla, className : 'h4', command : 'heading', arguments : ['h4'], tags : ['h4'], tooltip : "Header 4" },
      h5mozilla : { visible : true && $.browser.mozilla, className : 'h5', command : 'heading', arguments : ['h5'], tags : ['h5'], tooltip : "Header 5" },
      h6mozilla : { visible : true && $.browser.mozilla, className : 'h6', command : 'heading', arguments : ['h6'], tags : ['h6'], tooltip : "Header 6" },
      
      h4 : { visible : true && !( $.browser.mozilla ), className : 'h4', command : 'formatBlock', arguments : ['<H4>'], tags : ['h4'], tooltip : "Header 4" },
      h5 : { visible : true && !( $.browser.mozilla ), className : 'h5', command : 'formatBlock', arguments : ['<H5>'], tags : ['h5'], tooltip : "Header 5" },
      h6 : { visible : true && !( $.browser.mozilla ), className : 'h6', command : 'formatBlock', arguments : ['<H6>'], tags : ['h6'], tooltip : "Header 6" },
      separator07 : { visible : true },
      cut   : { visible : true },
      copy  : { visible : true },
      paste : { visible : true }
    }
  });
})(jQuery);
</script>