HTML_savebutton = function(fckt) {
  if (!fckt) {
    alert('no Name given ...');
    return false;
  }
  var html = '';
  html += '<div class="savebutton">';
  html += '<input type="button" value="save" onclick="save_' + fckt + '();">';
  html += '</div>'
  html += '<div style="clear:both; visibility:hide; height: 1px;"></div>';
  return html;
}

HTML_dlgframe = function(fckt) {
  var html = '';
  html += '<div id="' + fckt + 'dlg" class="toolsdlg">';
//  html += '<div id="' + fckt + '-title" class="dlgtitle"><span class="closebtn" onclick="toogle_dlg();">close</span>' + fckt + '</div>';
  html += '<div id="' + fckt + '-form" class="dlgform">';
  html += '</div>';
  html += '</div>';
  return html;
}

HTML_units_select = function(box) {
  var html = '';
  html += '<select id="unit' + box + '" name="unit' + box + '" class="unitsbox">';
  html += '<option value="px">px</option>';
  html += '<option value="pt">pt</option>';
  html += '<option value="em">em</option>';
  html += '<option value="percent">%</option>';
  html += '</select>';
  return html;
}

HTML_float_select = function() {
  var html = '';
  html += '<select id="float" name="float" class="floatbox">';
  html += '<option value=""></option>';
  html += '<option value="left">left</option>';
  html += '<option value="right">right</option>';
  html += '<option value="none">none</option>';
  html += '</select>';
  return html;
}

HTML_position_select = function(box) {
  var html = '';
  html += '<select id="' + box + '" name="' + box + '" class="positionbox">';
  html += '<option value=""></option>';
  html += '<option value="static">static</option>';
  html += '<option value="relative">relative</option>';
  html += '<option value="absolute">absolute</option>';
  html += '<option value="fixed">fixed</option>';
  html += '</select>';
  return html;
}

HTML_borderstyles = function(align) {
  var html = '';
  html += '<select id="bs' + align + '" name="bs' + align + '" class="borderstyle">';
  html += '<option value=""></option>';
  html += '<option value="none">none</option>';
  html += '<option value="dotted">dotted</option>';
  html += '<option value="dashed">dashed</option>';
  html += '<option value="solid">solid</option>';
  html += '<option value="double">double</option>';
  html += '<option value="groove">groove</option>';
  html += '<option value="ridge">ridge</option>';
  html += '<option value="inset">inset</option>';
  html += '<option value="outset">outset</option>';
  html += '<option value="hidden">hidden</option>';
  html += '</select>';
  return html;
}

HTML_bordersline = function(title) {
  var html = '';
  html += '<tr>';
  html += '<td align=right>' + title + ':</td>';
  html += '<td><input class="sizeinput" type="text" id="bw' + title.toLowerCase() + '" name="bw' + title.toLowerCase() + '" value="" size="3"></td><td>' + HTML_units_select('bw' + title.toLowerCase()) + '</td>';
  html += '<td>';
  html += HTML_borderstyles(title.toLowerCase());
  html += '</td>';
  html += '<td><input class="colorinput" type="text" id="bc' + title.toLowerCase() + '" name="bc' + title.toLowerCase() + '" value="" size="5" onclick="colpicker(this);"></td>';
  html += '</tr>';
  return html;
}