rhymix/modules/menu/tpl/sitemap.html

<load target="./css/themes/classic/style.css" index="11" />
<load target="./css/sitemap.css" index="11" />
<load target="./js/_lib/jquery.cookie.js" />
<load target="./js/_lib/jquery.hotkeys.js" />
<load target="./js/jquery.jstree.js" />
<load target="./js/jquery.scrollTo-1.4.2.js" />
<load target="./js/jquery.tmpl.js" />

<!--script src="http://ajax.microsoft.com/ajax/jquery.templates/beta1/jquery.tmpl.js"></script-->
<div cond="$XE_VALIDATOR_MESSAGE" class="message {$XE_VALIDATOR_MESSAGE_TYPE}">
	<p>{$XE_VALIDATOR_MESSAGE}</p>
</div>

<div class="_quick_help x_alert">
	<p class="_quick_help_msg">msg</p>
	<label><input class="_quick_help_nomore" type="checkbox"/> 다시 보지 않기</label>
</div>

<!--@if($act == 'dispMenuAdminSiteMap')-->
<div id="site" style="word-wrap:normal">
<!--@end-->

<!--@if($act == 'dispMenuAdminSiteDesign')-->
<div id="site" class="_siteDesign">
<!--@end-->

<!--@if($act == 'dispMenuAdminSiteMap')-->
	<div class="col map" id="site_map">
		<h1>{$lang->sitemap}</h1>
		<div class="cnt">
			<section class="mapi" id="siteMapTree">
				<script id="tmpl_menuTree" type="text/x-jquery-tmpl">
					<ul>
						{{html Nodes}}
					</ul>
				</script>
				<script id="tmpl_menuTreeNode" type="text/x-jquery-tmpl">
					<li id="menu${MenuId}">
						<a href="#" data-param='{ "sMenuId":"${MenuId}" }'>${MenuTitleWithHome}</a>
						{{html SubTree}}
					</li>
				</script>
				
				<script id="tmpl_menuSelector_menuTree" type="text/x-jquery-tmpl">
					<ul>
						{{html Nodes}}
					</ul>
				</script>
				<script id="tmpl_menuSelector_menuTreeNode" type="text/x-jquery-tmpl">
					<li>
						<a href="#" class="_nodeType_${NodeType} _menu_url_${MenuUrl}" data-param='{ "sMenuId":"${MenuId}", "sMenuUrl":"${MenuUrl}", "sMenuTitle":"${MenuTitle}" }'>${MenuTitle}</a>
						{{html SubTree}}
					</li>
				</script>
			</section>
			<button type="button" class="x_btn x_btn-link _addSiteMap1" data-admin-show="#add_sitemap" style="position:absolute;right:5px;bottom:7px;color:#000"><i class="x_icon-plus-sign"></i> {$lang->add_new_sitemap}</button>
		</div>
	</div>
	<div class="col" id="add_sitemap" style="display:none">
		<section>
			<h1>{$lang->add_new_sitemap}</h1>
			<div class="cnt">
				<ul class="_itemList">
					<li>
						<label for="sitemapName">{$lang->sitemap_name}</label>
						<input id="sitemapName" class="_sitemapName" type="text" required>
					</li>
				</ul>
				<div class="btnBoth">
					<button type="reset" class="x_btn x_pull-left" data-admin-hide="#sitemap_general">{$lang->cmd_cancel}</button>
					<button type="button" class="x_btn x_btn-primary x_pull-right _save">{$lang->cmd_confirm}</button>
				</div>
			</div>
		</section>
		<button type="button" class="x_close" data-admin-hide="#add_sitemap">&times;</button>
	</div>
	<div class="col" id="propertiesRoot" style="display:none">
		<section>
			<h1 class="title"><!--사이트맵 이름--></h1>
			<div class="cnt">
				<ul class="nav">
					<li><a href="#sitemap_general" data-admin-show="#sitemap_general">{$lang->edit_sitemap} <i class="x_icon-circle-arrow-right"></i></a></li>
					<li><a href="#add" data-admin-show="#add">{$lang->add_menu} <i class="x_icon-circle-arrow-right"></i></a></li>
					<li><button type="button"  class="_edit_paste" disabled>{$lang->paste}</button></li>
					<li><button class="_delSiteMap" type="button">{$lang->cmd_delete}</button></li>
					<li><button class="_renameSiteMap" type="button">{$lang->change_name}</button></li>
				</ul>
			</div>
		</section>
		<button type="button" class="x_close" data-admin-hide="#propertiesRoot">&times;</button>
	</div>
	<div class="col" id="sitemap_general" style="display:none">
		<section>
			<h1>{$lang->edit_sitemap}</h1>
			<div class="cnt">
				<ul class="_itemList">
					<li>
						<label for="sitemapName2">{$lang->sitemap_name}</label>
						<input id="sitemapName2" class="_sitemapName" type="text" required>
					</li>
				</ul>
				<div class="btnBoth">
					<button type="reset" class="x_btn x_pull-left" data-admin-hide="#sitemap_general">{$lang->cmd_cancel}</button>
					<button type="button" class="x_btn x_btn-primary x_pull-right _save">{$lang->cmd_confirm}</button>
				</div>
			</div>
		</section>
		<button type="button" class="x_close" data-admin-hide="#sitemap_general">&times;</button>
	</div>
	<div class="col prop-general" id="properties">
		<section>
			<h1><a href="#" target="_blank" class="title"><!--메뉴 이름--></a></h1>
			<div class="cnt">
				<ul>
					<li class="type"><strong>{$lang->menu_type}</strong>: <span class="module_type"></span></li>
					<li><a href="#default" data-admin-show="#default">{$lang->general_settings} <i class="x_icon-circle-arrow-right"></i></a></li>
					<!--li><strong>{$lang->menu_id}</strong>: <span class="url"></span></li-->
					<li><a href="#add" data-admin-show="#add">{$lang->add_menu} <i class="x_icon-circle-arrow-right"></i></a></li>
					<li><button type="button" class="_edit_cut">{$lang->cut}</button></li>
					<li class="ex"><button type="button" class="_edit_copy">{$lang->copy}</button></li>
					<li class="ex"><button type="button" class="_edit_paste" disabled>{$lang->paste}</button></li>
					<li class="ex"><button type="button" class="_deleteMenu">{$lang->cmd_delete}</button></li>
					<li class="homepage"><label style="padding:0 0 0 8px;margin:0"><input type="checkbox" class="_chkUseAsHome"> {$lang->use_site_default_module}</label></li>
					<li><a href="#imgbtn" data-admin-show="#imgbtn">{$lang->menu_img_btn} <i class="x_icon-circle-arrow-right"></i></a></li>
					<li><a href="#design" data-admin-show="#design">{$lang->design} <i class="x_icon-circle-arrow-right"></i></a></li>
					<li><a href="#auth" data-admin-show="#auth">{$lang->grant} <i class="x_icon-circle-arrow-right"></i></a></li>
					<li><a href="#" class="_openFullSetup">{$lang->full_settings} <i class="x_icon-cog"></i></a></li>
				</ul>
			</div>
		</section>
		<button type="button" class="x_close" data-admin-hide="#properties">&times;</button>
	</div>
	<div class="col" id="add" style="display:none">
		<section>
			<h1>{$lang->add_menu}</h1>
			<div class="cnt">
				<ul class="nav _itemList">
					<script id="tmpl_menuTypeItem" type="text/x-jquery-tmpl">
						<li><a href="#add_menu" data-admin-show="#add_menu" data-param='{ "moduleName" : "${ModuleName}", "moduleTitle": "${ModuleTitle}" }'>${ModuleTitle} <i class="x_icon-circle-arrow-right"></i></a></li>
					</script>
				</ul>
				<a href="#download" class="x_btn x_btn-link" data-admin-show="#download" style="position:absolute;right:5px;bottom:7px;color:#000"><i class="x_icon-plus-sign"></i> {$lang->install_other_menu_types}</a>
			</div>
		</section>
		<button type="button" class="x_close" data-admin-hide="#add">&times;</button>
	</div>
	<div class="col url" id="add_menu" style="display:none">
		<fieldset>
			<h1 class="_title"></h1>
			<div class="cnt">
				<p class="desc"><dfn class="_description"></dfn> <a class='_link x_icon-share'>{$lang->details}</a></p>
				<ul>
					<li>
						<div class="multilingual x_input-append">
							<label for="lang_menuName2">{$lang->menu_name}</label>
							<input id="menuName2" class="_menuName lang_code" type="text" required>
						</div>
					</li>
					<li class="typePage">
						<label for="mid1">{$lang->menu_id} <a href="#help_menuId" class="x_icon-question-sign" data-admin-toggle="#mid1_help">{$lang->help}</a></label>
						<div id="mid1_help" class="x_alert x_alert-info" style="display:none;width:169px">
							<button type="button" class="x_close" data-admin-hide="#mid1_help">×</button>
							<p>{$lang->about_menu_id} {$lang->about_new_menu_id}</p>
						</div>
						<input id="mid1" class="_mid" type="text" required placeholder="{$lang->skip_menu_id}" />
					</li>
					<li class="typeUrl">
						<div class="x_tabbable">
							<ul class="x_nav x_nav-tabs">
								<li class="x_active"><a href="#add_linkUrl">{$lang->url_link}</a></li>
								<li><a href="#add_linkMenu">{$lang->menu_link}</a></li>
							</ul>
							<div class="x_tab-content">
								<div class="x_tab-pane x_active" id="add_linkUrl">
									<input type="text" class="_linkUrl" required title="{$lang->url_link}" />
								</div>
								<div class="x_tab-pane" id="add_linkMenu">
									<input type="text" class="_linkMenuTitle" title="{$lang->menu_link}" disabled placeholder="{$lang->about_menu_link}" />
									<input type="hidden" class="_linkMenuSrl" />
									<div class="_menuSelector_menuTreeContainer clone">
									</div>
								</div>
							</div>
						</div>
					</li>
				</ul>
				<div class="x_btn-group">
					<button type="button" class="x_btn x_btn-primary _save">{$lang->cmd_confirm}</button>
				</div>
			</div>
		</fieldset>
		<button type="button" class="x_close" data-admin-hide="#add_menu">&times;</button>
	</div>
	<div class="col download" id="download" style="display:none">
		<section>
			<h1>{$lang->install_other_menu_types}</h1>
			<div class="cnt">			
				<div class="list">
				</div>
				<div class="_pagination"></div>
			</div>
		</section>
		<button type="button" class="x_close" data-admin-hide="#download">&times;</button>
	</div>
	<div class="col url" id="default" style="display:none">
		<fieldset>
			<h1>{$lang->general_settings}</h1>
			<div class="cnt">
				<ul>
					<li>
						<div class="multilingual x_input-append">
							<label for="lang_menuName">{$lang->menu_name}</label>
							<input id="menuName" class="_menuName lang_code" type="text" required>
						</div>
					</li>
					<li style="padding:6px 0 0 0">
						<label><input type="checkbox" class="_newWindow" title="{$lang->menu_open_window}"> {$lang->menu_open_window}</label>
					</li>
					<li style="padding:0 0 6px 0">
						<label><input type="checkbox" class="_leaveUnfolded" title="{$lang->menu_expand}"> {$lang->menu_expand}</label>
					</li>
					<!--li class="menuType">
						<div style="line-height:30px">
							<strong>{$lang->menu_type}</strong>: <span class="module_type"></span> <a href="#menuTypeHelpInDefault" class="x_icon-question-sign" data-admin-toggle="#menuTypeHelpInDefault">{$lang->help}</a>
						</div>
						<div id="menuTypeHelpInDefault" class="x_alert x_alert-info" style="display:none;width:169px">
							<button type="button" class="x_close" data-admin-hide="#menuTypeHelpInDefault">×</button>
							<p>{$lang->about_menu_type_in_default}</p>
						</div>
					</li-->
					
					<li class="typePage" style="border-top:1px solid #DDD">
						<label for="lang_pageTitle">{$lang->browser_title} <a href="#help_menuName" class="x_icon-question-sign" data-admin-toggle="#help_menuName">{$lang->help}</a></label>
						<div id="help_menuName" class="x_alert x_alert-info" style="display:none;width:169px">
							<button type="button" class="x_close" data-admin-hide="#help_menuName">×</button>
							<p>{$lang->about_browser_title}</p>
						</div>
						<input id="pageTitle" class="_menuName lang_code" type="text">
						
						<label for="mid2">{$lang->menu_id} <a href="#help_menuId" class="x_icon-question-sign" data-admin-toggle="#mid2_help">{$lang->help}</a></label>
						<div id="mid2_help" class="x_alert x_alert-info" style="display:none;width:169px">
							<button type="button" class="x_close" data-admin-hide="#mid2_help">×</button>
							<p>{$lang->about_menu_id}</p>
						</div>
						<input type="text" id="mid2" class="_mid">
					</li>
					

					<li class="typeUrl">
						<div class="x_tabbable">
							<ul class="x_nav x_nav-tabs">
								<li class="x_active"><a href="#fix_linkUrl">{$lang->url_link}</a></li>
								<li><a href="#fix_linkMenu">{$lang->menu_link}</a></li>
							</ul>
							<div class="x_tab-content">
								<div class="x_tab-pane x_active" id="fix_linkUrl">
									<input type="text" class="_url_link" title="{$lang->url_link}" />
								</div>
								<div class="x_tab-pane" id="fix_linkMenu">
									<input type="text" class="_linkMenuTitle" title="{$lang->menu_link}" disabled placeholder="{$lang->about_menu_link}" />
									<input type="hidden" class="_linkMenuSrl"  />
									<div class="_menuSelector_menuTreeContainer clone">
									</div>
								</div>
							</div>
						</div>
					</li>
					<li>
						<p id="menuTypeHelpInDefault" style="width:220px">{$lang->about_menu_type_in_default}</p>
					</li>
				</ul>
				<div class="btnBoth">
					<button type="reset" class="x_btn x_pull-left" data-admin-hide="#default">{$lang->cmd_cancel}</button>
					<button type="button" class="x_btn x_btn-primary x_pull-right _save">{$lang->cmd_confirm}</button>
				</div>
			</div>
		</fieldset>
		<button type="button" class="x_close" data-admin-hide="#default">&times;</button>
	</div>
	<div class="col" id="imgbtn" style="display:none">
		<fieldset>
			<h1>{$lang->menu_img_btn}</h1>
			<div class="cnt">
				<p style="border-bottom:1px solid #ddd;width:220px;padding-bottom:10px">{$lang->about_imgbtn}</p>
				<form action="?module=menu&act=procMenuAdminButtonUpload" class="_btn_normal" target="submitTarget" method="post" enctype="multipart/form-data">
					<input name="menu_item_srl" type="hidden" value=""/>
					<input name="xe_js_callback" type="hidden" value="top.onBtnImgUploaded"/>
					<input name="isNormalDelete" type="hidden" value="Y"/>
					<figure>
						<figcaption>{$lang->menu_normal_btn}</figcaption>
						<p class="noImg">{$lang->menu_no_img_btn}</p>
						<img class="_thumbnail" src="../../../common/img/blank.gif" alt="{$lang->about_menu_normal_btn}">
					</figure>
					<div class="btnBoth">
						<button type="submit" class="delete x_btn x_pull-left">{$lang->cmd_delete}</button>
						<span class="fileBtn x_btn x_pull-right">
							<span class="modify">{$lang->menu_change_btn}</span>
							<span class="upload">{$lang->menu_upload_btn}</span>
							<input type="file" title="{$lang->menu_change_btn}/{$lang->menu_upload_btn}" name="menu_normal_btn">
						</span>
					</div>
				</form>
				<form action="?module=menu&act=procMenuAdminButtonUpload" class="_btn_hover" target="submitTarget" method="post" enctype="multipart/form-data">
					<input name="menu_item_srl" type="hidden" value=""/>
					<input name="xe_js_callback" type="hidden" value="top.onBtnImgUploaded"/>
					<input name="isHoverDelete" type="hidden" value="Y"/>
					<figure>
						<figcaption>{$lang->menu_hover_btn}</figcaption>
						<p class="noImg">{$lang->menu_no_img_btn}</p>
						<img class="_thumbnail" src="../../../common/img/blank.gif" alt="{$lang->about_menu_hover_btn}">
					</figure>
					<div class="btnBoth">
						<button type="submit" class="delete x_btn x_pull-left">{$lang->cmd_delete}</button>
						<span class="fileBtn x_btn x_pull-right">
							<span class="modify">{$lang->menu_change_btn}</span>
							<span class="upload">{$lang->menu_upload_btn}</span>
							<input type="file" title="{$lang->menu_change_btn}/{$lang->menu_upload_btn}" name="menu_hover_btn">
						</span>
					</div>
				</form>
				<form action="?module=menu&act=procMenuAdminButtonUpload" class="_btn_selected" target="submitTarget" method="post" enctype="multipart/form-data">
					<input name="menu_item_srl" type="hidden" value=""/>
					<input name="xe_js_callback" type="hidden" value="top.onBtnImgUploaded"/>
					<input name="isActiveDelete" type="hidden" value="Y"/>
					<figure>
						<figcaption>{$lang->menu_active_btn}</figcaption>
						<p class="noImg">{$lang->menu_no_img_btn}</p>
						<img class="_thumbnail" src="../../../common/img/blank.gif" alt="{$lang->about_menu_active_btn}">
					</figure>
					<div class="btnBoth">
						<button type="submit" class="delete x_btn x_pull-left">{$lang->cmd_delete}</button>
						<span class="fileBtn x_btn x_pull-right">
							<span class="modify">{$lang->menu_change_btn}</span>
							<span class="upload">{$lang->menu_upload_btn}</span>
							<input type="file" title="{$lang->menu_change_btn}/{$lang->menu_upload_btn}" name="menu_active_btn">
						</span>
					</div>
				</form>
			</div>
		</fieldset>
		<button type="button" class="x_close" data-admin-hide="#imgbtn">&times;</button>
	</div>
	<!--@end-->
	
	<!--@if($act == 'dispMenuAdminSiteMap')-->
	<div class="col" id="design"  style="display:none">
	<!--@end-->

	<!--@if($act == 'dispMenuAdminSiteDesign')-->
	<div class="col" id="design">
	<!--@end-->
		<fieldset>
			<h1 class="_item">{$lang->design}</h1>
			<h1 class="_site">{$lang->site_design}</h1>
			<div class="cnt">
				<form action="./" target="xe_preview" class="_preview_form" method="post">
					<input type="hidden" name="skin_vars" value="{}"/>
					<div class="x_tabbable">
						<ul class="x_nav x_nav-tabs">
							<li class="x_active"><a href="#pc">PC</a></li>
							<li><a href="#mobile">{$lang->mobile}</a></li>
						</ul>
						<div class="x_tab-content">
							<div class="x_tab-pane x_active" id="pc">
								<div class="shadow">
									<iframe name="_pc_preview_ifr" src="about:_blank"></iframe><i class="mask"></i>
									<input type="submit" class="x_icon-zoom-in _pc_preview_open" value="{$lang->view_zoom}" />
								</div>
							</div>
							<div class="x_tab-pane" id="mobile">
								<label class="mvOption"><input type="checkbox" name="use_mobile" value="Y"> {$lang->use_mobile_view}</label>
								<div class="shadow">
									<iframe name="_mobile_preview_ifr" src="about:_blank" style="width:480px;height:800px;margin-left:60px"></iframe><i class="mask"></i>
									<input type="submit" class="x_icon-zoom-in _mobile_preview_open" value="{$lang->view_zoom}" />
								</div>
							</div>
						</div>
					</div>
				</form>
				<ul class="nav _itemList">
					<script id="tmpl_layoutItem" type="text/x-jquery-tmpl">
					<li><a href="#layout" data-admin-show="#layout">{$lang->layout} [<span class="themeName _layoutName">${LayoutName}</span>] <i class="x_icon-circle-arrow-right"></i></a></li>
					</script>
					
					<script id="tmpl_skinItem" type="text/x-jquery-tmpl">
					<li><a href="#skin" data-admin-show="#skin" data-param='{ "moduleType" : "${ModuleType}"}'>${ModuleTypeTitle} [<span class="themeName _skinName">${SkinName}</span>] <i class="x_icon-circle-arrow-right"></i></a></li>
					</script>
				</ul>
				<div class="btnBoth">
					<button type="reset" class="x_btn x_pull-left _btn_cancel">{$lang->cmd_cancel}</button>
					<button type="button" class="x_btn x_btn-primary x_pull-right _btn_save">
						<span class="langDesktop">{$lang->desktop_settings}</span> 
						<span class="langMobile">{$lang->mobile_settings}</span> 
						{$lang->cmd_save}
					</button>
				</div>
			</div>
		</fieldset>
		<button type="button" class="x_close" data-admin-hide="#design">&times;</button>
	</div>
	<div class="col theme" id="layout" style="display:none">
		<form action="">
			<h1>{$lang->layout}</h1>
			<div class="cnt">
				<label>
					<input type="checkbox" class="_chkUseDefaultLayout" title="{$lang->use_site_default_layout}"> {$lang->use_site_default_layout}
					<a href="?module=admin&act=dispMenuAdminSiteDesign" class="x_icon-cog _siteDesignSetupLink">{$lang->site_default_layout_settings}</a>
				</label>
				<div class="list">
					<ul class="_layout_list">
						<script id="tmpl_layout_list_item_no_layout" type="text/x-jquery-tmpl">
						<li class="${Selected} _layoutItem">
							<label>
								<input type="radio" name="layout_item" title="{$lang->no_use_layout}"> {$lang->no_use_layout}
							</label>
						</li>
						</script>
						<script id="tmpl_layout_list_item" type="text/x-jquery-tmpl">
						<li class="${Selected} _layoutItem">
							<label><input type="radio" name="layout_item" title="${Title}"> ${Title}</label>
							<button type="button" class="item _btnScreenshot" title="{$lang->about_apply_layout}">
								<img src="${ScreenShotURL}">
							</button>
							<ul class="_edit_menu">
								<li><a href="#layoutSetup" data-admin-show="#layoutSetup" data-param='{ "sLayoutSrl":"${LayoutSrl}"}'>{$lang->full_settings} <i class="x_icon-circle-arrow-right"></i></a></li>
								<li><a href="#layoutMarkupSetup" data-admin-show="#layoutMarkupSetup" data-param='{ "sLayoutSrl":"${LayoutSrl}"}'>HTML/CSS <i class="x_icon-circle-arrow-right"></i></a></li>
								<li><button type="button" class="_duplicateLayout">{$lang->make_copy}</button></li>
								<li><button type="button" class="_deleteLayout">{$lang->cmd_delete}</button></li>
							</ul>
						</li>
						</script>
					</ul>
					<i class="mask"></i>
				</div>
				<a href="#downloadLayout" data-admin-show="#downloadLayout" class="x_btn x_btn-link" style="position:absolute;right:5px;bottom:7px;color:#000"><i class="x_icon-plus-sign"></i> {$lang->install_other_layouts}</a>
			</div>
		</form>
		<button type="button" class="x_close" data-admin-hide="#layout">&times;</button>
	</div>
	<div class="col layoutSetup" id="layoutSetup" style="display:none">
		<section>
			<h1>{$lang->cmd_layout_management}</h1>
			<div class="cnt">
				<div class="_contents"></div>
			</div>
		</section>
		<button type="button" class="x_close" data-admin-hide="#layoutSetup">&times;</button>
	</div>
	<div class="col layoutMarkupSetup" id="layoutMarkupSetup" style="display:none">
		<section>
			<h1>{$lang->layout_html_css_settings}</h1>
			<div class="cnt">
				<div class="_contents"></div>
			</div>
		</section>
		<button type="button" class="x_close" data-admin-hide="#layoutMarkupSetup">&times;</button>
	</div>
	
	<div class="col download" id="downloadLayout" style="display:none">
		<section>
			<h1>{$lang->install_other_layouts}</h1>
			<div class="cnt">
				<div class="list">
				</div>
				<div style="margin-top:-10px" class="x_clearfix">
					<div class="_pagination"></div>
					
				</div>
				<script id="tmpl_pagination" type="text/x-jquery-tmpl">
				<div class="x_pagination" style="float:left">
					<ul class="_list">
					</ul>
				</div>
					
				<div class="search x_input-append x_pull-right">
					<input type="search" value="" title="Search" name="search_keyword">
					<button class="x_btn x_btn-inverse _search">검색</button>
					<a class="x_btn _cancel" href="#">취소</a>
				</div>
				</script>
				<script id="tmpl_pagination_list" type="text/x-jquery-tmpl">
					<li class='${ActiveClass}'><a  href="#" class="_toPage" data-param='{ "page": "${Page}"}' title='${Page}' onclick="return false">${PageText}</a></li>
				</script>
				<script id="tmpl_pagination_jump" type="text/x-jquery-tmpl">
					<li>
						<a href="#goTo" data-admin-toggle="#goTo" title="${GoText}" onclick="return false">&hellip;</a>
						<span id="goTo" class="x_input-append">
							<input type="number" min="1" max="${LastPage}" required name="page" title="${GoText}" />
							<button type="input" class="x_add-on _jumpTo">Go</button>
						</span>
					</li>
				</script>
			</div>
		</section>
		<button type="button" class="x_close" data-admin-hide="#downloadLayout">&times;</button>
	</div>
	
	<div class="col theme" id="skin" style="display:none">
		<form action="">
			<h1>{$lang->skin}</h1>
			<div class="cnt">
				<label>
					<input type="checkbox" class="_chkUseDefault" title="{$lang->use_site_default_skin}"> {$lang->use_site_default_skin}
					<a href="?module=admin&act=dispMenuAdminSiteDesign" class="x_icon-cog _siteDesignSetupLink">{$lang->site_default_skin_settings}</a>
				</label>
				<div class="list">
					<ul class="_list">
					
						<script id="tmpl_skin_list_item_no_skin" type="text/x-jquery-tmpl">
						<li class="_item ${Selected}">
							<label>
								<input type="radio" name="skin_item" title="스킨 사용 안 함"> 스킨 사용 안 함
							</label>
						</li>
						</script>
					
						<script id="tmpl_skin_list_item" type="text/x-jquery-tmpl">
						<li class="_item ${Selected}">
							<label><input type="radio" name="skin_item" title="${Title}"> ${Title}</label>
							<button type="button" class="item _btnScreenshot" title="{$lang->about_apply_skin}">
								<img src="${ScreenShotURL}">
							</button>
							<!--
							<ul>
								<li><a href="#skinSetup" data-admin-show="#skinSetup" data-param='{ "sSkinName":"${SkinName}"}'>{$lang->cmd_setup} <i class="x_icon-circle-arrow-right"></i></a></li>
							</ul>
							-->
						</li>
						</script>
					</ul>
					<a href="#downloadSkin" data-admin-show="#downloadSkin" class="x_btn x_btn-link" style="position:absolute;right:5px;bottom:7px;color:#000"><i class="x_icon-plus-sign"></i> {$lang->install_other_skins}</a>
				</div>
			</div>
		</form>
		<button type="button" class="x_close" data-admin-hide="#skin">&times;</button>
	</div>
	<div class="col skinSetup" id="skinSetup" style="display:none">
		<section>
			<h1>스킨 설정</h1>
			<div class="cnt">
				<div class="_contents"></div>
			</div>
		</section>
		<button type="button" class="x_close" data-admin-hide="#skinSetup">&times;</button>
	</div>
	<div class="col download" id="downloadSkin" style="display:none">
		<section>
			<h1>{$lang->install_other_skins}</h1>
			<div class="cnt">
				<div class="list">
				
					<script id="tmpl_noDownloadableItem" type="text/x-jquery-tmpl">
						{$lang->no_downloadable_item}
					</script>
					
					<script id="tmpl_downloadableItem" type="text/x-jquery-tmpl">
					
						<div class="item ${IsInstalled} ${IsUpToDate}">
							<img src="http://${ScreenShotURL}" alt="">
							<h2><a target="_blank" href="${URL}">${MenuType}</a></h2>
							<p>${MenuTypeDesc}</p>
							<p><i class="starRating score${Score}"><i></i></i> <b class="x_badge">${Score}/${TotalVotes}</b> {$lang->package_update}: <time title="YYYY-MM-DD HH:MM">${LastUpdated}</time> <i>|</i> {$lang->package_downloaded_count}: ${TotalDownloads}</p>
							<div class="_install">
								<button type="button" class="x_icon-download-alt x_icon-white _install_this">{$lang->install}</button>
							</div>
							<div class="_already_installed">
								<div class="_already_up_to_date">
									<button type="button" class="done"><i class="x_icon-ok-sign x_icon-white"></i> {$lang->installed}</button>
								</div>
								<div class="_need_to_update">
									<button type="button" class="update _install_this"><i class="x_icon-refresh x_icon-white"></i> {$lang->update}</button>
								</div>
							</div>
						</div>
					</script>
					
				</div>
				<div class="_pagination" style="float:left"></div>
			</div>
		</section>
		<button type="button" class="x_close" data-admin-hide="#downloadSkin">&times;</button>
	</div>
	<div class="col" id="auth" style="display:none">
		<fieldset>
			<h1>{$lang->grant}</h1>
			<div class="cnt">
				<ul class="_list">
					<script id="tmpl_permItem" type="text/x-jquery-tmpl">
					<li>
						<label for="auth${PermId}">${PermTitle}</label>
						<select id="auth${PermId}">
							<option class="_group_all" value="0">{$lang->grant_to_all}</option>
							<option class="_group_loggedin" value="-1">{$lang->grant_to_login_user}</option>
							<option class="_group_signedup" value="-2">{$lang->grant_to_site_user}</option>
							<option class="_group_manager" value="-3">{$lang->grant_to_admin}</option>
							<option class="_group_selected" value="-10">{$lang->grant_to_group}</option>
						</select>
						<div class="selected x_hide _groups _groups_${PermId}">
						</div>
					</li>
					</script>
					<script id="tmpl_perm_groupItem" type="text/x-jquery-tmpl">
							<label><input type="checkbox" value="${ID}" title="${Title}"> ${Title}</label>
					</script>
				</ul>
				<div class="x_btn-group">
					<button type="button" class="x_btn x_btn-primary _save">{$lang->cmd_confirm}</button>
				</div>
			</div>
		</fieldset>
		<button type="button" class="x_close" data-admin-hide="#auth">&times;</button>
	</div>
	<div class="col" id="details" style="display:none">
		<!--상세설정-->
		<button type="button" class="x_close" data-admin-hide="#details">&times;</button>
	</div>
	<div class="col" id="html" style="display:none">
		<!--HTML/CSS-->
		<button type="button" class="x_close" data-admin-hide="#html">&times;</button>
	</div>
