
<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() {
		$('#cancelar').click(function(){ window.location='sistemas.php'; });
		$('#dialogInfo').dialog({autoOpen: false, width: 400, modal:true,buttons:{"ok": function(){ $(this).dialog("close");}}});
	});
</script>

<div class="forms">
<label class="label">Upload Arquivo (por upload)</label>
<input name="arquivoFile" id="arquivoFile" type="file" class="ui-widget ui-widget-content ui-corner-all campo" size="35"/>
<label class="label">Arquivo (por nome)</label>
<input type="text" id="arquivo" name="arquivo" class="ui-widget ui-widget-content ui-corner-all campo" size="55" />
<label class="label">Instalação</label>
<input type="text" id="instalacao" name="instalacao" class="ui-widget ui-widget-content ui-corner-all campo" size="55"/>
<label class="label">Nome</label>
<input type="text" id="nome" name="nome" class="ui-widget ui-widget-content ui-corner-all campo" size="40"/>
<label class="label">Descrição</label>
<input type="text" id="descricao" name="descricao" class="ui-widget ui-widget-content ui-corner-all campo" size="75" />
<label class="label">Versão</label>
<input type="text" id="versao" name="versao" class="ui-widget ui-widget-content ui-corner-all campo" size="25"/>
<label class="label">Caixa</label>
<input name="imagem" id="imagem" type="file" class="ui-widget ui-widget-content ui-corner-all campo" size="35"/>
<label class="label">Texto</label>
<textarea name="texto" id="texto" rows="10" style="width:630px;" ></textarea>
</div>

<div id="dialogInfo" title="Atenção">
  <p id="msg">Campos obrigatórios não preenchidos!</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>