function create_bbbox(target, name, width, height) {
    var srcCode = "<div class='bbcode_bar'><b>Kommentar erstellen</b>&nbsp;&nbsp;</div>";
    
    srcCode += "<div class=\"bbcode_body\"><div class=\"float_left left\"><textarea id=\""+name+"\" name=\""+name+"\" rows=\""+height+"\" cols=\""+width+"\"></textarea><br /><input type=\"submit\" class=\"bb_submit\" name=\"add_"+name+"\" /></div><div class=\"bbcode_body float_right\">";
    srcCode += "<a href=\"javascript:add_bbcode('"+name+"', '[b]', '[/b]');\" class=\"bbcode_button\"><img src='images/buttons/bb_bold.gif' name='"+name+"_bold' hspace='0' border='0' /></a>";
    srcCode += "<a href=\"javascript:add_bbcode('"+name+"', '[u]', '[/u]');\" class=\"bbcode_button\"><img src='images/buttons/bb_uline.gif' name='"+name+"_uline' hspace='0' border='0' /></a>";
    srcCode += "<a href=\"javascript:add_bbcode('"+name+"', '[i]', '[/i]');\" class=\"bbcode_button\"><img src='images/buttons/bb_itali.gif' name='"+name+"_em' hspace='0' border='0' /></a>";
    srcCode += "<a href=\"javascript:add_bbcode('"+name+"', '[url]', '[/url]');\" class=\"bbcode_button\"><img src='images/buttons/bb_url.gif' name='"+name+"_url' hspace='0' border='0' /></a>";
    srcCode += "<a href=\"javascript:add_bbcode('"+name+"', '[quote]', '[/quote]');\" class=\"bbcode_button\"><img src='images/buttons/bb_quote.gif' name='"+name+"_quote' hspace='0' border='0' /></a>";
    srcCode += "<a href=\"javascript:add_bbcode('"+name+"', '[img]', '[/img]');\" class=\"bbcode_button\"><img src='images/buttons/bb_image.gif' name='"+name+"_img' hspace='0' border='0' /></a>";
    
    srcCode += "<br />";
    srcCode += "<select name=\"bb_color\" onchange=\"if (this.selectedIndex > 0) {add_bbcode_value('"+name+"', this.options[this.selectedIndex].value, 'color'); this.selectedIndex = 0;}\"><option>- Farbe -</option><option>aqua</option><option>black</option><option>blue</option><option>fuchsia</option><option>gray</option><option>green</option><option>lime</option><option>maroon</option><option>navy</option><option>olive</option><option>purple</option><option>red</option><option>silver</option><option>teal</option><option>white</option><option>yellow</option></select>";
    
    srcCode += "<br />";
    srcCode += "<select name=\"bb_fontsize\" onchange=\"if (this.selectedIndex > 0) {add_bbcode_value('"+name+"', this.options[this.selectedIndex].value, 'size'); this.selectedIndex = 0;}\"><option>- Größe -</option><option>tiny</option><option>small</option><option>medium</option><option>large</option><option>huge</option></select>";
    
    srcCode += "</div><div class=\"clear_all\"></div></div>";    
    
    document.getElementById(target).innerHTML = srcCode;
  }
  
  function create_simple_bbbox(target, name, title, content, width, height) {
    var srcCode = "";
    if (title != "") {
      srcCode = "<div class='bbcode_bar'><b>"+title+"</b>&nbsp;&nbsp;</div>";
    }
    
    srcCode += "<div class=\"bbcode_body\"><div class=\"left\"><textarea id=\""+name+"\" class=\""+name+"\" name=\""+target+"\" rows=\""+height+"\" cols=\""+width+"\">"+content+"</textarea><br /></div><div class=\"bbcode_options\"><div class=\"bb_functions\">";
    srcCode += "<a href=\"javascript:add_bbcode('"+name+"', '[b]', '[/b]');\" class=\"bbcode_button\"><img src='"+main_url+"images/buttons/bb_bold.gif' name='"+name+"_bold' hspace='0' border='0' /></a>";
    srcCode += "<a href=\"javascript:add_bbcode('"+name+"', '[u]', '[/u]');\" class=\"bbcode_button\"><img src='"+main_url+"images/buttons/bb_uline.gif' name='"+name+"_uline' hspace='0' border='0' /></a>";
    srcCode += "<a href=\"javascript:add_bbcode('"+name+"', '[i]', '[/i]');\" class=\"bbcode_button\"><img src='"+main_url+"images/buttons/bb_itali.gif' name='"+name+"_em' hspace='0' border='0' /></a>";
    srcCode += "<a href=\"javascript:add_bbcode('"+name+"', '[url]', '[/url]');\" class=\"bbcode_button\"><img src='"+main_url+"images/buttons/bb_url.gif' name='"+name+"_url' hspace='0' border='0' /></a>";
    srcCode += "<a href=\"javascript:add_bbcode('"+name+"', '[quote]', '[/quote]');\" class=\"bbcode_button\"><img src='"+main_url+"images/buttons/bb_quote.gif' name='"+name+"_quote' hspace='0' border='0' /></a>";
    srcCode += "<a href=\"javascript:add_bbcode('"+name+"', '[img]', '[/img]');\" class=\"bbcode_button\"><img src='"+main_url+"images/buttons/bb_image.gif' name='"+name+"_img' hspace='0' border='0' /></a></div>";
    srcCode += "<select name=\"bb_color\" class=\"bb_color\" onchange=\"if (this.selectedIndex > 0) {add_bbcode_value('"+name+"', this.options[this.selectedIndex].value, 'color'); this.selectedIndex = 0;}\"><option>- Farbe -</option><option>aqua</option><option>black</option><option>blue</option><option>fuchsia</option><option>gray</option><option>green</option><option>lime</option><option>maroon</option><option>navy</option><option>olive</option><option>purple</option><option>red</option><option>silver</option><option>teal</option><option>white</option><option>yellow</option></select>";
    srcCode += "<select name=\"bb_fontsize\" class=\"bb_fontsize\" onchange=\"if (this.selectedIndex > 0) {add_bbcode_value('"+name+"', this.options[this.selectedIndex].value, 'size'); this.selectedIndex = 0;}\"><option>- Größe -</option><option>tiny</option><option>small</option><option>medium</option><option>large</option><option>huge</option></select>";
    
    srcCode += "</div><div class=\"clear_all\"></div></div>";    
    
    document.getElementById(target).innerHTML = srcCode;
  }
  
  function add_bbcode(text_name, starttag, endtag) {
    if (!add_tags_selected(text_name, starttag, endtag)) {
      // add tags at current position or end
      document.getElementById(text_name).value = document.getElementById(text_name).value + starttag + endtag;
    }
  }
  
  function add_bbcode_value(text_name, value, tag) {
    add_bbcode(text_name, "["+tag+"="+value+"]", "[/"+tag+"]");
  }
  
  function add_tags_selected(text_name, starttag, endtag) {
    var input = document.getElementById(text_name);
    input.focus();
    if (typeof document.selection != 'undefined') {
      var range = document.selection.createRange();
      var insText = range.text;
      range.text = starttag + insText + endtag;
      range = document.selection.createRange();
      if (insText.length == 0) { range.move('character', -endtag.length); }
      else { range.moveStart('character', starttag.length + insText.length + endtag.length); }
      range.select();
    } else if (typeof input.selectionStart != 'undefined') {
      var start = input.selectionStart;
      var end = input.selectionEnd;
      var insText = input.value.substring(start, end);
      input.value = input.value.substr(0, start) + starttag + insText + endtag + input.value.substr(end);
      var pos;
      if (insText.length == 0) {
        pos = start + starttag.length;
      } else {
        pos = start + starttag.length + insText.length + endtag.length;
      }
      input.selectionStart = pos;
      input.selectionEnd = pos;
    } else {
      return false;
    }
    return true;
  }