<div id="{vb:raw editorid}" class="blockrow texteditor">

	{vb:raw vBeditTemplate.clientscript}

	<div class="editor">
		<div class="editor_controls floatcontainer" id="{vb:raw editorid}_controls">
			<ul class="right">
				<li>
					<div>
						<div><img src="{vb:stylevar imgdir_editor}/resize_0.gif" class="imagebutton" id="{vb:raw editorid}_cmd_resize_0_100" width="21" height="9" alt="{vb:rawphrase decrease_size}" /></div>
						<div><img src="{vb:stylevar imgdir_editor}/resize_1.gif" class="imagebutton" id="{vb:raw editorid}_cmd_resize_1_100" width="21" height="9" alt="{vb:rawphrase increase_size}" /></div>
					</div>
					<vb:if condition="$show['wysiwyg_compatible']"><img src="{vb:stylevar imgdir_editor}/switchmode.png" class="imagebutton" id="{vb:raw editorid}_cmd_switchmode" width="20" height="20" alt="{vb:rawphrase switch_editor_mode}" /></vb:if>
				</li>
			</ul>
			<ul>
				<li>
					<img src="{vb:stylevar imgdir_editor}/removeformat.png" class="imagebutton" id="{vb:raw editorid}_cmd_removeformat" width="20" height="20" alt="{vb:rawphrase remove_text_formatting}" />
				</li>
				<vb:if condition="$show['font_bbcode']">
				<li class="popupmenu menubutton fonts nomouseover nohovermenu editormenu" id="{vb:raw editorid}_popup_fontname">
					<div class="popupctrl"><div id="{vb:raw editorid}_fontfield">{vb:rawphrase fonts}</div></div>
					<ul class="editorpopupbody popupbody popuphover">
						<li style="display:none">&nbsp;</li>
						{vb:raw fontnames}
					</ul>
				</li>
				</vb:if>
				<vb:if condition="$show['size_bbcode']">
				<li class="popupmenu menubutton sizes nomouseover nohovermenu editormenu" id="{vb:raw editorid}_popup_fontsize">
					<div class="popupctrl"><div id="{vb:raw editorid}_sizefield">{vb:rawphrase sizes}</div></div>
					<ul class="editorpopupbody popupbody popuphover">
						<li style="display:none">&nbsp;</li>
						{vb:raw fontsizes}
					</ul>
				</li>
				</vb:if>
				<vb:if condition="$show['color_bbcode']">
				<li class="popupmenu menubutton colors imagemenu nomouseover nohovermenu editormenu" id="{vb:raw editorid}_popup_forecolor" style="position:relative">
					<img src="{vb:raw vboptions.cleargifurl}" class="vbedit_colorbar" id="{vb:raw editorid}_color_bar" alt="" width="21" height="4" />
					<div class="popupctrl" id="{vb:raw editorid}_colorfield"><img src="{vb:stylevar imgdir_editor}/color.png" class="vbedit_colorbutton" width="21" height="16" alt="" /></div>
					<ul id="colorrow" class="editorpopupbody popupbody popuphover">
						{vb:raw colors}
					</ul>
				</li>
				</vb:if>
				<vb:if condition="$show['wysiwygsmilies']">
				<li class="popupmenu menubutton smilies imagemenu nomouseover nohovermenu editormenu" id="{vb:raw editorid}_popup_smilie">
					<div class="popupctrl"><img src="{vb:stylevar imgdir_editor}/smilie.png" alt="{vb:rawphrase smilies}" width="20" height="20" /></div>
					<ul class="editorpopupbody popupbody popuphover">
						<li style="display:none">&nbsp;</li>
						{vb:raw smiliepopup}
						<vb:if condition="$show['moresmilies']"><li class="category" id="moresmilies"><div>{vb:rawphrase show_all_smilies}</div></li></vb:if>
					</ul>
				</li>
				</vb:if>
				<vb:if condition="$show['attach']">
				<li class="popupmenu menubutton attach imagemenu nomouseover nohovermenu editormenu" id="{vb:raw editorid}_popup_attach">
					<div class="popupctrl"><img src="{vb:stylevar imgdir_editor}/attach.png" alt="{vb:rawphrase attachments}" width="20" height="20" /></div>
					<ul id="attachlist" class="editorpopupbody popupbody popuphover noempty">
						<li class="noempty" style="display:none">&nbsp;</li>
						<li class="category noempty" id="manageattach"><div>{vb:rawphrase manage_attachments}</div></li>
					</ul>
				</li>
				</vb:if>
				<li>
					<img src="{vb:stylevar imgdir_editor}/undo.png" class="imagebutton" id="{vb:raw editorid}_cmd_undo" width="20" height="20" alt="{vb:rawphrase undo}" />
					<img src="{vb:stylevar imgdir_editor}/redo.png" class="imagebutton" id="{vb:raw editorid}_cmd_redo" width="20" height="20" alt="{vb:rawphrase redo}" />
				</li>
				<vb:if condition="is_browser('ie') AND !is_browser('mac')">
					<li>
						<img src="{vb:stylevar imgdir_editor}/spelling.png" class="imagebutton" id="{vb:raw editorid}_cmd_spelling" width="20" height="20" alt="{vb:rawphrase check_spelling}" />
					</li>
				</vb:if>
			</ul><img src="images/buttons/hide.gif" class="imagebutton" id="{vb:raw editorid}_cmd_wrap0_hide" width="20" height="20" alt="         " />
			<vb:if condition="!$show['basicbbcodeonly']">
			<ul>
				<vb:if condition="$show['basic_bbcode']">
					<li>
						<img src="{vb:stylevar imgdir_editor}/bold.png" class="imagebutton" id="{vb:raw editorid}_cmd_bold" width="20" height="20" alt="{vb:raw bold}" />
						<img src="{vb:stylevar imgdir_editor}/italic.png" class="imagebutton" id="{vb:raw editorid}_cmd_italic" width="20" height="20" alt="{vb:raw bold}" />
						<img src="{vb:stylevar imgdir_editor}/underline.png" class="imagebutton" id="{vb:raw editorid}_cmd_underline" width="20" height="20" alt="{vb:raw underline}" />
					</li>
				</vb:if>
				<vb:if condition="$show['align_bbcode']">
					<li>
						<vb:if condition="$stylevar['textdirection'] == 'ltr'">
							<img src="{vb:stylevar imgdir_editor}/justifyleft.png" class="imagebutton" id="{vb:raw editorid}_cmd_justifyleft" width="20" height="20" alt="{vb:rawphrase align_left}" />
							<img src="{vb:stylevar imgdir_editor}/justifycenter.png" class="imagebutton" id="{vb:raw editorid}_cmd_justifycenter" width="20" height="20" alt="{vb:rawphrase align_center}" />
							<img src="{vb:stylevar imgdir_editor}/justifyright.png" class="imagebutton" id="{vb:raw editorid}_cmd_justifyright" width="20" height="20" alt="{vb:rawphrase align_right}" />
						<vb:else />
							<img src="{vb:stylevar imgdir_editor}/justifyright.png" class="imagebutton" id="{vb:raw editorid}_cmd_justifyright" width="20" height="20" alt="{vb:rawphrase align_right}" />
							<img src="{vb:stylevar imgdir_editor}/justifycenter.png" class="imagebutton" id="{vb:raw editorid}_cmd_justifycenter" width="20" height="20" alt="{vb:rawphrase align_center}" />
							<img src="{vb:stylevar imgdir_editor}/justifyleft.png" class="imagebutton" id="{vb:raw editorid}_cmd_justifyleft" width="20" height="20" alt="{vb:rawphrase align_left}" />
						</vb:if>
					</li>
				</vb:if>
				<vb:if condition="$show['align_bbcode'] OR $show['list_bbcode']">
					<li>
						<vb:if condition="$show['list_bbcode']">
							<img src="{vb:stylevar imgdir_editor}/insertorderedlist.png" class="imagebutton" id="{vb:raw editorid}_cmd_insertorderedlist" width="20" height="20" alt="{vb:rawphrase ordered_list}" />
							<img src="{vb:stylevar imgdir_editor}/insertunorderedlist.png" class="imagebutton" id="{vb:raw editorid}_cmd_insertunorderedlist" width="20" height="20" alt="{vb:rawphrase unordered_list}" />
						</vb:if>
						<vb:if condition="$stylevar['textdirection'] == 'ltr'">
							<img src="{vb:stylevar imgdir_editor}/outdent.png" class="imagebutton" id="{vb:raw editorid}_cmd_outdent" width="20" height="20" alt="{vb:rawphrase decrease_indent}" />
							<img src="{vb:stylevar imgdir_editor}/indent.png" class="imagebutton" id="{vb:raw editorid}_cmd_indent" width="20" height="20" alt="{vb:rawphrase increase_indent}" />
						<vb:else />
							<img src="{vb:stylevar imgdir_editor}/indent.png" class="imagebutton" id="{vb:raw editorid}_cmd_outdent" width="20" height="20" alt="{vb:rawphrase decrease_indent}" />
							<img src="{vb:stylevar imgdir_editor}/outdent.png" class="imagebutton" id="{vb:raw editorid}_cmd_indent" width="20" height="20" alt="{vb:rawphrase increase_indent}" />
						</vb:if>
					</li>
				</vb:if>
				<vb:if condition="$show['url_bbcode'] OR $show['attach'] OR $show['img_bbcode']">
					<li>
						<vb:if condition="$show['url_bbcode']">
							<img src="{vb:stylevar imgdir_editor}/createlink.png" class="imagebutton" id="{vb:raw editorid}_cmd_createlink" width="20" height="20" alt="{vb:rawphrase insert_link}" />
							<img src="{vb:stylevar imgdir_editor}/unlink.png" class="imagebutton" id="{vb:raw editorid}_cmd_unlink" width="20" height="20" alt="{vb:rawphrase remove_link}" />
							<img src="{vb:stylevar imgdir_editor}/email.png" class="imagebutton" id="{vb:raw editorid}_cmd_email" width="20" height="20" alt="{vb:rawphrase insert_email_link}" />
						</vb:if>
						<vb:if condition="$show['img_bbcode'] OR $show['attach']">
							<img src="{vb:stylevar imgdir_editor}/insertimage.png" class="imagebutton" id="{vb:raw editorid}_cmd_insertimage" width="20" height="20" alt="{vb:rawphrase insert_image}" />
							<img src="{vb:stylevar imgdir_editor}/video.png" class="imagebutton" id="{vb:raw editorid}_cmd_insertvideo" width="21" height="20" alt="{vb:rawphrase insert_video}" />
						</vb:if>
					</li>
				</vb:if>
				<vb:if condition="$show['quote_bbcode']">
					<li>
						<img src="{vb:stylevar imgdir_editor}/quote.png" class="imagebutton" id="{vb:raw editorid}_cmd_wrap0_quote" width="20" height="20" alt="{vb:rawphrase wrap_quote_tags}" />
					</li>
				</vb:if>
				<vb:if condition="$show['code_bbcode'] OR $show['html_bbcode'] OR $show['php_bbcode']">
					<li>
						<vb:if condition="$show['code_bbcode']"><img src="{vb:stylevar imgdir_editor}/code.png" class="imagebutton" id="{vb:raw editorid}_cmd_wrap0_code" width="20" height="20" alt="{vb:rawphrase wrap_code_tags}" /></vb:if>
						<vb:if condition="$show['html_bbcode']"><img src="{vb:stylevar imgdir_editor}/html.png" class="imagebutton" id="{vb:raw editorid}_cmd_wrap0_html" width="20" height="20" alt="{vb:rawphrase wrap_html_tags}" /></vb:if>
						<vb:if condition="$show['php_bbcode']"><img src="{vb:stylevar imgdir_editor}/php.png" class="imagebutton" id="{vb:raw editorid}_cmd_wrap0_php" width="20" height="20" alt="{vb:rawphrase wrap_php_tags}" /></vb:if>
					</li>
				</vb:if>	
				<vb:if condition="$extrabuttons">		
					<li>
						<vb:each from="extrabuttons" value="button">
							<img src="{vb:raw button.buttonimage}" class="imagebutton" id="{vb:raw editorid}_cmd_wrap{vb:raw button.twoparams}_{vb:raw button.bbcodetag}" width="21" height="20" alt="{vb:rawphrase wrap_x_tags, {vb:raw button.tag}}" />
						</vb:each>
					</li>
				</vb:if>
			</ul>
		</vb:if>
		</div>
		<div class="editor_textbox_container">
				<div class="editor_textbox <vb:if condition="$smiliebox">editor_textbox_smilie</vb:if>">
					<textarea name="message" id="{vb:raw editorid}_textarea" rows="10" cols="80" dir="{vb:stylevar textdirection}" tabindex="1">{vb:raw newpost.message}</textarea>
				</div>
		</div>
		<vb:if condition="$smiliebox">
		<div class="editor_smiliebox">
			{vb:raw smiliebox}
		</div>
		</vb:if>
	</div>
</div>

<input type="hidden" name="wysiwyg" id="{vb:raw editorid}_mode" value="{vb:raw editortype}" />
<script type="text/javascript">
<!--
	vB_Editor['{vb:raw editorid}'] = new vB_Text_Editor('{vb:raw editorid}', {vb:raw editortype}, '{vb:raw forumid}', '{vb:raw parsesmilie}', undefined, '{vb:raw ajax_extra}');
//-->
</script>