</div>
<fieldset class="x_modal" id="msgBox" style="display:none">
	<div class="x_modal-header">
		<h3 class="_title"></h3>
	</div>
	<div class="x_modal-body">
		<p class="_text"></p>
	</div>
	<div class="x_modal-footer">
		<button type="button" class="x_btn x_pull-left _cancel">{$lang->cmd_cancel}</button>
		<span class="x_btn-group x_pull-right">
			<button type="button" class="x_btn x_btn-inverse _ok">{$lang->cmd_confirm}</button>
		</span>
	</div>
	<button type="button" class="x_close _cancel">&times;</button>
</fieldset>
<iframe name="submitTarget" src="about:_blank" style="position:absolute; top:-10000px; left:-10000px; width:1025px;height:769px"></iframe>

<script>
	xe.lang.shortcut = '{$lang->shortcut}';
	xe.lang.msg_target_is_sub_of_origin = '{$lang->msg_target_is_sub_of_origin}';
	xe.lang.confirm_menu_delete = '{$lang->confirm_menu_delete}';
	xe.lang.confirm_delete_all_contents = '{$lang->confirm_delete_all_contents}';
	xe.lang.confirm_delete_all_item = '{$lang->confirm_delete_all_item}';
	xe.lang.confirm_delete_all_sub_items_title = '{$lang->confirm_delete_all_sub_items_title}';
	xe.lang.confirm_delete_all_sub_items = '{$lang->confirm_delete_all_sub_items}';
	xe.lang.target_of_view_menu = '{$lang->target_of_view_menu}';
	xe.lang.success_saved = '{$lang->success_saved}';
	xe.lang.first_page = '{$lang->first_page}';
	xe.lang.last_page = '{$lang->last_page}';
	xe.lang.cmd_go_to_page = '{$lang->cmd_go_to_page}';
	xe.lang.input_new_layout_name = '{$lang->input_new_layout_name}';
	xe.lang.skip_new_layout_name = '{$lang->skip_new_layout_name}';
	xe.lang.confirm_delete = '{$lang->confirm_delete}';
	xe.lang.need_to_ftp_setup = '{$lang->need_to_ftp_setup}';
	xe.lang.go_to_ftp_setup = '{$lang->go_to_ftp_setup}';
	xe.lang.installation_completed = '{$lang->installation_completed}';
	xe.lang.go_to_site_design_setup = '{$lang->go_to_site_design_setup}';
	xe.lang.img_uploaded = '{$lang->img_uploaded}';
	xe.lang.img_deleted = '{$lang->img_deleted}';
	xe.lang.no_use_layout = '{$lang->no_use_layout}';
	xe.lang.shortcut_desc = '{$lang->shortcut_desc}';
</script>

<!--[if IE 7]>
<script>
jQuery(function($){
// IE .col width bug fix
	$('.col').each(function(){
		var $this = $(this);
		setTimeout(function(){
			var childW = $this.children().width();
			$this.width(220);
		},0);
	});
});
</script>
<![endif]-->
<script>
//<![CDATA[
/*
시작 모듈 지정 module_srl이 아닌 page_srl로
메뉴 복사 API에서 menu_srl 제거
메뉴 타입 노출
복사한 메뉴 삭제되면 붙여넣기 비활성화
*/
jQuery._xeAdminVar = {
	htLayoutName : {},
	htMLayoutName : {}
};

<!--@if($act == 'dispMenuAdminSiteMap')-->
function showMenuSelector($container, sSelectedModule){
	var $ = jQuery;
	var aMenuList = $._xeAdminVar.aMenuList;
	
	$container.html(createTreeMarkup(aMenuList, 0, "menuSelector_menuTree", "menuSelector_menuTreeNode"));
	
	var htInfo = htNodeInfo[$._xeAdminVar.sSelectedMenuSrl];
	// disable sitemap labels and shortcuts.
	$container.find('._nodeType_1, ._nodeType_3').parent('li').addClass('x_disabled');
	
	if(sSelectedModule){
		$container.find('._menu_url_'+sSelectedModule).click();
	}
}

