<%@ page contentType="text/html;charset=utf-8" %>
<%@ taglib uri="http://www.springframework.org/tags" prefix="s"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>

<!doctype html>
<html lang="ko">
	<head>
	<title><s:message code="manager.skin.smartmenu.title"/></title>
	</head>
	
	<body>
		<div class="page-title-wrap clear">
			<div class="page-title-inner">
				<h3 class="page-title"><s:message code="manager.skin.tab.smartmenu"/></h3>
				<div class="tooltipBox type01">
					<button type="button" class="page-tip">페이지안내</button>
					<div class="tooltipText">
						<p><s:message code="manager.skin.smartmenu.caption"/></p>
					</div>
				</div>
			</div>
		</div>
		<div class="layout-content">
			<div class="layout-title">
				<button type="button" class="skin-tab on" id="htmlTab"><div class="skin-div"><span>〈 / 〉</span><p>Html</p></div></button>
				<button type="button" class="skin-tab" id="cssTab"><div class="skin-div"><span>〈 _ 〉</span><p>Css</p></div></button>
			</div>
			<div class="editor">
				<span class="rolling"></span>
				<iframe class="contents" src="/gtm/<c:out escapeXml='true' value='${siteIdx}' />/siteSkinHtml.do?pageType=smartmenu&amp;pageName=smartmenu" id="siteSkinHtml"></iframe>
				<iframe class="contents" src="/gtm/<c:out escapeXml='true' value='${siteIdx}' />/siteSkinCss.do?pageType=smartmenu&amp;pageName=smartmenu" id="siteSkinCss"></iframe>
			</div>
		</div>
		
		<div class="btn-area">
			<button type="button" class="btn-normal violet" id="btnHtml"><s:message code="common.button.mod"/></button>
			<button type="button" class="btn-normal violet DSP-NONE" id="btnCss"><s:message code="common.button.mod"/></button>
		</div>		
		
		<script>
		/* <![CDATA[ */
		
			$("#btnHtml").click(function(){
				$("#siteSkinHtml")[0].contentWindow.jf_submit();
			});
	
			$("#btnCss").click(function(){
				$("#siteSkinCss")[0].contentWindow.jf_submit();
			});
			
			$("#htmlTab").click(function(){
				$('.skin-tab').removeClass('on');
				$(this).addClass('on');				
				$("#siteSkinHtml").show();
				$("#siteSkinCss").hide();
				$("#btnHtml").show();
				$("#btnCss").hide();
			});
			
			$("#cssTab").click(function(){
				$('.skin-tab').removeClass('on');
				$(this).addClass('on');				
				$("#siteSkinHtml").hide();
				$("#siteSkinCss").show();
				$("#btnHtml").hide();
				$("#btnCss").show();
			});		
	
			$("#frm").submit(function(){
				$.blockUI({ message : '<h1><img src="/img/blockbusy.gif" />&nbsp;&nbsp;<s:message code="common.message.ajaxwait"/></h1>' });
			});		
		/* ]]> */
		</script> 
		
	</body>
</html>