--- takahashi.xul	2006/06/10 15:31:05	12
+++ takahashi.xul	2007/04/14 12:32:36	14
@@ -43,7 +43,7 @@
 
 <page xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
 	id="presentation"
-	xmlns:html="http:/www.w3.org/1999/xhtml"
+	xmlns:html="http://www.w3.org/1999/xhtml"
 	orient="vertical"
 	onkeypress="Presentation.onKeyPress(event);">
 
@@ -59,28 +59,21 @@
 操作
 ----
 HEADER::操作
-基本的に
-高橋メソッド
-in XUL
-と同じ
-----
 ALIGN::left
-Enterか
-Page Downか
-左クリック
-で[次のページ]
-----
-ALIGN::right
-→でも
-↓でも
-次のページ
+基本的な操作
+|次のページ|→,↓,Enter,Page Down,左クリック
+|前のページ|←,↑,Back Space,Page Up,右クリック
+|最初のページ|Home
+|最後のページ|End
+|リロード|Ctrl-R
+|編集モード|Ctrl-E
 ----
 ALIGN::center
 キーボード操作時は
 次のページへ進む操作で
-ラベルをめくれます
+[ラベル]をめくれます
 （めくっていない
-ラベルがなければ
+[ラベル]がなければ
 そのまま次のページへ）
 ----
 一度めくったラベルは
@@ -92,40 +85,13 @@
 ここですよここ！」
 ができる
 ----
-Back Spaceか
-Page Upか
-右クリック
-で[前のページ]
-----
-←でも
-↑でも
-前のページ
-----
-ALIGN::right
-Homeで
-最初の
-ページ
-----
-ALIGN::left
-Endで
-最後の
-ページ
-----
-Ctrl-R
-で[リロード]
-----
-Ctrl-Eで
-[編集]モード
-突入
-----
 HEADER::
 CHAPTER::編集機能
 編集
 ----
 HEADER::編集
-編集モード時は
-Ctrl-Nで新しい
-ページの追加
+編集モード時の基本操作
+|新しいページの追加|Ctrl-N
 ----
 HEADER::機能
 部分
@@ -159,6 +125,158 @@
 &lt;/html&gt;:PRE]]
 ソースコードの例示などに使える
 ----