function onSiteMapReceived(htData){
	var $ = jQuery;
	var aMenuList = htData.menuList;
	
	$._xeAdminVar.aMenuList = aMenuList;
	
	$("#siteMapTree").html(createTreeMarkup(aMenuList, 0));
	
	if($._xeAdminVar.sCopySourceMenuSrl){
		$('._edit_paste').attr('disabled', 'disabled');
		$('#siteMapTree ._isCut').removeClass('_isCut');

		$._xeAdminVar.sCopySourceMenuSrl = null;
		$._xeAdminVar.bCut = false;
	}

	var sInitiallyOpen = [];

	$("#siteMapTree")
		.jstree({
			// the `plugins` array allows you to configure the active plugins on this instance
			"plugins" : ["themes","html_data","ui","crrm","hotkeys","dnd"],
			//"themes","json_data","ui","crrm","cookies","dnd","search","types","hotkeys","contextmenu" 
			// each plugin you have included can have its own config object
			
			"crrm" : {
				"move" : {
					"check_move" : function (m) {
						var p = this._get_parent(m.o);

						// root is not draggable
						if(p === -1) return false;
						
						// a menu cann't be dragged to a root position
						p = this._get_parent(m.np);
						if(!p) return false;
						
						return true;
					}
				}
			},
			
			"core" : {  }
			//"core" : { "initially_open" : [ "nhtml_1" ] }
			// it makes sense to configure a plugin only if overriding the defaults
		})
		.bind("loaded.jstree", function (event, data) {
			data.inst.open_all();
			
			var sRenameId = $._xeAdminVar.sRenameOnload;
			$._xeAdminVar.sRenameOnload = null;
			
			var sSelectOnload = $._xeAdminVar.sSelectOnload;
			$._xeAdminVar.sSelectOnload = null;
			
			if(sRenameId){
				//console.log('renaming', sRenameId);
				$("#siteMapTree").jstree("rename", $("#menu"+sRenameId));
				$("#menu"+sRenameId)[0].scrollIntoView(true);
			}
			
			if(sSelectOnload){
				//console.log('selecting', sSelectOnload);
				var el = $("#menu"+sSelectOnload)[0];
				
				if(el){
					$("#siteMapTree").jstree("select_node", $(el));
					el.scrollIntoView(true);
				}
			}
			
        })
		.bind("rename.jstree", function(event, data){
			$("#siteMapTree").removeClass("_node_renaming"); 
		})
		.bind("rename_node.jstree", function(event, data){
			var sTitle = data.args[1];
			var htOldInfo = htNodeInfo[$._xeAdminVar.sSelectedMenuSrl];
			if(htOldInfo.sText === sTitle) return;
			
			var sMenuSrl = $._xeAdminVar.sSelectedMenuSrl;
			
			renameSitemap(sMenuSrl, sTitle);
		})
		.bind("create_node.jstree", function (event, data) {

		})
		.bind("select_node.jstree", function(event, data){
			$("#siteMapTree input").blur();
			//console.log($("#siteMapTree input"));
		
			var sSelectedMenuSrl = data.rslt.obj.attr("id").replace("menu", "");
			$._xeAdminVar.sSelectedMenuSrl = sSelectedMenuSrl;
			
			showProp(sSelectedMenuSrl);
		})
		.bind("move_node.jstree", function(event, data){
			//console.log(event, data);
			
			
			/*
				._get_move ()
				Returns the lastly prepared move. The returned object contains:
				.o - the node being moved
				.r - the reference node in the move
				.ot - the origin tree instance
				.rt - the reference tree instance
				.p - the position to move to (may be a string - "last", "first", etc)
				.cp - the calculated position to move to (always a number)
				.np - the new parent
				.oc - the original node (if there was a copy)
				.cy - boolen indicating if the move was a copy
				.cr - same as np, but if a root node is created this is -1
				.op - the former parent
				.or - the node that was previously in the position of the moved node
			*/
			var aMoveInfo = data.args[0];
			var aSource = aMoveInfo.o;
			var aTargetPosRef = aMoveInfo.r;
			var sTargetPos = aMoveInfo.p;
			var aNewParent = aMoveInfo.np;

			//console.log(aSource, aTargetPosRef, sTargetPos, aNewParent);
			//console.log(aSource[0], aTargetPosRef[0], sTargetPos, aNewParent[0]);

			var aNode, htParentInfo, htTargetInfo, htData, sMenuSrl, sTargetSrl, sParentSrl, nIdx;
			//htData = $.parseJSON($(htSource).attr('data-param');
			//console.log(sTargetPos);
			sMenuSrl = aSource[0].id.replace("menu", "");
			sParentSrl = aNewParent[0].id.replace("menu", "");
			sTargetSrl = aTargetPosRef[0].id.replace("menu", "");
			/*
console.log(123, aTargetPosRef);
console.log(sTargetSrl);
console.log(htNodeInfo);
*/
			switch(sTargetPos){
				case "after":
					// use the values as-is
				break;
				
				case "before":
					htTargetInfo = htNodeInfo[sTargetSrl];
					htParentInfo = htNodeInfo[htTargetInfo.sParentSrl];
					
					//console.log(htParentInfo);

					aNode = htParentInfo.aNode;

					for(var i=0, nLen=aNode.length; i<nLen; i++){
						//console.log(aNode[i].sText, aNode[i].sNodeSrl, "->", sTargetSrl);
						if(aNode[i].sNodeSrl == sTargetSrl){
							//console.log('found');
							break;
						}
					}
					//console.log(999, i);
					
					if(i === 0){
						sTargetSrl = 0;
					}else{
						sTargetSrl = aNode[i - 1].sNodeSrl;
					}
				break;
				
				case "first":
					sTargetSrl = 0;
				break;

				case "last":
					htParentInfo = htNodeInfo[sParentSrl];
					//console.log(222, htParentInfo, sParentSrl);
					
					aNode = htParentInfo.aNode;
					if(aNode.length == 0){
						sTargetSrl = 0;
					}else{
						sTargetSrl = aNode[aNode.length - 1].sNodeSrl;
					}
				break;

				default:
				break;
			}
			
			var params = {};
			
			params['mode'] = 'move';

			// 위치를 이동 할 메뉴의 srl
			params['target_srl'] = sMenuSrl;

			// 어느 부모 밑으로 이동 할지
			params['parent_srl'] = sParentSrl;

			// parent_srl 하위의 어느 노드 뒤에 삽입 할지. 
			// 0: parent_srl 바로 밑에. 
			// 다른 값: 해당 srl을 가진 노드 밑에
			params['source_srl'] = sTargetSrl;  
			//exec_xml("menu","procMenuAdminMoveItem", params, completeTmp);
			
			$.exec_json("menu.procMenuAdminMoveItem", params, function(htData){
				//console.log(htData);
				if(htData.error !== 0){
					alert(htData.message);
					return;
				}
				
				// select the newly created menu
				//$._xeAdminVar.sSelectOnload = htData.menu_item_srl;
				
				// select currently selected menu
				$._xeAdminVar.sSelectOnload = sMenuSrl;
				loadSiteMap();
			});
		});
		
	$('#site_map').nextAll().hide();
}

var htNodeInfo = {};
// return html
function createTreeMarkup(aNode, sParentSrl, sMenuTree, sMenuTreeNode){
	sMenuTree = sMenuTree || "menuTree";
	sMenuTreeNode = sMenuTreeNode || "menuTreeNode";
	
	var $ = jQuery;
	
	if(aNode.length == 0){
		return "";
	}
	
	var sActiveBtn, sNormalBtn, sHoverBtn, sExpand, sLink, aSubNodes, sNodeSrl, sOpenWindow, sParentSrl, nSelected, sText, sURL, sIsStartModule, aSubNode, sModuleType;
	
	// 1: Sitemap node, 2: Menu node
	var nNodeType;

	var sResult = "";
	var sTargetPanel;
	for(var i=0, nLen=aNode.length; i<nLen; i++){
		aNode[i].sParentSrl = sParentSrl;

		// Only sitemap node has menuSrl
		if(aNode[i].menuSrl){
			nNodeType = 1;
		}else{
			nNodeType = 2;
		}
		
		sURL = "";
		switch(nNodeType){
			/*
				list: Array[1]
				menuSrl: "59"
				title: "welcome_menu"
			*/
			case 1:
			sText  = aNode[i].title;
			sNodeSrl  = aNode[i].menuSrl;
			
			aSubNode  = aNode[i].menuItems.list;
			
			sTargetPanel = "#propertiesRoot";
			break;
			
			/*
				active_btn: ""
				expand: "N"
				hover_btn: ""
				href: ""
				link: "menu1"
				list: Array[1]
				node_srl: "60"
				normal_btn: ""
				open_window: "N"
				parent_srl: "0"
				selected: 0
				text: "menu1"
				url: ""
				is_start_module: 1 or true
			*/
			case 2:
			sText  = aNode[i].text;
			sLink  = aNode[i].link;
			sURL  = aNode[i].url;
			sNodeSrl  = aNode[i].node_srl;
			//sParentSrl  = aNode[i].parent_srl;

			sExpand  = aNode[i].expand;
			sOpenWindow  = aNode[i].open_window;

			nSelected  = aNode[i].selected;

			sActiveBtn  = aNode[i].active_btn;
			sNormalBtn  = aNode[i].normal_btn;
			sHoverBtn = aNode[i].hover_btn;
			
			sIsStartModule = aNode[i].is_start_module;
			
			aSubNode  = aNode[i].list;
			
			sModuleType = aNode[i].module_type;
			sModule = aNode[i].module;
			
			sTargetPanel = "#properties";
			
			if(aNode[i].is_shortcut === "Y"){
				sModuleType = "_SHORTCUT";
				sURL = "";
				aNode[i].bShortCut = true;
			}else{
				aNode[i].bShortCut = false;
			}

			break;
			
			default:
		}

		htNodeInfo[sNodeSrl] = aNode[i];
		htNodeInfo[sNodeSrl].aNode = aSubNode || [];

		htNodeInfo[sNodeSrl].nNodeType = nNodeType;
		htNodeInfo[sNodeSrl].sNodeSrl = sNodeSrl;
		htNodeInfo[sNodeSrl].sText = sText;
		htNodeInfo[sNodeSrl].sMenuNameKey = htNodeInfo[sNodeSrl].menu_name_key;
		
		htNodeInfo[sNodeSrl].sModuleType = sModuleType;

		sSubTree = "";
		if(aSubNode && aSubNode.length>0){
			//sSubTree = createTreeMarkup(aSubNode, aNode[i], sMenuTree, sMenuTreeNode);
			sSubTree = createTreeMarkup(aSubNode, sNodeSrl, sMenuTree, sMenuTreeNode);
		}
		/*
		if(sMenuType === "shortcut"){
			sText = sText + " ${s}";
		}
		*/
		var sTextWithIcons = sText;
		if(sIsStartModule){
			sTextWithIcons += " ${h}";
		}
		if(htNodeInfo[sNodeSrl].sModuleType === "_SHORTCUT"){
			sTextWithIcons += " ${s}";
			nNodeType = 3;
		}

		sResult += $.tmpl( sMenuTreeNode, {MenuTitleWithHome:sTextWithIcons,MenuTitle:sText,MenuId:sNodeSrl,MenuUrl:sURL,NodeType:nNodeType,SubTree:sSubTree,Target:sTargetPanel} ).get()[0].outerHTML.replace("${h}", "<i class='x_icon-home' title='Home Page'>[HOME]</i>").replace("${s}", "<i class='x_icon-share' title='Shortcut'></i>");
	}
	
	return $.tmpl( sMenuTree, {Nodes:sResult} ).get()[0].outerHTML;
}

function renameSitemap(sMenuSrl, sTitle){
	var $ = jQuery;
	
	var params = {};
	params.title = sTitle;
	params.menu_srl = sMenuSrl;
	
	$.exec_json("menu.procMenuAdminUpdate", params, function(htData){
		if(htData.error !== 0){
			alert(htData.message);
			return;
		}
		
		$._xeAdminVar.sSelectOnload = sMenuSrl;
		loadSiteMap();
		return;
	});
}

function showProp(sMenuId){
	var $ = jQuery;
	$._htMarkupActionParam = {sMenuId: sMenuId};

	if(htNodeInfo[sMenuId].nNodeType === 1){
		$("#propertiesRoot").show(null, null, null, {bOpeningProp: true});
	}else{
		$("#properties").show(null, null, null, {bOpeningProp: true});
	}
}

function loadSiteMap(){
	var $ = jQuery;
	
	var params = {};
	var response_tags = new Array('menuList');
	params['menu_srl'] = 0;
	$.exec_json("menu.getMenuAdminSiteMap", params, onSiteMapReceived);
}
<!--@end-->

function clearInputs($elm){
	var $ = jQuery;
	
	$elm.find('input').val("");
}

function setItemTypes(htTypes){
	var $ = jQuery;
	
	$._xeAdminVar.htItemTypes = htTypes || {};

	$._xeAdminVar.htItemTypes._SHORTCUT = {
		title: xe.lang.shortcut,
		moduleName:'',
		description : xe.lang.shortcut_desc
	}
	//console.log($._xeAdminVar.htItemTypes);
}

