function insert(aTag, eTag) {
  var input = document.getElementById('HTMLCode');
  input.focus();
  /* für Internet Explorer */
  if(typeof document.selection != 'undefined') {
    /* Einfügen des Formatierungscodes */
    var range = document.selection.createRange();
    var insText = range.text;
    range.text = aTag + insText + eTag;
    /* Anpassen der Cursorposition */
    range = document.selection.createRange();
    if (insText.length == 0) {
      range.move('character', -eTag.length);
    } else {
      range.moveStart('character', aTag.length + insText.length + eTag.length);      
    }
    range.select();
  }
  /* für neuere auf Gecko basierende Browser */
  else if(typeof input.selectionStart != 'undefined')
  {
    /* Einfügen des Formatierungscodes */
    var start = input.selectionStart;
    var end = input.selectionEnd;
    var insText = input.value.substring(start, end);
    input.value = input.value.substr(0, start) + aTag + insText + eTag + input.value.substr(end);
    /* Anpassen der Cursorposition */
    var pos;
    if (insText.length == 0) {
      pos = start + aTag.length;
    } else {
      pos = start + aTag.length + insText.length + eTag.length;
    }
    input.selectionStart = pos;
    input.selectionEnd = pos;
  }
  /* für die übrigen Browser */
  else
  {
    /* Abfrage der Einfügeposition */
    var pos;
    var re = new RegExp('^[0-9]{0,3}$');
    while(!re.test(pos)) {
      pos = prompt("Einfügen an Position (0.." + input.value.length + "):", "0");
    }
    if(pos > input.value.length) {
      pos = input.value.length;
    }
    /* Einfügen des Formatierungscodes */
    var insText = prompt("Bitte geben Sie den zu formatierenden Text ein:");
    input.value = input.value.substr(0, pos) + aTag + insText + eTag + input.value.substr(pos);
  }
}

function Seite_editieren()
{
  var HTML = document.getElementById('HTMLCode').value;
  
  if(HTML == "")
  HTML = " ";
  
  HTML = HTML.replace( /{fett}/g, "<b>");
  HTML = HTML.replace( /{-fett}/g, "</b>");
  HTML = HTML.replace(/(\r\n|\r|\n)/g, '<br>');
  HTML = HTML.replace( /{-kursiv}/g, "</i>");
  HTML = HTML.replace( /{kursiv}/g, "<i>");
  HTML = HTML.replace( /{-unterstrichen}/g, "</u>");
  HTML = HTML.replace( /{unterstrichen}/g, "<u>");
  HTML = HTML.replace( /{link=/g, "<a href='");
  HTML = HTML.replace( /;}/g, "' target='_blank'>");
  HTML = HTML.replace( /:}/g, "'>");
  HTML = HTML.replace( /{email=/g, "<a href='mailto:");
  HTML = HTML.replace( /{-link}/g, "</a>");
  HTML = HTML.replace( /{-email}/g, "</a>");
  HTML = HTML.replace( /{s/g, '<img src="img/smilie/');
  HTML = HTML.replace( /s}/g, '.gif" height="27" width="27">');
  
  document.getElementById('vstitle').style.display = 'block';
  var Datum = new Date();
  var Tag = Datum.getDate();
  var Monat = Datum.getMonth() + 1;
  var Jahr = Datum.getFullYear();
  var Stunden = Datum.getHours();
  var Minuten = Datum.getMinutes();
  var Sekunden = Datum.getSeconds();
  if (Tag < 10){Tag = "0"+Tag;}
  if (Monat < 10){Monat = "0"+Monat;}
  if (Stunden < 10){Stunden = "0"+Stunden;}
  if (Minuten < 10){Minuten = "0"+Minuten;}
  if (Sekunden < 10){Sekunden = "0"+Sekunden;}

  if (document.getElementById('name').value == '')
  {
    document.getElementById('vshead').innerHTML = '#. Anonym am '+Tag+'.'+Monat+'.'+Jahr+' um '+Stunden+':'+Minuten+':'+Sekunden;
  }
  else
  {
    document.getElementById('vshead').innerHTML = '#. '+document.getElementById('name').value+' am '+Tag+'.'+Monat+'.'+Jahr+' um '+Stunden+':'+Minuten+':'+Sekunden;
  }
  var vshpt = "";
  if (document.getElementById('mail').value == ''){vshpt = "<img src='img/symbole/no_mail.gif' width='20' height='20'>";}
  else { vshpt = "<img src='img/symbole/mail.gif' width='20' height='20'>"; }
  if (document.getElementById('hp').value == ''){vshpt = vshpt+" <img src='img/symbole/no_hp.gif' width='20' height='20'>";}
  else { vshpt= vshpt+" <img src='img/symbole/hp.gif' width='20' height='20'>"; }
  
  
  document.getElementById('vshp').innerHTML = vshpt;
  document.getElementById('vstext').innerHTML = HTML;
  document.getElementById('editierbare_Seite').style.display = 'block';
}

