/**
* Prepare HTML for output
*
* @return string HTML
*/
function render()
{
// include files
include_once XOOPS_ROOT_PATH . '' . $this->getUrl() . '/include/functions.inc.php';
//include_once getLanguage($this->getUrl());
static $koivi_js_loaded = false;
static $koivi_tabletools_loaded = false;
$url = XOOPS_URL . '' . $this->getUrl();
$skinUrl = $url . '/skins/' . $this->getSkin();
$isie = checkBrowser();
$toggleMode = false;
$themeCss = false;
$colorPalette = false;
$extraDivs = '';
// Not neccessary
/*
// show dhtml textarea for non compatible browsers
if (!checkBrowser(false)) {
$textarea = new XoopsFormDhtmlTextArea($this->getCaption(), $this->getName() , $this->getValue(), 15, 60, '');
return $textarea->render();
}
*/
if (!$koivi_js_loaded) {
$form = '<script language="JavaScript" type="text/javascript" src="' . $url . '/include/js/cntextmenu.js"></script>';
$form .= '<script language="JavaScript" type="text/javascript" src="' . $url . '/include/js/editor.js"></script>';
$form .= '<script language="JavaScript" type="text/javascript" src="' . $url . '/include/js/xhtml.js"></script>';
$koivi_js_loaded = true;
} else {
$form = '';
}
if (in_array('createtable', $this->getOptions()) && $koivi_tabletools_loaded == false) {
$form .= '<script language="JavaScript" type="text/javascript" src="' . $url . '/include/js/table_tools.js"></script>';
$koivi_tabletools_loaded = true;
}
$form .= '<link href="' . $skinUrl . '/' . $this->getSkin() . '.css" rel="Stylesheet" type="text/css" />
<div id="alleditor' . $this->getName() . '" style="width:' . $this->getWidth() . ';border:1px solid silver;">
<div id="toolbar' . $this->getName() . '" class="' . $this->getSkin() . 'toolbarBackCell">';
if (in_array('floating', $this->getOptions())) {
$form .= ' <div class="' . $this->getSkin() . 'editorStatus">
<img alt="" src="' . $skinUrl . '/minimize.gif" onclick="XK_hideToolbar(\'' . $this->getName() . '\',\'' . $skinUrl . '\')" />
<img id="floatButton' . $this->getName() . '" alt="' . _XK_FLOAT . '" title="' . _XK_FLOAT . '" src="' . $skinUrl . '/floating.gif" onclick="XK_floatingToolbar(\'' . $this->getName() . '\',\'' . $this->getSkin() . '\')"/>
<img id="maximizeButton' . $this->getName() . '" alt="' . _XK_FLOAT . '" title="' . _XK_FLOAT . '" src="' . $skinUrl . '/fullscreen.gif" onclick="XK_maximizeEditor(\'' . $this->getName() . '\')"/>
</div>';
}
$form .= '<div id="buttons' . $this->getName() . '" class="' . $this->getSkin() . 'toolBar">';
foreach ($this->getOptions() as $tool) {
switch (strtolower($tool)) {
case "bold":
$form .= '<img alt="' . _XK_BOLD . '" title="' . _XK_BOLD . '" src="' . $skinUrl . '/bold.gif" onmousedown="XK_doTextFormat(\'bold\',\'\',\'' . $this->getName() . '\')" />';
break;
case "cellalign":
$form .= '<img alt="' . _XK_CELLALIGN . '" title="' . _XK_CELLALIGN . '" src="' . $skinUrl . '/cellalign.gif"/>';
$form .= '<img alt="' . _XK_CELLALIGN . '" title="' . _XK_CELLALIGN . '" id="cellpropbutton' . $this->getName() . '" src="' . $skinUrl . '/popup.gif" onclick="XK_useTableDivs(\'' . $this->getName() . '\',\'align\')"/>';
$extraDivs .= $this->_renderCellAlign();
break;
case "cellborders":
$form .= '<img alt="' . _XK_CELLPROPS . '" title="' . _XK_CELLPROPS . '" src="' . $skinUrl . '/cellborders.gif" onmousedown="XK_TTools(\'' . $this->getName() . '\',\'' . $url . '/dialogs.php?id=' . $this->getName() . '&dialog=cellProps&skin=' . $this->getSkin() . '&url=' . $this->getUrl() . '\',\'table\',400,260)"/>';
$form .= '<img alt="' . _XK_CELLALIGN . '" title="' . _XK_CELLALIGN . '" id="cbbutton' . $this->getName() . '" src="' . $skinUrl . '/popup.gif" onclick="XK_useTableDivs(\'' . $this->getName() . '\',\'borders\')"/>';
$extraDivs .= $this->_renderCellBorders();
break;
case "cellcolor":
$form .= '<img alt="' . _XK_FORECOLOR . '" id="cellcolor' . $this->getName() . '" title="' . _XK_FORECOLOR . '" src="' . $skinUrl . '/cellcolor.gif" onclick="XK_color(\'' . $this->getName() . '\',\'cellcolor\',\'cellcolor\')"/>';
$colorPalette = true;
break;
case "code":
$form .= '<img alt="' . _XK_CODE . '" title="' . _XK_CODE . '" src="' . $skinUrl . '/code.gif" onmousedown="XK_doTextFormat(\'Code\',\'\',\'' . $this->getName() . '\')"/>';
break;
case "copy":
$form .= '<img alt="' . _XK_COPY . '" title="' . _XK_COPY . '" src="' . $skinUrl . '/' . $tool . '.gif" onmousedown="XK_doTextFormat(\'copy\',\'\',\'' . $this->getName() . '\')"/>';
break;
case "createlink":
$form .= '<img alt="' . _XK_CREATELINK . '" title="' . _XK_CREATELINK . '" src="' . $skinUrl . '/' . $tool . '.gif" onmousedown="XK_doTextFormat(\'createlink\',\'\',\'' . $this->getName() . '\')"/>';
break;
case "createtable":
$form .= '<img alt="' . _XK_INSERTTABLE . '" title="' . _XK_INSERTTABLE . '" src="' . $skinUrl . '/' . $tool . '.gif" onmousedown="XK_openPopup(\'' . $url . '/dialogs.php?id=' . $this->getName() . '&dialog=table&url=' . $this->getUrl() . '\',\'table\',400,290)"/>';
$form .= '<img alt="' . _XK_CREATEQUICKTABLE . '" id="tablebutton' . $this->getName() . '" title="' . _XK_CREATEQUICKTABLE . '" src="' . $skinUrl . '/popup.gif" onclick="XK_showHideDiv(\'' . $this->getName() . '\',\'tablebutton\',\'tablepicker\')"/>';
$extraDivs .= $this->_renderQuickTable();
break;
case "cut":
$form .= '<img alt="' . _XK_CUT . '" title="' . _XK_CUT . '" src="' . $skinUrl . '/' . $tool . '.gif" onmousedown="XK_doTextFormat(\'cut\',\'\',\'' . $this->getName() . '\')"/>';
break;
case "fontname":
$form .= '<select id="fontname' . $this->getName() . '" class="' . $this->getSkin() . 'selectInput" onchange="XK_doTextFormat(\'fontname\',this.options[this.selectedIndex].value,\'' . $this->getName() . '\')"><option value="">' . _XK_FONT . '</option>';
foreach ($this->getFonts() as $fontname => $font) {
$form .= '<option value="' . $font . '">' . $fontname . '</option>';
}
$form .= '</select>';
break;
case "fontsize":
$form .= '
<select id="fontsize' . $this->getName() . '" class="' . $this->getSkin() . 'selectInput" onchange="XK_doTextFormat(\'fontsize\',this.options[this.selectedIndex].value,\'' . $this->getName() . '\')"">
<option value="">' . _XK_FONT_SIZE . '</option>
<option value="-2">' . _XK_FONT_XSMALL . '</option>
<option value="-1">' . _XK_FONT_SMALL . '</option>
<option value="+0">' . _XK_FONT_MEDIUM . '</option>
<option value="+1">' . _XK_FONT_LARGE . '</option>
<option value="+2">' . _XK_FONT_XLARGE . '</option>
<option value="+4">' . _XK_FONT_XXLARGE . '</option>
</select>';
break;
case "forecolor":
$form .= '<img alt="' . _XK_FORECOLOR . '" id="forecolor' . $this->getName() . '" title="' . _XK_FORECOLOR . '" src="' . $skinUrl . '/forecolor.gif" onclick="XK_color(\'' . $this->getName() . '\',\'forecolor\',\'forecolor\')"/>';
$colorPalette = true;
break;
case "formatblock":
$form .= '
<select id="formatblock' . $this->getName() . '" class="' . $this->getSkin() . 'selectInput" onchange="XK_doTextFormat(\'formatblock\',this.options[this.selectedIndex].value,\'' . $this->getName() . '\')">
<option value="">' . _XK_FONT_FORMAT . '</option>
<option value="<p>">' . _XK_FONT_NONE . '</option>
<option value="<h1>">' . _XK_FONT_HEADING1 . '</option>
<option value="<h2>">' . _XK_FONT_HEADING2 . '</option>
<option value="<h3>">' . _XK_FONT_HEADING3 . '</option>
<option value="<h4>">' . _XK_FONT_HEADING4 . '</option>
<option value="<h5>">' . _XK_FONT_HEADING5 . '</option>
<option value="<h6>">' . _XK_FONT_HEADING6 . '</option>
<option value="<p>">' . _XK_FONT_PARAGRAPH . '</option>
<option value="<pre>">' . _XK_FONT_FORMATTED . '</option>
<option value="<address>">' . _XK_FONT_ADDRESS . '</option>
</select>';
break;
case "hilitecolor":
$form .= '<img alt="' . _XK_HILITECOLOR . '" id="hilitecolor' . $this->getName() . '" title="' . _XK_HILITECOLOR . '" src="' . $skinUrl . '/hilitecolor.gif" onclick="XK_color(\'' . $this->getName() . '\',\'hilitecolor\',\'hilitecolor\')"/>';
$colorPalette = true;
break;
case "imagemanager":
$form .= '<img alt="' . _XK_INSERTIMAGEM . '" title="' . _XK_INSERTIMAGEM . '" onmouseover="style.cursor=\'hand\'" onmousedown="javascript:openWithSelfMain(\'' . XOOPS_URL . '/imagemanager.php?target=' . $this->getName() . '&wysiwyg=1\',\'imgmanager\',400,430);" src="' . $skinUrl . '/imagemanager.gif"/>';
break;
case "imageproperties":
$form .= '<img alt="' . _XK_EDITIMAGE . '" title="' . _XK_EDITIMAGE . '" src="' . $skinUrl . '/imageprops.gif" onmousedown="XK_openPopup(\'' . $url . '/dialogs.php?id=' . $this->getName() . '&dialog=imageProps&url=' . $this->getUrl() . '&skin=' . $this->getSkin() . '\',\'table\',400,260)"/>';
break;
case "indent":
$form .= '<img alt="' . _XK_INDENT . '" title="' . _XK_INDENT . '" src="' . $skinUrl . '/' . $tool . '.gif" onmousedown="XK_doTextFormat(\'indent\',\'\',\'' . $this->getName() . '\')"/>';
break;
case "inserthorizontalrule":
$form .= '<img alt="' . _XK_INSERTHORIZONTALRULE . '" title="' . _XK_INSERTHORIZONTALRULE . '" src="' . $skinUrl . '/' . $tool . '.gif" onmousedown="XK_doTextFormat(\'inserthorizontalrule\',\'\',\'' . $this->getName() . '\')"/>';
break;
case 'insertanchor':
$form .= '<img alt="' . _XK_INSERTANCHOR . '" title="' . _XK_INSERTANCHOR . '" src="' . $skinUrl . '/insertanchor.gif" onmousedown="XK_insertAnchor(\'' . $this->getName() . '\')"/>';
break;
case "insertdate":
$form .= '<img alt="' . _XK_INSERTDATE . '" title="' . _XK_INSERTDATE . '" src="' . $skinUrl . '/insertdate.gif" onmousedown="XK_insertDate(\'' . $this->getName() . '\')"/>';
break;
case "insertimage":
$form .= '<img alt="' . _XK_INSERTIMAGE . '" title="' . _XK_INSERTIMAGE . '" src="' . $skinUrl . '/insertimage.gif" onmousedown="XK_doTextFormat(\'insertimage\',\'\',\'' . $this->getName() . '\')"/>';
break;
case "insertorderedlist":
$form .= '<img alt="' . _XK_INSERTORDEREDLIST . '" title="' . _XK_INSERTORDEREDLIST . '" src="' . $skinUrl . '/' . $tool . '.gif" onmousedown="XK_doTextFormat(\'insertorderedlist\',\'\',\'' . $this->getName() . '\')"/>';
break;
case "insertunorderedlist":
$form .= '<img alt="' . _XK_INSERTUNORDEREDLIST . '" title="' . _XK_INSERTUNORDEREDLIST . '" src="' . $skinUrl . '/' . $tool . '.gif" onmousedown="XK_doTextFormat(\'insertunorderedlist\',\'\',\'' . $this->getName() . '\')"/>';
break;
case "insertsymbols":
$form .= $this->_renderInsertSymbols();
break;
case "italic":
$form .= '<img alt="' . _XK_ITALIC . '" title="' . _XK_ITALIC . '" src="' . $skinUrl . '/italic.gif" onmousedown="XK_doTextFormat(\'italic\',\'\',\'' . $this->getName() . '\')"/>';
break;
case "justifycenter":
$form .= '<img alt="' . _XK_JUSTIFYCENTER . '" title="' . _XK_JUSTIFYCENTER . '" src="' . $skinUrl . '/justifycenter.gif" onmousedown="XK_doTextFormat(\'justifycenter\',\'\',\'' . $this->getName() . '\')"/>';
break;
case "justifyfull":
$form .= '<img alt="' . _XK_JUSTIFYFULL . '" title="' . _XK_JUSTIFYFULL . '" src="' . $skinUrl . '/justifyfull.gif" onmousedown="XK_doTextFormat(\'justifyfull\',\'\',\'' . $this->getName() . '\')"/>';
break;
case "justifyleft":
$form .= '<img alt="' . _XK_JUSTIFYLEFT . '" title="' . _XK_JUSTIFYLEFT . '" src="' . $skinUrl . '/justifyleft.gif" onmousedown="XK_doTextFormat(\'justifyleft\',\'\',\'' . $this->getName() . '\')"/>';
break;
case "justifyright":
$form .= '<img alt="' . _XK_JUSTIFYRIGHT . '" title="' . _XK_JUSTIFYRIGHT . '" src="' . $skinUrl . '/justifyright.gif" onmousedown="XK_doTextFormat(\'justifyright\',\'\',\'' . $this->getName() . '\')"/>';
break;
case "ltr":
$form .= '<img alt="' . _XK_LEFTTORIGHT . '" title="' . _XK_LEFTTORIGHT . '" src="' . $skinUrl . '/ltr.gif" onmousedown="XK_textDirection(\'ltr\',\'' . $this->getName() . '\')"/>';
break;
case "newline":
$form .= '<br />';
break;
case 'newparagraph':
if ($isie) {
$form .= '<input class="' . $this->getSkin() . 'checkbox" type="checkbox" alt="' . _XK_NEWPARAGRAPH . '" title="' . _XK_NEWPARAGRAPH . '" id="ptagenabled' . $this->getName() . '" onclick="XK_destroyPTag(\'' . $this->getName() . '\')">';
}
break;
case "outdent":
$form .= '<img alt="' . _XK_OUTDENT . '" title="' . _XK_OUTDENT . '" src="' . $skinUrl . '/' . $tool . '.gif" onmousedown="XK_doTextFormat(\'outdent\',\'\',\'' . $this->getName() . '\')"/>';
break;
case "paste":
$form .= '<img alt="' . _XK_PASTE . '" title="' . _XK_PASTE . '" src="' . $skinUrl . '/' . $tool . '.gif" onmousedown="XK_doTextFormat(\'paste\',null,\'' . $this->getName() . '\')"/>';
break;
case "pastespecial":
$form .= '<img alt="' . _XK_PASTESPECIAL . '" title="' . _XK_PASTESPECIAL . '" src="' . $skinUrl . '/' . $tool . '.gif" onmousedown="document.getElementById(\'iframe' . $this->getName() . '\').contentWindow.focus();openWithSelfMain(\'' . $url . '/dialogs.php?id=' . $this->getName() . '&skin=' . $this->getSkin() . '&dialog=pastespecial&url=' . $this->getUrl() . '\',\'pastespecial\',350,280);"/>';
break;
case 'print':
$form .= '<img alt="' . _XK_PRINT . '" title="' . _XK_PRINT . '" src="' . $skinUrl . '/print.gif" onmousedown="XK_print(\'' . $this->getName() . '\')"/>';
break;
case "quote":
$form .= '<img alt="' . _XK_QUOTE . '" title="' . _XK_QUOTE . '" src="' . $skinUrl . '/quote.gif" onmousedown="XK_doTextFormat(\'Quote\',\'\',\'' . $this->getName() . '\')"/>';
break;
case "redo":
$form .= '<img alt="' . _XK_REDO . '" title="' . _XK_REDO . '" src="' . $skinUrl . '/' . $tool . '.gif" onmousedown="XK_doTextFormat(\'redo\',\'\',\'' . $this->getName() . '\')"/>';
break;
case "rtl":
$form .= '<img alt="' . _XK_RIGHTTOLEFT . '" title="' . _XK_RIGHTTOLEFT . '" src="' . $skinUrl . '/rtl.gif" onmousedown="XK_textDirection(\'rtl\',\'' . $this->getName() . '\')"/>';
break;
case "separator":
$form .= '<img alt="|" src="' . $skinUrl . '/separator.gif"/>';
break;
case 'spellcheck':
$form .= '<img alt="' . _XK_SPELLCHECK . '" title="' . _XK_SPELLCHECK . '" src="' . $skinUrl . '/spellcheck.gif" onmousedown="XK_checkspell()"/>';
break;
case "strikethrough":
$form .= '<img alt="' . _XK_STRIKETHROUGH . '" title="' . _XK_STRIKETHROUGH . '" src="' . $skinUrl . '/strikethrough.gif" onmousedown="XK_doTextFormat(\'strikethrough\',\'\',\'' . $this->getName() . '\')"/>';
break;
case "subscript":
$form .= '<img alt="' . _XK_SUBSCRIPT . '" title="' . _XK_SUBSCRIPT . '" src="' . $skinUrl . '/' . $tool . '.gif" onmousedown="XK_doTextFormat(\'subscript\',\'\',\'' . $this->getName() . '\')"/>';
break;
case "superscript":
$form .= '<img alt="' . _XK_SUPERSCRIPT . '" title="' . _XK_SUPERSCRIPT . '" src="' . $skinUrl . '/' . $tool . '.gif" onmousedown="XK_doTextFormat(\'superscript\',\'\',\'' . $this->getName() . '\')"/>';
break;
case "removeformat":
$form .= '<img alt="' . _XK_REMOVEFORMAT . '" title="' . _XK_REMOVEFORMAT . '" src="' . $skinUrl . '/' . $tool . '.gif" onmousedown="XK_doTextFormat(\'removeformat\',\'\',\'' . $this->getName() . '\')"/>';
$form .= '<img alt="' . _XK_REMOVE_DESC . '" title="' . _XK_REMOVE_DESC . '" id="rformatbutton' . $this->getName() . '" src="' . $skinUrl . '/popup.gif" onclick="XK_showHideDiv(\'' . $this->getName() . '\',\'rformatbutton\',\'RemoveFormat\')"/>';
$extraDivs .= $this->_renderCleanFormats();
break;
case "themecss":
$themeCss = true;
break;
case "tableprops":
$form .= '<img alt="' . _XK_TABLEPROPS . '" title="' . _XK_TABLEPROPS . '" src="' . $skinUrl . '/tableprops.gif" onmousedown="XK_TTools(\'' . $this->getName() . '\',\'' . $url . '/dialogs.php?id=' . $this->getName() . '&dialog=tableProps&skin=' . $this->getSkin() . '&url=' . $this->getUrl() . '\',\'table\',400,260)"/>';
$form .= '<img alt="' . _XK_TABLETOOLS . '" title="' . _XK_TABLETOOLS . '" id="tpropbutton' . $this->getName() . '" src="' . $skinUrl . '/popup.gif" onclick="XK_useTableOps(\'TableOps\',\'' . $this->getName() . '\')"/>';
$extraDivs .= $this->_renderTableProps();
break;
case "toggleborders":
$form .= '<img alt="' . _XK_TABLEBORDERS_TOGGLE . '" title="' . _XK_TABLEBORDERS_TOGGLE . '" src="' . $skinUrl . '/toggletableborders.gif" onmousedown="XK_toggleBorders(\'' . $this->getName() . '\',\'document.body\')"/>';
break;
case "togglemode":
$toggleMode = true;
break;
case "underline":
$form .= '<img alt="' . _XK_UNDERLINE . '" title="' . _XK_UNDERLINE . '" src="' . $skinUrl . '/underline.gif" onmousedown="XK_doTextFormat(\'underline\',\'\',\'' . $this->getName() . '\')"/>';
break;
case "undo":
$form .= '<img alt="' . _XK_UNDO . '" title="' . _XK_UNDO . '" src="' . $skinUrl . '/' . $tool . '.gif" onmousedown="XK_doTextFormat(\'undo\',\'\',\'' . $this->getName() . '\')"/>';
break;
case "unlink":
$form .= '<img alt="' . _XK_UNLINK . '" title="' . _XK_UNLINK . '" src="' . $skinUrl . '/' . $tool . '.gif" onmousedown="XK_doTextFormat(\'unlink\',\'\',\'' . $this->getName() . '\')"/>';
break;
default:
break;
}
}
$form .= '</div></div>
<iframe class="' . $this->getSkin() . 'wIframe" id="iframe' . $this->getName() . '"style="height:' . $this->getHeight() . ';" frameBorder="0"></iframe>
<textarea wrap=soft id="' . $this->getName() . '" name="' . $this->getName() . '" rows="1" cols="1" style="display:none; width:' . $this->getWidth() . '; height:' . $this->getHeight() . '">' . $this->getValue() . '</textarea>
<div class="' . $this->getSkin() . 'statusBar">
<div class="' . $this->getSkin() . 'smileysBar">' . $this->_renderWysiwygSmileys() . '</div>';
$form .= '<div class="' . $this->getSkin() . 'htmlBar">';
if ($toggleMode) {
$form .= '<div class="' . $this->getSkin() . 'htmlBar"><input type="checkbox" alt="' . _XK_TOGLE_MODE . '" title="' . _XK_TOGLE_MODE . '" onclick="XK_doToggleView(\'' . $this->getName() . '\')" />HTML</div>';
}
if ($themeCss) {
$form .= '<div class="' . $this->getSkin() . 'htmlBar"><input type="checkbox" alt="' . _XK_ENABLECSS_MODE . '" title="' . _XK_ENABLECSS_MODE . '" id="cssEnabled' . $this->getName() . '" onclick="XK_appendXoopsCss(\'' . $this->getName() . '\',\'' . $this->getThemeCSS() . '\')" />CSS </div>';
}
$form .= '</div>';
$form .= '</div>';
// Render additional DIV'S
if ($colorPalette) {
include_once XOOPS_ROOT_PATH . '' . $this->getUrl() . '/class/colorpalette.class.php';
$palette = new WysiwygColorPalette('XK_applyColor', $this->getName(), $url, $this->getSkin());
$extraDivs .= $palette->_renderColorPalette();
}
$extraDivs .= $this->_renderContextMenu();
$form .= $extraDivs;
$form .= '<input type="hidden" value="off" id="borderstoggle' . $this->getName() . '"/>';
$form .= '<img alt="" width="0" height="0" src="' . $url . '/skins/common/blank.gif" onload="XK_init(\'' . $this->getName() . '\',\'' . $isie . '\',\'' . $url . '\',\'' . $this->getDirection() . '\')"/>';
$form .= '</div>';
return $form;
}
include_once XOOPS_ROOT_PATH . '' . $url . "/class/colorpalette.class.php";
include_once XOOPS_ROOT_PATH . '' . $url . "/class/borderfieldset.class.php";
echo ' <title>' . _XK_IMAGEPROPS . '</title>
<link href="' . XOOPS_URL . '' . $url . '/skins/' . $skin . '/' . $skin . '.css" rel="stylesheet" type="text/css" />
</head>';
echo '<body scroll=no class="' . $skin . 'PropsBody" onload="initImageProps(\'' . $id . '\')" >';
$units = '<option value="px">px</option>
<option value="em">em</option>
<option value="ex">ex</option>
<option value="cm" >cm</option>
<option value="mm">mm</option>
<option value="pc">pc</option>
<option value="in">in</option>
<option value="pt">pt</option>';
$borders = new WysiwygBorderFieldset($url, $skin, 'imagePreview()');
$palette = new WysiwygColorPalette('XK_ImgPrev', '', XOOPS_URL . '/' . $url, $skin);
$palette->display();
echo '<form name="form1" method="post" action="">';
echo '
<div class="' . $skin . 'selectedTab" onclick="SelectTab(this,\'a\',\'' . $skin . '\');">' . _XK_OTHERS . '</div>
<div class="' . $skin . 'notSelectedTab" onclick="SelectTab(this,\'b\',\'' . $skin . '\');">' . _XK_BORDERS . '</div>
<div class="' . $skin . 'notSelectedTab" onclick="SelectTab(this,\'c\',\'' . $skin . '\');">' . _XK_MARGINS . '</div>
<div class="' . $skin . 'notSelectedTab" onclick="SelectTab(this,\'d\',\'' . $skin . '\');imagePreview();">' . _XK_PREVIEW . '</div>';
echo '
<div class="' . $skin . 'downTabContainer">
<div class="' . $skin . 'divTabContent" id="a">
<table border="0" cellspacing="0" cellpadding="2">
<tr>
<td>' . _XK_IMAGEALIGN . '</td>
<td><select class="' . $skin . 'Input" id="align" >