jQuery(function($){
	$.fn.outerHTML = function(){
		// IE, Chrome & Safari will comply with the non-standard outerHTML, all others (FF) will have a fall-back for cloning
		return (!this.length) ? this : (this[0].outerHTML || (
		  function(el){
			  var div = document.createElement('div');
			  div.appendChild(el.cloneNode(true));
			  var contents = div.innerHTML;
			  div = null;
			  return contents;
		})(this[0]));
	}
	
	var _hide = $.fn.hide;
	$.fn.hide = function(speed, easing, callback, htOpt) {
		$(this).trigger('hide', [htOpt]);
		
		$(this).find('.active').removeClass('active');
		
		var sId = $(this).attr("id");
		
		if($(this).hasClass("col")){
			$(this).next().hide(speed, easing, callback, htOpt);

			if(sId){
				$(this).parent().find('a[href="#'+sId+'"]').parent('li.active').removeClass('active');
			}
		}

		return _hide.apply(this, arguments);
	}
	
	var _show = $.fn.show;
	$.fn.show = function(speed, easing, callback, htOpt) {
		$(this).trigger('show', [htOpt]);

		if($(this).hasClass("col")){
			$(this).next().hide(speed, easing, callback, htOpt);
			
			setTimeout(scrollToRight, 0);
			//scrollToRight();
		}

		return _show.apply(this, arguments);
	}
	
	$.fn.prevUntilAnd = function(){
		var $result = $.fn.prevUntil.apply(this, arguments);
		var $match = ($result.length>0?$result.last():$(this)).prev();
		
		if($match.length>0) $.merge($result, $match);

		return $result;
	}
	
	<!--@if($act == 'dispMenuAdminSiteMap')-->
	$( "#tmpl_menuTree" ).template( "menuTree" );
	$( "#tmpl_menuTreeNode" ).template( "menuTreeNode" );

	$( "#tmpl_menuSelector_menuTree" ).template( "menuSelector_menuTree" );
	$( "#tmpl_menuSelector_menuTreeNode" ).template( "menuSelector_menuTreeNode" );

	loadSiteMap();

	$.exec_json("menu.getMenuAdminInstalledMenuType", {}, function(htData){
		setItemTypes(htData.menu_types);
	});
	<!--@end-->
	
	<!--@if($act == 'dispMenuAdminSiteDesign')-->
	$._xeAdminVar.bSiteDesignMode = true;
	
	//$('#design').nextAll().hide();

	setTimeout(function(){$('#design').show();},0);

	<!--@end-->
	
	$("#tmpl_noDownloadableItem").template( "noDownloadableItem" );
	$("#tmpl_downloadableItem").template( "downloadableItem" );

	$("#tmpl_pagination").template( "pagination" );
	$("#tmpl_pagination_list").template( "paginationList" );
	$("#tmpl_pagination_jump").template( "paginationJump" );
	function createPagination(htOptions){
		var $PlaceHolder = htOptions.$PlaceHolder;
		var fnCallback = htOptions.fnCallback;
		var nCurPage = htOptions.nCurPage;
		var nTotalPages = htOptions.nTotalPages;
		var sToFirstText = htOptions.sToFirstText;
		var sToLastText = htOptions.sToLastText;
		var sToText = htOptions.sToText;
		var sSearchKeyword = htOptions.sSearchKeyword;
		
		$PlaceHolder.addClass('_pagination');
		$PlaceHolder.data('search_keyword', sSearchKeyword);
		
		nCurPage = parseInt(nCurPage);
		nTotalPages = parseInt(nTotalPages);
		var nMaxList = 5;
		
		var $Result = $.tmpl( "pagination", {});
		
		var nStart = nCurPage - parseInt(nMaxList/2);
		if(nStart <= 0) nStart = 1;
		
		// -1 because it starts from "nStart", not "after nStart".
		var nLast = nStart + nMaxList - 1;
		if(nLast > nTotalPages){
			nLast = nTotalPages;
			if(nLast >= nMaxList) nStart = nLast - nMaxList + 1;
		}
		
		var sActiveClass, sListHTML = "";

		var sPageJump = $.tmpl("paginationJump", {GoText: sToText, LastPage:nTotalPages})[0].outerHTML
		
		if(nCurPage === 1) sActiveClass = "x_disabled";
		sListHTML +=  $.tmpl("paginationList", {Page: 1, PageText: sToFirstText, ActiveClass:sActiveClass})[0].outerHTML;
		if(nCurPage > nTotalPages/2 && nTotalPages > nMaxList){
			sListHTML +=  sPageJump;
		}
		for(var i=nStart; i<=nLast; i++){
			sActiveClass = "";
			if(i === nCurPage) sActiveClass = "x_active";
			sListHTML +=  $.tmpl("paginationList", {Page: i, PageText:i, ActiveClass:sActiveClass})[0].outerHTML;
		}
		if(!(nCurPage > nTotalPages/2) && nTotalPages > nMaxList){
			sListHTML +=  sPageJump;
		}
		if(nCurPage === nTotalPages) sActiveClass = "x_disabled";
		sListHTML +=  $.tmpl("paginationList", {Page: nTotalPages, PageText: sToLastText, ActiveClass:sActiveClass})[0].outerHTML;
		$Result.find('._list').html(sListHTML);
		
		$PlaceHolder.html("");
		$PlaceHolder.append($Result);
		
		if(sSearchKeyword){
			$PlaceHolder.find('input[name=search_keyword]').val(sSearchKeyword);
		}
		
		$.data($PlaceHolder[0], "fnCallback", fnCallback);
	}
	$(document.body).on('click', '._pagination ._search', function(ev){
		ev.preventDefault();
		
		var sSearchKeyword = $(this).closest('._pagination').find('input[name=search_keyword]').val();

		$.data($(this).closest('._pagination')[0], "fnCallback")({
			page: 1,
			search_keyword: sSearchKeyword
		});
	});
	$(document.body).on('click', '._pagination ._cancel', function(ev){
		ev.preventDefault();
		
		$.data($(this).closest('._pagination')[0], "fnCallback")({
			page: 1,
			search_keyword: ""
		});
	});

	$(document.body).on('click', '._pagination ._toPage', function(ev){
		var sSearchKeyword = $(this).closest('._pagination').data('search_keyword');
		
		htParam = $.parseJSON($(this).attr('data-param'));
		
		$.data($(this).parents('._pagination')[0], "fnCallback")({
			page: htParam.page,
			search_keyword: sSearchKeyword
		});
	});

	$(document.body).on('click', '.x_pagination ._jumpTo', function(ev){
		var sSearchKeyword = $(this).closest('._pagination').data('search_keyword');
		
		htParam = $.parseJSON($(this).attr('data-param'));
		//console.log($(this).parent().find('input[name=page]'));
		var nPage = parseInt($(this).parent().find('input[name=page]').val());

		$.data($(this).parents('._pagination')[0], "fnCallback")({
			page: nPage,
			search_keyword: sSearchKeyword
		});
	});
	
	//$.jstree._themes = "PATH/TO/FOLDER/";
	//$.jstree._themes = "/maserati/modules/menu/tpl/css/themes/";
	$.jstree._themes = '{getNotEncodedFullUrl("")}/modules/menu/tpl/css/themes/';
			
	$(document.body).on("click", ".x div.col a, .x div.col button", function(ev){
		// FF keeps the focus, making the button highlighted even after the panel is closed.
		$(this).blur();
	});
	
	// Prepare parms
	$(document.body).on("click", ".x [data-param]", function(ev){
		$._htMarkupActionParam = $.parseJSON($(this).attr('data-param'));

		return false;
	});
	
	// TARGET toggle
	$(document.body).on("click", ".x [data-admin-toggle]", function(ev){
		$($(this).attr('data-admin-toggle')).toggle();

		ev.preventDefault();
	});
	
	// TARGET show
	$(document.body).on("click", ".x [data-admin-show]", function(ev){
		var $anchor = $(this);
		var $target = $($(this).attr('data-admin-show'));

		showTargetClicked($anchor, $target);
		
		ev.preventDefault();
	});
	function showTargetClicked($anchor, $target){
		$anchor.parents('.col').next().hide();
		
		// change selected status of the navigation li
		if($anchor.find('i.x_icon-circle-arrow-right').length > 0){
			$anchor.parent('li').addClass('active').siblings('li').removeClass('active');
		}

		$target.show();
	}
	
	// TARGET hide
	$(document.body).on("click", ".x [data-admin-hide]", function(ev){
		var $target = $($(this).attr('data-admin-hide'));

		$target.hide();
	});

	$(document.body).on("click", ".x .showProp", function(ev){
		var sMenuId = $._htMarkupActionParam.sMenuId;
		
		$("#siteMapTree").jstree("deselect_all");
		$("#siteMapTree").jstree("select_node", "#menu"+sMenuId);
	});

	$(document.body).on("click", '._menuSelector_menuTreeContainer a', function(){
		if($(this).hasClass('_nodeType_1')){
			alert('no root plz');
			return;
		}
		
		if($(this).hasClass('_nodeType_3')){
			alert('no shortcut plz');
			return;
		}
		
		$(this).closest('._menuSelector_menuTreeContainer').prevAll('input._linkMenuTitle').val($._htMarkupActionParam.sMenuTitle);
		//$(this).closest('.clone').prev('input[type="text"]').val($._htMarkupActionParam.sMenuTitle + " ["+$._htMarkupActionParam.sMenuUrl+"]");
		$(this).closest('._menuSelector_menuTreeContainer').prev('input._linkMenuSrl').val($._htMarkupActionParam.sMenuId);
		
		$(this).closest('._menuSelector_menuTreeContainer').find('li.x_selected').removeClass('x_selected');
		$(this).closest('li').addClass('x_selected');
	});

	function scrollToRight(){
		$('#site').scrollTo($('#site').width(), 0, {duration: 0 } );
	}

	function scrollToTop($Area){
		$Area.scrollTo(0, 0, {duration: 0 } );
	}

	<!--@if($act == 'dispMenuAdminSiteMap')-->
	$("#site_map ._addSiteMap").click(function(){
		$("#siteMapTree").jstree("deselect_all");
		$("#siteMapTree").jstree("create", null, "first", { data: "New Sitemap" }, null, true);
	});
	
	$('#propertiesRoot').bind("show", function(ev, htOpt){
		$('#site_map').next().hide(null, null, null, htOpt);

		var sMenuId = $._htMarkupActionParam.sMenuId;
		var htInfo = htNodeInfo[sMenuId];
		$(ev.target).find('.title').html(htInfo.sText);
	});
	$('#propertiesRoot').bind("hide", function(ev, htOpt){
		if(htOpt && htOpt.bOpeningProp) return;
		
		if($('#properties').is(':visible')) return;
		
		$("#siteMapTree").jstree("deselect_all");
	});
	$('#properties ._edit_cut').click(function(){
		//console.log(1, $._xeAdminVar.sSelectedMenuSrl);
		
		$('._edit_paste').removeAttr('disabled');
		
		$('#site_map li._isCut').removeClass('_isCut');
		
		$._xeAdminVar.sCopySourceMenuSrl = $._xeAdminVar.sSelectedMenuSrl;
		$._xeAdminVar.bCut = true;
		
		$('#menu'+$._xeAdminVar.sCopySourceMenuSrl).addClass('_isCut');
	});
	$('#add_sitemap').bind('hide', function(){
		var $panel = $(this);
		$panel.find('INPUT._sitemapName').val('');
	});
	$('#add_sitemap ._save').click(function(){
		var $panel = $('#add_sitemap');
		
		
		var sTitle = $panel.find('INPUT._sitemapName').val();;
		var params = {};
		params['title'] = sTitle;
		$.exec_json("menu.procMenuAdminInsert", params, function(htData){
			//console.log(htData);
			if(htData.error !== 0){
				alert(htData.message);
				return;
			}
			
			//./
			//$._xeAdminVar.sRenameOnload = htData.menu_srl;
			//$._xeAdminVar.sSelectedMenuSrl = htData.menu_srl;
			$._xeAdminVar.sSelectOnload = htData.menu_srl;
			
			loadSiteMap();
			return;
		});
	});
	$('#sitemap_general').bind('show', function(){
		var sMenuId = $._xeAdminVar.sSelectedMenuSrl;
		var htInfo = htNodeInfo[sMenuId];
		
		var $panel = $(this);
		$panel.find('INPUT._sitemapName').val(htInfo.title);
	});
	$('#sitemap_general ._save').click(function(){
		var sTitle = $('#sitemap_general INPUT._sitemapName').val();
		renameSitemap($._xeAdminVar.sSelectedMenuSrl, sTitle);
	//./
	/*
		$.exec_json("menu.procMenuAdminUpdateItem", params, function(htData){
			if(htData.error !== 0){
				alert(htData.message);
				return;
			}
			
			// select currently selected menu
			$._xeAdminVar.sSelectOnload = $._xeAdminVar.sSelectedMenuSrl;
			loadSiteMap();
		});
		*/
	});
	
	$('#properties ._edit_copy').click(function(){
		//console.log(2, $._xeAdminVar.sSelectedMenuSrl);
		
		$('._edit_paste').removeAttr('disabled');

		$('#site_map li._isCut').removeClass('_isCut');

		$._xeAdminVar.sCopySourceMenuSrl = $._xeAdminVar.sSelectedMenuSrl;
		$._xeAdminVar.bCut = false;
	});
	$('._edit_paste').click(function(){
		//console.log($._xeAdminVar.sCopySourceMenuSrl);
		
		if(!$._xeAdminVar.sCopySourceMenuSrl) return;
		
		var params = {};

		if($._xeAdminVar.bCut){
			// can't paste into a child menu of the source menu
			var sParentSrl = $._xeAdminVar.sSelectedMenuSrl;
			 do{
				if(sParentSrl == $._xeAdminVar.sCopySourceMenuSrl){
					alert(xe.lang.msg_target_is_sub_of_origin);
					return;
				}

				sParentSrl = htNodeInfo[sParentSrl].sParentSrl;
			 }while(sParentSrl)
			
			$('._edit_paste').attr('disabled', 'disabled');
			
			params['mode'] = 'move';

			// 위치를 이동 할 메뉴의 srl
			params['target_srl'] = $._xeAdminVar.sCopySourceMenuSrl;

			// 어느 부모 밑으로 이동 할지
			params['parent_srl'] = $._xeAdminVar.sSelectedMenuSrl;

			// parent_srl 하위의 어느 노드 뒤에 삽입 할지. 
			// 0: parent_srl 바로 밑에. 
			// 다른 값: 해당 srl을 가진 노드 밑에
			params['source_srl'] = 0; 
			
			$.exec_json("menu.procMenuAdminMoveItem", params, function(htData){
				//console.log(htData);
				if(htData.error !== 0){
					alert(htData.message);
					return;
				}
				
				// select currently selected menu
				$._xeAdminVar.sSelectOnload = params['target_srl'];
				loadSiteMap();
				
				//showQuickHelp('can_drag_menu');
			});
			
			$._xeAdminVar.sCopySourceMenuSrl = null;
		}else{
			//params['menu_srl'] = '61';
			params['parent_srl'] = $._xeAdminVar.sSelectedMenuSrl;
			params['menu_item_srl'] = $._xeAdminVar.sCopySourceMenuSrl;

			$.exec_json("menu.procMenuAdminCopyItem", params, function(htData){
				//console.log(htData);
				if(htData.error !== 0){
					alert(htData.message);
					return;
				}
				
				// select currently selected menu
				$._xeAdminVar.sSelectOnload = params['menu_item_srl'];
				loadSiteMap();
			});

		}
		
	});
	$("._delSiteMap").click(function(){
		
		confirmDialog({
			sTitle : xe.lang.confirm_menu_delete,
			
			sText : '<label><input type="checkbox"> ' + xe.lang.confirm_delete_all_item  + '</label>',
			
			bDanger : true,
			
			fnOnOK : function(){
				if(!$msgBox.find('input[type="checkbox"]').attr('checked')) return true;

				var sSelectedMenuSrl = $._xeAdminVar.sSelectedMenuSrl;
				var params = {};
				params['menu_srl'] = sSelectedMenuSrl;
				$.exec_json("menu.procMenuAdminDelete", params, function(htData){
					//console.log(htData);
					if(htData.error !== 0){
						alert(htData.message);
						return;
					}
					
					loadSiteMap();
				});
			},
			
			fnOnShow : function(){
				$msgBox.find("._ok").addClass("x_disabled");
				
				$msgBox.find('input[type="checkbox"]').click(function(){
					if($(this).attr('checked')){
						$msgBox.find("._ok").removeClass("x_disabled");
					}else{
						$msgBox.find("._ok").addClass("x_disabled");
					}
				});
			},
			
			fnOnHide : function(){
				$msgBox.find("._ok").removeClass("x_disabled");
			}
		});
	});
	$("._renameSiteMap").click(function(){
		$("#siteMapTree").jstree("rename"); 
		
		/*
		var sSelectedMenuSrl = $._xeAdminVar.sSelectedMenuSrl;
		var $node = $('#menu'+sSelectedMenuSrl);
		$node.addClass('_node_renaming');
		*/
		$("#siteMapTree").addClass('_node_renaming');
	});
	$('#properties').bind("show", function(ev, htOpt){
		$('#site_map').next().hide(null, null, null, htOpt);
		
		var sMenuId = $._htMarkupActionParam.sMenuId;
		var htInfo = htNodeInfo[sMenuId];
		$(ev.target).find('.title').html(htInfo.sText);

		$(ev.target).find('.title').attr('href', htInfo.href);
		//$(ev.target).find('.url').html(htInfo.url);
		$(ev.target).find('.module_type').html($._xeAdminVar.htItemTypes[htInfo.sModuleType].title);

		if(htInfo.bShortCut){
			$(ev.target).removeClass('prop-general');
			$(ev.target).addClass('prop-shortcut ');
		}else{
			$(ev.target).addClass('prop-general');
			$(ev.target).removeClass('prop-shortcut ');
		}
		
		if(htInfo.is_start_module){
			$(ev.target).find('._chkUseAsHome').attr('checked', 'checked').attr('disabled', 'disabled');
		}else{
			$(ev.target).find('._chkUseAsHome').removeAttr('disabled').removeAttr('checked');
		}
	});
	$('#properties').bind("hide", function(ev, htOpt){
		if(htOpt && htOpt.bOpeningProp) return;

		if($('#propertiesRoot').is(':visible')) return;
		
		$("#siteMapTree").jstree("deselect_all");
	});
	$('#properties ._chkUseAsHome').click(function(){
		if($(this).attr('checked')){
			var params = {
				menu_item_srl : $._xeAdminVar.sSelectedMenuSrl,
				index_module_srl : htNodeInfo[$._xeAdminVar.sSelectedMenuSrl].module_srl
			};

			$.exec_json("admin.procInstallAdminUpdateIndexModule", params, function(htData){
				//console.log(htData);
				if(htData.error !== 0){
					alert(htData.message);
					return;
				}
				
				// select currently selected menu
				$._xeAdminVar.sSelectOnload =  $._xeAdminVar.sSelectedMenuSrl;
				loadSiteMap();
			});
		}
	});
	

	$('#add').bind("hide", function(){
	});
	
	$('#download').bind("show", function(ev){
	// ignore bubbled show events
		if(this !== ev.target){
			return;
		}
		
	//index.php?act=getAutoinstallAdminMenuPackageList
		$('#add').nextAll().hide();
		
		drawDownloadableList('download');
	});
	$('#download').bind("hide", function(ev){
	// ignore bubbled show events
		if(this !== ev.target){
			return;
		}
		
		$('#download ._pagination').html("");
	});
	

	$('#add_menu').bind("show", function(ev){
		// ignore bubbled show events
		if(this !== ev.target){
			return;
		}
		
		$._xeAdminVar.sSelectedModuleName = $._htMarkupActionParam.moduleName;
		$._xeAdminVar.sSelectedModuleTitle = $._htMarkupActionParam.moduleTitle;
		
		var $description = $(this).find('._description');
		
		var $title = $(this).find("._title");
		$title.html($._xeAdminVar.sSelectedModuleTitle);
		var htItemType = $._xeAdminVar.htItemTypes[$._xeAdminVar.sSelectedModuleName];

		var $link = $(this).find("._link");
		
		$description.html(htItemType.description || "");
		if(htItemType.package_srl && htItemType.url){
			$link.show();
			$link.attr('target', '_blank');
			$link.attr('href', htItemType.url);
		}else{
			$link.hide();
			$link.removeAttr('target');
			$link.removeAttr('href');
		}

		
		if($._xeAdminVar.sSelectedModuleName === "_SHORTCUT"){
			$(this).removeClass("page");
			$(this).addClass("url");
		}else{
			$(this).addClass("page");
			$(this).removeClass("url");
		}
		
		//$('.mapi').clone().removeClass().removeAttr('id').addClass('clone').appendTo('#add_linkMenu, #fix_linkMenu').find('li').removeAttr('id').removeAttr('class').find('ins, .side').remove();
		
		$(this).find('.lang_code').trigger('reload-multilingual');
		
		showMenuSelector($(this).find('._menuSelector_menuTreeContainer'));
	});
	$('#add_menu').bind("hide", function(ev){
		if(this !== ev.target) return;

		clearInputs($('#add_menu'));
		 $('#add_menu .x_active ._linkUrl').val('http://');
	});
	$('#add_menu ._save').bind("click", function(){
		var sMenuName = $('#add_menu ._menuName').val();
		var sUrl = $('#add_menu ._mid').val();
		var sTargetKey = "module_id";
		
		var sSelectedModuleName = $._xeAdminVar.sSelectedModuleName;
		var sSelectedMenuSrl = $._xeAdminVar.sSelectedMenuSrl;

		//console.log($._xeAdminVar, sSelectedModuleName, sSelectedMenuSrl, sMenuName, sUrl);

		var isShortCut = "N";
		var $labels;
		// URL?
		if($._xeAdminVar.sSelectedModuleName === "_SHORTCUT"){
			isShortCut = "Y";
			sSelectedModuleName = "";
			
			$labels = $('#add_menu .x_nav-tabs li');
			for(var nSelectedTabIdx=0, nLen=$labels.length; nSelectedTabIdx<nLen; nSelectedTabIdx++){
				if($($labels[nSelectedTabIdx]).hasClass("x_active")) break;
			}
			
			if(nSelectedTabIdx === 0){
				sUrl = $('#add_menu .x_active ._linkUrl').val();
				if(!sUrl || sUrl === "http://"){
					alert('URL is required');
					return;
				}
				if(!sUrl.match(/^http:\/\//)){
					sUrl = "http://"+sUrl;
				}
			}else{
				sUrl = $('#add_menu .x_active ._linkMenuSrl').val();
/*
				if(!sUrl){
					alert("Target mid is required");
					return;
				}
*/
			}
			
			sTargetKey = 'shortcut_target';
		}
		
		var params = {};
		var response_tags = new Array('menu_item_srl');
		params['ruleset'] = "insertMenuItem";
		params['act'] = "procMenuAdminInsertItem";
		params['menu_name_key'] = "";
		params['menu_name'] = sMenuName;
		params['module_type'] = sSelectedModuleName;
		params['menu_open_window'] = "N";
		params['menu_expand'] = "N";
		params['is_shortcut'] = isShortCut;
		params['parent_srl'] = sSelectedMenuSrl;
		params[sTargetKey] = sUrl;

		/*
		Array
		(
			[error] => "0"
			[message] => "등록했습니다."
			[menu_item_srl] => "2"
		)
		*/
		$.exec_json("menu.procMenuAdminInsertItem", params, function(htData){
			//console.log(htData);
			if(htData.error !== 0){
				alert(htData.message);
				return;
			}
			
			// select the newly created menu
			//$._xeAdminVar.sSelectOnload = htData.menu_item_srl;
			
			// select currently selected menu
			$._xeAdminVar.sSelectOnload = $._xeAdminVar.sSelectedMenuSrl;
			loadSiteMap();
			
			showQuickHelp('how_to_modify_menu');
		});
	});
	
	$('#default').bind("show", function(ev){
		if(this !== ev.target) return;
		
		var htInfo = htNodeInfo[$._xeAdminVar.sSelectedMenuSrl];
		
		//$(this).find('.module_type').html($._xeAdminVar.htItemTypes[htInfo.sModuleType].title);
		//console.log(htInfo);
		
		if(htInfo.sModuleType === "_SHORTCUT"){
			$(this).addClass('url');
			$(this).removeClass('page');
		}else{
			$(this).removeClass('url');
			$(this).addClass('page');
		}
		
		//$(this).find('#menuName').val(htInfo.sText);
		$(this).find('#menuName').val(htInfo.sMenuNameKey);
		//menu_name_key
		
		$(this).find('#mid2').val(htInfo.url);
		
		//console.log(htInfo);
		if(htInfo.sModuleType === "_SHORTCUT"){
			if(htInfo.module){
				// Menu shortcut
				$(this).find('a[href="#fix_linkMenu"]').click();
				//$(this).find('._menu_link').val();
				showMenuSelector($(this).find('._menuSelector_menuTreeContainer'), htInfo.url);
			}else{
				// URL shortcut
				$(this).find('a[href="#fix_linkUrl"]').click();
				$(this).find('._url_link').val(htInfo.url);
				
				showMenuSelector($(this).find('._menuSelector_menuTreeContainer'));
			}
		}
		
		if(htInfo.open_window === "N"){
			$(this).find('._newWindow').removeAttr("checked");
		}else{
			$(this).find('._newWindow').attr("checked", "checked");
		}
		
		if(htInfo.expand === "N"){
			$(this).find('._leaveUnfolded').removeAttr("checked");
		}else{
			$(this).find('._leaveUnfolded').attr("checked", "checked");
		}
		
		$(this).find('.lang_code').trigger('reload-multilingual');
	});
	$('#default').bind("hide", function(ev){
		if(this !== ev.target) return;
		
		$(this).find('._url_link').val('');
	});
	$('#default ._save').click(function(){
		var htInfo = htNodeInfo[$._xeAdminVar.sSelectedMenuSrl];
		
		var sMenuName = $('#default ._menuName').val();
		var sMID;

		var sNewWindow = $('#default ._newWindow').attr("checked")?"Y":"N";
		var sLeaveUnfolded = $('#default ._leaveUnfolded').attr("checked")?"Y":"N";
		
		var sSelectedModuleName = $._xeAdminVar.sSelectedModuleName;
		var sSelectedMenuSrl = $._xeAdminVar.sSelectedMenuSrl;

		var params = {};

		if(htInfo.sModuleType === "_SHORTCUT"){
			if($('#fix_linkMenu').css("display") === "none"){
				sMID = $('#default ._url_link').val();
			}else{
				sMID = $('#default ._linkMenuSrl').val();
			}
			params['shortcut_target'] = sMID;
		}else{
			sMID = $('#default ._mid').val();
			params['module_id'] = sMID;
		}
		params['menu_item_srl'] = sSelectedMenuSrl;
		params['menu_name'] = sMenuName;
		params['menu_open_window'] = sNewWindow;
		params['menu_expand'] = sLeaveUnfolded;
//console.log(params);return;
		$.exec_json("menu.procMenuAdminUpdateItem", params, function(htData){
			if(htData.error !== 0){
				alert(htData.message);
				return;
			}
			
			// select currently selected menu
			$._xeAdminVar.sSelectOnload = $._xeAdminVar.sSelectedMenuSrl;
			loadSiteMap();
		});
	});
	
	top.onBtnImgUploadedTO = function(htData){
		$._xeAdminVar.nBtnUploaded = null;
		
		if($._xeAdminVar.bBtnUploadCompleted){
			top.onBtnImgUploaded();
		}
	};
	
	top.onBtnImgUploaded = function(htData){
		$._xeAdminVar.bBtnUploadCompleted = true;
		
		if($._xeAdminVar.nBtnUploaded){
			return;
		}
		
		$('#imgbtn').show();

		/*
		if(htData.normal_btn || htData.hover_btn || htData.active_btn){
			showQuickHelp('img_uploaded');
		}else{
			showQuickHelp('img_deleted');
		}
		*/
	}
	var $imgBtnForms = $("#imgbtn form");
	$imgBtnForms.find('input[name=act]').val('procMenuAdminButtonUpload');
	$imgBtnForms.find('input[name=mid]').remove();
	$imgBtnForms.find('input[name=vid]').remove();
	
	$('#imgbtn').on('show', function(ev){
		if(this !== ev.target) return;
		
		// http://code.google.com/p/xe-core/wiki/Menu_Button_load
		$.exec_json("menu.getMenuAdminItemInfo", {
			menu_item_srl : htNodeInfo[$._xeAdminVar.sSelectedMenuSrl].sNodeSrl
		}, BtnInfoReceived);
	});
	function BtnInfoReceived(htData){
		$('#imgbtn input[name=menu_item_srl]').val(htNodeInfo[$._xeAdminVar.sSelectedMenuSrl].sNodeSrl);
		
		// reset the file inputs
		$('#imgbtn input[type=file]').each(function(){
			($($(this).outerHTML())).insertAfter($(this));
			$(this).remove();
		});
		$('#imgbtn input[type=file]').change(function(){
			var $form = $(this).closest('form');
			$form.find('IMG._thumbnail').attr('src', 'common/img/msg.loading.gif');
			$form.addClass('_imgUploaded');
		
			$._xeAdminVar.bBtnUploadCompleted = false;
			if($._xeAdminVar.nBtnUploaded) clearTimeout($._xeAdminVar.nBtnUploaded);
			$._xeAdminVar.nBtnUploaded = setTimeout(top.onBtnImgUploadedTO, 5000);
			
			$form.submit();
		});
		
		if(htData.menu_item.normal_btn){
			$('#imgbtn form._btn_normal img').attr('src', htData.menu_item.normal_btn);
			$('#imgbtn form._btn_normal').addClass('_imgUploaded');
		}else{
			$('#imgbtn form._btn_normal').removeClass('_imgUploaded');
		}

		if(htData.menu_item.hover_btn){
			$('#imgbtn form._btn_hover img').attr('src', htData.menu_item.hover_btn);
			$('#imgbtn form._btn_hover').addClass('_imgUploaded');
		}else{
			$('#imgbtn form._btn_hover').removeClass('_imgUploaded');
		}

		if(htData.menu_item.active_btn){
			$('#imgbtn form._btn_selected img').attr('src', htData.menu_item.active_btn);
			$('#imgbtn form._btn_selected').addClass('_imgUploaded');
		}else{
			$('#imgbtn form._btn_selected').removeClass('_imgUploaded');
		}

		/*
        [normal_btn] => 
        [hover_btn] => 
        [active_btn] => 
		*/
	}
	$('#details').on('show', function(ev){
		if(this !== ev.target) return;
		
		$.exec_json("menu.getMenuAdminDetailSetup", {
			menu_item_srl : htNodeInfo[$._xeAdminVar.sSelectedMenuSrl].sNodeSrl
		}, function(htData){
			$.ajax({
			  url: htData.setupUrl,
			  context: document.body
			}).done(function(sData) { 
//			  console.log(999, sData);
			});
			//htData.setupUrl
		});
	});
	
	$('#auth').on('show', function(ev){
		if(this !== ev.target) return;
		
		// https://code.google.com/p/xe-core/wiki/MenuPerm?ts=1350276450&updated=MenuPerm
		$.exec_json("menu.getMenuAdminItemInfo", {
			menu_item_srl : htNodeInfo[$._xeAdminVar.sSelectedMenuSrl].sNodeSrl
		}, PermAReceived);
	});
	function PermAReceived(htData){
		//console.log(1, htData);
		
		/*
		{
		   "message_type":"",
		   "menu_item":{
			  "group_srls":[

			  ],
			  "moduleType":"",
			  "groupList":[
				 {
					"group_srl":"1",
					"title":"관리그룹",
					"isChecked":false
				 },
				 {
					"group_srl":"2",
					"title":"준회원",
					"isChecked":false
				 },
				 {
					"group_srl":"3",
					"title":"정회원",
					"isChecked":false
				 }
			  ],
			  "name_key":"",
			  "name":""
		   },
		   "error":0,
		   "message":"success"
		}
		*/
		var aUserGroups = $._xeAdminVar.aUserGroups = [];
		var htUserGroups = $._xeAdminVar.htUserGroups = {};

		var htNode = htNodeInfo[$._xeAdminVar.sSelectedMenuSrl];
		var aPerms =  htNode.aPerms = [];
		
		var htTmp;
		for(var i=0, nLen=htData.menu_item.groupList.length; i<nLen; i++){
			htTmp = htData.menu_item.groupList[i];
			
			aUserGroups[i] = htTmp;
			htUserGroups[htTmp.group_srl] = htTmp;
		}
		
		//console.log($._xeAdminVar.aUserGroups, $._xeAdminVar.htUserGroups);
		aPerms[0] = {
			sKey : '',
			sTitle : xe.lang.target_of_view_menu,
			sDefault : 'guest',
			sGrant : htData.menu_item.grant || 'all',
			aGroup : htData.menu_item.group_srls
		};
		
		var params = {
			target_module : htNode.sModuleType,
			module_srl : htNode.module_srl
		};

		$.exec_json("module.getModuleAdminGrant", params, PermBReceived);
	}
	function PermBReceived(htData){
		//console.log(2, htData);

		var htNode = htNodeInfo[$._xeAdminVar.sSelectedMenuSrl];
		var aPerms =  htNode.aPerms;

		/*
		  "write_document":{
			 "title":"글 작성",
			 "default":"guest",
			 "grant":"group",
			 "group":{
				 1, 2, 3
			 }
		  },
	  */
		for(var sPerm in htData.grantList){
			htTmp = htData.grantList[sPerm];
//console.log(11, htTmp);			
			aPerms.push({
				sKey : sPerm,
				sTitle : htTmp.title,
				// IE7 takes 'default' as a keyword. So use this array form to access the value
				sDefault : htTmp['default'],
				sGrant : htTmp.grant || "",
				aGroup : htTmp.group_srls || []
			});
		}
		
		drawPermSetupScreen(aPerms);
	}
	$("#tmpl_permItem").template( "permItem");
	$("#tmpl_perm_groupItem").template( "perm_groupItem");
	function drawPermSetupScreen(aPerms){
		//console.log(aPerms);
		
		var $List = $('#auth ._list');
		$List.html("");
		
		var aUserGroups = $._xeAdminVar.aUserGroups;
		var htInfo, sDefault, $node, $groupNode, aGroup, sGrant;
		for(var i=0, nLen=aPerms.length; i<nLen; i++){
			htInfo = aPerms[i];
			//console.log(3, i, nLen, htInfo);
			/*
			<li>
				<label for="auth${PermId}">${PermTitle}</label>
				<select id="auth${PermId}">
					<option class="_group_all" value="0">모든 사용자</option>
					<option class="_group_loggedin" value="-1">로그인 사용자</option>
					<option class="_group_signedup" value="-2">가입한 사용자</option>
					<option class="_group_manager" value="-3">관리자만</option>
					<option class="_group_selected" value="-10">선택그룹 사용자</option>
				</select>
				<div class="selected x_hide">
				</div>
			</li>
			*/
			
			sDefault = htInfo.sDefault;
			//aGroup = htInfo.aGroup;
			aGroup = [];
			// The comparison target "htInfo.group_srl" is always string where htInfo.aGroup can be either string OR integer. For easier comparison, conver aGroup to string.
			for(var n=0, nLen2=htInfo.aGroup.length; n<nLen2; n++){
				aGroup[n] = "" + htInfo.aGroup[n];
			}
			sGrant = htInfo.sGrant;
			
			$node = $.tmpl("permItem", {
				PermId : htInfo.sKey, 
				PermTitle : htInfo.sTitle
			});
			$node.find('select').data('key', htInfo.sKey);
			//console.log($node.find('select').data('key'));
			
			var htGrantStrToSelectValMap = {
				'all': '0',
				'member': '-1',
				'site': '-2',
				'manager': '-3',
				'group': '-10'
			};
			if(htInfo.sGrant){
				$node.find('select').val(htGrantStrToSelectValMap[htInfo.sGrant]);
			}
			
			// Add groups
			//<label><input type="checkbox" value="${ID}" title="${Title}"> ${Title}</label>
			for(var ii=0, nLen2=aUserGroups.length; ii<nLen2; ii++){
				htInfo = aUserGroups[ii];
				//console.log(222, htInfo.group_srl, aGroup);
				sChecked = null;
				if(sGrant === 'group'){
				
					$node.find('._groups').show();

					if(aGroup && $.inArray("" + htInfo.group_srl, aGroup) !== -1){
						sChecked = "checked";
					}
				}
				
				$groupNode = $.tmpl("perm_groupItem", {
							Title : htInfo.title ,
							ID : htInfo.group_srl
						});
				$groupNode.find('input[type=checkbox]').attr('checked', sChecked);
				$node.find('._groups').append($groupNode);
			}
			
			if(i === 0){
				$node.find('._group_signedup').remove();
				//$node.find('._group_manager').remove();
			}else{
				/*
					guest : 모든 옵션 사용 가능, 항상 권한 있음.
					member : '모든 사용자' 제외하고 사용 가능, 로그인 정보가 있을 경우 true
					site : '모든 사용자' 제외하고 사용 가능, 가상 사이트일 경우에는 가입된 그룹 정보가 있어야 하며, 가상 사이트가 아닐 경우에는 'member'와 동일.
					manager : '관리자만','선택그룹 사용자' 옵션만 사용가능, 관리자일 경우에만 true
					root : manager와 동일.
				*/
				switch(sDefault){
					case 'guest':
						//
					break;
					case 'member':
						$node.find('._group_all').remove();
					break;
					case 'site':
						$node.find('._group_all').remove();
					break;
					case 'manager':
					case 'root':
					default:
						$node.find('._group_all').remove();
						$node.find('._group_loggedin').remove();
						$node.find('._group_signedup').remove();
				}
			}
			//console.log(22, $node);
			$List.append($node);
			$('#auth select').trigger('change');
		}
	}

// Auth
	$('#auth').on('change', 'select', function(){
		var $this = $(this);
		
		var sKey = $this.data('key');
		
		var $selected = $('#auth ._groups_'+sKey);
		if($this.val() == '-10'){
			$selected.show();
		} else {
			$selected.hide();
		}
	});
	$('#auth ._save').click(function(){
		// create json from the form values
		var $select = $('#auth').find('select');

		var vDisplay = readPermValue($($select[0]));
		if(vDisplay === '0') vDisplay = "";
		
		var htPerm = {};
		
		var $node, sKey;
		for(var i=1, nLen=$select.length; i<nLen; i++){
			$node = $($select[i]);
			sKey = $node.data('key');
			htPerm[sKey] = readPermValue($node);
		}
		
		var htParam = {
			menu_item_srl : htNodeInfo[$._xeAdminVar.sSelectedMenuSrl].sNodeSrl,
			exposure : vDisplay,
			htPerm : htPerm
		};
		
		jQuery.exec_json("menu.procMenuAdminUpdateAuth", htParam, function(htData){
			if(htData.error !== 0){
				alert(htData.message);
				return;
			}

			alert(xe.lang.success_saved);
			$('#auth').hide();
		});
	});
	function readPermValue($select){
		var sKey, $node, $chkbox, aGroup, vValue, $groups;
		
		$node = $($select);
		
		sKey = $node.data('key');
		vValue = $node.val();
		
		if(vValue === '-10'){
			vValue = [];
			
			var $groups = $('#auth ._groups_'+sKey+' input[type=checkbox]');

			for(var ii=0, nLen2=$groups.length; ii<nLen2; ii++){
				$chkbox = $($groups[ii]);
				if($chkbox.attr('checked')){
					vValue.push($chkbox.val());
				}
			}
		}
		
		// Output of $.param function used in exec_json does not have a representation for an empty array. So, use "[]" (string) instead.
		if(vValue.length === 0) vValue = "[]";
		return vValue;
	}
	<!--@end-->
	
	$('#downloadLayout').bind("show", function(ev){
	// ignore bubbled show events
		if(this !== ev.target){
			return;
		}

		//index.php?act=getAutoinstallAdminMenuPackageList
		$('#layout').nextAll().hide();
		
		drawDownloadableList('downloadLayout');
	});

	$('#downloadSkin').bind("show", function(ev){
	// ignore bubbled show events
		if(this !== ev.target){
			return;
		}
		
	//index.php?act=getAutoinstallAdminMenuPackageList
		$('#skin').nextAll().hide();
		
		<!--@if($act == 'dispMenuAdminSiteMap')-->
		drawDownloadableList('downloadSkin', {
			parent_program : htNodeInfo[$._xeAdminVar.sSelectedMenuSrl].sModuleType
		});
		<!--@end-->
		
		<!--@if($act == 'dispMenuAdminSiteDesign')-->
		drawDownloadableList('downloadSkin', {
			parent_program : $._xeAdminVar.htSelectedMenuDesign.sModuleName
		});
		<!--@end-->
	});

	//function drawMenuModuleList(nPage){
	// sItemType : download, downloadLayout, downloadSkin
	// htParams : download/{page}, downloadLayout/{page, type}, downloadSkin/{page, type, parent_program}
	// https://code.google.com/p/xe-core/wiki/DownloadAvailableList_GET_API
	function drawDownloadableList(sItemType, htParams){
		var htDownloadableListAction = {
			download:'menu.getAutoinstallAdminMenuPackageList',
			downloadLayout:'menu.getAutoinstallAdminLayoutPackageList',
			downloadSkin:'menu.getAutoinstallAdminSkinPackageList'
		};
		
		htParams = htParams || {};
		htParams.page = htParams.page || 1;
		htParams.search_keyword = htParams.search_keyword || "";

		var $Panel = $('#'+sItemType);
		var sAction = htDownloadableListAction[sItemType];

		//var params = {};
		//params['page'] = nPage;
		//"menu.getAutoinstallAdminMenuPackageList"
		$.exec_json(sAction, htParams, function(htData){
			//console.log(htData);
			//var sResult = "";
			$Panel.find('.list').html("");
			
			var item;
			var $node, sIsInstalled, sIsUpToDate;
			if(htData.item_list){
				for(var i=0, nLen=htData.item_list.length; i<nLen; i++){
					item = htData.item_list[i];
					
					if(item.current_version){
						sIsInstalled = "installed";
						
						if(item.need_update === "N"){
							sIsUpToDate = "up_to_date";
						}else{
							sIsUpToDate = "";
						}
					}else{
						sIsInstalled = "";
					}
					
					var sScreenshot = item.item_screenshot_url.replace(/^http:\/\//, "");
					$node = $.tmpl( "downloadableItem", {
						MenuType: item.title,
						MenuTypeDesc: item.package_description,
						ScreenShotURL: sScreenshot,
						Score: item.package_star,
						TotalVotes: item.package_voted,
						LastUpdated: formatUpdatedDate(item.item_regdate),
						TotalDownloads: item.package_downloaded,
						URL: item.url,
						IsUpToDate: sIsUpToDate,
						IsInstalled: sIsInstalled
					} ).data('sItemType', sItemType).data('sPackageSrl', item.package_srl);
					
					$Panel.find('.list').append($node);
				}
				
				//$Panel.find('.list').html(sResult);

				var htInfo = htData.page_navigation;
				
				var fnCallback = function(htNewParams){
					htParams.page = htNewParams.page || htParams.page;
					htParams.search_keyword = typeof htNewParams.search_keyword === "string" ? htNewParams.search_keyword : htParams.search_keyword;
					
					return drawDownloadableList(sItemType, htParams);
				}

				//createPagination($('#download ._pagination'), drawMenuModuleList, htInfo.cur_page, htInfo.total_page, "&laquo; 첫 페이지", "끝 페이지 &raquo;", "페이지 직접 이동")
				createPagination({
					$PlaceHolder : $Panel.find('._pagination'), 
					fnCallback : fnCallback, 
					nCurPage : htInfo.cur_page, 
					nTotalPages : htInfo.total_page, 
					sToFirstText : "&laquo;", 
					sToLastText : "&raquo;", 
					sToText : xe.lang.cmd_go_to_page, 
					sSearchKeyword : htParams.search_keyword
				});
			}else{
				$node = $.tmpl( "noDownloadableItem", {
				} );
				
				$Panel.find('.list').append($node);
			}
			
			scrollToTop($Panel.find('.cnt'));
			scrollToRight();
		});
	}
	
	$( "#tmpl_layoutItem" ).template( "design_layoutItem" );
	$( "#tmpl_skinItem" ).template( "deisgn_skinItem" );
	
	// remove automatically added fields.
	var $previewForm = $("#design  ._preview_form");
	$previewForm.find('input[name=act]').remove();
	$previewForm.find('input[name=mid]').remove();
	$previewForm.find('input[name=vid]').remove();
	$('#design .x_tabbable').on('tab_change', function(ev, nIdx, $el){
		$('#design').nextAll().hide();
		
		//console.log('on "tab_change"', ev, nIdx, $el);
		var htDesign = $._xeAdminVar.htSelectedMenuDesign;

		<!--@if($act == 'dispMenuAdminSiteMap')-->
		if(nIdx === 0){
			// PC
			$._xeAdminVar.htPrevSetting.bMobilePreviewTabOpen = false;

			$('#design').addClass('_pcMode');
			$('#design').removeClass('_mobileMode');

			updatePreview({
				sModuleName : htDesign.sModuleName,
				sMID:   htDesign.sMID,
				sLayoutSrl : htDesign.htLayoutSrl.P,
				sSkin : htDesign.htSkin.P
			});
			
		}else{
			// mobile
			$._xeAdminVar.htPrevSetting.bMobilePreviewTabOpen = true;

			$('#design').removeClass('_pcMode');
			$('#design').addClass('_mobileMode');

			updatePreview({
				sModuleName : htDesign.sModuleName,
				sMID:   htDesign.sMID,
				sLayoutSrl : htDesign.htLayoutSrl.M,
				sSkin : htDesign.htSkin.M
			});
		}
		<!--@end-->
		
		<!--@if($act == 'dispMenuAdminSiteDesign')-->
		$.exec_json("menu.getMenuAdminInstalledMenuType", {}, function(htData){
			setItemTypes(htData.menu_types);

			//module=menu&act=getMenuAdminInstalledMenuType
			//
//			console.log($._xeAdminVar.htItemTypes);
			
			var sLayoutName = '.layoutname.'
			$list = $('#design').find('._itemList');
			$list.html("").append($.tmpl( "design_layoutItem", {LayoutName: sLayoutName}));

			var item;
			var sModuleTitle;
			var sSkinName;
			for(var sModuleName in $._xeAdminVar.htItemTypes){
				if(! $._xeAdminVar.htItemTypes.hasOwnProperty(sModuleName)) continue;
				if(sModuleName === "_SHORTCUT") continue;
				
				item = $._xeAdminVar.htItemTypes[sModuleName];

				if(item.no_skin === "Y") continue;
				
				sModuleTitle = item.title;
				
				if(nIdx === 0){
					// PC
					sSkinName = item.default_skin;
				}else{
					// mobile
					sSkinName = item.default_mskin;
				}
				
				$list.append($.tmpl( "deisgn_skinItem", {
					ModuleType : sModuleName,
					ModuleTypeTitle : sModuleTitle,
					SkinName : sSkinName
				}));
			}
			
			if(nIdx === 0){
				// PC
				$._xeAdminVar.htPrevSetting.bMobilePreviewTabOpen = false;
				
				$('#design').addClass('_pcMode');
				$('#design').removeClass('_mobileMode');

			}else{
				// mobile
				$._xeAdminVar.htPrevSetting.bMobilePreviewTabOpen = true;
				
				$('#design').removeClass('_pcMode');
				$('#design').addClass('_mobileMode');

				updatePreview({
					sModuleName : htDesign.sModuleName,
					sMID:   "",
					sLayoutSrl : htDesign.sLayoutSrl,
					sSkin : htDesign.htSkin.M
				});
			}			
			var sMode = $._xeAdminVar.htPrevSetting.bMobilePreviewTabOpen?"M":"P";
			
			jQuery.exec_json("layout.getLayoutAdminSiteDefaultLayout", {
				site_srl : 0,
				type : sMode
			}, function(htData){
				if(htData.error !== 0){
					alert(htData.message);
					return;
				}
				
				var htDesign = $._xeAdminVar.htSelectedMenuDesign = {
					sModuleName : "",
					sMID : "",
					htLayoutSrl : {
						P: htData.layout_srl,
						M: htData.mlayout_srl
					},
					htSkin : {P: "", M : ""},
					htData : {}
				};
				
				htDesign.sLayoutSrl = htDesign.htLayoutSrl[sMode];
				htDesign.sSkin = htDesign.htSkin[sMode];
				
				updatePreview(htDesign);
				
				scrollToRight();
			});

		});


		<!--@end-->
	});
	
	<!--@if($act == 'dispMenuAdminSiteMap')-->
	$('#design').bind('show', function(ev){
		if(this !== ev.target) return;
		
		var $panel = $(this);

		var sMenuId = $._xeAdminVar.sSelectedMenuSrl;
		var htInfo = htNodeInfo[sMenuId];
		
		jQuery.exec_json("layout.getLayoutAdminSiteDefaultLayout", {
			site_srl : 0,
			type : "P"
		}, function(htData){
			$._xeAdminVar.sDefaultLayoutName = htData.title;
		});
		jQuery.exec_json("layout.getLayoutAdminSiteDefaultLayout", {
			site_srl : 0,
			type : "M"
		}, function(htData){
			$._xeAdminVar.sDefaultMLayoutName = htData.title;
		});
		
		// also preview here
		var params = {
			menu_item_srl : htInfo.sNodeSrl
		};
		$.exec_json("module.getModuleInfoByMenuItemSrl", params, function(htData){
			if(htData.error !== 0){
				alert(htData.message);
				return;
			}
			var htTmp = htData.module_info_by_menu_item_srl;
			
			var sLayoutName, sMLayoutName;
			var sSkinName, sMSkinName;
			
			sLayoutName = htData.module_info_by_menu_item_srl.designSettings.layout.pc;
			sSkinName = htData.module_info_by_menu_item_srl.designSettings.skin.pc;
			sMLayoutName = htData.module_info_by_menu_item_srl.designSettings.layout.mobile;
			sMSkinName = htData.module_info_by_menu_item_srl.designSettings.skin.mobile;
//console.log(htInfo);
			if(htTmp.layout_srl == -1) $._xeAdminVar.sDefaultLayoutName = sLayoutName;
			if(htTmp.mlayout_srl == -1) $._xeAdminVar.sDefaultMLayoutName = sMLayoutName;
			
			if(htTmp.layout_srl > 0) $._xeAdminVar.htLayoutName[htTmp.layout_srl] = sLayoutName;
			if(htTmp.mlayout_srl > 0) $._xeAdminVar.htMLayoutName[htTmp.mlayout_srl] = sMLayoutName;
			$._xeAdminVar.htItemTypes[htInfo.sModuleType].sSkinName = sSkinName;
			$._xeAdminVar.htItemTypes[htInfo.sModuleType].sMSkinName = sMSkinName;
			
			// module=모듈이름&mid=모듈ID&layout_srl=레이아웃srl&skin=스킨이름
			var htDesign = $._xeAdminVar.htSelectedMenuDesign = {
				sModuleName : htTmp.module,
				sMID : htTmp.mid,
				sUseMobile : htTmp.use_mobile,
				htLayoutSrl : {
					P:htTmp.layout_srl,
					M:htTmp.mlayout_srl
				},
				htSkin : {
					P : htTmp.skin, 
					M : htTmp.mskin
				},
				htData : {}
			};
console.log(11, htDesign.htLayoutSrl.P);
			/*
			designSettings
				layout
					pcIsDefault=0
					pc="Bootstrap.Layout2"
					mobileIsDefault=1
					mobile="XE 심플 그레이 레이아웃"
				skin
					pcIsDefault=0
					pc="XE Default 2008"
					mobileIsDefault=1
					mobile="simpleGray"
			*/
			var $itemList = $panel.find('._itemList');
			$itemList.html("");
			$itemList.append($.tmpl( "design_layoutItem", {
				LayoutName: "sLayoutName"
			}));
			
			// if the module type has no skin support, do not even display the option.
			if($._xeAdminVar.htItemTypes[htInfo.sModuleType].no_skin !== "Y"){
				$itemList.append($.tmpl( "deisgn_skinItem", {
						ModuleType : htInfo.sModuleType,
						ModuleTypeTitle : $._xeAdminVar.htItemTypes[htInfo.sModuleType].title,
						SkinName : "sSkinName"
					} 
				));
			}

			// If mobile view is disabled for the menu, display the mobile setup screen accordingly
			if(htDesign.sUseMobile !== 'Y'){
				$('#design').addClass('_mobile_view_disabled').find('.mvOption>:checkbox').removeAttr('checked');
			}else{
				$('#design').removeClass('_mobile_view_disabled').find('.mvOption>:checkbox').attr('checked','checked');
			}

			if($._xeAdminVar.sOpenDeisgnWith && $._xeAdminVar.sOpenDeisgnWith === "M"){
				$('#design .x_tabbable a[href="#mobile"]').click();
			}else{
				$('#design .x_tabbable a[href="#pc"]').click();
			}
			
			$._xeAdminVar.sOpenDeisgnWith = "P";
		});

	});
	
	$('#design .mvOption>:checkbox').change(function(){
		//var $design = $('#design');
		var  sYN_useMobile;
		
		if($(this).is(':checked')){
			sYN_useMobile = "Y";
			//$design.removeClass('_mobile_view_disabled').find('.nav').show();
		} else {
			sYN_useMobile = "N";
			//$design.addClass('_mobile_view_disabled').find('.nav').hide();
		}
		jQuery.exec_json("module.procModuleAdminUpdateUseMobile", {
			menu_item_srl : $._xeAdminVar.sSelectedMenuSrl,
			use_mobile : sYN_useMobile
		}, function(htData){
			if(htData.error !== 0){
				alert(htData.message);
				return;
			}
			
			$._xeAdminVar.sOpenDeisgnWith = "M";
			$('#design').show();
		});
	});

	$('#design ._btn_save').click(function(ev){
		ev.preventDefault();

		var sMode = $._xeAdminVar.htPrevSetting.bMobilePreviewTabOpen?"M":"P";
		
		var sMenuId = $._xeAdminVar.sSelectedMenuSrl;
		var htInfo = htNodeInfo[sMenuId];
		
		var htDesign = $._xeAdminVar.htSelectedMenuDesign;
		
		var sSkinName = htDesign.htSkin[sMode];
		var ynSkinFix = (sSkinName === "")?"N":"Y";
		var htParam = {
			target_module_srl : htInfo.module_srl,
			skin_type : sMode,
			layout_srl : htDesign.htLayoutSrl[sMode],
			//layout_srl : htDesign.htLayoutSrl.P,
			//mlayout_srl : htDesign.htLayoutSrl.M,
			is_skin_fix : ynSkinFix,
			skin_name : sSkinName,
			skin_vars : "{}"
		};

		jQuery.exec_json("module.procModuleAdminSetDesignInfo", htParam, function(htData){
			if(htData.error !== 0){
				alert(htData.message);
				return;
			}
			
			alert(xe.lang.success_saved);
			
			var sMode = $._xeAdminVar.htPrevSetting.bMobilePreviewTabOpen?"M":"P";
			$._xeAdminVar.sOpenDeisgnWith = sMode;
			$('#design').show();
		});
	});
	<!--@end-->

	<!--@if($act == 'dispMenuAdminSiteDesign')-->
	$('#design').bind('show', function(ev){
		if(this !== ev.target) return;
		
		//$('#design').addClass('_mobile_view_disabled').find('.mvOption>:checkbox').removeAttr('checked');
		
		if($._xeAdminVar.sOpenDeisgnWith && $._xeAdminVar.sOpenDeisgnWith === "M"){
			$('#design .x_tabbable a[href="#mobile"]').click();
		}else{
			$('#design .x_tabbable a[href="#pc"]').click();
		}
		
		$._xeAdminVar.sOpenDeisgnWith = "P";
	});
	
	$('#design ._btn_save').click(function(ev){
		ev.preventDefault();

		var sMode = $._xeAdminVar.htPrevSetting.bMobilePreviewTabOpen?"M":"P";
		
		var sLayoutSrl = $._xeAdminVar.htSelectedMenuDesign.htLayoutSrl[sMode];
		var htSkins = {};
		for(var sModuleName in $._xeAdminVar.htItemTypes){
			if(! $._xeAdminVar.htItemTypes.hasOwnProperty(sModuleName)) continue;
			if(sModuleName === "_SHORTCUT") continue;
			
			item = $._xeAdminVar.htItemTypes[sModuleName];
			sModuleTitle = item.title;
			
			htSkins[sModuleName] = (sMode === "P") ? item.default_skin : item.default_mskin;
		}
		var htParam = {
			site_srl : 0,
			layout_srl : sLayoutSrl?sLayoutSrl:"0",
			target_type : sMode,
			module_skin : $.stringify(htSkins)
		}; 
		
		//console.log(htParam);

		jQuery.exec_json("admin.procAdminInsertDefaultDesignInfo", htParam, function(htData){
			if(htData.error !== 0){
				alert(htData.message);
				return;
			}
			
			alert(xe.lang.success_saved);
			$('#design').show();
		});
	});

	<!--@end-->
	
	$("#tmpl_menuTypeItem").template( "menuTypeItem" );
	$('#add').bind("show", function(){
		fillInInstalledMenuList();
	});
	function fillInInstalledMenuList(){
		$.exec_json("menu.getMenuAdminInstalledMenuType", {}, function(htData){
			//console.log(htData);

			var sResult = "";
			setItemTypes(htData.menu_types);
			//$._xeAdminVar.htItemTypes = htData.menu_types;

			var item;
			var sModuleTitle;
			for(var sModuleName in $._xeAdminVar.htItemTypes){
				//item = htData.menu_types[i];
				if(!$._xeAdminVar.htItemTypes.hasOwnProperty(sModuleName)) continue;
				
				item = $._xeAdminVar.htItemTypes[sModuleName];
				sModuleTitle = item.title;
				//console.log(item);
				
				sResult += $.tmpl( "menuTypeItem", {
					ModuleName : sModuleName,
					ModuleTitle : sModuleTitle
				} ).get()[0].outerHTML;
			}

			//sResult += '<li><a href="#add_menu" data-admin-show="#add_menu"  data-param=\'{ "moduleName":"", "moduleTitle":"URL 링크" }\'>URL 링크 <i class="x_icon-circle-arrow-right"></i></a></li>';
			$('#add ._itemList').html(sResult);
			scrollToRight();
		});
	}
	$('#design ._btn_cancel').click(function(ev){
		ev.preventDefault();
		
		$('#design').show();
	});
	
	$('#design').bind('hide', function(){
		$._xeAdminVar.htPrevSetting = {};
	});
	function updatePreview(htParam){
		if(htParam.bClearPrevSetting){
			$._xeAdminVar.htPrevSetting = {};
		}
		var htSetting = $._xeAdminVar.htPrevSetting || {};
		
		var sMode = htSetting.bMobilePreviewTabOpen?"M":"P";

		if(!$._xeAdminVar.bSiteDesignMode && (sMode === "M" && $._xeAdminVar.htSelectedMenuDesign.sUseMobile !== 'Y')) return;
		
		//htSetting.sModuleName = htParam.sModuleName || htSetting.sModuleName || "";
		htSetting.sModuleName = $._xeAdminVar.htSelectedMenuDesign.sModuleName;
		htSetting.sMID = (htParam.sMID==="")?"":htParam.sMID || htSetting.sMID || "";
		htSetting.sLayoutSrl = (htParam.sLayoutSrl == 0)?"":htParam.sLayoutSrl || htSetting.sLayoutSrl || "";
		
		htSetting.sSkin = (htParam.sSkin === "")?"":htParam.sSkin || htSetting.sSkin || "";

		htSetting.bMobilePreviewTabOpen = htParam.bMobilePreviewTabOpen || htSetting.bMobilePreviewTabOpen || false;
		htSetting.htLayoutData = htParam.htLayoutData || htSetting.htLayoutData || "";
		htSetting.htSkinData = htParam.htSkinData || htSetting.htSkinData || "";

		// ?act=dispLayoutPreviewWithModule&module_name=모듈이름&target_mid=모듈ID&layout_srl=레이아웃srl&skin=스킨이름&skin_type=M/P
		var sURL = './?act=dispLayoutPreviewWithModule&module_name='+htSetting.sModuleName+'&target_mid='+htSetting.sMID+'&layout_srl='+htSetting.sLayoutSrl+'&skin='+htSetting.sSkin+'&skin_type='+sMode;
		
		$._xeAdminVar.htSelectedMenuDesign.htLayoutSrl[sMode] = htSetting.sLayoutSrl;
		$._xeAdminVar.htSelectedMenuDesign.htSkin[sMode] = htSetting.sSkin;
		
//			console.log(sURL);
		$('._preview_form').attr('action', sURL);
		
		var sTarget = "_pc_preview_ifr";
		if(htSetting.bMobilePreviewTabOpen) sTarget = "_mobile_preview_ifr";
		$('._preview_form').attr('target', sTarget);
		$('._preview_form').submit();
		
		$('._preview_form').attr('target', "xe_preview");
		
		var sLayoutName;
		
		switch(htSetting.sLayoutSrl){
			case -1:
			case "-1":
				sLayoutName = sMode==="P"?$._xeAdminVar.sDefaultLayoutName:$._xeAdminVar.sDefaultMLayoutName;
			break;
			case "":
				sLayoutName = xe.lang.no_use_layout;
			break;
			default:
				sLayoutName = sMode==="P"?$._xeAdminVar.htLayoutName[htSetting.sLayoutSrl]:$._xeAdminVar.htLayoutName[htSetting.sMLayoutSrl];
		}
		
		var sSkinName;
		var sModuleType = htSetting.sModuleName==="page"?"ARTICLE":htSetting.sModuleName;
		if($._xeAdminVar.htItemTypes[sModuleType]){
			if(sMode === "P"){
				sSkinName = $._xeAdminVar.htItemTypes[sModuleType].sSkinName;
			}else{
				sSkinName = $._xeAdminVar.htItemTypes[sModuleType].sMSkinName;
			}
		}
		
		$('#design ._layoutName').html(sLayoutName);
		$('#design ._skinName').html(sSkinName);
		
		$._xeAdminVar.htPrevSetting = htSetting;
	}
	
	$('._pc_preview_open').click(function(ev){
		window.open($('input[name=_pc_preview_ifr]').attr('src'), "xe_preview", "resizable=yes");
		//ev.preventDefault();
		//
	});
	$('._mobile_preview_open').click(function(ev){
		window.open($('input[name=_mobile_preview_ifr]').attr('src'), "xe_preview", "resizable=yes,width=480,height=800");
		//ev.preventDefault();
		//
	});

	$('#layout ._chkUseDefaultLayout').click(function(){
	/*
		if(!$(this).attr('checked')){
			updatePreview({
				sLayoutSrl : 0,
				htLayoutData : {}
			});
		}
*/
		updateLayoutListDisplayStatus();
	});
	$("#tmpl_layout_list_item_no_layout").template( "layoutListItem_nolayout" );
	$("#tmpl_layout_list_item").template( "layoutListItem" );
	$('#layout').on('show', function(ev){
		if(this !== ev.target){
			return;
		}

		$('#layout .list').show();
		
		var htDesign = $._xeAdminVar.htSelectedMenuDesign;
		var sMode = $._xeAdminVar.htPrevSetting.bMobilePreviewTabOpen?"M":"P";
		
		if(htDesign.htLayoutSrl[sMode] == -1){
			$('._chkUseDefaultLayout').attr('checked', 'checked');
		}else{
			$('._chkUseDefaultLayout').removeAttr('checked');
		}

		updateLayoutListDisplayStatus();
		//loadInstalledLayoutList("P");
	});
	$('#layout .list').on('show', function(){

		fillInInstalledLayoutList();
	});
	$('#layout').on('hide', function(ev){
		if(this !== ev.target) return;
	});
	function fillInInstalledLayoutList(){
		var sMode = $._xeAdminVar.htPrevSetting.bMobilePreviewTabOpen?"M":"P";
		
		loadInstalledLayoutList(sMode);
	}

	function updateLayoutListDisplayStatus(){
		var sMode = $._xeAdminVar.htPrevSetting.bMobilePreviewTabOpen?"M":"P";
		
		$ChkBox = $('#layout ._chkUseDefaultLayout');
		if($ChkBox.attr('checked')){
			$('#layout .list').addClass('disabled').find(':radio').attr('disabled','disabled');
			updatePreview({
				sLayoutSrl : -1,
				htLayoutData : {}
			});
		}else{
			$('#layout .list').removeClass('disabled').find(':radio').removeAttr('disabled');

			var $allRadio = $('#layout .list :radio');
			var $selected = $('#layout .list :radio[checked]');
			
			// when the layer was first shown, the list is not yet available
			if($allRadio.length){
				if($selected.length){
					$selected.click();
				}else{
					$($('#layout .list :radio')[0]).click();
				}
			}
		}
	}
	// sType: "P", "M" (PC/Mobile)
	function loadInstalledLayoutList(sType){
		var params = {
			site_srl : 0,
			layout_type : sType
		};
		// https://code.google.com/p/xe-core/wiki/LayoutInfo_GET_API
		$.exec_json("layout.getLayoutInstanceListForJSONP", params, function(htData){
			var $elItem, fnTmp;
			var sResult = "";
			var $List = $('#layout ._layout_list');
			$List.html("");
			
			var sSelected = "";
			var sSelectedSrl = -1;
			
			var htDesign = $._xeAdminVar.htSelectedMenuDesign;
			
			if(htDesign.htLayoutSrl[sType] == 0){
				sSelectedSrl = "0";
				sSelected = "selected";
			}
			$List.append($.tmpl("layoutListItem_nolayout", {
				Selected : sSelected
			}).data('LayoutSrl', "0"));
			
			//console.log(htDesign.htLayoutSrl[sType]);

			$._xeAdminVar.htLayoutInfo[P] = {};
			for(var i=0, nLen=htData.layout_list.length; i<nLen; i++){
				htInfo = htData.layout_list[i];
				
				sSelected = "";
				if(htDesign.htLayoutSrl[sType] == htInfo.layout_srl){
					sSelectedSrl = htInfo.layout_srl;
					sSelected = "selected";
				}
				//./
				$elItem = $.tmpl("layoutListItem", {
					Title : htInfo.title, 
					ScreenShotURL : htInfo.thumbnail,
					Selected : sSelected,
					LayoutSrl : htInfo.layout_srl
				}).data('LayoutSrl', htInfo.layout_srl);
				
				$._xeAdminVar.htLayoutName[htInfo.layout_srl] = htInfo.title;
				/*
				$elItem.find("._duplicateLayout").click(function(){
					var sLayoutSrl = htInfo.layout_srl;
					return function(ev){
						//var sName = prompt("name?");
						//console.log(sName, sLayoutSrl);
					}
				}());
				$elItem.find("._deleteLayout").click(function(){
					var sLayoutSrl = htInfo.layout_srl;
					return function(ev){
						console.log(sLayoutSrl);
					}
				}());
				*/
				
				$List.append($elItem);
			}
			
			$List.find('.selected input').attr('checked', 'checked');
			
			//console.log(sSelectedSrl);
			updatePreview({
				sLayoutSrl : sSelectedSrl,
				htLayoutData : {}
			});
			
		});
	/*
	<li class="${Selected}">
		<label><input type="radio" name="layout_item" title="${Title}"> ${Title}</label>
		<button type="button" class="item" title="클릭하면 레이아웃이 적용됩니다.">
			<img src="http://${ScreenShotURL}">
		</button>
		<ul>
			<li><a href="#layoutSetup">설정 <i class="x_icon-circle-arrow-right"></i></a></li>
			<li><a href="#layoutHTML">HTML/CSS <i class="x_icon-circle-arrow-right"></i></a></li>
			<li><button type="button" onClick="alert('\'엔터프라이즈[2]\' 레이아웃이 생성 됐습니다.')">복사본 생성</button></li>
			<li><button type="button" onClick="confirm('\'엔터프라이즈\' 레이아웃을 정말 삭제할까요? \'고급기능\'에서 다시 생성할 수 있습니다.')">삭제</button></li>
		</ul>
	</li>
	*/
	}
	$('#layout').on('click', 'button._duplicateLayout', function(){
		var sLayoutSrl = $(this).closest('li._layoutItem').data('LayoutSrl');
		
		confirmDialog({
			sTitle : xe.lang.input_new_layout_name,
			
			sText : '<input type="text" name="layout_name"  style="width: 95%"/><br/><div style="text-align:right">* ' + xe.lang.skip_new_layout_name + '</div>',
			
			bSmall: true,
			
			fnOnOK : function(){
				var sTitle = $msgBox.find('input[type="text"]').val();
				$.exec_json("layout.procLayoutAdminCopyLayout", {
					layout_srl : sLayoutSrl,
					title : sTitle.split(',')
				}, function(htData){
					//console.log(htData);
					if(htData.error !== 0){
						alert(htData.message);
						return;
					}
					
					fillInInstalledLayoutList();
				});
			}
		});
	});
	$('#layout').on('click', 'button._deleteLayout', function(){
		var sLayoutSrl = $(this).closest('li._layoutItem').data('LayoutSrl');
		//console.log();
		//./getLayoutInstanceListForJSONP
		confirmDialog({
			sTitle : xe.lang.confirm_delete,
			
			sText : '',
			
			bSmall: true,
			
			bDanger: true,
			
			fnOnOK : function(){
				$.exec_json("layout.procLayoutAdminDelete", {
					layout_srl : sLayoutSrl
				}, function(htData){
					//console.log(htData);
					if(htData.error !== 0){
						alert(htData.message);
						return;
					}
					
					fillInInstalledLayoutList();
				});
			}
		});
	});

	$('#layout').on('click', 'button._deleteLayout', function(){
		var sLayoutSrl = $(this).closest('li._layoutItem').data('LayoutSrl');
	});
	/*
	function duplicateLayout(sLayoutSrl){
		console.log(sLayoutSrl);
	}*/
	$('#layout').on('click', 'button._btnScreenshot', function(){
		$(this).closest('li').find('input[name=layout_item]').click();
	});
	$('#layout').on('click', 'input[name=layout_item]', function(){
		$('#layout').nextAll().hide();
		
		$('#layout').find('li.selected').removeClass('selected');
		$(this).closest('li').addClass('selected');
		
		var sLayoutSrl = $(this).closest('li').data('LayoutSrl');
		
		var sMode = $._xeAdminVar.htPrevSetting.bMobilePreviewTabOpen?"M":"P";
		$._xeAdminVar.htSelectedMenuDesign.htLayoutSrl[sMode] = sLayoutSrl;
		
		updatePreview({
			sLayoutSrl : sLayoutSrl
		});
	})
	$('#layoutSetup').on('show', function(ev){
		if(this !== ev.target)  return;

		showQuickHelp('good_to_duplicate_layout');
		
		//console.log($._htMarkupActionParam.sLayoutSrl);
		var sLayoutSrl = $._htMarkupActionParam.sLayoutSrl;
		$.exec_json("layout.getLayoutAdminSetInfoView", {layout_srl: sLayoutSrl}, function(htData){
			//console.log(htData);
			//console.log(htData.html.match(/<script[^>]*>/));
			//htData.html = htData.html.replace(/<script[^>]*><\/script>/, "");
			$('#layoutSetup').find('._contents').html(htData.html);
			$('#layoutSetup').find('.lang_code').xeApplyMultilingualUI();
			
			var $configForm = $('#config_form');
			$configForm.on('submit', function(ev){
				var htData = {};
				var sKey, sValue;
				$(this).find('input').each(function(){
					sKey = $(this).attr('name');
					sValue = $(this).val();
					htData[sKey] = sValue;
				});
//				console.log(htData);
				ev.preventDefault();
				
				var sUrl = $('#config_form').attr('action');
				$.post( sUrl, htData,
					function( strRes ) {
						var htData = $.parseJSON(strRes);
						
						if(htData.error !== 0){
							alert(htData.message);
							return;
						}
						
						$('#layout').show();
						//console.log(999, strRes, htData);
					}
				);
			})
			
			scrollToRight();
		});
	})
	top.refreshLayoutList = function(htData){
		if(htData.error !== 0){
			alert(htData.message);
			return;
		}
		
		$('#layout').show();
	}
	top.refreshLayoutMarkupSetup = function(htData){
		if(htData.error !== 0){
			alert(htData.message);
			return;
		}
		
		$('#layoutMarkupSetup').show();
	}
	$('#layoutMarkupSetup').on('show', function(ev){
		var sLayoutSrl = $._htMarkupActionParam.sLayoutSrl;
		$.exec_json("layout.getLayoutAdminSetHTMLCSS", {layout_srl: sLayoutSrl}, function(htData){
			//console.log(htData);
			$contents = $('#layoutMarkupSetup ._contents');
			$contents.html(htData.html);
			
			$allForms = $('#layoutMarkupSetup form');
			
			$fileChest = $contents.find('form[enctype="multipart/form-data"]');
			$markup = $contents.find('#fo_layout');

			$fileDelete = $allForms.not($fileChest).not($markup);
			
			/*
			$fileChest.append($("<INPUT>").attr("type", "hidden").attr("name", "xe_js_callback").attr("value", "top.refreshLayoutMarkupSetup"));
			$fileChest.attr('target', 'submitTarget');
			*/
			
			$fileChest.add($fileDelete).append($("<INPUT>").attr("type", "hidden").attr("name", "xe_js_callback").attr("value", "top.refreshLayoutMarkupSetup"));
			$markup.append($("<INPUT>").attr("type", "hidden").attr("name", "xe_js_callback").attr("value", "top.refreshLayoutList"));
			
			$allForms.attr('target', 'submitTarget');
			
			var $configForm = $('#config_form');
			$configForm.on('submit', function(ev){
				var htData = {};
				var sKey, sValue;
				$(this).find('input').each(function(){
					sKey = $(this).attr('name');
					sValue = $(this).val();
					htData[sKey] = sValue;
				});

				ev.preventDefault();
				
				var sUrl = $('#config_form').attr('action');
				$.post( sUrl, htData,
					function( strRes ) {
						var htData = $.parseJSON(strRes);
						
						if(htData.error !== 0){
							alert(htData.message);
							return;
						}
						
						$('#layoutSetup').hide();
						//console.log(999, strRes, htData);
					}
				);
			})
			
			scrollToRight();
		});
	});
	
	function doDelete(sMenuSrl, bForce, sSelectOnload){
		var params = {
			menu_item_srl : sMenuSrl,
			is_force : bForce ? 'Y' : 'N'
		};

		$.exec_json("menu.procMenuAdminDeleteItem", params, function(htData){
			if(htData.error === -1001){
				confirmDialog({
					sTitle : xe.lang.confirm_delete_all_sub_items_title,
					
					sText : xe.lang.confirm_delete_all_sub_items,
					
					bSmall : true,
					
					bDanger : true,
					
					fnOnOK : function(){
						doDelete(sMenuSrl, true, sSelectOnload);
					}
				});				
				
				return;
			}
			
			if(htData.error !== 0){
				alert(htData.message);
				return;
			}
			
			// select the parent of the menu being deleted
			$._xeAdminVar.sSelectOnload = sSelectOnload;
			loadSiteMap();
		});
	}
	
	$('._deleteMenu').click(function(){
		confirmDialog({
			sTitle : xe.lang.confirm_menu_delete,
			
			sText : '<label><input type="checkbox"> ' + xe.lang.confirm_delete_all_contents + '</label>',
			
			bDanger : true,
			
			fnOnOK : function(){
				if(!$msgBox.find('input[type="checkbox"]').attr('checked')) return true;

				var sSelectedMenuSrl = $._xeAdminVar.sSelectedMenuSrl;

				var sParentSrl = htNodeInfo[sSelectedMenuSrl].parent_srl;
				
				doDelete(sSelectedMenuSrl, false, sParentSrl);
			},
			
			fnOnShow : function(){
				$msgBox.find("._ok").addClass("x_disabled");
				
				$msgBox.find('input[type="checkbox"]').click(function(){
					if($(this).attr('checked')){
						$msgBox.find("._ok").removeClass("x_disabled");
					}else{
						$msgBox.find("._ok").addClass("x_disabled");
					}
				});
			},
			
			fnOnHide : function(){
				$msgBox.find("._ok").removeClass("x_disabled");
			}
		});
	});

	$("#tmpl_skin_list_item").template( "skinListItem");
	$("#tmpl_skin_list_item_no_skin").template( "skinListItem_noskin");
	$('#skin').on('show', function(ev){
		if(this !== ev.target){
			return;
		}
		
		var sMode = $._xeAdminVar.htPrevSetting.bMobilePreviewTabOpen?"M":"P";
		
		$._xeAdminVar.htSelectedMenuDesign.sModuleName = $._htMarkupActionParam.moduleType;
		
		<!--@if($act == 'dispMenuAdminSiteDesign')-->
		$._xeAdminVar.htSelectedMenuDesign.htSkin = {
			"P" : $._xeAdminVar.htItemTypes[$._htMarkupActionParam.moduleType].default_skin,
			"M" : $._xeAdminVar.htItemTypes[$._htMarkupActionParam.moduleType].default_mskin
		};
		<!--@end-->
		
		$ChkBox = $('#skin ._chkUseDefault');
		if($._xeAdminVar.htSelectedMenuDesign.htSkin[sMode] == ""){
			$ChkBox.attr('checked', 'checked');
		}else{
			$ChkBox.removeAttr('checked');
		}
		
		updateSkinListDisplayStatus();
	});
	$('#skin').on('hide', function(ev){
		if(this !== ev.target){
			return;
		}
	});
	$('#skin .list').on('show', function(){
		fillInInstalledSkinList();
	});
	function fillInInstalledSkinList(){
		var sMode = $._xeAdminVar.htPrevSetting.bMobilePreviewTabOpen?"M":"P";
		
		loadInstalledSkinList(sMode);
	}

	$('#skin ._chkUseDefault').click(function(){
		updateSkinListDisplayStatus();
	});
	function updateSkinListDisplayStatus(){
		$ChkBox = $('#skin ._chkUseDefault');
		if($ChkBox.attr('checked')){
			$('#skin .list').hide();
			
			updatePreview({
				//sLayoutSrl : -1,
				//htLayoutData : {}
				sSkin : ""
			});
		}else{
			$('#skin .list').show();
		}
	}
	// sType: "P", "M" (PC/Mobile)
	function loadInstalledSkinList(sType){
		//params['module_name'] = 모듈이름;
		//getModuleSkinInfoList	

		var params = {
			//module_name : htNodeInfo[$._xeAdminVar.sSelectedMenuSrl].sModuleType,
			module_type : $._xeAdminVar.htSelectedMenuDesign.sModuleName,
			skin_type : sType
		};
		// https://code.google.com/p/xe-core/wiki/ModuleSkinInfo_GET_API
		$.exec_json("module.getModuleSkinInfoList", params, function(htData){
			//console.log(htData);
			
			//skin_info_list: Object
			
			var sResult = "";
			var $List = $('#skin ._list');
			$List.html("");
			
			var sSelected = "";
			var sSelectedSkin = "";
			var htDesign = $._xeAdminVar.htSelectedMenuDesign;
			/*
			$List.append($.tmpl("skinListItem_noskin", {
				Selected : sSelected
			}).data('SkinName', ""));
			*/
			
			for(var sName in htData.skin_info_list){
				if(!htData.skin_info_list.hasOwnProperty(sName)) continue;
				
				//./
				//$._xeAdminVar.htItemTypes[sType][sName].S = htInfo.title;

				// if nothing is selected, select the first one.
				if(htDesign.htSkin[sType] == ""){
					htDesign.htSkin[sType] = sName;
				}
				
				htInfo = htData.skin_info_list[sName];
			//for(var i=0, nLen=htData.skin_info_list.length; i<nLen; i++){
				htInfo.sName = sName;

				sSelected = "";
				if(htDesign.htSkin[sType] == htInfo.sName){
					sSelectedSkin = htInfo.sName;
					sSelected = "selected";
				}
//				console.log(htInfo.title);
				$List.append($.tmpl("skinListItem", {
					Title : htInfo.title, 
					ScreenShotURL : htInfo.thumbnail?htInfo.thumbnail:'./modules/layout/tpl/img/noThumbnail.png',
					Selected : sSelected,
					SkinName : htInfo.sName
				}).data('SkinName', htInfo.sName));
			}
			$List.find('.selected input').attr('checked', 'checked');
			//console.log(sSelectedSrl);

			updatePreview({
				sSkin : sSelectedSkin,
				htSkinData : {}
			});

		});
	}
	$('#skin').on('click', 'button._btnScreenshot', function(){
		$(this).closest('li').find('input[name=skin_item]').click();
	});
	$('#skin').on('click', 'input[name=skin_item]', function(){
		$('#skin').find('li.selected').removeClass('selected');
		$(this).closest('li').addClass('selected');
		
		var sSkinName = $(this).closest('li').data('SkinName');
		var sMode = $._xeAdminVar.htPrevSetting.bMobilePreviewTabOpen?"M":"P";
		$._xeAdminVar.htSelectedMenuDesign.htSkin[sMode]=sSkinName;
		
		var sSkinVar = $._xeAdminVar.htPrevSetting.bMobilePreviewTabOpen?"default_mskin":"default_skin";
		$._xeAdminVar.htItemTypes[$._xeAdminVar.htSelectedMenuDesign.sModuleName][sSkinVar] = sSkinName;
		
		updatePreview({
			sSkin : sSkinName
		});
	})
	$('#skinSetup').on('show', function(ev){
		if(this !== ev.target)  return;

		scrollToRight();
	})

	var d365 = new Date();
	d365.setTime(d365.getTime() + 60*60*24*356);
	var $quickHelp = $("._quick_help");
	var htQuickHelpMsg = {
		'how_to_modify_menu' : '생성한 메뉴는 [메뉴 수정]에서 수정 할 수 있습니다.',
		'can_drag_menu' : '사이트 맵에서 메뉴를 드래그 해서도 위치를 변경 할 수 있습니다.',
		'good_to_duplicate_layout' : '레이아웃 설정 변경 시, [복사본 생성] 버튼을 눌러 복사본을 만들어 설정을 변경 하는 것이 좋습니다.',
		'img_uploaded' : xe.lang.img_uploaded,
		'img_deleted' : xe.lang.img_deleted
	};
	function showQuickHelp(sMsgCode){
		$quickHelp.find('._quick_help_nomore').removeAttr('checked');
		if($quickHelp.closeTimer) clearTimeout($quickHelp.closeTimer);
		
		if(getCookie('__xe_admin_quick_help_'+sMsgCode)) return;
		
		var sMsg = htQuickHelpMsg[sMsgCode];
		$quickHelp.find('._quick_help_msg').html(sMsg);
		$quickHelp.data('code', sMsgCode);
		$quickHelp.fadeIn();
		
		$quickHelp.closeTimer = setTimeout(closeQuickHelp, 10000);
	}
	function closeQuickHelp(bNoMore){
		var sMsgCode = $quickHelp.data('code');
		
		if(bNoMore){
			setCookie('__xe_admin_quick_help_'+sMsgCode, "true", d365);
		}
		
		$quickHelp.fadeOut(1000);
	}
	$quickHelp.on('click', '._quick_help_nomore', function(){
		closeQuickHelp(true);
	});
	
	var $foggyLayer = $("<div>");
	$foggyLayer.css({
		position: 'absolute',
		top:0,
		left:0,
		backgroundColor:'#000',
		opacity: 0.5,
		display:'none',
		zIndex:100
	});
	$($.find("body")).append($foggyLayer);
	
	$(window).resize(function(){
		$foggyLayer.css({
			width: 0,
			height: 0
		});
	
		setTimeout(function(){
			$foggyLayer.css({
				width: $(document).width(),
				height: $(document).height()
			});
		}, 0);
	});
	function showFoggy(){
		$foggyLayer.show();
	}
	function hideFoggy(){
		$foggyLayer.hide();
	}
	
	var $msgBox = $("#msgBox");
	$msgBox.find("._ok").click(function(){
		$._xeAdminVar.msgBox.fnOnOK();
	});
	$msgBox.find("._cancel").click(function(){
		$._xeAdminVar.msgBox.fnOnCancel();
	});
	$msgBox.bind("show", function(){
		$._xeAdminVar.msgBox.bVisible = true;
		showFoggy();
		$._xeAdminVar.msgBox.fnOnShow();
		
		if($msgBox.find('input').length > 0){
			setTimeout(function(){
				$msgBox.find('input').focus()
			},	0);
		}
	});
	$msgBox.bind("hide", function(){
		$._xeAdminVar.msgBox.bVisible = false;
		hideFoggy();
		$._xeAdminVar.msgBox.fnOnHide();
	});
	$(document.body).on('keydown', function(ev){
		if(!$._xeAdminVar.msgBox.bVisible) return;
		
		if(ev.keyCode === 27){
			$msgBox.find("._cancel").click();
		}
	});
	$._xeAdminVar.msgBox = {};
	function msgBox(htOptions){
		// sTitle, sText, fnOnOK, fnOnCancel, bSmall, bAlert, fnOnShow, fnOnHide, bDanger
		htOptions = htOptions || {};
		
		var sTitle = htOptions.sTitle || "";
		var sText = htOptions.sText || "";
		
		var bDanger = htOptions.bDanger || false;

		$msgBox.find("._title") .html(sTitle);
		$msgBox.find("._text").html(sText);
		
		var $confirmBtn = $msgBox.find('._ok');
		if(bDanger){
			$confirmBtn.removeClass('x_btn-inverse');
			$confirmBtn.addClass('x_btn-danger');
		}else{
			$confirmBtn.removeClass('x_btn-danger');
			$confirmBtn.addClass('x_btn-inverse');
		}

		// #msgBox._small {width:400px;margin-left:-200px}
		// #msgBox._type_alert _cancel{display:none}
		if(htOptions.bSmall){
			$msgBox.addClass("_small");
		}else{
			$msgBox.removeClass("_small");
		}

		if(htOptions.bAlert){
			$msgBox.addClass("_type_alert");
		}else{
			$msgBox.removeClass("_type_alert");
		}

		$._xeAdminVar.msgBox = {
			fnOnOK : function(){
				if(typeof htOptions.fnOnOK === "function"){
					if(htOptions.fnOnOK()) return;
				}
					
				$msgBox.hide();
			},
			
			fnOnCancel : function(){
				if(typeof htOptions.fnOnCancel === "function") htOptions.fnOnCancel();
				
				$msgBox.hide();
			},
			
			fnOnShow : function(){
				if(typeof htOptions.fnOnShow === "function") htOptions.fnOnShow();
			},
			
			fnOnHide : function(){
				if(typeof htOptions.fnOnHide === "function") htOptions.fnOnHide();
			}
		};

		$msgBox.show();
	}
	function alertDialog(htOptions){
		htOptions = htOptions || {};
		htOptions.bAlert = true;
		
		msgBox(htOptions);
	}
	function confirmDialog(htOptions){
		htOptions = htOptions || {};
		htOptions.bAlert = false;
		
		msgBox(htOptions);
	}

	$('#download,#downloadLayout,#downloadSkin').on('click', '._install_this', function(ev){
		var $item = $(this).closest('.item');

		var sPackageSrl = $item.data('sPackageSrl');
		var sPackageType = $item.data('sItemType');

		installPackage(sPackageSrl, sPackageType, $item);
	});
	// sPackageType = menu/layout/skin
	function installPackage(sPackageSrl, sPackageType, $item){

		//act=getAutoinstallAdminIsAuthed
		$.exec_json("admin.getAutoinstallAdminIsAuthed", {}, function(htData){
			if(htData.error !== 0){
				alert(htData.message);
				return;
			}

			// FTP 비밀번호 뿐만 아니라 정보가 전혀 없을 경우?
			switch(htData.is_authed){
				case -1:
				confirmDialog(
					{
						sTitle : xe.lang.need_to_ftp_setup,
						sText : xe.lang.go_to_ftp_setup,
						bSmall : true,
						fnOnOK : function(){
							var sSuccessReturnURL = window.location.href.replace(/#.*$/, "")+"&continue_install_package="+sPackageSrl+"&continue_install_package_type="+sPackageType;
							window.location.href="./?module=admin&act=dispAdminConfigFtp&success_return_url="+Base64.encode(sSuccessReturnURL);
						}
					}
				);
				return;
				break;
				
				case 0:
				confirmDialog(
					{
						sTitle : 'FTP 계정 정보가 필요 합니다.',
						sText : 'FTP 비밀번호: <input type="password"/>',
						bSmall : true,
						fnOnOK : function(){
							var sPw = $msgBox.find('input[type="password"]').val();
							setTimeout(function(){
								doInstallPackage(sPackageSrl, sPackageType, sPw, $item);
							}, 0);
						}
					}
				);
				return;
				break;
				
				default:
				break;
			}

			doInstallPackage(sPackageSrl, sPackageType, ".", $item);
		});
	}
	
	function doInstallPackage(sPackageSrl, sPackageType, sPw, $item){
		var htFunc = {
			download: fillInInstalledMenuList,
			downloadLayout: fillInInstalledLayoutList,
			downloadSkin: fillInInstalledSkinList
		};
		
		showFoggy();
		
		$.exec_json("admin.procAutoinstallAdminPackageinstall", {
			package_srl : sPackageSrl,
			ftp_password : sPw
		}, function(htData){
			hideFoggy();
			
			if($item){
				$item.addClass('installed');
				$item.addClass('up_to_date');
				htFunc[sPackageType]();
			}
			
			alert(xe.lang.installation_completed);
		});
	}
	top.fullSetupDone = function(htData){
		jQuery('#properties').show();
	}
	$('a._openFullSetup').click(function(ev){
		if($._xeAdminVar.oSetupWin){
			$._xeAdminVar.oSetupWin.close();
		}
		
		$._xeAdminVar.oSetupWin = window.open("about:blank", "xe_fullSetup");
		
		ev.preventDefault();
		
		var t = this;		
		setTimeout(function(){
			$(t).blur();
		}, 0);
		
		$.exec_json("menu.getMenuAdminDetailSetup", {
			menu_item_srl : htNodeInfo[$._xeAdminVar.sSelectedMenuSrl].sNodeSrl
		}, function(htData){
			//window.open(htData.setupUrl, "xe_fullSetup", "resizable=yes");
			$._xeAdminVar.oSetupWin = window.open(htData.setupUrl, "xe_fullSetup");
			
			/*
			<form class="form" enctype="multipart/form-data" method="post" action="./">
			<input type="hidden" value="/maserati/index.php?module=admin&act=dispBoardAdminInsertBoard&module_srl=291&isLayoutDrop=1" name="error_return_url">
			<input type="hidden" value="" name="mid">
			<input type="hidden" value="" name="vid">
			*/
		});
		
	});
	
	$('a._siteDesignSetupLink').attr('title', xe.lang.go_to_site_design_setup).click(function(){
		alert(xe.lang.go_to_site_design_setup);
	});
	
// Set #site height fix
	$(window).resize(function(){
		var wHeigh = $(window).height();
		$('#site').height(wHeigh - 145).find('>.col').height(wHeigh - 185).find('.cnt').height(wHeigh - 252);
		$('#properties, #propertiesRoot, #imgbtn, #layoutSetup, #layoutMarkupSetup, #skinSetup').find('.cnt').height(wHeigh - 222);
	}).resize();

	var sPackageSrl = getParameterByName('continue_install_package');
	var sPackageType = getParameterByName('continue_install_package_type');
	if(sPackageSrl && sPackageType){
		doInstallPackage(sPackageSrl, sPackageType, ".", null);
	}

});

function getParameterByName(name){
  name = name.replace(/[\[]/, "\\\[").replace(/[\]]/, "\\\]");
  var regexS = "[\\?&]" + name + "=([^&#]*)";
  var regex = new RegExp(regexS);
  var results = regex.exec(window.location.search);
  if(results == null)
    return "";
  else
    return decodeURIComponent(results[1].replace(/\+/g, " "));
}

function formatUpdatedDate(sDate){
	//20120106184020
	//2012-01-06 18:40:20
	
	return sDate.replace(/(....)(..)(..)(..)(..)(..)/, function(all, year, mon, day, hour, min, sec){
		//return year+"-"+mon+"-"+day+" "+hour+":"+min+":"+sec;
		return year+"-"+mon+"-"+day;
	});
}

top.fullSetupWinLoaded = function(){
	var oWin = jQuery._xeAdminVar.oSetupWin;

	var $ = oWin.jQuery;
	var $body = $(oWin.document.body);
	
	var $form = $body.find('form[enctype="multipart/form-data"]');
	//<iframe name="submitTarget" src="about:_blank" style="position:absolute; top:-10000px; left:-10000px; width:1025px;height:769px"></iframe>
	var $target = $("<iframe>").attr('name', 'submitTarget').attr('src', 'about:_blank').attr('style', 'position:absolute; top:-10000px; left:-10000px; width:1025px;height:769px');
	$form.append($target);

	$form.append($("<INPUT>").attr("type", "hidden").attr("name", "xe_js_callback").attr("value", "top.opener.top.fullSetupDone();top.window.close();var dummy="));
	$form.attr('target', 'submitTarget');
	
	//console.log(oWin);
	/*
	oWin.blur();
	setTimeout(oWin.focus, 0);
	*/
};

			
jQuery.extend({
    stringify  : function stringify(obj) {         
        if ("JSON" in window) {
            return JSON.stringify(obj);
        }

        var t = typeof (obj);
        if (t != "object" || obj === null) {
            // simple data type
            if (t == "string") obj = '"' + obj + '"';

            return String(obj);
        } else {
            // recurse array or object
            var n, v, json = [], arr = (obj && obj.constructor == Array);

            for (n in obj) {
                v = obj[n];
                t = typeof(v);
                if (obj.hasOwnProperty(n)) {
                    if (t == "string") {
                        v = '"' + v + '"';
                    } else if (t == "object" && v !== null){
                        v = jQuery.stringify(v);
                    }

                    json.push((arr ? "" : '"' + n + '":') + String(v));
                }
            }

            return (arr ? "[" : "{" ) 
				+ String(json) 
				+ (arr ? "]" : "}" );
        }
    }
});
//]]>
</script>