function Text_fett()
{
  insert('{fett}','{-fett}');
}


function Text_kursiv()
{
  insert('{kursiv}','{-kursiv}');
}

function Text_unterstrichen()
{
  insert('{unterstrichen}','{-unterstrichen}');
}



function homep()
{
  var Hyperlink = "";
  var Hypername = "";
  Fenster = "";
  Hyperlink = prompt("Adresse eingeben","http://");
  {
    Fenster = ';}';
    //Hypername = prompt("Name des Links?",Hyperlink);
    Hyperlink = '{link='+Hyperlink+Fenster;
    insert(Hyperlink,'{-link}');
  }
}


function E_Mail()
{
  var E_Mail = "";
  E_Mail = prompt("E-Mail Adresse eingeben","");
  E_Mail = "{email="+E_Mail+":}"
  insert(E_Mail,'{-email}');
}

function alles_del()
{
  document.getElementById('HTMLCode').value = "";
}

function jspic(v_pic)
{
  insert('{s'+v_pic+'s}','');
}

//document.write('<form name="formular">');
//document.write('  <tr>');
//document.write('    <td class="td666left">');
var savedtext = document.getElementById('tcomment').value;
savedtext = '<textarea id="HTMLCode" rows="15" cols="45" name="HTMLCode">'+savedtext+'</textarea></td><td class="td666left">';
document.write(savedtext);
document.write('      <br><input class="bt" type="button" id="b" value="b" onclick="javascript:Text_fett();" style="font-weight: bold">');
document.write('      <input class="bt" type="button" id="k" value="k" onclick="javascript:Text_kursiv();"  style="font-style: italic">');
document.write('      <input class="bt" type="button" id="u" value="u" onclick="javascript:Text_unterstrichen();"  style="text-decoration: underline">');
document.write('      <input class="bt" type="button" id="Hyperlink" onclick="javascript:homep();" value="Hyperlink ...">');
document.write('      <input class="bt" type="button" id="E-Mail" onclick="javascript:E_Mail();" value="E-Mail ..."><br>');
document.write('      <img src="img/smilie/1.gif" height="27" width="27" onClick="jspic(1);">');
document.write('      <img src="img/smilie/2.gif" height="27" width="27" onClick="jspic(2);">');
document.write('      <img src="img/smilie/3.gif" height="27" width="27" onClick="jspic(3);">');
document.write('      <img src="img/smilie/4.gif" height="27" width="27" onClick="jspic(4);">');
document.write('      <img src="img/smilie/5.gif" height="27" width="27" onClick="jspic(5);">');
document.write('      <img src="img/smilie/6.gif" height="27" width="27" onClick="jspic(6);">');
document.write('      <img src="img/smilie/7.gif" height="27" width="27" onClick="jspic(7);">');
document.write('      <img src="img/smilie/8.gif" height="27" width="27" onClick="jspic(8);"><br>');
document.write('      <img src="img/smilie/9.gif" height="27" width="27" onClick="jspic(9);">');
document.write('      <img src="img/smilie/10.gif" height="27" width="27" onClick="jspic(10);">');
document.write('      <img src="img/smilie/11.gif" height="27" width="27" onClick="jspic(11);">');
document.write('      <img src="img/smilie/12.gif" height="27" width="27" onClick="jspic(12);">');
document.write('      <img src="img/smilie/13.gif" height="27" width="27" onClick="jspic(13);">');
document.write('      <img src="img/smilie/14.gif" height="27" width="27" onClick="jspic(14);">');
document.write('      <img src="img/smilie/15.gif" height="27" width="27" onClick="jspic(15);">');
document.write('      <img src="img/smilie/16.gif" height="27" width="27" onClick="jspic(16);"><br>');
document.write('      <img src="img/smilie/17.gif" height="27" width="27" onClick="jspic(17);">');
document.write('      <img src="img/smilie/18.gif" height="27" width="27" onClick="jspic(18);">');
document.write('      <img src="img/smilie/19.gif" height="27" width="27" onClick="jspic(19);">');
document.write('      <img src="img/smilie/20.gif" height="27" wAidth="27" onClick="jspic(20);">');
document.write('      <img src="img/smilie/21.gif" height="27" width="27" onClick="jspic(21);">');
document.write('      <img src="img/smilie/22.gif" height="27" width="27" onClick="jspic(22);">');
document.write('      <img src="img/smilie/23.gif" height="27" width="27" onClick="jspic(23);">');
document.write('      <img src="img/smilie/24.gif" height="27" width="27" onClick="jspic(24);"><br>');
document.write('      <img src="img/smilie/25.gif" height="27" width="27" onClick="jspic(25);">');
document.write('      <img src="img/smilie/26.gif" height="27" width="27" onClick="jspic(26);">');
document.write('      <img src="img/smilie/27.gif" height="27" width="27" onClick="jspic(27);">');
document.write('      <img src="img/smilie/28.gif" height="27" width="27" onClick="jspic(28);">');
document.write('      <img src="img/smilie/29.gif" height="27" width="27" onClick="jspic(29);">');
document.write('      <img src="img/smilie/30.gif" height="27" width="27" onClick="jspic(30);">');
document.write('      <img src="img/smilie/31.gif" height="27" width="27" onClick="jspic(31);">');
document.write('      <img src="img/smilie/32.gif" height="27" width="27" onClick="jspic(32);"><br>');
document.write('      <img src="img/smilie/33.gif" height="27" width="27" onClick="jspic(33);">');
document.write('      <img src="img/smilie/34.gif" height="27" width="27" onClick="jspic(34);">');
document.write('      <img src="img/smilie/35.gif" height="27" width="27" onClick="jspic(35);">');
document.write('      <img src="img/smilie/36.gif" height="27" width="27" onClick="jspic(36);">');
document.write('      <img src="img/smilie/37.gif" height="27" width="27" onClick="jspic(37);">');
document.write('      <img src="img/smilie/38.gif" height="27" width="27" onClick="jspic(38);">');
document.write('      <img src="img/smilie/39.gif" height="27" width="27" onClick="jspic(39);">');
document.write('      <img src="img/smilie/40.gif" height="27" width="27" onClick="jspic(40);"><br>');
document.write('      <img src="img/smilie/41.gif" height="27" width="27" onClick="jspic(41);">');
document.write('      <img src="img/smilie/42.gif" height="27" width="27" onClick="jspic(42);">');
document.write('      <img src="img/smilie/43.gif" height="27" width="27" onClick="jspic(43);">');
document.write('      <img src="img/smilie/44.gif" height="27" width="27" onClick="jspic(44);">');
document.write('      <img src="img/smilie/45.gif" height="27" width="27" onClick="jspic(45);">');
document.write('      <img src="img/smilie/46.gif" height="27" width="27" onClick="jspic(46);">');
document.write('      <img src="img/smilie/47.gif" height="27" width="27" onClick="jspic(47);">');
document.write('      <img src="img/smilie/48.gif" height="27" width="27" onClick="jspic(48);"></td></tr>');
document.write('      <tr><td></td><td></td><td class="td666left"><p><input class="bti" type="button" name="Erstellen" id="Erstellen" value="Erstellen" onclick="javascript:jsDo();"> <input class="bt" type="button" id="Aenderungen_uebernehmen" value="Vorschau" onclick="javascript:Seite_editieren()">');
document.write('      <input class="bt" type="button" id="alles_loeschen" value="alles löschen" onclick="javascript:alles_del();"> &nbsp;&nbsp;&nbsp;<font color="#999999">* Pflichtfelder</font></p></td><td></td></tr>');
document.write('      <tr><td></td><td></td><td class="td666left" colspan="2"><br><br>');
document.write('    </td>');
document.write('  </tr>');
document.write('</table></form><br><span id="vstitle" style="display:none;"></span><br><div id="editierbare_Seite" style="display:none;width:550px;margin:auto;border:1px solid #A53A3A;background:#eee;"><div id="vshead" style="padding:2px;padding-left:15px;border-bottom:1px solid #bbb;background:#ddd;font-weight:bold;"></div><div id="vstext" style="padding:15px;border-bottom:1px solid #bbb;"></div><div id="vshp" style="padding:2px;padding-left:15px;background:#F7F7F7;"></div></div><br><br><br>');