+表
+|~見出し&lt;br/&gt;セル|セル1|セル2
+|~見出し&lt;br/&gt;セル|セル3|セル4
+データの例示などにどうぞ。
+[[PRE:
+|~見出し&lt;br/&gt;セル|セル1|セル2
+|~見出し&lt;br/&gt;セル|セル3|セル4
+]]
+----
+XUL
+[[RAW:
+&lt;vbox align="center"&gt;
+&lt;button label="ボタン"/&gt;
+
+&lt;hbox&gt;
+
+&lt;menulist label="既定の値" style="width: 10em;"&gt;
+	&lt;menupopup&gt;
+		&lt;menuitem label="既定の値"/&gt;
+		&lt;menuseparator/&gt;
+		&lt;menuitem label="項目1"/&gt;
+		&lt;menuitem label="項目2"/&gt;
+		&lt;menuitem label="項目3"/&gt;
+	&lt;/menupopup&gt;
+&lt;/menulist&gt;
+
+&lt;menulist label="既定の値" style="width: 10em;" editable="true"&gt;
+	&lt;menupopup&gt;
+		&lt;menuitem label="既定の値"/&gt;
+		&lt;menuseparator/&gt;
+		&lt;menuitem label="項目1"/&gt;
+		&lt;menuitem label="項目2"/&gt;
+		&lt;menuitem label="項目3"/&gt;
+	&lt;/menupopup&gt;
+&lt;/menulist&gt;
+
+&lt;/hbox&gt;
+
+&lt;toolbar style="background: ThreeDFace; border: 1px -moz-bg-outset;"&gt;
+
+&lt;toolbarbutton label="ボタン"/&gt;
+
+&lt;toolbarbutton label="ボタン" type="menu"&gt;
+	&lt;menupopup&gt;
+		&lt;menuitem label="項目1"/&gt;
+		&lt;menuitem label="項目2"/&gt;
+		&lt;menuitem label="項目3"/&gt;
+		&lt;menu label="サブメニュー"&gt;
+			&lt;menupopup&gt;
+				&lt;menuitem label="項目1"/&gt;
+				&lt;menuitem label="項目2"/&gt;
+				&lt;menuitem label="項目3"/&gt;
+			&lt;/menupopup&gt;
+		&lt;/menu&gt;
+	&lt;/menupopup&gt;
+&lt;/toolbarbutton&gt;
+
+&lt;toolbarbutton label="ボタン" type="menu-button"&gt;
+	&lt;menupopup&gt;
+		&lt;menuitem label="項目1"/&gt;
+		&lt;menuitem label="項目2"/&gt;
+		&lt;menuitem label="項目3"/&gt;
+	&lt;/menupopup&gt;
+&lt;/toolbarbutton&gt;
+
+&lt;/toolbar&gt;
+
+&lt;/vbox&gt;
+]]
+----
+SVG
+[[RAW:
+&lt;svg xmlns="http://www.w3.org/2000/svg" xml:space="default" width="220" height="200"&gt;
+        &lt;rect x="60" y="60" width="100" height="80" fill="lime" stroke="red" 
+stroke-width="5"/&gt;
+        &lt;rect x="30" y="20" width="80" opacity="0.6" height="100" fill="aqua" stroke="blue" 
+stroke-width="5"/&gt;
+&lt;/svg&gt;
+]]
+----
+XHTML
+[[RAW:
+&lt;table xmlns="http://www.w3.org/1999/xhtml" border="1"&gt;
+	&lt;tbody&gt;
+		&lt;tr&gt;&lt;th&gt;10進数&lt;/th&gt;&lt;td&gt;0&lt;/td&gt;&lt;td&gt;51&lt;/td&gt;&lt;td&gt;102&lt;/td&gt;&lt;td&gt;153&lt;/td&gt;&lt;td&gt;204&lt;/td&gt;&lt;td&gt;255&lt;/td&gt;&lt;/tr&gt;
+		&lt;tr&gt;&lt;th&gt;16進数&lt;/th&gt;&lt;td&gt;0&lt;/td&gt;&lt;td&gt;33&lt;/td&gt;&lt;td&gt;66&lt;/td&gt;&lt;td&gt;99&lt;/td&gt;&lt;td&gt;CC&lt;/td&gt;&lt;td&gt;FF&lt;/td&gt;&lt;/tr&gt;
+	&lt;/tbody&gt;
+&lt;/table&gt;
+]]
+----
+HIDDEN::true
+MathML
+[[RAW:
+&lt;math xmlns="http://www.w3.org/1998/Math/MathML"&gt;
+    &lt;mrow&gt;
+      &lt;mrow&gt;
+        &lt;munder&gt;
+          &lt;mo form="prefix" movablelimits="false"&gt;lim&lt;/mo&gt;
+          &lt;mrow&gt;
+            &lt;mi&gt;n&lt;/mi&gt;
+            &lt;mo&gt;→&lt;/mo&gt;
+
+            &lt;mi&gt;N&lt;/mi&gt;
+          &lt;/mrow&gt;
+        &lt;/munder&gt;
+        &lt;msup&gt;
+          &lt;mrow&gt;
+            &lt;mo&gt;(&lt;/mo&gt;
+            &lt;mrow&gt;
+              &lt;mn&gt;1&lt;/mn&gt;
+
+              &lt;mo&gt;+&lt;/mo&gt;
+              &lt;mfrac&gt;
+                &lt;mn&gt;1&lt;/mn&gt;
+                &lt;mi&gt;n&lt;/mi&gt;
+              &lt;/mfrac&gt;
+            &lt;/mrow&gt;
+            &lt;mo&gt;)&lt;/mo&gt;
+
+          &lt;/mrow&gt;
+          &lt;mi&gt;n&lt;/mi&gt;
+        &lt;/msup&gt;
+      &lt;/mrow&gt;
+      &lt;mo&gt;?&lt;/mo&gt;
+      &lt;msup&gt;
+        &lt;mi&gt;e&lt;/mi&gt;
+
+        &lt;mi&gt;N&lt;/mi&gt;
+      &lt;/msup&gt;
+    &lt;/mrow&gt;
+&lt;/math&gt;
+]]
+
+----
+XMLの埋め込み
+なんかもできる
+[[PRE:
+[[raw:
+&lt;toolbar xmlns="http://www.mozilla.org/keymaster
+                    /gatekeeper/there.is.only.xul"&gt;
+    &lt;toolbarbutton type="menu" label="メニュー1"/&gt;
+      &lt;menupopup&gt;
+        &lt;menuitem label="項目1"/&gt;
+        &lt;menuitem label="項目2"/&gt;
+        &lt;menuitem label="項目3"/&gt;
+      &lt;/menupopup&gt;
+    &lt;/toolbarbutton&gt;
+&lt;/toolbar&gt;
+]&#173;]
+]]
+（でもちょっとバギー）
+----
 リンク
 [[PRE:
 [[URI]&#173;]
@@ -269,21 +387,9 @@
 パラ
 メータ
 ----
-?page=[数値]
-----
-表示ページを
-指定して起動
-----
-?data=[パス]
-----
-外部データ
-ファイルを
-読み込み
-----
-?edit=true
-----
-編集モード
-の状態で起動
+|表示ページを指定して起動|?page=[数値]
+|外部データファイルを使用|?data=[パス]
+|編集モードで起動|?edit=true
 ----
 HEADER::
 CHAPTER::このアプリケーションについて
@@ -360,77 +466,88 @@
 				<spacer flex="1"/>
 			</vbox>
 			<toolbarseparator/>
-			<hbox>
-				<toolbarbutton label="timer"
-					oncommand="Presentation.setTimer();" />
-			</hbox>
-			<spacer flex="1"/>
-			<hbox>
-				<toolbarbutton label="auto"
-					id="autoButton"
-					type="checkbox"
-					autoCheck="false"
-					oncommand="Presentation.toggleAutoCruiseMode();" />
-				<toolbarbutton id="auto-interval-button"
-					type="menu"
-					label="Interval"
-					tooltiptext="Change Interval"
-					class="dropmarker-button">
-					<menupopup id="auto-interval-list"
-						onpopupshowing="
-							Presentation.preventToShowHideToolbar = true;
-							(this.getElementsByAttribute('value', Presentation.autoCruiseInterval)[0] || this.lastChild).setAttribute('checked', true);
-						"
-						onpopuphiding="Presentation.preventToShowHideToolbar = false;"
-						oncommand="Presentation.changeAutoCruiseInterval(parseInt(event.target.value));">
-						<menuitem type="radio" radiogroup="autocruise-interval"
-							label="1 sec" value="1000"/>
-						<menuitem type="radio" radiogroup="autocruise-interval"
-							label="2 sec" value="2000"/>
-						<menuitem type="radio" radiogroup="autocruise-interval"
-							label="3 sec" value="3000"/>
-						<menuitem type="radio" radiogroup="autocruise-interval"
-							label="4 sec" value="4000"/>
-						<menuitem type="radio" radiogroup="autocruise-interval"
-							label="5 sec" value="5000"/>
-						<menuseparator/>
-						<menuitem type="radio" radiogroup="autocruise-interval"
-							label="1 min" value="60000"/>
-						<menuitem type="radio" radiogroup="autocruise-interval"
-							label="2 min" value="120000"/>
-						<menuitem type="radio" radiogroup="autocruise-interval"
-							label="3 min" value="180000"/>
-						<menuitem type="radio" radiogroup="autocruise-interval"
-							label="4 min" value="240000"/>
-						<menuitem type="radio" radiogroup="autocruise-interval"
-							label="5 min" value="300000"/>
-						<menuseparator/>
-						<menuitem type="radio" radiogroup="autocruise-interval"
-							label="Custom"
-							oncommand="
-								var current = Presentation.autoCruiseInterval;
-								var val = parseInt(prompt('input interval (sec)', parseInt(current/1000)));
-								if (isNaN(val)) {
-									event.preventBubble();
-									return;
-								}
-								else
-									val = val * 1000;
-								this.value = val;
-							"/>
-					</menupopup>
-				</toolbarbutton>
-			</hbox>
 			<toolbarbutton label="Pen"
 				id="penButton"
 				type="checkbox"
 				autoCheck="false"
 				oncommand="StrokablePresentationService.toggleCheck();"/>
-			<toolbarseparator/>
-			<toolbarbutton id="toggleEva" label="Eva"
-				type="checkbox"
-				autoCheck="false"
-				oncommand="Presentation.toggleEvaMode();"/>
+			<spacer flex="1"/>
+			<toolbarbutton id="func-menu-button"
+				type="menu"
+				label="Function">
+				<menupopup
+					onpopupshowing="Presentation.preventToShowHideToolbar = true;"
+					onpopuphiding="Presentation.preventToShowHideToolbar = false;">
+					<menuitem label="Set Timer"
+						oncommand="Presentation.setTimer();" />
+					<menuseparator/>
+					<menuitem label="Start Auto-Cruise"
+						id="autoButton"
+						type="checkbox"
+						autoCheck="false"
+						oncommand="Presentation.toggleAutoCruiseMode();" />
+					<menu id="auto-interval-button"
+						label="Change Interval">
+						<menupopup id="auto-interval-list"
+							onpopupshowing="(this.getElementsByAttribute('value', Presentation.autoCruiseInterval)[0] || this.lastChild).setAttribute('checked', true);"
+							oncommand="Presentation.changeAutoCruiseInterval(parseInt(event.target.value));">
+							<menuitem type="radio" radiogroup="autocruise-interval"
+								label="1 sec" value="1000"/>
+							<menuitem type="radio" radiogroup="autocruise-interval"
+								label="2 sec" value="2000"/>
+							<menuitem type="radio" radiogroup="autocruise-interval"
+								label="3 sec" value="3000"/>
+							<menuitem type="radio" radiogroup="autocruise-interval"
+								label="4 sec" value="4000"/>
+							<menuitem type="radio" radiogroup="autocruise-interval"
+								label="5 sec" value="5000"/>
+							<menuseparator/>
+							<menuitem type="radio" radiogroup="autocruise-interval"
+								label="1 min" value="60000"/>
+							<menuitem type="radio" radiogroup="autocruise-interval"
+								label="2 min" value="120000"/>
+							<menuitem type="radio" radiogroup="autocruise-interval"
+								label="3 min" value="180000"/>
+							<menuitem type="radio" radiogroup="autocruise-interval"
+								label="4 min" value="240000"/>
+							<menuitem type="radio" radiogroup="autocruise-interval"
+								label="5 min" value="300000"/>
+							<menuseparator/>
+							<menuitem type="radio" radiogroup="autocruise-interval"
+								label="Custom"
+								oncommand="
+									var current = Presentation.autoCruiseInterval;
+									var val = parseInt(prompt('input interval (sec)', parseInt(current/1000)));
+									if (isNaN(val)) {
+										event.preventBubble();
+										return;
+									}
+									else
+										val = val * 1000;
+									this.value = val;
+								"/>
+						</menupopup>
+					</menu>
+					<menuseparator/>
+					<menuitem oncommand="Presentation.print();" label="Print"/>
+					<menu id="auto-interval-button"
+						label="Thumbnail Format">
+						<menupopup
+							onpopupshowing="(this.getElementsByAttribute('value', Presentation.imageType)[0] || this.firstChild).setAttribute('checked', true);"
+							oncommand="Presentation.imageType = event.target.value;">
+							<menuitem type="radio" radiogroup="print-image-type"
+								label="PNG" value="png"/>
+							<menuitem type="radio" radiogroup="print-image-type"
+								label="JPEG (50%)" value="jpeg"/>
+						</menupopup>
+					</menu>
+					<menuseparator/>
+					<menuitem id="toggleEva" label="Eva Mode"
+						type="checkbox"
+						autoCheck="false"
+						oncommand="Presentation.toggleEvaMode();"/>
+				</menupopup>
+			</toolbarbutton>
 			<toolbarseparator/>
 			<toolbarbutton label="Edit"
 				oncommand="Presentation.toggleEditMode();"/>
@@ -443,6 +560,10 @@
 				<hbox id="headerBox" flex="1">
 					<label id="header"/>
 					<spacer flex="1"/>
+					<vbox>
+						<image id="logo"/>
+						<spacer flex="1"/>
+					</vbox>
 				</hbox>
 				<spacer flex="19"/>
 				<hbox id="footerBox" flex="1">
@@ -571,13 +692,18 @@
 		key="s" modifiers="accel" oncommand="Presentation.output();"/>
 	<key id="key_reload"
 		key="r" modifiers="accel" oncommand="Presentation.reload();"/>
+	<key id="key_reload"
+		key="p" modifiers="accel" oncommand="Presentation.print();"/>
 
 	<key key="e" modifiers="accel" oncommand="Presentation.toggleEditMode();"/>
 	<key key="e" modifiers="accel,shift" oncommand="Presentation.toggleEvaMode();"/>
 </keyset>
 
 
-<script type="application/x-javascript"><![CDATA[
+<script type="application/x-javascript; e4x=1"><![CDATA[
+
+const XULNS   = 'http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul';
+const XHTMLNS = 'http://www.w3.org/1999/xhtml';
 
 var Presentation = {
 
@@ -597,6 +723,8 @@
 
 	dragStartDelta : 8,
 
+	imageType : 'jpeg',
+
 
 	initialized : false,
 
@@ -605,8 +733,8 @@
 	showMontaKeywordTimeout : 100,
 	autoCruiseInterval      : 2000,
 	timerUpdatingInterval   : 30000,
-	standByMontaLabels : [],
-	shownMontaLabels   : [],
+
+	cachedContents : [],
 
 	init : function(option){
 		if (this.initialized) {
@@ -621,6 +749,7 @@
 		this.content   = document.getElementById('content');
 		this.header    = document.getElementById('header');
 		this.footer    = document.getElementById('footer');
+		this.logo      = document.getElementById('logo');
 		this.next      = document.getElementById('nextPage');
 
 		this.indicatorBar = document.getElementById('indicatorBar');
@@ -641,11 +770,17 @@
 
 		window.addEventListener('resize', this, false);
 		window.addEventListener('contextmenu', this, false);
+		window.addEventListener('CanvasContentAdded', this, false);
+
+		this.canvas.addEventListener('DOMMouseScroll', this, false);
+		this.indicatorBar.addEventListener('DOMMouseScroll', this, false);
 
 		if(option){
 			for(var i in option){this[i] = option[i]}
 		}
 
+		this.cachedContents = [];
+
 		if (this.readParameter()) {
 			this.startPresentation();
 		}
@@ -662,6 +797,8 @@
 	},
 
 	takahashi : function() {
+		this.isRendering = true;
+
 		if(!this.data[this.offset]){
 			this.offset = this.data.length-1;
 		}
@@ -686,12 +823,10 @@
 		this.canvas.setAttribute('rendering', true);
 
 
-
 		this.header.removeAttribute('style');
 		this.footer.removeAttribute('style');
 		this.content.removeAttribute('style');
 
-		this.standByMontaLabels = [];
 		this.clickableNodes     = [];
 
 
@@ -703,25 +838,81 @@
 		this.footer.setAttribute('style', 'font-size:10px;');
 		this.footer.value = this.data[this.offset].footer;
 
-		var text = this.data[this.offset].text;
+		var page = this.content.getAttribute('page');
 		var range = document.createRange();
 		range.selectNodeContents(this.content);
-		range.deleteContents();
+		this.cachedContents[page] = {
+			fragment     : range.extractContents(),
+			offsetWidth  : parseInt(this.content.getAttribute('offsetWidth')),
+			offsetHeight : parseInt(this.content.getAttribute('offsetHeight'))
+		};
 		range.detach();
 
+
+		if (this.data[this.offset].load) {
+			this.isRendering = false;
+			location.href = location.href.split('?')[0] + '?'+this.data[this.offset].load;
+			return;
+		}
+
+		var content = (this.offset in this.cachedContents) ?
+							this.cachedContents[this.offset] :
+							this.createContent();
+
+		this.content.setAttribute('style', 'font-size:10px;');
+		this.content.setAttribute('page',         this.offset);
+		this.content.setAttribute('offsetWidth',  content.offsetWidth);
+		this.content.setAttribute('offsetHeight', content.offsetHeight);
+
+		this.content.appendChild(content.fragment);
+
+		this.clickableNodes.push(this.content);
+
+
+		this.fitHeaderFooterToCanvas();
+		this.fitMainContentToCanvas();
+
+
+		try {
+			var checkedItems = this.list.getElementsByAttribute('checked', 'true');
+			max = checkedItems.length;
+			for (i = max-1; i > -1 ; i--)
+				checkedItems[i].removeAttribute('checked');
+		}
+		catch(e) {
+		}
+
+		this.list.getElementsByAttribute('value', this.offset)[0].setAttribute('checked', true);
+
+		this.canvas.removeAttribute('rendering');
+		this.isRendering = false;
+		this.setHash('page', 'page'+(this.offset+1));
+
+		this.next.value = (this.offset <= this.data.length-2) ? (this.data[this.offset+1].plain.join('') || this.data[this.offset+1].text.join('')).replace(/\s+/g, ' ') : '(no page)' ;
+		this.remainder.setAttribute('value', this.offset == 0 ? 0 : parseInt(((this.offset)/(this.data.length-1))*100));
+
+		var event = document.createEvent('Events');
+		event.initEvent('PresentationRedraw', false, true);
+		this.canvas.dispatchEvent(event);
+	},
+	createContent : function()
+	{
+		var retVal = {
+				offsetWidth  : 0,
+				offsetHeight : 0
+			};
+		var text = this.data[this.offset].text;
 		var line;
 		var newLine;
 		var uri;
 		var image_width;
-		var image_total_width  = 0;
 		var image_height;
-		var image_total_height = 0;
 		var image_src;
 
 		var labelId = 0;
-		var lineRegExp = this.makePhraseRegExp('^([^%O]+)?(%O%Oem:((.+?)(:em)?%C%C)?|%O%Opre:((.+?)(:pre)?%C%C)?|%O%O\#[^:]+:((.+?)%C%C)?|%O%Oima?ge? +src="([^"]+)" +width="([0-9]+)" +height="([0-9]+)"[^%C]*%C%C|%O%O(([^\|]+)?\\||)([^%C]+)%C%C|%O([^%C]+)%C)(.+)?', 'i');
+		var lineRegExp = this.makePhraseRegExp('^([^%O]+)?(%O%Oem:((.+?)(:em)?%C%C)?|%O%O(raw|encoded):((.+?)(:raw|:encoded)?%C%C)?|%O%Opre:((.+?)(:pre)?%C%C)?|%O%O\#[^:]+:((.+?)%C%C)?|%O%Oima?ge? +src="([^"]+)" +width="([0-9]+)" +height="([0-9]+)"[^%C]*%C%C|%O%O(([^\|]+)?\\||)([^%C]+)%C%C|%O([^%C]+)%C)(.+)?', 'i');
 
-		var emRegExp         = this.makePhraseRegExp('^([^%O]+)?%O%Oem:(.+?)(:em)?%C%C', 'i');
+		var emRegExp         = this.makePhraseRegExp('^([^%O]+)?%O%Oem:(.+?)()?%C%C', 'i');
 		var emStartRegExp    = this.makePhraseRegExp('^([^%O]+)?%O%Oem:(.*)', 'i');
 		var emEndRegExp      = this.makePhraseRegExp('^(.*?)((:em)?%C%C)', 'i');
 
@@ -729,6 +920,10 @@
 		var preStartRegExp   = this.makePhraseRegExp('^([^%O]+)?%O%Opre:(.*)', 'i');
 		var preEndRegExp     = this.makePhraseRegExp('^(.*?)((:pre)?%C%C)', 'i');
 
+		var rawRegExp        = this.makePhraseRegExp('^([^%O]+)?%O%O(raw|encoded):(.+?)(:raw|:encoded)?%C%C', 'i');
+		var rawStartRegExp   = this.makePhraseRegExp('^([^%O]+)?%O%O(raw|encoded):(.*)', 'i');
+		var rawEndRegExp     = this.makePhraseRegExp('^(.*?)((:raw|:encoded)?%C%C)', 'i');
+
 		var styleRegExp      = this.makePhraseRegExp('^([^%O]+)?%O%O\\#([^:]+):(.+?)%C%C', '');
 		var styleStartRegExp = this.makePhraseRegExp('^([^%O]+)?%O%O\\#([^:]+):(.*)', '');
 		var styleEndRegExp   = this.makePhraseRegExp('^(.*?)(%C%C)', '');
@@ -745,13 +940,17 @@
 			blockClass    = '',
 			blockContents = [];
 
+		var inGrid       = false,
+			gridContents = null;
+
 		var fragment = document.createDocumentFragment();
 
+		var lineBox;
 		for (var i = 0, max = text.length; i < max; i++)
 		{
-			fragment.appendChild(document.createElement('hbox'));
-			fragment.lastChild.setAttribute('align', 'center');
-			fragment.lastChild.setAttribute('pack', this.data[this.offset].align);
+			lineBox = document.createElement('hbox');
+			lineBox.setAttribute('align', 'center');
+			lineBox.setAttribute('pack', this.data[this.offset].align);
 
 			line = text[i];
 			image_width  = 0;
@@ -759,15 +958,27 @@
 			if (!line) line = ' ';
 
 			if (inBlock) {
-				if (blockClass == 'preformatted-text' &&
+				if (blockClass == 'raw' &&
+					rawEndRegExp.test(line)) {
+					inBlock = false;
+					blockContents.push(RegExp.$1);
+					line = line.substring((RegExp.$1+RegExp.$2).length);
+
+					eval('var xml = <hbox class="raw" onclick="event.stopPropagation();" onkeypress="event.stopPropagation();">'+blockContents.join('\n')+'</hbox>;');
+					importNodeTreeWithDelay(importE4XNode(xml, document, XULNS), lineBox, XULNS);
+
+					blockClass    = '';
+					blockContents = [];
+				}
+				else if (blockClass == 'preformatted-text' &&
 					preEndRegExp.test(line)) {
 					inBlock = false;
 					blockContents.push(RegExp.$1);
 					line = line.substring((RegExp.$1+RegExp.$2).length);
 
-					fragment.lastChild.appendChild(document.createElement('description'));
-					fragment.lastChild.lastChild.setAttribute('class', 'preformatted-text block');
-					fragment.lastChild.lastChild.appendChild(document.createTextNode(
+					lineBox.appendChild(document.createElement('description'));
+					lineBox.lastChild.setAttribute('class', 'preformatted-text block');
+					lineBox.lastChild.appendChild(document.createTextNode(
 						blockContents.join('\n')
 							.replace(/^[\r\n\s]+/, '')
 							.replace(/[\r\n\s]+$/, '')
@@ -785,17 +996,17 @@
 					blockContents.push(RegExp.$1);
 					line = line.substring((RegExp.$1+RegExp.$2).length);
 
-					fragment.lastChild.appendChild(document.createElement('vbox'));
-					fragment.lastChild.lastChild.setAttribute('class', blockClass+' block');
-					fragment.lastChild.lastChild.setAttribute('align', this.data[this.offset].align);
+					lineBox.appendChild(document.createElement('vbox'));
+					lineBox.lastChild.setAttribute('class', blockClass+' block');
+					lineBox.lastChild.setAttribute('align', this.data[this.offset].align);
 					blockContents = blockContents.join('\n')
 						.replace(/^[\r\n\s]+/, '')
 						.replace(/[\r\n\s]+$/, '')
 						.split('\n');
 					for (var j = 0, jmax = blockContents.length; j < jmax; j++)
 					{
-						fragment.lastChild.lastChild.appendChild(document.createElement('description'));
-						fragment.lastChild.lastChild.lastChild.setAttribute('value', blockContents[j]);
+						lineBox.lastChild.appendChild(document.createElement('description'));
+						lineBox.lastChild.lastChild.setAttribute('value', blockContents[j]);
 					}
 
 					blockClass    = '';
@@ -807,19 +1018,73 @@
 				}
 			}
 
+			if (line.indexOf('|') == 0) {
+				fragment.appendChild(lineBox);
+
+				if (fragment.childNodes.length == 1 ||
+					!fragment.childNodes[fragment.childNodes.length-2] ||
+					!fragment.childNodes[fragment.childNodes.length-2].lastChild ||
+					fragment.childNodes[fragment.childNodes.length-2].lastChild.localName != 'grid') {
+					fragment.lastChild.appendChild(document.createElement('grid'));
+					fragment.lastChild.lastChild.appendChild(document.createElement('columns'));
+					fragment.lastChild.lastChild.appendChild(document.createElement('rows'));
+				}
+				else {
+					fragment.removeChild(fragment.lastChild);
+				}
+				fragment.lastChild.lastChild.lastChild.appendChild(document.createElement('row'));
+				fragment.lastChild.lastChild.lastChild.lastChild.setAttribute('flex', 1);
+
+				line = line.split('|');
+				for (var j = 1, jmax = line.length; j < jmax; j++)
+				{
+					fragment.lastChild.lastChild.lastChild.lastChild.appendChild(document.createElement('vbox'));
+					fragment.lastChild.lastChild.lastChild.lastChild.lastChild.setAttribute('align', this.data[this.offset].align);
+					fragment.lastChild.lastChild.lastChild.lastChild.lastChild.setAttribute('pack', 'center');
+					if (line[j].charAt(0) == '~') {
+						fragment.lastChild.lastChild.lastChild.lastChild.lastChild.setAttribute('class', 'special');
+						line[j] = line[j].substring(1);
+					}
+					line[j] = line[j].split(/<br\s*\/>/g);
+					for (var k = 0, kmax = line[j].length; k < kmax; k++)
+					{
+						fragment.lastChild.lastChild.lastChild.lastChild.lastChild.appendChild(document.createElement('description'));
+						fragment.lastChild.lastChild.lastChild.lastChild.lastChild.lastChild.appendChild(document.createTextNode(line[j][k].replace(/^\s+|\s+$/g, '')));
+					}
+					if (fragment.lastChild.lastChild.firstChild.childNodes.length < j) {
+						fragment.lastChild.lastChild.firstChild.appendChild(document.createElement('column'));
+						fragment.lastChild.lastChild.firstChild.lastChild.setAttribute('flex', 1);
+					}
+				}
+				continue;
+			}
+
+
 			while (line.match(lineRegExp))
 			{
 				if (RegExp.$1) {
-					fragment.lastChild.appendChild(document.createElement('description'));
-					fragment.lastChild.lastChild.setAttribute('value', RegExp.$1);
+					lineBox.appendChild(document.createElement('description'));
+					lineBox.lastChild.setAttribute('value', RegExp.$1);
 				}
 				newLine = line.substring((RegExp.$1+RegExp.$2).length);
 
+				// Raw Codes: Parsed as XML
+				if (rawRegExp.test(line)) {
+					eval('var xml = <hbox class="raw" onclick="event.stopPropagation();" onkeypress="event.stopPropagation();">'+RegExp.$3+'</hbox>;');
+					importNodeTreeWithDelay(importE4XNode(xml, document, XULNS), lineBox, XULNS);
+				}
+				else if (rawStartRegExp.test(line)) {
+					inBlock       = true;
+					blockClass    = 'raw';
+					blockContents = [RegExp.$3];
+					newLine       = '';
+				}
+
 				// Preformatted Text
 				if (preRegExp.test(line)) {
-					fragment.lastChild.appendChild(document.createElement('description'));
-					fragment.lastChild.lastChild.setAttribute('value', RegExp.$2);
-					fragment.lastChild.lastChild.setAttribute('class', 'preformatted-text');
+					lineBox.appendChild(document.createElement('description'));
+					lineBox.lastChild.setAttribute('value', RegExp.$2);
+					lineBox.lastChild.setAttribute('class', 'preformatted-text');
 				}
 				else if (preStartRegExp.test(line)) {
 					inBlock       = true;
@@ -830,9 +1095,9 @@
 
 				// Emphasis
 				else if (emRegExp.test(line)) {
-					fragment.lastChild.appendChild(document.createElement('description'));
-					fragment.lastChild.lastChild.setAttribute('value', RegExp.$2);
-					fragment.lastChild.lastChild.setAttribute('class', 'em-text');
+					lineBox.appendChild(document.createElement('description'));
+					lineBox.lastChild.setAttribute('value', RegExp.$2);
+					lineBox.lastChild.setAttribute('class', 'em-text');
 				}
 				else if (emStartRegExp.test(line)) {
 					inBlock       = true;
@@ -843,9 +1108,9 @@
 
 				// User-defined Styles
 				else if (styleRegExp.test(line)) {
-					fragment.lastChild.appendChild(document.createElement('description'));
-					fragment.lastChild.lastChild.setAttribute('value', RegExp.$3);
-					fragment.lastChild.lastChild.setAttribute('class', RegExp.$2);
+					lineBox.appendChild(document.createElement('description'));
+					lineBox.lastChild.setAttribute('value', RegExp.$3);
+					lineBox.lastChild.setAttribute('class', RegExp.$2);
 				}
 				else if (styleStartRegExp.test(line)) {
 					inBlock       = true;
@@ -856,14 +1121,14 @@
 
 				// Images
 				else if (imagesRegExp.test(line)) {
-					fragment.lastChild.appendChild(document.createElement('image'));
+					lineBox.appendChild(document.createElement('image'));
 					image_src = RegExp.$2;
 					if (image_src.indexOf('http://') < 0 &&
 						image_src.indexOf('https://') < 0)
 						image_src = this.dataFolder+image_src;
-					fragment.lastChild.lastChild.setAttribute('src', image_src);
-					fragment.lastChild.lastChild.setAttribute('width', parseInt(RegExp.$3 || '0'));
-					fragment.lastChild.lastChild.setAttribute('height', parseInt(RegExp.$4 || '0'));
+					lineBox.lastChild.setAttribute('src', image_src);
+					lineBox.lastChild.setAttribute('width', parseInt(RegExp.$3 || '0'));
+					lineBox.lastChild.setAttribute('height', parseInt(RegExp.$4 || '0'));
 					image_width  += parseInt(RegExp.$3 || '0');
 					image_height = Math.max(image_height, parseInt(RegExp.$4 || '0'));
 				}
@@ -873,20 +1138,20 @@
 					uri = RegExp.$4;
 					if (uri.indexOf('://') < 0)
 						uri = this.dataFolder+uri;
-					fragment.lastChild.appendChild(document.createElement('description'));
-					fragment.lastChild.lastChild.setAttribute('value', RegExp.$3 || RegExp.$4);
-					fragment.lastChild.lastChild.setAttribute('href', uri);
-					fragment.lastChild.lastChild.setAttribute('tooltiptext', uri);
-					fragment.lastChild.lastChild.setAttribute('statustext', uri);
-					fragment.lastChild.lastChild.setAttribute('class', 'link-text');
+					lineBox.appendChild(document.createElement('description'));
+					lineBox.lastChild.setAttribute('value', RegExp.$3 || RegExp.$4);
+					lineBox.lastChild.setAttribute('href', uri);
+					lineBox.lastChild.setAttribute('tooltiptext', uri);
+					lineBox.lastChild.setAttribute('statustext', uri);
+					lineBox.lastChild.setAttribute('class', 'link-text');
 
-					this.clickableNodes.push(fragment.lastChild.lastChild);
+					this.clickableNodes.push(lineBox.lastChild);
 				}
 
 				// modify font size and wiki-style
 				else if (wikiRegExp.test(line)) {
-					fragment.lastChild.appendChild(document.createElement('description'));
-					fragment.lastChild.lastChild.setAttribute('value', RegExp.$5);
+					lineBox.appendChild(document.createElement('description'));
+					lineBox.lastChild.setAttribute('value', RegExp.$5);
 					var style = 'font-size:'+ ( RegExp.$2 || 100 ) +'%';
 					if (RegExp.$4 == '*') {
 						style += '; font-weight: bold;';
@@ -897,88 +1162,57 @@
 					} else if (RegExp.$4 == '-') {
 						style += '; text-decoration: line-through;';
 					}
-					fragment.lastChild.lastChild.setAttribute('style', style);
-					if (RegExp.$3 == '!') fragment.lastChild.lastChild.setAttribute('class', 'em-text');
-					else if (RegExp.$3 == '#') fragment.lastChild.lastChild.setAttribute('class', 'preformatted-text');
+					lineBox.lastChild.setAttribute('style', style);
+					if (RegExp.$3 == '!') lineBox.lastChild.setAttribute('class', 'em-text');
+					else if (RegExp.$3 == '#') lineBox.lastChild.setAttribute('class', 'preformatted-text');
 				}
 
 				// Monta
 				else if (montaRegExp.test(line)) {
-					fragment.lastChild.appendChild(document.createElement('stack'));
+					lineBox.appendChild(document.createElement('stack'));
 
-					fragment.lastChild.lastChild.appendChild(document.createElement('description'));
-					fragment.lastChild.lastChild.lastChild.setAttribute('value', RegExp.$2);
-					fragment.lastChild.lastChild.lastChild.setAttribute('class', 'monta-text');
+					lineBox.lastChild.appendChild(document.createElement('description'));
+					lineBox.lastChild.lastChild.setAttribute('value', RegExp.$2);
+					lineBox.lastChild.lastChild.setAttribute('class', 'monta-text');
 
-					fragment.lastChild.lastChild.appendChild(document.createElement('spacer'));
-					fragment.lastChild.lastChild.lastChild.setAttribute('flex', 1);
-					fragment.lastChild.lastChild.lastChild.setAttribute('class', 'monta-label');
+					lineBox.lastChild.appendChild(document.createElement('spacer'));
+					lineBox.lastChild.lastChild.setAttribute('flex', 1);
+					lineBox.lastChild.lastChild.setAttribute('class', 'monta-label');
 
-					fragment.lastChild.lastChild.lastChild.setAttribute('label-id', 'label-' + (++labelId));
+					lineBox.lastChild.lastChild.setAttribute('label-id', 'label-' + (++labelId));
 
-					if (!this.shownMontaLabels[this.offset] || !this.shownMontaLabels[this.offset]['label-'+labelId]) {
-						fragment.lastChild.lastChild.lastChild.setAttribute('monta-hidden', 'true');
-						this.standByMontaLabels[this.standByMontaLabels.length] = fragment.lastChild.lastChild.lastChild;
-					}
-					else {
-						fragment.lastChild.lastChild.lastChild.setAttribute('monta-hidden', 'false');
-					}
+					lineBox.lastChild.lastChild.setAttribute('monta-hidden', 'true');
 
-					this.clickableNodes.push(fragment.lastChild.lastChild.lastChild);
+					this.clickableNodes.push(lineBox.lastChild.lastChild);
 				}
 
 				line = newLine;
 			}
 
 			if (line) {
-				fragment.lastChild.appendChild(document.createElement('description'));
-				fragment.lastChild.lastChild.setAttribute('value', line);
+				lineBox.appendChild(document.createElement('description'));
+				lineBox.lastChild.setAttribute('value', line);
 			}
 
-			image_total_width = Math.max(image_total_width, image_width);
-			image_total_height += image_height;
-		}
-
-		this.content.setAttribute('style', 'font-size:10px;');
-		this.content.appendChild(fragment);
-
-		this.clickableNodes.push(this.content);
-
-
-		this.fitToCanvas(this.header, this.header.parentNode, 0, 0);
-		this.fitToCanvas(this.footer, this.footer.parentNode, 0, 0);
-		this.fitToCanvas(
-			this.content,
-			this.canvas,
-			image_total_width,
-			image_total_height
-			+(this.header.boxObject.height*2)
-//			+(this.footer.boxObject.height*2)
-		);
-
-
-		var checkedItems = this.list.getElementsByAttribute('checked', 'true');
-		max = checkedItems.length;
-		for (i = 0; i < max; i++)
-			checkedItems[i].removeAttribute('checked');
-
-		this.list.getElementsByAttribute('value', this.offset)[0].setAttribute('checked', true);
+			retVal.offsetWidth = Math.max(retVal.offsetWidth, image_width);
+			retVal.offsetHeight += image_height;
 
-		this.canvas.removeAttribute('rendering');
-		this.setHash('page', 'page'+(this.offset+1));
-
-		this.next.value = (this.offset <= this.data.length-2) ? (this.data[this.offset+1].plain.join('') || this.data[this.offset+1].text.join('')).replace(/\s+/g, ' ') : '(no page)' ;
-		this.remainder.setAttribute('value', this.offset == 0 ? 0 : parseInt(((this.offset)/(this.data.length-1))*100));
+			if (lineBox.hasChildNodes())
+				fragment.appendChild(lineBox);
+		}
 
-		var event = document.createEvent('Events');
-		event.initEvent('PresentationRedraw', false, true);
-		this.canvas.dispatchEvent(event);
+		retVal.fragment = fragment;
+		return retVal;
 	},
+
 	fitToCanvas : function(aContent, aCanvas, aOffsetWidth, aOffsetHeight)
 	{
 		aContent.removeAttribute('style');
 		aContent.setAttribute('style', 'font-size:10px;');
 
+		var grids      = aContent.getElementsByTagName('grid');
+		var gridsCount = grids.length;
+
 		if (!aContent.boxObject.width) return;
 
 		var canvas_w  = aCanvas.boxObject.width;
@@ -988,10 +1222,22 @@
 		var new_fs = Math.round((canvas_w/content_w) * this.size);
 		aContent.setAttribute('style', 'font-size:'+ new_fs + "px");
 
+		for (var i = 0; i < gridsCount; i++)
+		{
+			grids[i].firstChild.lastChild.removeAttribute('flex', 1);
+			grids[i].firstChild.lastChild.setAttribute('flex', 1);
+		}
+
 		if (aContent.boxObject.width < aOffsetWidth) {
 			content_w = aOffsetWidth;
 			new_fs = Math.round((canvas_w/content_w) * this.size);
 			aContent.setAttribute('style', 'font-size:'+ new_fs + "px");
+
+			for (var i = 0; i < gridsCount; i++)
+			{
+				grids[i].firstChild.lastChild.removeAttribute('flex', 1);
+				grids[i].firstChild.lastChild.setAttribute('flex', 1);
+			}
 		}
 
 		var content_h = aContent.boxObject.height;
@@ -1000,8 +1246,30 @@
 			content_h = aContent.boxObject.height;
 			new_fs = Math.round((canvas_h/content_h) * new_fs);
 			aContent.setAttribute('style', 'font-size:'+ new_fs + "px");
+
+			for (var i = 0; i < gridsCount; i++)
+			{
+				grids[i].firstChild.lastChild.removeAttribute('flex', 1);
+				grids[i].firstChild.lastChild.setAttribute('flex', 1);
+			}
 		}
 	},
+	fitMainContentToCanvas : function()
+	{
+		this.fitToCanvas(
+			this.content,
+			this.canvas,
+			parseInt(this.content.getAttribute('offsetWidth')),
+			parseInt(this.content.getAttribute('offsetHeight'))
+			+this.header.boxObject.height
+			+this.footer.boxObject.height
+		);
+	},
+	fitHeaderFooterToCanvas : function()
+	{
+		this.fitToCanvas(this.header, this.header.parentNode, 0, 0);
+		this.fitToCanvas(this.footer, this.footer.parentNode, 0, 0);
+	},
 
 	reload : function() {
 		var file = String(location.href).replace(/#.+$/, '');
@@ -1024,41 +1292,59 @@
 	},
 
 	forward : function(){
+		if (!this.canForward) return;
 		this.offset++;
 		this.takahashi();
 	},
 	forwardStep : function(){
-		if (this.standByMontaLabels.length > 0) {
-			while (this.standByMontaLabels.length &&
-					this.standByMontaLabels[0].getAttribute('monta-hidden') != 'true')
-				this.standByMontaLabels.splice(0, 1);
-
-			if (this.standByMontaLabels.length) {
-				this.showMontaKeyword(this.standByMontaLabels[0]);
-				this.standByMontaLabels.splice(0, 1);
-			}
+		if (!this.canForward) return;
+		var monta = document.getElementsByAttribute('monta-hidden', 'true');
+		if (monta && monta.length) {
+			this.showMontaKeyword(monta[0]);
 		}
 		else
 			this.forward();
 	},
 	back : function(){
+		if (!this.canBack) return;
 		this.offset--;
 		if(this.offset < 0){this.offset = 0}
 		this.takahashi();
 	},
 	home : function(){
+		if (!this.canMove) return;
 		this.offset = 0;
 		this.takahashi();
 	},
 	end : function(){
+		if (!this.canMove) return;
 		this.offset = this.data.length-1;
 		this.takahashi();
 	},
 	showPage : function(aPageOffset){
+		if (!this.canMove) return;
 		this.offset = aPageOffset ? aPageOffset : 0 ;
 		this.takahashi();
 	},
 
+	get canMove()
+	{
+		return (
+				this.isRendering ||
+				importNodeTreeWithDelayTimers ||
+				this.montaAnimating
+			) ? false : true ;
+	},
+	get canBack()
+	{
+		return this.canMove;
+	},
+	get canForward()
+	{
+		return this.canMove;
+	},
+
+
 	insert : function(aType) {
 		switch (aType)
 		{
@@ -1099,18 +1385,9 @@
 	insertTextFor : function(aString, aNode, aPosOffset)
 	{
 		var pos = aNode.selectionStart;
-		var sel_len = aNode.selectionEnd - aNode.selectionStart;
 		var value = aNode.value;
-		if (! aPosOffset) aPosOffset = 0;
-		aNode.value = [
-			value.substring(0, pos),
-			aString.substring(0,aPosOffset),
-			value.substring(pos, pos + sel_len),
-			aString.substring(aPosOffset, aString.length),
-			value.substring(pos + sel_len, value.length)
-		].join('');
-		aNode.selectionStart = pos + (aPosOffset || 0);
-		aNode.selectionEnd = aNode.selectionStart + sel_len;
+		aNode.value = [value.substring(0, pos), aString, value.substring(pos, value.length)].join('');
+		aNode.selectionEnd = aNode.selectionStart = pos + (aPosOffset || 0);
 	},
 
 
@@ -1128,10 +1405,12 @@
 		var check = document.getElementById('toggleEva');
 		if (this.canvas.getAttribute('eva') == 'true') {
 			this.canvas.removeAttribute('eva');
+			this.logo.removeAttribute('eva');
 			check.checked = false;
 		}
 		else {
 			this.canvas.setAttribute('eva', true);
+			this.logo.setAttribute('eva',true);
 			check.checked = true;
 		}
 		this.setHash('eva', check.checked ? 'eva' : '' );
@@ -1169,11 +1448,13 @@
 		var autoCruise = document.getElementById('autoButton');
 		if (!autoCruise.checked) return;
 
-		if(Presentation.offset == Presentation.data.length-1) {
-			Presentation.home();
+		if (Presentation.offset == Presentation.data.length-1) {
+			if (Presentation.canMove) 
+				Presentation.home();
 		}
 		else {
-			Presentation.forwardStep();
+			if (Presentation.canForward) 
+				Presentation.forwardStep();
 		}
 		Presentation.autoCruiseTimer = window.setTimeout(arguments.callee, Presentation.autoCruiseInterval);
 	},
@@ -1197,11 +1478,18 @@
 	},
 
 
-	showMontaKeyword : function(aNode) {
+	showMontaKeyword : function(aNode, aWithoutAnimation) {
 		if (aNode.getAttribute('monta-hidden') != 'true') return;
 
+		if (aWithoutAnimation) {
+			aNode.setAttribute('monta-hidden', 'false');
+			return;
+		}
+
 		aNode.setAttribute('monta-hidden', 'progress');
 
+		this.montaAnimating = true;
+
 		window.setTimeout(this.showMontaKeywordCallback, 0, {
 			position : -100,
 			node     : aNode,
@@ -1211,9 +1499,7 @@
 	showMontaKeywordCallback : function(aInfo) {
 		if (aInfo.position >= aInfo.node.boxObject.width) {
 			aInfo.node.setAttribute('monta-hidden', 'false');
-			if (!Presentation.shownMontaLabels[Presentation.offset])
-				Presentation.shownMontaLabels[Presentation.offset] = [];
-			Presentation.shownMontaLabels[Presentation.offset][aInfo.node.getAttribute('label-id')] = true;
+			Presentation.montaAnimating = false;
 			return;
 		}
 
@@ -1221,11 +1507,19 @@
 		aInfo.node.setAttribute('style', 'background-position: '+aInfo.position+'px 0 !important;');
 		window.setTimeout(arguments.callee, aInfo.interval, aInfo);
 	},
+	montaAnimating : false,
 
 
 
 	onPresentationClick : function(aEvent)
 	{
+		if (this.isPrinting) {
+			if (confirm('Do you want printing operation to be stopped?')) {
+				this.stopPrint();
+			}
+			return;
+		}
+
 		if (!this.isToolbarHidden)
 			this.showHideToolbar();
 
@@ -1265,43 +1559,61 @@
 	},
 
 	onScrollerDragStart : function(){
+		if (this.isPrinting) return;
+
 		this.scroller.dragging = true;
 	},
 	onScrollerDragMove : function(){
+		if (this.isPrinting) return;
+
 		if (this.scroller.dragging)
 			this.showPage(parseInt(this.scroller.getAttribute('curpos')));
 	},
 	onScrollerDragDrop : function(){
+		if (this.isPrinting) return;
+
 		this.onScrollerDragMove();
 		this.scroller.dragging = false;
 	},
 
 	onIndicatorBarClick : function(aEvent)
 	{
+		if (this.isPrinting) return;
+
 		var bar = this.indicatorBar;
 		this.showPage(Math.round((aEvent.screenX - bar.boxObject.screenX) / bar.boxObject.width * this.data.length));
 	},
 	onIndicatorBarDragStart : function()
 	{
+		if (this.isPrinting) return;
+
 		this.indicatorBar.dragging = true;
 	},
 	onIndicatorBarDragMove : function(aEvent)
 	{
+		if (this.isPrinting) return;
+
 		var bar = this.indicatorBar;
 		this.showPage(Math.round((aEvent.screenX - bar.boxObject.screenX) / bar.boxObject.width * this.data.length));
 	},
 	onIndicatorBarDragEnd : function(aEvent)
 	{
+		if (this.isPrinting) return;
+
 		this.onIndicatorBarDragMove(aEvent);
 		this.indicatorBar.dragging = false;
 	},
 
 	onEdit : function() {
+		if (this.isPrinting) return;
+
 		this.data = this.textbox.value;
 		this.init();
 	},
 
 	onKeyPress : function(aEvent) {
+		if (this.isPrinting) return;
+
 		switch(aEvent.keyCode)
 		{
 			case aEvent.DOM_VK_BACK_SPACE:
@@ -1320,6 +1632,22 @@
 
 	handleEvent : function(aEvent)
 	{
+		if (this.isPrinting) return;
+
+		var node = aEvent.target;
+		var inRawContents = false;
+		do {
+			if (node.nodeType == Node.ELEMENT_NODE &&
+				/\braw\b/i.test(node.getAttribute('class'))) {
+				inRawContents = true;
+				break;
+			}
+
+			node = node.parentNode;
+		}
+		while (node.parentNode)
+
+
 		switch (aEvent.type)
 		{
 			default:
@@ -1338,6 +1666,7 @@
 
 
 			case 'mouseup':
+				if (inRawContents) return;
 				this.dragStartX = -1;
 				this.dragStartY = -1;
 				if (this.indicatorBar.dragging)
@@ -1345,6 +1674,7 @@
 				break;
 
 			case 'mousedown':
+				if (inRawContents) return;
 				if (this.dragStartX < 0) {
 					this.dragStartX = aEvent.clientX;
 					this.dragStartY = aEvent.clientY;
@@ -1358,6 +1688,7 @@
 				break;
 
 			case 'mousemove':
+				if (inRawContents) return;
 				this.checkShowHideToolbar(aEvent);
 				if (this.indicatorBar.dragging) {
 					this.onIndicatorBarDragMove(aEvent);
@@ -1373,11 +1704,37 @@
 				}
 				break;
 
+			case 'CanvasContentAdded':
+				if (this.fitToCanvasTimer) {
+					window.clearTimeout(this.fitToCanvasTimer);
+					this.fitToCanvasTimer = null;
+				}
+				this.fitToCanvasTimer = window.setTimeout('Presentation.fitMainContentToCanvas()', 100);
+				break;
+
+			case 'DOMMouseScroll':
+				if (
+					(aEvent.detail > 0 && this.scrollCounter < 0) ||
+					(aEvent.detail < 0 && this.scrollCounter > 0)
+					)
+					this.scrollCounter = 0;
+
+				this.scrollCounter += aEvent.detail;
+				if (Math.abs(this.scrollCounter) >= this.scrollThreshold) {
+					if (aEvent.detail > 0)
+						Presentation.forwardStep();
+					else
+						Presentation.back();
 
+					this.scrollCounter = 0;
+				}
+				break;
 		}
 	},
 	dragStartX : -1,
 	dragStartY : -1,
+	scrollCounter : 0,
+	scrollThreshold : 10,
 
 
 
@@ -1387,7 +1744,7 @@
 	toolbarTimer    : null,
 	isToolbarHidden : false,
 	checkShowHideToolbar : function(aEvent) {
-		if (this.scroller.dragging || this.preventToShowHideToolbar) return;
+		if (!this.scroller || this.scroller.dragging || this.preventToShowHideToolbar) return;
 
 		this.onToolbarArea = (aEvent.clientY < this.toolbarHeight);
 
@@ -1405,8 +1762,10 @@
 	toolbarAnimationSteps : 5,
 	toolbarAnimationInfo  : null,
 	toolbarAnimationTimer : null,
-	showHideToolbar : function()
+	showHideToolbar : function(aWithoutAnimation)
 	{
+		if (this.isPrinting) return;
+
 		if (this.toolbarAnimationTimer) window.clearTimeout(this.toolbarAnimationTimer);
 
 		this.toolbarAnimationInfo = { count : 0 };
@@ -1422,7 +1781,13 @@
 
 		this.toolbar.setAttribute('style', 'margin-top:'+(0-(this.toolbarHeight-this.toolbarAnimationInfo.start))+'px; margin-bottom:'+(0-this.toolbarAnimationInfo.start)+'px;');
 
-		this.toolbarAnimationTimer = window.setTimeout('Presentation.animateToolbar()', this.toolbarAnimationDelay/this.toolbarAnimationSteps);
+		if (aWithoutAnimation) {
+			this.toolbarAnimationInfo.current = this.toolbarHeight;
+			Presentation.animateToolbar();
+		}
+		else {
+			this.toolbarAnimationTimer = window.setTimeout('Presentation.animateToolbar()', this.toolbarAnimationDelay/this.toolbarAnimationSteps);
+		}
 	},
 	animateToolbar : function()
 	{
@@ -1463,17 +1828,20 @@
 	},
 
 	get data(){
+		var codes = document.getElementById('builtinCode');
 		if (!this._data) {
 			// mozilla splits very long text node into multiple text nodes whose length is less than 4096 bytes.
 			// so, we must concat all the text nodes.
 			this.textbox.value = "";
-			for (var i = 0; i < document.getElementById('builtinCode').childNodes.length; i++) {
-				this.textbox.value += document.getElementById('builtinCode').childNodes[i].nodeValue;
+			for (var i = 0; i < codes.childNodes.length; i++) {
+				this.textbox.value += codes.childNodes[i].nodeValue;
 			}
 
 			this._data = this.textbox.value.split(/----+/);
 			this.initData();
 		}
+		if (codes)
+			codes.parentNode.removeChild(codes);
 
 		return this._data;
 	},
@@ -1515,21 +1883,39 @@
 
 		var plainTextRegExp = this.makePhraseRegExp('(%O%O\#[^:]+:(.+)%C%C|%O%OEM:(.+)(:EM)?%C%C|%O%OPRE:(.+)(:PRE)?%C%C|%O%Oima?ge? +src="[^"]*"[^%C]+%C%C|%O%O([^\\|%C]+)(\\|[^%C]+)?%C%C|%O([^%O]+)%C)', 'gi');
 
+		var hiddenRegExp = /^(HIDDEN|IGNORE)::true\n?/im;
+
+		var loadRegExp = /^LOAD::(.+)\n?/im;
+
 		var dataObj;
 		var i, j,
 			max = this._data.length;
 		var fragment = document.createDocumentFragment();
 		var popup;
+		var dataPath;
 		for (i = 0; i < max; i++)
 		{
 			image_src = null;
 			align     = null;
+			dataPath  = '';
 
 			this._data[i] = this._data[i]
 				.replace(regexp[0], '')
 				.replace(regexp[1], '')
 				.replace(regexp[2], '\n');
 
+			if (loadRegExp.test(this._data[i])) {
+				this._data[i] = this._data[i].replace(loadRegExp, '');
+				dataPath = RegExp.$1;
+			}
+
+			if (hiddenRegExp.test(this._data[i])) {
+				this._data.splice(i, 1);
+				max--;
+				i--;
+				continue;
+			}
+
 			while (titleRegExp.test(this._data[i])) {
 				this._data[i] = this._data[i].replace(titleRegExp, '');
 				if (String(RegExp.$1).toUpperCase() == 'TITLE::')
@@ -1576,6 +1962,7 @@
 			}
 
 			this._data[i] = {
+				load   : dataPath,
 				header : header,
 				footer : footer,
 				text   : this._data[i].split('\n'),
@@ -1710,21 +2097,24 @@
 			}
 
 			if (param.match(/data=([^&;]+)/i)) {
-				var path = unescape(RegExp.$1);
-				this.dataPath = path;
-				var request = new XMLHttpRequest();
-				request.open('GET', path);
-				request.onload = function() {
-					Presentation.textbox.value = request.responseText;
-					Presentation.data = Presentation.textbox.value;
-					Presentation.init();
-				};
-				request.send(null);
+				this.loadData(RegExp.$1);
 				return false;
 			}
 		}
 		return true;
 	},
+	loadData : function(aPath)
+	{
+		this.dataPath = aPath;
+		var request = new XMLHttpRequest();
+		request.open('GET', aPath);
+		request.onload = function() {
+			Presentation.textbox.value = request.responseText;
+			Presentation.data = Presentation.textbox.value;
+			Presentation.init();
+		};
+		request.send(null);
+	},
 
 
 
@@ -1793,7 +2183,132 @@
 	},
 	timerStart : 0,
 	timerEnd   : 0,
-	timerTimer : null
+	timerTimer : null,
+
+
+
+	print : function()
+	{
+		if (!this.canMove) {
+			alert('Please wait for a while, and retry later.');
+			return;
+		}
+
+		this.stopPrint();
+		if (this.printWindow) {
+			this.printWindow.close();
+			this.printWindow = null;
+		}
+
+		if (!this.isToolbarHidden)
+			this.showHideToolbar(true);
+
+		this.printWindow = window.open('output.htm', 'PresentationPrint', 'dependent=yes,hotkeys=yes,location=yes,menubar=yes,personalbar=yes,scrollbars=yes,status=yes,toolbar=yes');
+		if (!this.printWindow) return;
+
+		this.isPrinting = true;
+
+		if (!this.printCanvas)
+			this.printCanvas = document.createElementNS(XHTMLNS, 'canvas');
+
+		this.printWindow.document.write('<html><head><title>'+document.title+'</title></head><body></body></html>');
+		this.home();
+		this.printTimer = window.setInterval(this.printCallback, 0, this);
+	},
+	printCallback : function(aThis)
+	{
+		if (
+			!aThis.canMove
+			)
+			return;
+
+		var monta = document.getElementsByAttribute('monta-hidden', 'true');
+		if (monta && monta.length) {
+			for (var i = monta.length-1; i > -1; i--)
+				aThis.showMontaKeyword(monta[i], true);
+		}
+
+		var doc  = aThis.printWindow.document;
+		var body = doc.getElementsByTagName('body')[0];
+		var img  = doc.createElement('img');
+
+		if ((aThis.offset+1) % 2 == 1) {
+			body.appendChild(doc.createElement('div'));
+//			body.lastChild.style.clear = 'both';
+		}
+		var box = doc.createElement('div');
+		box.appendChild(doc.createElement('div'));
+		box.lastChild.appendChild(document.createTextNode(aThis.offset+1));
+		body.lastChild.appendChild(box);
+
+		var w = window.innerWidth;
+		var h = window.innerHeight;
+		var canvasW = parseInt(w * aThis.printSize);
+		var canvasH = parseInt(h * aThis.printSize);
+
+		aThis.printCanvas.width  = canvasW;
+		aThis.printCanvas.height = canvasH;
+		aThis.printCanvas.style.border = 'black solid medium';
+
+		img.style.border = 'black solid medium';
+		img.style.width  = canvasW+'px';
+		img.style.height = canvasH+'px';
+
+		box.style.margin = '1em';
+		box.style.width  = parseInt(w * aThis.printSize)+'px';
+		box.style.cssFloat  = ((aThis.offset+1) % 2 == 1) ? 'left' : 'right' ;
+
+		try {
+			netscape.security.PrivilegeManager.enablePrivilege('UniversalBrowserRead');
+
+			var ctx = aThis.printCanvas.getContext('2d');
+			ctx.clearRect(0, 0, canvasW, canvasH);
+			ctx.save();
+			ctx.scale(aThis.printSize, aThis.printSize);
+			ctx.drawWindow(window, 0, 0, w, h, 'rgb(255,255,255)');
+			ctx.restore();
+			try {
+				if (aThis.imageType == 'jpeg')
+					img.src = aThis.printCanvas.toDataURL('image/jpeg', 'quality=50');
+				else
+					img.src = aThis.printCanvas.toDataURL('image/png', 'transparency=none');
+
+				box.appendChild(img);
+			}
+			catch(e) {
+				box.appendChild(aThis.printCanvas.cloneNode(true));
+				ctx = box.lastChild.getContext('2d');
+				ctx.clearRect(0, 0, canvasW, canvasH);
+				ctx.save();
+				ctx.scale(aThis.printSize, aThis.printSize);
+				ctx.drawWindow(window, 0, 0, w, h, 'rgb(255,255,255)');
+				ctx.restore();
+			}
+		}
+		catch(e) {
+			alert('Error: Failed to create a document for printing.\n\n------\n'+e);
+			aThis.stopPrint();
+			return;
+		}
+
+		if (aThis.offset == aThis.data.length-1) {
+			aThis.stopPrint();
+			aThis.printWindow.focus();
+		}
+		else {
+			aThis.forward();
+		}
+	},
+	stopPrint : function()
+	{
+		window.clearInterval(this.printTimer);
+		this.printTimer = null;
+		this.isPrinting = false;
+	},
+	printSize   : 0.4,
+	printTimer  : null,
+	printWindow : null,
+	printCanvas : null
 
 };
 
@@ -2191,6 +2706,94 @@
 window.addEventListener('load', init, false);
 
 
+
+
+// http://ecmanaut.blogspot.com/2006/03/e4x-and-dom.html
+
+
+function importE4XNode( e4x, doc, aDefaultNS )
+{
+  aDefaultNS = aDefaultNS || XHTMLNS;
+  var root, domTree, importMe;
+  this.Const = this.Const || { mimeType: 'text/xml' };
+  this.Static = this.Static || {};
+  this.Static.parser = this.Static.parser || new DOMParser;
+  eval('root = <testing xmlns="'+aDefaultNS+'" />;');
+  root.test = e4x;
+  domTree = this.Static.parser.parseFromString( root.toXMLString(),
+           this.Const.mimeType );
+  importMe = domTree.documentElement.firstChild;
+  while( importMe && importMe.nodeType != 1 )
+    importMe = importMe.nextSibling;
+  if( !doc ) doc = document;
+  return importMe ? doc.importNode( importMe, true ) : null;
+}
+
+function appendE4XTo( e4x, node, doc, aDefaultNS )
+{
+  return node.appendChild( importE4XNode( e4x, (doc || node.ownerDocument), aDefaultNS ) );
+}
+
+function setE4XContent( e4x, node, aDefaultNS )
+{
+  while( node.firstChild )
+    node.removeChild( node.firstChild );
+  appendE4XTo( e4x, node, aDefaultNS );
+}
+
+// importE4XNodeで得たノードツリーを埋め込むと、XULでバインディングが適用されないことがある。
+// 遅延処理でこの問題を一部避けることができる（が、これでもまだダメな場合がある。menuとか。）
+// とりあえずXULとSVGとXHTMLはいけた。MathMLはダメだった。
+function importNodeTreeWithDelay(aNode, aParent, aDefaultNS, aFromTimeout)
+{
+	if (aFromTimeout) {
+		importNodeTreeWithDelayTimers--;
+	}
+
+	var node;
+	var delay = 1;
+	switch (aNode.nodeType)
+	{
+		case Node.ELEMENT_NODE:
+			var ns = (aNode.namespaceURI || aDefaultNS);
+			node = document.createElementNS(ns, aNode.localName);
+			aParent.appendChild(node);
+
+			var attr = aNode.attributes;
+			for (var i = 0, maxi = attr.length; i < maxi; i++)
+				node.setAttribute(attr[i].name, attr[i].value);
+
+			if (ns == XULNS) delay = 1; else delay = 0;
+
+			var children = aNode.childNodes;
+			for (var i = 0, maxi = children.length; i < maxi; i++)
+				if (delay) {
+					importNodeTreeWithDelayTimers++;
+					window.setTimeout(importNodeTreeWithDelay, delay, children[i], node, aDefaultNS, true);
+				}
+				else
+					importNodeTreeWithDelay(children[i], node, aDefaultNS);
+			break;
+
+		default:
+			if (
+				aNode.nodeType == Node.TEXT_NODE &&
+				/^\s*$/.test(aNode.nodeValue) &&
+				(aNode.parentNode.namespaceURI || aDefaultNS) != XHTMLNS
+				)
+				return;
+			node = aParent.appendChild(aNode.cloneNode(true));
+			break;
+	}
+
+	var event = document.createEvent('Events');
+	event.initEvent('CanvasContentAdded', true, true);
+	node.dispatchEvent(event);
+
+	return node;
+}
+var importNodeTreeWithDelayTimers = 0;
+
 ]]></script>
 
 </page>