<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta http-equiv="Content-Style-Type" content="text/css" />
	<meta http-equiv="Content-Script-Type" content="text/javascript" />
	<title>コンテンツエリア</title>
	<link type="text/css" rel="stylesheet" href="../lib/ui/css/ui.all.css" />
	<link type="text/css" rel="stylesheet" href="../css/editor.css" />
	<link type="text/css" rel="stylesheet" href="../css/component.css" />
	<style type="text/css">
		html{overflow:auto;}
		body {width:98%;}
	</style>

	<script type="text/javascript" src="../lib/jquery-1.3.2.min.js"></script>
	<script type="text/javascript" src="../lib/ui/ui.core.js"></script>
	<script type="text/javascript" src="../lib/ui/ui.draggable.js"></script>
	<script type="text/javascript" src="../lib/ui/ui.resizable.js"></script>
	<script type="text/javascript" src="../lib/ui/ui.selectable.js"></script>
	<script type="text/javascript" src="../lib/Namespace.min.js"></script>
	<script type="text/javascript" src="../lib/json.js"></script>
	<script type="text/javascript" src="../editorConfig.js"></script>
	<script type="text/javascript" src="../editorUtils.js"></script>
	<script type="text/javascript" src="../contextMenu.js"></script>
	<script type="text/javascript" src="../contentsArea.js"></script>

	<script type="text/javascript">
	// 親windowからこのwindowの制御ができるようにしておく
	parent.contentWindow = window;

	var contentsArea;
	$(function() {
		contentsArea = new es.layouteditor.ContentsArea();

		//グリッド設定
		var editorMain = contentsArea.editorMain;
		if (editorMain.gridFlag) {
			$('#mainInner > div').addClass(
					editorMain.gridColor ? editorMain.gridColor : 'gridGrey');
		}

		//コンポーネントを編集エリアに反映する
		contentsArea.renderComponent();
		contentsArea.setHistory();

		//キーダウンイベント設定
		$(document).keydown(function(e){
			//戻る「Ctrl+Z」
			if (e.metaKey && e.keyCode === 90) {
				contentsArea.undo();

			//進む「Ctrl+Y」
			} else if (e.metaKey && e.keyCode === 89) {
				contentsArea.redo();

			//コンポーネント削除「Delete」
			} else if (e.keyCode === 46) {
				editorMain.getContentsArea().remove(window);

			//選択解除「ESC」
			} else if (e.keyCode === 27) {
				es.layouteditor.EditorUtils.removeComponentSelected(window);
			}
		});

		// layoutPageIdを設定
		window.document.layoutPageId = parent.$("#layoutPageId").val();

		// スタイル設定
		contentsArea.setStyle($.parseJSON($("#styleData", parent.document).val()));

		// Overlay解除
		parent.hideOverlay.domReady();
	});

	</script>

</head>

<body style="background-color:#e0e0e0;">
<div id="mainInner" style="width:1500px;">
<div id="editArea" style="width:930px; height:1000px; background-color:#fff;"></div>
</div>
</body>
</html>