X-Git-Url: http://git.osdn.jp/view?a=blobdiff_plain;f=0.4.x%2Fjavascripts%2Fwork.js;h=25d3256be66037fcd59030588f7c7aa64487d3ad;hb=080ecdb578eb49a116464aefc6b86bd5b6f6da38;hp=1dffaecc95b69acda91b8ecc0bd9b077c4513f9d;hpb=f6bfe2fe616d66b85cc65750e0701bf178c53b8b;p=pettanr%2FclientJs.git

diff --git a/0.4.x/javascripts/work.js b/0.4.x/javascripts/work.js
index 1dffaec..25d3256 100644
--- a/0.4.x/javascripts/work.js
+++ b/0.4.x/javascripts/work.js
@@ -1,6 +1,6 @@
 /*
  * pettanR work.js
- *   version 0.4.2
+ *   version 0.4.12
  *   
  * author:
  *   itozyun
@@ -35,7 +35,7 @@
 /* ----------------------------------------
  *   pettanr.editor
  *    - MENU_BAR_CONTROL
- *    - HISTORY
+ *    - HISTORY_CONTROL
  *    - SAVE_CONTROL
  *    - TEXT_EDITOR_CONTROL
  *    - IMAGE_GROUP_EXPROLER
@@ -87,6 +87,9 @@ pettanr.editor = ( function(){
 
 /* ----------------------------------------
  * MENU BAR
+ *  - mouseEventListener
+ *  - controler
+ * 
  * div
  *   div.title
  *   ul
@@ -180,15 +183,7 @@ pettanr.editor = ( function(){
 			
 			function onClick( e){
 				var that = this,
-					i = ( function(){
-						var parent = that.parentNode,
-							children = parent.getElementsByTagName( 'li'),
-							l = children.length;
-						for(var i=0; i<l; ++i){
-							if( children[ i] === that) return i;
-						}
-						return -1;
-					})();
+					i = pettanr.util.getChildIndex( this.parentNode, this);
 				i !== -1 && this.className !== 'disabled' && SELECTION_CALLBACK_ARRAY[ i]( i);
 				e.stopPropagation();
 				return false;
@@ -317,9 +312,10 @@ pettanr.editor = ( function(){
 
 
 /* ----------------------------------------
- * HISTORY
+ * HISTORY_CONTROL
+ *  - controler
  */
-	var HISTORY = ( function() {
+	var HISTORY_CONTROL = ( function() {
 		var	STACK_BACK = [],
 			STACK_FORWARD = [],
 			MENUBAR_BACK = MENU_BAR_CONTROL.EDIT.createSelection( 'back', 'ctrl + z', back, false),
@@ -378,10 +374,10 @@ pettanr.editor = ( function(){
 		return {
 			init: function(){
 				log = $( '#history-log');
-				delete HISTORY.init;
+				delete HISTORY_CONTROL.init;
 			},
 			open: function(){
-				HISTORY.init && HISTORY.init();
+				HISTORY_CONTROL.init && HISTORY_CONTROL.init();
 			},
 			close: function(){
 				MENUBAR_BACK.visible( false);
@@ -415,9 +411,9 @@ pettanr.editor = ( function(){
 
 
 /* ----------------------------------------
- *     Save Control
+ * OUTPUT_CONSOLE
+ *  - overlay
  */
-
 	var OUTPUT_CONSOLE = ( function(){
 		var jqWrap, jqOutputArea,
 			ID = 'outputConsole';
@@ -465,20 +461,21 @@ pettanr.editor = ( function(){
 		}
 	})();
 
+/* ----------------------------------------
+ * SAVE_CONTROL
+ *  - controler
+ */
 	var SAVE_CONTROL = ( function(){
 		var SAVE = MENU_BAR_CONTROL.QUIT.createSelection( 'save', 'ctrl + S', quit, false),
 			SAVE_AND_QUIT = MENU_BAR_CONTROL.QUIT.createSelection( 'save & quit', null, quit, false, false, true),
 			SAVE_AS_HTML = MENU_BAR_CONTROL.QUIT.createSelection( 'get as html', null, outputAsHtml, true, false, true),
 			SAVE_AS_JSON_STRING = MENU_BAR_CONTROL.QUIT.createSelection( 'get JsonStr', null, outputAsJsonString, true, false, true),
-			OUTPUT = MENU_BAR_CONTROL.QUIT.createSelection( 'output', null, onOutputClick, true, false, true),
 			QUIT = MENU_BAR_CONTROL.QUIT.createSelection( 'quit', null, quit, true, true),
 			updated = false;
 		
 		function quit(){
-		}
-		
-		function onOutputClick(){
-			// OUTPUT_CONSOLE.show();
+			// 本来は os.application.close();
+			pettanr.view.show( 'entrance');
 		}
 		
 		function outputAsHtml(){
@@ -488,6 +485,8 @@ pettanr.editor = ( function(){
 			OUTPUT_CONSOLE.show( COMIC_ELEMENT_CONTROL.getAsJsonString());
 		}
 		return {
+			open: function(){},
+			close: function(){},
 			quit: quit,
 			panelUpdated: function( _updated){
 				if( _updated !== undefined && updated !== _updated){
@@ -504,9 +503,9 @@ pettanr.editor = ( function(){
 	})();
 
 /* ----------------------------------------
- *     Text Editor (Overlay)
+ * Text Editor
+ *  - overlay
  */
-	
 	var TEXT_EDITOR_CONTROL = ( function(){
 		var jqWrap, jqTextarea, jqButton,
 			textElement, onUpdateFunction,
@@ -574,7 +573,8 @@ pettanr.editor = ( function(){
 	})();
 
 /* ----------------------------------------
- *     Image Group Exproler (Overlay)
+ * Image Group Exproler
+ *  - overlay
  */
 	var IMAGE_GROUP_EXPROLER = ( function(){
 		var ICON_ARRAY = [],
@@ -816,19 +816,6 @@ pettanr.editor = ( function(){
 							].join( ''));
 						pettanr.util.loadImage( SRC, window[ _onLoad], window[ _onError]);
 						window[ _onLoad] = window[ _onError] = undefined;
-						/*
-						( function( onUpdate){
-							pettanr.util.loadImage( SRC,
-								function( _abspath, imgW, imgH){
-									onUpdate( SRC, imgW, imgH);
-									onUpdate = null;
-								},
-								function( _abspath){
-									onUpdate( SRC, data.width || 64, data.height || 64);
-									onUpdate = null;
-								}
-							);										
-						})( onUpdateFunction);*/ // close()で値が消えるので、クロージャに保持
 					}
 				}
 				close();
@@ -861,7 +848,7 @@ pettanr.editor = ( function(){
 				ICON_ARRAY.shift().destroy();
 			}
 			onEnterInterval !== null && window.clearTimeout( onEnterInterval);
-			onEnterInterval = null;// onUpdateFunction = 
+			onEnterInterval = _g_onUpdateFunction = null;
 		}
 		function onEnterShowImage(){
 			var l = ICON_ARRAY.length,
@@ -875,7 +862,6 @@ pettanr.editor = ( function(){
 		}
 		function clickOK(){
 			pettanr.overlay.hide();
-			// onUpdateFunction && onUpdateFunction( textElement);
 			close();
 		}
 		function onMouseWheel( e, delta){
@@ -981,6 +967,8 @@ pettanr.editor = ( function(){
 
 /* ----------------------------------------
  * WINDOWS_CONTROL
+ *  - contloler
+ *  - mouseEventListener
  */	
 	var WINDOWS_CONTROL = ( function(){
 		/*
@@ -1217,7 +1205,7 @@ pettanr.editor = ( function(){
 			}
 		};
 		
-		function getCurrentWindow( _mouseX, _mouseY){
+		function getCurrentIndex( _mouseX, _mouseY){
 			if( currentWindow && currentWindow.busy() === true) return currentWindowIndex;
 			var l = WINDOW_ARRAY.length,
 				_currentWindow = null,
@@ -1261,13 +1249,19 @@ pettanr.editor = ( function(){
 				
 				delete WINDOWS_CONTROL.init;
 			},
+			open: function(){
+				WINDOWS_CONTROL.init && WINDOWS_CONTROL.init();
+			},
+			close: function(){
+				
+			},
 			onMouseMove: function( _mouseX, _mouseY){
-				var _index = getCurrentWindow( _mouseX, _mouseY);
+				var _index = getCurrentIndex( _mouseX, _mouseY);
 				if( _index === 0){
 					currentWindow.onMouseMove( _mouseX, _mouseY);
 					return true;
 				} else
-				if( _index !== -1){ // 先頭のクリックでない場合
+				if( _index > 0){ // 先頭のクリックでない場合
 				// Array を前に
 					WINDOW_ARRAY.splice( currentWindowIndex, 1);
 					WINDOW_ARRAY.unshift( currentWindow);
@@ -1279,14 +1273,14 @@ pettanr.editor = ( function(){
 				return false;
 			},
 			onMouseUp: function( _mouseX, _mouseY){
-				if( getCurrentWindow( _mouseX, _mouseY) === 0){
+				if( getCurrentIndex( _mouseX, _mouseY) === 0){
 					currentWindow.onMouseUp( _mouseX, _mouseY);
 					return true;
 				}
 				return false;
 			},
 			onMouseDown: function( _mouseX, _mouseY){
-				if( getCurrentWindow( _mouseX, _mouseY) === 0){
+				if( getCurrentIndex( _mouseX, _mouseY) === 0){
 					currentWindow.onMouseDown( _mouseX, _mouseY);
 					return true;
 				}
@@ -1300,7 +1294,7 @@ pettanr.editor = ( function(){
 				 * 画面外に出るwindowの移動
 				 */
 			},
-			createWindow: function( scope, EXTENDS, bodyTempleteID, title, x, y, w, h, opt_visible, opt_closeButtonEnabled, opt_resizeButtonEnabled, opt_minWindowW, opt_minWindowH){
+			createWindow: function( EXTENDS, bodyTempleteID, title, x, y, w, h, opt_visible, opt_closeButtonEnabled, opt_resizeButtonEnabled, opt_minWindowW, opt_minWindowH){
 				opt_visible = opt_visible !== false;
 				opt_closeButtonEnabled = opt_closeButtonEnabled === true;
 				opt_resizeButtonEnabled = opt_resizeButtonEnabled === true;
@@ -1308,7 +1302,9 @@ pettanr.editor = ( function(){
 				opt_minWindowH = opt_minWindowH || ( h < DEFAULT_MIN_WINDOW_HEIGHT) ? h : DEFAULT_MIN_WINDOW_HEIGHT;
 				
 				var _window = pettanr.util.extend(
-					WindowClass.apply( scope, [ bodyTempleteID, title, x, y, w, h, opt_visible, opt_closeButtonEnabled, opt_resizeButtonEnabled, opt_minWindowW, opt_minWindowH]),
+					new WindowClass(
+						bodyTempleteID, title, x, y, w, h, opt_visible, opt_closeButtonEnabled, opt_resizeButtonEnabled, opt_minWindowW, opt_minWindowH
+					),
 					EXTENDS
 				);
 				WINDOW_ARRAY.unshift( _window);
@@ -1321,6 +1317,7 @@ pettanr.editor = ( function(){
 
 /* ----------------------------------------
  * TOOL_BOX_WINDOW
+ * - window
  */
 	var TOOL_BOX_WINDOW = ( function(){
 		var addImageButton, addTextButton, editBgButton, switchGridButton, popupHelpButton, postButton,
@@ -1337,34 +1334,33 @@ pettanr.editor = ( function(){
 
 		function addImage( e){
 			setTimeout( COMIC_ELEMENT_CONTROL.createImageElement, 0);
-			e && e.preventDefault();
+			e && e.preventDefault && e.preventDefault();
 			return false;
 		}
 		function addText( e){
 			setTimeout( COMIC_ELEMENT_CONTROL.createTextElement, 0);
-			e && e.preventDefault();
+			e && e.preventDefault && e.preventDefault();
 			return false;
 		}
 		function switchGrid( e){
 			setTimeout( GRID_CONTROL.update, 0);
-			e && e.preventDefault();
+			e && e.preventDefault && e.preventDefault();
 			return false;
 		}
 		function popupHelp( e){
 			instance.bodyBackOrForward( true);
 			setTimeout( HELP_DOCUMENTS_WINDOW.open, 0);
-			e && e.preventDefault();
+			e && e.preventDefault && e.preventDefault();
 			return false;
 		}
 		function editBG( e){
 			instance.bodyBackOrForward( true);
 			setTimeout( INFOMATION_WINDOW.open, 0);	
-			e && e.preventDefault();
+			e && e.preventDefault && e.preventDefault();
 			return false;
 		}
 		
 		return WINDOWS_CONTROL.createWindow(
-			this,
 			{
 				onInit: function(){
 					instance = this;
@@ -1389,19 +1385,19 @@ pettanr.editor = ( function(){
 	
 /* ----------------------------------------
  * IMAGE_EXPROLER
+ *  - window
  */
 	var IMAGE_EXPLORER_WINDOW = ( function(){
 		var instance, finder;
 		
 		return WINDOWS_CONTROL.createWindow(
-			this,
 			{
 				onInit: function(){
 					instance = this;
 					delete this.onInit;
 				},
 				onFirstOpen: function( _w, _h){
-					finder = pettanr.finder.createFinder( document.getElementById( 'image-exproler-container'), pettanr.file.TREE_TYPE_IS_IMAGE);
+					finder = pettanr.finder.createFinder( document.getElementById( 'image-exproler-container'), pettanr.driver.createPictureTree());
 					delete this.onFirstOpen;
 				},
 				onOpen: function( _w, _h){
@@ -1418,6 +1414,7 @@ pettanr.editor = ( function(){
 	
 /* ----------------------------------------
  * INFOMATION_WINDOW
+ *  - window
  */			
 	var INFOMATION_WINDOW = ( function(){
 		var FADE_EFFECT_ENABLED = true, //pettanr.ua.isIE === false || pettanr.ua.ieVersion >= 8,
@@ -1432,7 +1429,6 @@ pettanr.editor = ( function(){
 			currentLock = false;
 
 		return WINDOWS_CONTROL.createWindow(
-			this,
 			{
 				onFirstOpen: function( _w, _h){
 					backgroundInfomationElm = $( '#panel-background-information');
@@ -1501,14 +1497,14 @@ pettanr.editor = ( function(){
 						currentElementType = _elementType;
 					}
 					if( currentElementType !== -1){
-						inputX.update( x);
-						inputY.update( y);
-						inputZ.update( z);
-						_elementType === 1 && inputA.update( a);
-						inputW.update( w);
-						inputH.update( h);
-						_elementType === 0 && inputPercentW.update( wPercent);
-						_elementType === 0 && inputPercentH.update( hPercent);					
+						inputX.value( x);
+						inputY.value( y);
+						inputZ.value( z);
+						_elementType === 1 && inputA.value( a);
+						inputW.value( w);
+						inputH.value( h);
+						_elementType === 0 && inputPercentW.value( wPercent);
+						_elementType === 0 && inputPercentH.value( hPercent);					
 					} else {
 						
 					}
@@ -1524,6 +1520,7 @@ pettanr.editor = ( function(){
 
 /* ----------------------------------------
  * HELP_WINDOW
+ *  - window
  */
 	var HELP_DOCUMENTS_WINDOW = ( function(){
 		var visible = true,
@@ -1531,22 +1528,12 @@ pettanr.editor = ( function(){
 			jqNaviItems,
 			jqPages,
 			currentPageIndex = 0,
+			numPage = 0,
 			HELP = MENU_BAR_CONTROL.HELP,
-			onLoadFunction = HELP.createAjaxSelection( onFirstOpen),
+			onLoadFunction = HELP.createAjaxSelection( onAjaxStart),
 			instance;
-		function jumpPage( _index){
-			
-		}
-		function onSelectionClick( _pageIndex){
-			currentPageIndex = _pageIndex || currentPageIndex;
-			HELP_DOCUMENTS_WINDOW.open();
-			onOpen();
-		}
-		function onOpen(){
-			jqNaviItems.removeClass( 'current').eq( currentPageIndex).addClass( 'current');
-			jqPages.hide().eq( currentPageIndex).show();
-		}
-		function onFirstOpen( _pageIndex){
+
+		function onAjaxStart( _pageIndex){
 			currentPageIndex = _pageIndex || currentPageIndex;
 			if( onHelpLoad !== null){
 				$.ajax({
@@ -1556,6 +1543,7 @@ pettanr.editor = ( function(){
 				});
 				onHelpLoad = null;
 			}
+			onAjaxStart = new Function;
 		}
 		var onHelpLoad = function( _xml){
 			var jqXML = $( _xml),
@@ -1565,8 +1553,7 @@ pettanr.editor = ( function(){
 				elmPages = document.createElement( 'div'),
 				elmPageOrigin = document.createElement( 'div'),
 				elmTitleOrigin = document.createElement( 'h2'),
-				elmPage,
-				numPage = 0;
+				elmPage;
 			elmNavi.className = 'sidenavi';
 			elmItemOrigin.className = 'sidenavi-item';
 			elmItemOrigin.href = '#';
@@ -1574,7 +1561,7 @@ pettanr.editor = ( function(){
 			elmPageOrigin.className = 'page-content main';
 			elmPageOrigin.appendChild( elmTitleOrigin);
 			
-			// helpTitle && instance.title( helpTitle);
+			//helpTitle && instance.title( helpTitle);
 			
 			jqXML.find( 'page').each( function(){
 				var xmlPage = $( this),
@@ -1585,6 +1572,7 @@ pettanr.editor = ( function(){
 				elmNavi.appendChild( elmItemOrigin.cloneNode( true));
 				
 				elmTitleOrigin.innerHTML = title;
+				
 				elmPage = elmPageOrigin.cloneNode( true);
 				elmPage.innerHTML = content;
 				
@@ -1606,51 +1594,50 @@ pettanr.editor = ( function(){
 			jqAjaxContents.removeClass( 'loading').append( elmNavi, elmPages);
 			
 			jqNaviItems = jqAjaxContents.find( 'a.' +elmItemOrigin.className).click( onNaviClick);
-			jqAjaxContents.find( '.' +elmPageOrigin.className).find( 'a').click( onInnerLinkClick);
 			jqPages = jqAjaxContents.find( '.page-content');
-			setTimeout( onOpen, 0);
+			jqPages.find( 'a').click( onInnerLinkClick);
+			
+			setTimeout( jumpPage, 0);
+		}
+		function onSelectionClick( _pageIndex){
+			HELP_DOCUMENTS_WINDOW.open();
+			jumpPage( _pageIndex);
+		}
+		function jumpPage( _index){
+			if( typeof _index === 'number' && 0 <= _index && _index < numPage && currentPageIndex !== _index){
+				currentPageIndex = _index;
+			}
+			jqNaviItems.removeClass( 'current').eq( currentPageIndex).addClass( 'current');
+			jqPages.hide().eq( currentPageIndex).show();
 		}
 		function onNaviClick( e){
 			// this は <a>
-			var children = this.parentNode.getElementsByTagName( 'a'),
-				l = children.length;
-			for( var i=0; i<l; ++i){
-				if( children[ i] === this) break;
-			}
+			jumpPage( pettanr.util.getChildIndex( this.parentNode, this));
 			e.stopPropagation();
-			if( i === l) return false;
-			jqNaviItems.removeClass( 'current').eq( i).addClass( 'current');
-			jqPages.hide().eq( i).show();
 			return false;
 		}
 		function onInnerLinkClick( e){
-			var jump = this.href.split( '#jump'),
-				n = jump[1],
-				i = ( n && '' +parseFloat( n) === n) ? parseFloat( n) : -1;
+			var jump = ( this.href || '').split( '#jump'),
+				n = jump[1];
+			if( !n) return;
+			jumpPage( '' + parseFloat( n) === n ? parseFloat( n) : -1);
 			e.stopPropagation();
-			if( i === -1) return false;
-			jqNaviItems.removeClass( 'current').eq( i).addClass( 'current');
-			jqPages.hide().eq( i).show();
-			currentPageIndex = i;
 			return false;				
 		}
 		return WINDOWS_CONTROL.createWindow(
-			this,
 			{
 				onInit: function(){
 					instance = this;
-					jqAjaxContents = this.$.find( '.window-body').addClass( 'loading').css( { height: this.bodyHeight()});
+					jqAjaxContents = this.$.find( '.window-body').addClass( 'loading');
 					delete this.onInit;
 				},
-				onFirstOpen: function(){
-					onFirstOpen();
-				},
-				onResize: function( w, h){
-					jqAjaxContents && jqAjaxContents.css( { height: h});
+				onFirstOpen: function( _w, _h){
+					jqAjaxContents.css( { height: _h});
+					onAjaxStart();
+					delete this.onFirstOpen;
 				},
-				setAjaxContent: function( html){
-					
-					delete this.onLoadAjaxContent;
+				onResize: function( _w, _h){
+					jqAjaxContents && jqAjaxContents.css( { height: _h});
 				}
 			},
 			null, 'Help', 0, 215, 400, 350, false, true, true, 300, 300
@@ -1659,9 +1646,12 @@ pettanr.editor = ( function(){
 
 /* ----------------------------------------
  * GRID_CONTROL
+ *  - control
+ *  - panelResizeListener
  */
 	var GRID_CONTROL = ( function(){
 		var ELM_GRID = document.getElementById( 'grid'),
+			BG_URL = "url('images/grid.gif')",
 			jqGrid,
 			visible = false;
 
@@ -1670,6 +1660,12 @@ pettanr.editor = ( function(){
 				jqGrid = $( ELM_GRID);
 				delete GRID_CONTROL.init;
 			},
+			open: function(){
+				GRID_CONTROL.init && GRID_CONTROL.init();
+			},
+			close: function(){
+				
+			},
 			onPanelResize: function( _panelX, _panelY){
 				ELM_GRID.style.backgroundPosition = [ _panelX % 10, 'px ', _panelY % 10, 'px'].join( '');
 				ELM_GRID.style.height = windowH +'px';
@@ -1685,17 +1681,19 @@ pettanr.editor = ( function(){
 				
 				visible = !visible;
 				
-				if( visible === true && !ELM_GRID.style.backgroundImage){
-					ELM_GRID.style.backgroundImage = "url('images/grid.gif')";
+				if( visible === true && BG_URL !== null){
+					ELM_GRID.style.backgroundImage = BG_URL;
+					BG_URL = null;
 				}
 				return visible;				
 			}
 		}
 	})();
 		
-	/*
-	 *	WHITE_GLASS_CONTROL
-	 */	
+/* ----------------------------------------
+ * WHITE_GLASS_CONTROL
+ *  - panelResizeListener
+ */
 	var WHITE_GLASS_CONTROL = ( function(){
 		var styleTop = document.getElementById( 'whiteGlass-top').style,
 			styleLeft = document.getElementById( 'whiteGlass-left').style,
@@ -1731,8 +1729,11 @@ pettanr.editor = ( function(){
 	})();
 
 
-/*
+/* ----------------------------------------
  * PANEL_CONTROL
+ *  - controler
+ *  - mouseEventListener
+ * 
  * panel-border の表示と onPanelResize の通知．
  * panel drag.
  * 
@@ -1748,6 +1749,8 @@ pettanr.editor = ( function(){
 			isDragging = false,
 			isDraggable = false;
 		
+		pettanr.key.addKeyUpdateEvent( pettanr.view.EDITOR, 32, false, false, onSpaceUpdate);
+		
 		function onSpaceUpdate(e){
 			if( e.type === 'keyup'){
 				currentListener === null && updateMouseCursor( '');
@@ -1759,18 +1762,17 @@ pettanr.editor = ( function(){
 		}
 		
 		return {
-			init: function( _panelW, _panelH, _borderSize){
+			open: function( _panelW, _panelH, _borderSize){
 				panelW = _panelW || DEFAULT_PANEL_WIDTH;
 				panelH = _panelH || DEFAULT_PANEL_HEIGHT;
-				panelX = Math.floor( ( windowW -panelW) /2);
-				panelY = Math.floor( ( windowH -panelH) /2);
+				//panelX = Math.floor( ( windowW -panelW) /2);
+				//panelY = Math.floor( ( windowH -panelH) /2);
 				borderSize = _borderSize !== undefined ? _borderSize : borderSize;
 				
-				pettanr.key.addKeyUpdateEvent( pettanr.view.EDITOR, 32, false, false, onSpaceUpdate);
-				
-				setTimeout( PANEL_CONTROL.resize, 0);
+				//setTimeout( PANEL_CONTROL.resize, 0);
+			},
+			close: function(){
 				
-				delete PANEL_CONTROL.init;
 			},
 			x: function(){
 				return panelX;
@@ -1828,9 +1830,9 @@ pettanr.editor = ( function(){
 		}
 	})();
 
-/*
- * --------------------------------------------------------------------------------------------
- * panel resizer
+/* --------------------------------------------------------------------------------------------
+ * PanelResizerClass
+ *  - mouseEventListener
  */
 	var PanelResizerClass = function( ID, isTop){
 		var ELM = document.getElementById( ID),
@@ -1852,9 +1854,6 @@ pettanr.editor = ( function(){
 		}
 			
 		return {
-			busy: function(){
-				return isDragging;
-			},
 			onMouseDown: function( _mouseX, _mouseY){
 				var _x = _mouseX -panelX,
 					_y = _mouseY -panelY;
@@ -1892,7 +1891,7 @@ pettanr.editor = ( function(){
 			},
 			onMouseUp: function( _mouseX, _mouseY){
 				if( isDragging !== true) return;
-				( startY !== panelY || startH !== panelH) && HISTORY.saveState( restoreState, [ NaN, startY, NaN, startH], [ NaN, panelY, NaN, panelH]);
+				( startY !== panelY || startH !== panelH) && HISTORY_CONTROL.saveState( restoreState, [ NaN, startY, NaN, startH], [ NaN, panelY, NaN, panelH]);
 				isDragging = false;
 				MOUSE_CURSOR( '');
 			},
@@ -1917,14 +1916,16 @@ pettanr.editor = ( function(){
 		
 	PanelResizerClass = undefined;
 
-
+/* --------------------------------------------------------------------------------------------
+ * CONSOLE_CONTROLER
+ */
 	var CONSOLE_CONTROLER = ( function(){
 		var LAYER_BACK_BUTTON = MENU_BAR_CONTROL.EDIT.createSelection( 'layer back', 'ctrl + B', layerBack, false, true, false),
 			LAYER_FORWARD_BUTTON = MENU_BAR_CONTROL.EDIT.createSelection( 'layer forward', 'ctrl + F', layerForward, false, false, false),
 			DELETE_BUTTON = MENU_BAR_CONTROL.EDIT.createSelection( 'delete', 'ctrl + D', del, false, true, true),
 			EDIT_BUTTON = MENU_BAR_CONTROL.EDIT.createSelection( 'Edit Text', 'ctrl + E', edit, false, true, false),
 			CHANGE_BUTTON = MENU_BAR_CONTROL.EDIT.createSelection( 'change', 'ctrl + U', change, false, false, true),
-			SAVE = HISTORY.saveState,
+			SAVE = HISTORY_CONTROL.saveState,
 			jqStage,
 			jqConsoleParent,
 			jqConsoleWrapper,
@@ -2080,7 +2081,10 @@ pettanr.editor = ( function(){
 		}
 	})();
 
-
+/* --------------------------------------------------------------------------------------------
+ * TAIL_OPERATOR
+ *  - comicElementOperator
+ */
 	var TAIL_OPERATOR = ( function(){
 		var	MOUSE_CURSOR = updateMouseCursor,
 			ELM_MOVER = document.getElementById( 'balloon-tail-mover'),
@@ -2166,7 +2170,11 @@ pettanr.editor = ( function(){
 			}
 		}
 	})();
-	
+
+/* --------------------------------------------------------------------------------------------
+ * RESIZE_OPERATOR
+ *  - comicElementOperator
+ */
 	var RESIZE_OPERATOR = ( function(){
 		var	MOUSE_CURSOR = updateMouseCursor,
 			GRID_ENABLED = GRID_CONTROL.enabled;
@@ -2461,7 +2469,11 @@ pettanr.editor = ( function(){
 			onCtrlUpdate: update
 		}
 	})();
-	
+
+/* --------------------------------------------------------------------------------------------
+ * POSITION_OPERATOR
+ *  - comicElementOperator
+ */
 	var POSITION_OPERATOR = ( function(){
 		var	MOUSE_CURSOR = updateMouseCursor,
 			GRID_ENABLED = GRID_CONTROL.enabled;
@@ -2518,13 +2530,12 @@ pettanr.editor = ( function(){
 	})();
 
 
-/*
- * --------------------------------------------------------------------------------------------
+/* --------------------------------------------------------------------------------------------
  * COMIC_ELEMENT_OPERATION_MANAGER
  */
 	var COMIC_ELEMENT_OPERATION_MANAGER = ( function(){
 		var	MOUSE_CURSOR = updateMouseCursor,
-			SAVE = HISTORY.saveState,
+			SAVE = HISTORY_CONTROL.saveState,
 			GRID_ENABLED = GRID_CONTROL.enabled,
 			HIT_AREA = MOUSE_HIT_AREA,
 			currentIsTextElement = false,
@@ -2561,15 +2572,34 @@ pettanr.editor = ( function(){
 					);
 				}
 			}
-			function hide(){
+
+			pettanr.key.addKeyUpdateEvent( pettanr.view.EDITOR, 16, undefined, undefined, function( e){
+				currentOperator !== null && currentOperator.onShiftUpdate && currentOperator.onShiftUpdate();
+			});
+			pettanr.key.addKeyUpdateEvent( pettanr.view.EDITOR, 17, undefined, undefined, function( e){
+				currentOperator !== null && currentOperator.onCtrlUpdate && currentOperator.onCtrlUpdate();
+			});
+			pettanr.key.addKeyDownEvent( pettanr.view.EDITOR, 27, false, false, function( e){
+				currentOperator !== null && currentOperator.onCancel && currentOperator.onCancel();
+				currentOperator = null;
+			});
+		return {
+			open: function(){
+				this.hide();
+			},
+			close: function(){
+				
+			},
+			hide: function(){
 				currentElement !== null && RESIZE_OPERATOR.hide();
 				currentElement = null;
 				MOUSE_CURSOR( '');
 				TAIL_OPERATOR.hide();
 				CONSOLE_CONTROLER.hide();
 				INFOMATION_WINDOW.update( null);
-			}
-			function restoreState( arg){
+			},
+			resize: resize,
+			restoreState: function( arg){
 				if( arg && arg.length !== 8) return;
 				var _currentElement = arg[ 0],
 					_x = arg[ 1], _y = arg[ 2], _w = arg[ 3], _h = arg[ 4],
@@ -2582,8 +2612,8 @@ pettanr.editor = ( function(){
 				currentOperator !== null && currentOperator.onCancel && currentOperator.onCancel();
 				currentOperator = null;
 				currentElement === _currentElement ? resize( _x, _y, _w, _h, _a) : show( _currentElement);
-			}
-			function saveComicElementStatus( startX, startY, startW, startH, startA, startFilpV, startFilpH){
+			},
+			saveStatus: function( startX, startY, startW, startH, startA, startFilpV, startFilpH){
 				startX = startX !== undefined ? startX : currentx;
 				startY = startY !== undefined ? startY : currenty;
 				startW = startW !== undefined ? startW : currentw;
@@ -2591,30 +2621,11 @@ pettanr.editor = ( function(){
 				startA = startA !== undefined ? startA : angle;
 				startFilpV = startFilpV !== undefined ? startFilpV : flipV;
 				startFilpH = startFilpH !== undefined ? startFilpH : flipH;
-				currentElement && SAVE( restoreState,
+				currentElement && SAVE( COMIC_ELEMENT_OPERATION_MANAGER.restoreState,
 					[ currentElement, startX, startY, startW, startH, startA, startFilpV, startFilpH],
 					[ currentElement, currentx, currenty, currentw, currenth, angle, flipV, flipH]
 				);
-			}
-			pettanr.key.addKeyUpdateEvent( pettanr.view.EDITOR, 16, undefined, undefined, function( e){
-				currentOperator !== null && currentOperator.onShiftUpdate && currentOperator.onShiftUpdate();
-			});
-			pettanr.key.addKeyUpdateEvent( pettanr.view.EDITOR, 17, undefined, undefined, function(){
-				currentOperator !== null && currentOperator.onCtrlUpdate && currentOperator.onCtrlUpdate();
-			});
-			pettanr.key.addKeyDownEvent( pettanr.view.EDITOR, 27, false, false, function(){
-				currentOperator !== null && currentOperator.onCancel && currentOperator.onCancel();
-				currentOperator = null;
-			});
-		return {
-			init: function(){
-				hide();
-				delete COMIC_ELEMENT_OPERATION_MANAGER.init;
 			},
-			hide: hide,
-			resize: resize,
-			restoreState: restoreState,
-			saveStatus: saveComicElementStatus,
 			busy: function(){
 				return currentOperator !== null;
 			},
@@ -2699,8 +2710,8 @@ pettanr.editor = ( function(){
 			}
 		}
 	};
-/*
- * --------------------------------------------------------------------------------------------
+
+/* --------------------------------------------------------------------------------------------
  * ImageElementClass
  */
 	var	jqImageElementOrigin;
@@ -2709,7 +2720,7 @@ pettanr.editor = ( function(){
 		
 		var JQ_WRAPPER = jqImageElementOrigin.clone( true),
 			OPERATOR = COMIC_ELEMENT_OPERATION_MANAGER,
-			SAVE = HISTORY.saveState,
+			SAVE = HISTORY_CONTROL.saveState,
 			HIT_AREA = MOUSE_HIT_AREA,
 			reversibleImage = null,
 			actualW = 0, actualH = 0,
@@ -2835,12 +2846,9 @@ pettanr.editor = ( function(){
  */
 
 
-/*
- * --------------------------------------------------------------------------------------------
+/* --------------------------------------------------------------------------------------------
  * TextElementClass
  * 
- * ELM はpettanr.domで書き出したものを突っ込むcreateの場合
- * 
  * type
  * 0.none
  * 1.speach balloon
@@ -2863,7 +2871,7 @@ pettanr.editor = ( function(){
 			TEXT_ELM = JQ_WRAPPER.find( 'td,.speach-inner').eq( 0),
 			OPERATOR = COMIC_ELEMENT_OPERATION_MANAGER,
 			HIT_AREA = MOUSE_HIT_AREA,
-			SAVE = HISTORY.saveState,
+			SAVE = HISTORY_CONTROL.saveState,
 			instance;
 			
 		JQ_WRAPPER.find( 'img').eq( 0).replaceWith( XBROWSER_BALLOON.elm);
@@ -2990,21 +2998,22 @@ pettanr.editor = ( function(){
 					].join( '');
 				},
 				getAsXML: function(){}
-				
 			}
 		);
 	}
 
-
+/* --------------------------------------------------------------------------------------------
+ * COMIC_ELEMENT_CONTROL
+ *  - mouseEventListener
+ */
 	var COMIC_ELEMENT_CONTROL = ( function(){
-		var	SAVE = HISTORY.saveState,
+		var	SAVE = HISTORY_CONTROL.saveState,
 			ELM_CONTAINER = document.getElementById( 'comic-element-container'),
 			currentElement = null,
 			currentLockTest = false,
 			currentLock = false,
 			panelX, panelY, panelW, panelH,
 			startX, startY;
-	
 	/*
 	 * append, remove, replace
 	 * 
@@ -3127,6 +3136,14 @@ pettanr.editor = ( function(){
 				
 				delete COMIC_ELEMENT_CONTROL.init;
 			},
+			open: function(){
+				COMIC_ELEMENT_CONTROL.init && COMIC_ELEMENT_CONTROL.init();
+			},
+			close: function(){
+				while( COMIC_ELEMENT_ARRAY.length > 0){
+					COMIC_ELEMENT_ARRAY.shift().destroy();
+				}
+			},
 			remove: removeComicElement,
 			restore: restoreComicElement,
 			replace: replaceComicElement,
@@ -3372,37 +3389,21 @@ pettanr.editor = ( function(){
 	return {
 		init: function( _option){
 			option = _option;
+			
 		},
 		firstOpen: function(){
-			var jqWindow = pettanr.jqWindow();
-			windowW = jqWindow.width();
-			windowH = jqWindow.height();
-			
-			jqEditor = $( '#editor');
-
 		/*
 		 * MOUSE_LISTENER_ARRAY は、表示順に格納．手前の要素が最初
 		 * MENU_BAR_CONTROL,
 		 * WINDOW_CONTROL,
 		 * COMIC_ELEMENT_CONTROL,
 		 * PANEL_CONTROL
-		 * .busy() === true なら、そのままonMouseMove()にイベントを流す．これはArrayの後ろから、奥の表示要素から
+		 * .busy() === true なら、そのままonMouseMove()にイベントを流す．
 		 * onMouseMove()に流してみて、false が帰れば、次にリスナーにも流す．
 		 */
 			MOUSE_LISTENER_ARRAY.push( MENU_BAR_CONTROL, WINDOWS_CONTROL, PANEL_RESIZER_TOP, PANEL_RESIZER_BOTTOM, COMIC_ELEMENT_CONTROL, PANEL_CONTROL);
-
-			HISTORY.init();
-			
-			WINDOWS_CONTROL.init();
 			
-			GRID_CONTROL.init();
-			PANEL_CONTROL.init();
 			CONSOLE_CONTROLER.init();
-			COMIC_ELEMENT_OPERATION_MANAGER.init();
-			COMIC_ELEMENT_CONTROL.init();
-			
-			// last
-			MENU_BAR_CONTROL.init();
 			
 			OUTPUT_CONSOLE.init();
 			TEXT_EDITOR_CONTROL.init();
@@ -3427,17 +3428,41 @@ pettanr.editor = ( function(){
 			
 			delete pettanr.editor.firstOpen;
 		},
-		onOpen: function( _option){
+		onOpen: function( _file){
+			if( pettanr.file.isFileInstance( _file) === true){
+				// pettanr.file.isPettanFileInstance( _file) === true
+				// 
+			}
+			jqEditor = jqEditor || $( '#editor');
+			
+			HISTORY_CONTROL.open();
+			
+			WINDOWS_CONTROL.open();
+			
+			GRID_CONTROL.open();
+			PANEL_CONTROL.open();
+			
+			COMIC_ELEMENT_OPERATION_MANAGER.open();
+			COMIC_ELEMENT_CONTROL.open();
+			
+			// last
+			MENU_BAR_CONTROL.open();
+			
 			pettanr.editor.firstOpen !== undefined && pettanr.editor.firstOpen();
-
-			// HISTORY.onOpen();
-			// WINDOWS_CONTROL.onOpen();
-			// COMIC_ELEMENT_CONTROL.onOpen();
-			// MENU_BAR_CONTROL.onOpen();
-			// TEXT_EDITOR_CONTROL.onOpen();
-			// IMAGE_GROUP_EXPROLER.onOpen();
 		},
 		onClose: function(){
+			HISTORY_CONTROL.close();
+			
+			WINDOWS_CONTROL.close();
+			
+			GRID_CONTROL.close();
+			PANEL_CONTROL.close();
+			
+			COMIC_ELEMENT_OPERATION_MANAGER.close();
+			COMIC_ELEMENT_CONTROL.close();
+			
+			// last
+			MENU_BAR_CONTROL.open();
 		},
 		onWindowResize: function( _windowW, _windowH){
 			windowW = _windowW;
@@ -3457,3 +3482,767 @@ pettanr.editor = ( function(){
 		MIN_HEIGHT:	320
 	}
 })();
+
+// create hidden iframe
+// write script
+// setInterval
+pettanr.proxy = ( function(){
+	
+	function FormProxy( formJsUrl, callback){
+		var timer = null,
+			iWin, idoc;
+
+		pettanr.util.createIframe( 'id00000', onCreateIframe);
+		
+		function onCreateIframe( _iframe){
+			iWin = _iframe.contentWindow;
+			idoc = _iframe.contentWindow.document;
+
+			idoc.open();
+			idoc.write( '<body>');
+			idoc.writeln( '<script type="text\/javascript" src="' + pettanr.CONST.JQUERY_URL+ '"><\/script>');
+			idoc.close();
+
+			timer = window.setInterval( detect, 250 );
+		}
+		function detect(){
+			if( iWin.jQuery){
+				window.clearInterval( timer );
+				//callback( idoc);
+				iWin.jQuery( iWin).ready( onJQueryReady );
+			}
+		}
+		function onJQueryReady(){
+			callback( idoc);
+		}
+	}
+	
+	return {
+		createFormProxy: function( _formJsUrl, _callback){
+			new FormProxy( _formJsUrl, _callback);
+		}
+	}
+	
+})();
+
+
+pettanr.comicConsole = ( function(){
+	var COMIC_CONSOLE = ( function(){
+		var jqWrap,
+			ID = 'comicConsole',
+			elmWrap = document.getElementById( 'comic-console-wrapper' ),
+			elmHeader = document.getElementById( 'comic-console-header' ),
+			elmProgress = document.getElementById( 'comic-console-progress' ),
+			inputTitle, inputW, inputH, inputVisible, inputEditable,
+			elmUploader = null,
+			elmScript = null
+			elmIframe = null,
+			elmForm = null,
+			timer = null,
+			isUploading = false;
+		//pettanr.key.addKeyDownEvent( ID, 69, false, false, clickOK);
+		
+		function clickOK(){
+			if( !elmForm || !elmIframe || isUploading === true ) return false;
+			// validate
+			isUploading = true;
+			elmProgress.innerHTML = '■';
+			copyAndSubmit();
+		}
+
+			function copyAndSubmit(){
+				var _inputList = elmForm.getElementsByTagName( 'input' ),
+					_input, _name;
+				for( var i=0, l= _inputList.length; i<l; ++i){
+					_input = _inputList[ i ];
+					_name = _input.name;
+					if( _name === 'comic[title]'){
+						_input.value = inputTitle.value();
+					} else
+					if( _name === 'comic[width]'){
+						_input.value = inputW.value();
+					} else
+					if( _name === 'comic[height]'){
+						_input.value = inputH.value();
+					}
+				}
+				var _selectList = elmForm.getElementsByTagName( 'select' ),
+					_select, _name, _optionList;
+				for( i=0, l= _selectList.length; i<l; ++i){
+					_select = _selectList[ i ];
+					_name = _select.name;
+					_optionList = _select.getElementsByTagName( 'option' )
+					if( _name === 'comic[visible]'){
+						_select.selectedIndex = 1;
+					} else
+					if( _name === 'comic[editable]'){
+						_select.selectedIndex = 0;
+					}
+				}
+				try {
+					elmForm.submit();
+				} catch( e){
+					elmProgress.innerHTML = 'submit() err..';
+					isUploading = false;
+					setTimeout( clickCancel , 3000);
+					return;
+				}
+				if( pettanr.ua.isIE){
+					elmIframe.onreadystatechange = detectIframe;
+				} else {
+					elmIframe.onload = onIframeUpdate;
+				}
+				elmProgress.innerHTML = 'uploading..';
+			}
+		/*
+		 * ie の 場合、readyState をチェック．
+		 */
+				function detectIframe(){
+		            if ( elmIframe.readyState === 'complete') {
+		                elmIframe.onreadystatechange = new Function();
+		                elmIframe.onreadystatechange = null;
+		                onIframeUpdate();
+		            }
+				}
+					function onIframeUpdate(){
+						elmIframe.onload = null;
+						( elmIframe.contentWindow || elmIframe.contentDocument.parentWindow ).close();
+						elmIframe = null;
+						elmProgress.innerHTML = 'success!';
+						setTimeout( clickCancel , 1000);
+						isUploading = false;
+					}
+				
+		function clickCancel(){
+			if( isUploading === true) return false;
+			pettanr.overlay.hide();
+			COMIC_CONSOLE.onClose();
+		}
+		function detectForm(){
+			elmForm = elmUploader.getElementsByTagName( 'form' )[ 0 ];
+			if( elmForm){
+				window.clearInterval( timer);
+				timer = null;
+				pettanr.util.createIframe( 'targetFrameCreateComic', onCreateIframe );
+				elmProgress.innerHTML = 'create iframe';
+			}
+		}
+		function onCreateIframe( _iframe ){
+			elmUploader.appendChild( _iframe );
+			elmIframe = _iframe;
+			elmForm.target = _iframe.name;
+			elmProgress.innerHTML = '';
+		}
+		
+		return {
+			init: function(){
+				this.jqWrap = jqWrap = $( '#comic-console-wrapper').hide();
+				$( '#comic-console-post-button').click( clickOK );
+				$( '#comic-console-cancel-button').click( clickCancel );
+				
+				var CREATER = pettanr.form.createInputText;//pettanr.key.createEditableText;
+				inputTitle    = CREATER( document.getElementById( 'comic-console-title'), null, ID);
+				inputW        = CREATER( document.getElementById( 'comic-console-width'), null, ID);
+				inputH        = CREATER( document.getElementById( 'comic-console-height'), null, ID);
+				inputVisible  = CREATER( document.getElementById( 'comic-console-visible'), null, ID);
+				inputEditable = CREATER( document.getElementById( 'comic-console-editable'), null, ID);
+				
+				delete COMIC_CONSOLE.init;
+			},
+			jqWrap: null,
+			show: function( w, h){
+				jqWrap.show();
+
+				pettanr.overlay.show( COMIC_CONSOLE );
+				
+				inputTitle.start();
+				
+				elmUploader = document.createElement( 'div');
+				elmUploader.id = "newcomic";
+				elmUploader.style.cssText = 'height:1px;line-height:1px;visibility:hidden;overflow:hidden;';
+				elmWrap.appendChild( elmUploader);
+				
+				var elmScript = document.createElement( 'script');
+				elmScript.type = 'text\/javascript';
+				elmScript.src = pettanr.CONST.CREATE_COMIC_JS;
+				elmWrap.appendChild( elmScript);
+				
+				elmProgress.innerHTML = 'loading form.';
+				
+				if( timer === null){
+					timer = window.setInterval( detectForm, 250);
+				}
+				
+				COMIC_CONSOLE.onWindowResize( w, h);
+			},
+			onWindowResize: function( _windowW, _windowH){
+				jqWrap.css(
+					{
+						left:	Math.floor( ( _windowW -jqWrap.width()) /2),
+						top:	Math.floor( ( _windowH -jqWrap.height()) /2)
+					}
+				);
+			},
+			onClose: function(){
+				elmForm !== null && $( elmUploader ).remove();
+				elmForm  = null;
+				isUploading = false;
+				
+				if( elmScript !== null ){
+					document.body.removeChild( elmScript);
+					elmScript = null;					
+				}
+				if( timer !== null){
+					window.clearInterval( timer);
+					timer = null;
+				}
+				
+				jqWrap.hide();
+			},
+			ID: ID
+		}
+	})();
+	
+	return {
+		init: function(){
+			COMIC_CONSOLE.init();
+			delete pettanr.comicConsole.init;
+		},
+		onOpen: function( _file){
+			if( pettanr.driver.isPettanrFileInstance( _file ) === true && _file.getType() === pettanr.driver.FILE_TYPE.COMIC){
+				// _data = _file.read();
+			}
+		},
+		onClose: function(){
+			
+		},
+		onWindowResize: function( _windowW, _windowH){
+		},
+		_quickAccessShow: function(){
+			jqWindow = pettanr.jqWindow();
+			var w = jqWindow.width(),
+				h = jqWindow.height();
+			COMIC_CONSOLE.show( w, h);
+		}
+	}
+})();
+
+pettanr.uploadConsole = ( function(){
+	var UPLOAD_CONSOLE = ( function(){
+		var jqWrap,
+			ID = 'uploadConsole',
+			TARGET_FRAME_NAME = 'targetFrame',
+			elmContainer = document.getElementById( 'uploader'),
+			elmProgress = document.getElementById( 'upload-console-progress'),
+			timer = null,
+			elmScript = null,
+			elmForm = null,
+			elmFile = null,
+			elmIframe = null,
+			isUploading = false;
+		/*
+		 * upload ボタンが押されたらまず iframe をつくる．
+		 */
+		function clickOK(){
+			if( !elmForm || !elmIframe || isUploading === true ) return false;
+			if( elmFile.value.length === 0) return false;
+			elmProgress.innerHTML = 'uploading.';
+			isUploading = true;
+			submit();
+			return false;
+		}
+		/*
+		 * form の target に iframe を指定したのち submit();
+		 */
+			function submit(){
+				try {
+					elmForm.submit();
+				} catch( e){
+					elmProgress.innerHTML = 'submit() err..';
+					isUploading = false;
+					setTimeout( clickCancel , 3000);
+					return;
+				}
+				
+				if( pettanr.ua.isIE){
+					elmIframe.onreadystatechange = detectIframe;
+				} else {
+					elmIframe.onload = onLoad;
+				}
+				elmProgress.innerHTML = 'uploading..';
+			}
+		/*
+		 * ie の 場合、readyState をチェック．
+		 */
+				function detectIframe(){
+		            if ( elmIframe.readyState === 'complete') {
+		                elmIframe.onreadystatechange = new Function();
+		                elmIframe.onreadystatechange = null;
+		                onLoad();
+		            }
+				}
+					function onLoad(){
+						elmIframe.onload = null;
+						( elmIframe.contentWindow || elmIframe.contentDocument.parentWindow ).close();
+						elmProgress.innerHTML = 'success!';
+						setTimeout( clickCancel , 1000);
+						isUploading = false;
+					}
+		
+		function detectForm(){
+			elmForm = elmContainer.getElementsByTagName( 'form' )[ 0 ];
+			if( elmForm){
+				var _inputList = elmForm.getElementsByTagName( 'input' ),
+					_input;
+				for( var i=0, l= _inputList.length; i<l; ++i){
+					_input = _inputList[ i ];
+					if( _input.type === 'file'){
+						elmFile = _input;
+					}
+					if( _input.type === 'submit'){
+						_input.style.display = 'none';
+					}
+				}
+				window.clearInterval( timer);
+				timer = null;
+				pettanr.util.createIframe( TARGET_FRAME_NAME, onCreateIframe);
+				elmProgress.innerHTML = 'create iframe';
+			}
+		}
+		function onCreateIframe( _iframe ){
+			elmContainer.appendChild( _iframe );
+			elmIframe = _iframe;
+			elmForm.target = _iframe.name;
+			elmProgress.innerHTML = '';
+		}
+		/*
+		 * 
+		 */
+		function clickCancel(){
+			if( isUploading === true) return false;
+			pettanr.overlay.hide();
+			UPLOAD_CONSOLE.onClose();
+			return false;
+		}
+		
+		return {
+			init: function(){
+				this.jqWrap = jqWrap = $( '#upload-console-wrapper').hide();
+				$( '#upload-console-post-button').click( clickOK );
+				$( '#upload-console-cancel-button').click( clickCancel );
+
+				delete UPLOAD_CONSOLE.init;
+			},
+			jqWrap: null,
+			show: function( w, h){
+				/*
+				 * ie 6, 7 で fadeIn 中の要素に appendChild すると クラッシュするので、document.body に追加．
+				 */				
+				elmScript = document.createElement( 'script');
+				elmScript.type = 'text\/javascript';
+				elmScript.src = pettanr.CONST.UPLOAD_PICTURE_JS;
+				document.body.appendChild( elmScript);
+				
+				jqWrap.show();
+				pettanr.overlay.show( UPLOAD_CONSOLE );
+
+				if( timer === null){
+					timer = window.setInterval( detectForm, 250);
+				}
+				
+				elmProgress.innerHTML = 'loading form.';
+				
+				UPLOAD_CONSOLE.onWindowResize( w, h);
+			},
+			onWindowResize: function( _windowW, _windowH){
+				jqWrap.css(
+					{
+						left:	Math.floor( ( _windowW -jqWrap.width()) /2),
+						top:	Math.floor( ( _windowH -jqWrap.height()) /2)
+					}
+				);
+			},
+			onClose: function(){
+				elmForm !== null && $( elmContainer.children ).remove();
+				elmForm = elmFile = elmIframe = null;
+				isUploading = false;
+				
+				if( elmScript !== null ){
+					document.body.removeChild( elmScript);
+					elmScript = null;					
+				}
+				if( timer !== null){
+					window.clearInterval( timer);
+					timer = null;
+				}
+				jqWrap.hide();
+			},
+			ID: ID
+		}
+	})();
+	
+	return {
+		init: function(){
+			UPLOAD_CONSOLE.init();
+			delete pettanr.comicConsole.init;
+		},
+		onOpen: function( _file){
+			if( pettanr.driver.isPettanrFileInstance( _file ) === true && _file.getType() === pettanr.driver.FILE_TYPE.COMIC){
+				// _data = _file.read();
+			}
+		},
+		onClose: function(){
+			
+		},
+		onWindowResize: function( _windowW, _windowH){
+		},
+		_quickAccessShow: function(){
+			jqWindow = pettanr.jqWindow();
+			var w = jqWindow.width(),
+				h = jqWindow.height();
+			UPLOAD_CONSOLE.show( w, h);
+		}
+	}
+})();
+
+pettanr.panelConsole = ( function(){
+	var PANEL_CONSOLE = ( function(){
+		var jqWrap,
+			ID = 'panelConsole',
+			TARGET_FRAME_NAME = 'targetFrameCreateNewPanel',
+			elmContainer = document.getElementById( 'newpanel'),
+			elmProgress = document.getElementById( 'panel-console-progress'),
+			timer = null,
+			elmScript = null,
+			elmForm = null,
+			elmIframe = null,
+			isUploading = false;
+		/*
+		 * upload ボタンが押されたらまず iframe をつくる．
+		 */
+		function clickOK(){
+			if( !elmForm || !elmIframe || isUploading === true ) return false;
+			elmProgress.innerHTML = 'uploading.';
+			isUploading = true;
+			submit();
+			return false;
+		}
+		/*
+		 * form の target に iframe を指定したのち submit();
+		 */
+			function submit(){
+				try {
+					elmForm.submit();
+				} catch( e){
+					elmProgress.innerHTML = 'submit() err..';
+					isUploading = false;
+					setTimeout( clickCancel , 3000);
+					return;
+				}
+				
+				if( pettanr.ua.isIE){
+					elmIframe.onreadystatechange = detectIframe;
+				} else {
+					elmIframe.onload = onLoad;
+				}
+				elmProgress.innerHTML = 'uploading..';
+			}
+		/*
+		 * ie の 場合、readyState をチェック．
+		 */
+				function detectIframe(){
+		            if ( elmIframe.readyState === 'complete') {
+		                elmIframe.onreadystatechange = new Function();
+		                elmIframe.onreadystatechange = null;
+		                onLoad();
+		            }
+				}
+					function onLoad(){
+						elmIframe.onload = null;
+						( elmIframe.contentWindow || elmIframe.contentDocument.parentWindow ).close();
+						elmProgress.innerHTML = 'success!';
+						setTimeout( clickCancel , 1000);
+						isUploading = false;
+					}
+		
+		function detectForm(){
+			elmForm = elmContainer.getElementsByTagName( 'form' )[ 0 ];
+			if( elmForm){
+				var _inputList = elmForm.getElementsByTagName( 'input' ),
+					_input;
+				for( var i=0, l= _inputList.length; i<l; ++i){
+					_input = _inputList[ i ];
+					if( _input.type === 'submit'){
+						_input.style.display = 'none';
+					}
+				}
+				window.clearInterval( timer);
+				timer = null;
+				pettanr.util.createIframe( TARGET_FRAME_NAME, onCreateIframe);
+				elmProgress.innerHTML = 'create iframe';
+			}
+		}
+		function onCreateIframe( _iframe ){
+			elmContainer.appendChild( _iframe );
+			elmIframe = _iframe;
+			elmForm.target = _iframe.name;
+			elmProgress.innerHTML = '';
+		}
+		/*
+		 * 
+		 */
+		function clickCancel(){
+			if( isUploading === true) return false;
+			pettanr.overlay.hide();
+			PANEL_CONSOLE.onClose();
+			return false;
+		}
+		
+		return {
+			init: function(){
+				this.jqWrap = jqWrap = $( '#panel-console-wrapper').hide();
+				$( '#panel-console-post-button').click( clickOK );
+				$( '#panel-console-cancel-button').click( clickCancel );
+
+				delete PANEL_CONSOLE.init;
+			},
+			jqWrap: null,
+			show: function( w, h){
+				/*
+				 * ie 6, 7 で fadeIn 中の要素に appendChild すると クラッシュするので、document.body に追加．
+				 */				
+				elmScript = document.createElement( 'script');
+				elmScript.type = 'text\/javascript';
+				elmScript.src = pettanr.CONST.CREATE_PANEL_JS;
+				document.body.appendChild( elmScript);
+				
+				jqWrap.show();
+				pettanr.overlay.show( PANEL_CONSOLE );
+
+				if( timer === null){
+					timer = window.setInterval( detectForm, 250 );
+				}
+				
+				elmProgress.innerHTML = 'loading form.';
+				
+				PANEL_CONSOLE.onWindowResize( w, h );
+			},
+			onWindowResize: function( _windowW, _windowH){
+				jqWrap.css(
+					{
+						left:	Math.floor( ( _windowW -jqWrap.width()) /2),
+						top:	Math.floor( ( _windowH -jqWrap.height()) /2)
+					}
+				);
+			},
+			onClose: function(){
+				elmForm !== null && $( elmContainer.children ).remove();
+				elmForm = elmIframe = null;
+				isUploading = false;
+				
+				if( elmScript !== null ){
+					document.body.removeChild( elmScript);
+					elmScript = null;					
+				}
+				if( timer !== null){
+					window.clearInterval( timer);
+					timer = null;
+				}
+				jqWrap.hide();
+			},
+			ID: ID
+		}
+	})();
+	
+	return {
+		init: function(){
+			PANEL_CONSOLE.init();
+			delete pettanr.comicConsole.init;
+		},
+		onOpen: function(){
+			
+		},
+		onClose: function(){
+			
+		},
+		onWindowResize: function( _windowW, _windowH){
+		},
+		_quickAccessShow: function(){
+			jqWindow = pettanr.jqWindow();
+			var w = jqWindow.width(),
+				h = jqWindow.height();
+			PANEL_CONSOLE.show( w, h);
+		}
+	}
+})();
+
+pettanr.artistConsole = ( function(){
+	var ARTIST_CONSOLE = ( function(){
+		var jqWrap,
+			ID = 'artistConsole',
+			TARGET_FRAME_NAME = 'targetFrameResisterArtist',
+			elmContainer = document.getElementById( 'register'),
+			elmProgress = document.getElementById( 'artist-console-progress'),
+			timer = null,
+			elmScript = null,
+			elmForm = null,
+			elmIframe = null,
+			isUploading = false;
+		/*
+		 * upload ボタンが押されたらまず iframe をつくる．
+		 */
+		function clickOK(){
+			if( !elmForm || !elmIframe || isUploading === true ) return false;
+			elmProgress.innerHTML = 'uploading.';
+			isUploading = true;
+			submit();
+			return false;
+		}
+		/*
+		 * form の target に iframe を指定したのち submit();
+		 */
+			function submit(){
+				try {
+					elmForm.submit();
+				} catch( e){
+					elmProgress.innerHTML = 'submit() err..';
+					isUploading = false;
+					setTimeout( clickCancel , 3000);
+					return;
+				}
+				
+				if( pettanr.ua.isIE){
+					elmIframe.onreadystatechange = detectIframe;
+				} else {
+					elmIframe.onload = onLoad;
+				}
+				elmProgress.innerHTML = 'uploading..';
+			}
+		/*
+		 * ie の 場合、readyState をチェック．
+		 */
+				function detectIframe(){
+		            if ( elmIframe.readyState === 'complete') {
+		                elmIframe.onreadystatechange = new Function();
+		                elmIframe.onreadystatechange = null;
+		                onLoad();
+		            }
+				}
+					function onLoad(){
+						elmIframe.onload = null;
+						( elmIframe.contentWindow || elmIframe.contentDocument.parentWindow ).close();
+						elmProgress.innerHTML = 'success!';
+						setTimeout( clickCancel , 1000);
+						isUploading = false;
+					}
+		
+		function detectForm(){
+			elmForm = elmContainer.getElementsByTagName( 'form' )[ 0 ];
+			if( elmForm){
+				var _inputList = elmForm.getElementsByTagName( 'input' ),
+					_input;
+				for( var i=0, l= _inputList.length; i<l; ++i){
+					_input = _inputList[ i ];
+					if( _input.type === 'submit'){
+						_input.style.display = 'none';
+					}
+				}
+				window.clearInterval( timer);
+				timer = null;
+				pettanr.util.createIframe( TARGET_FRAME_NAME, onCreateIframe);
+				elmProgress.innerHTML = 'create iframe';
+			}
+		}
+		function onCreateIframe( _iframe ){
+			elmContainer.appendChild( _iframe );
+			elmIframe = _iframe;
+			elmForm.target = _iframe.name;
+			elmProgress.innerHTML = '';
+		}
+		/*
+		 * 
+		 */
+		function clickCancel(){
+			if( isUploading === true) return false;
+			pettanr.overlay.hide();
+			ARTIST_CONSOLE.onClose();
+			return false;
+		}
+		
+		return {
+			init: function(){
+				this.jqWrap = jqWrap = $( '#artist-console-wrapper').hide();
+				$( '#artist-console-post-button').click( clickOK );
+				$( '#artist-console-cancel-button').click( clickCancel );
+
+				delete ARTIST_CONSOLE.init;
+			},
+			jqWrap: null,
+			show: function( w, h){
+				/*
+				 * ie 6, 7 で fadeIn 中の要素に appendChild すると クラッシュするので、document.body に追加．
+				 */				
+				elmScript = document.createElement( 'script');
+				elmScript.type = 'text\/javascript';
+				elmScript.src = pettanr.CONST.RESISTER_ARTIST_JS;
+				document.body.appendChild( elmScript);
+				
+				jqWrap.show();
+				pettanr.overlay.show( ARTIST_CONSOLE );
+
+				if( timer === null){
+					timer = window.setInterval( detectForm, 250 );
+				}
+				
+				elmProgress.innerHTML = 'loading form.';
+				
+				ARTIST_CONSOLE.onWindowResize( w, h );
+			},
+			onWindowResize: function( _windowW, _windowH){
+				jqWrap.css(
+					{
+						left:	Math.floor( ( _windowW -jqWrap.width()) /2),
+						top:	Math.floor( ( _windowH -jqWrap.height()) /2)
+					}
+				);
+			},
+			onClose: function(){
+				elmForm !== null && $( elmContainer.children ).remove();
+				elmForm = elmIframe = null;
+				isUploading = false;
+				
+				if( elmScript !== null ){
+					document.body.removeChild( elmScript);
+					elmScript = null;					
+				}
+				if( timer !== null){
+					window.clearInterval( timer);
+					timer = null;
+				}
+				jqWrap.hide();
+			},
+			ID: ID
+		}
+	})();
+	
+	return {
+		init: function(){
+			ARTIST_CONSOLE.init();
+			delete pettanr.comicConsole.init;
+		},
+		onOpen: function(){
+			
+		},
+		onClose: function(){
+			
+		},
+		onWindowResize: function( _windowW, _windowH){
+		},
+		_quickAccessShow: function(){
+			jqWindow = pettanr.jqWindow();
+			var w = jqWindow.width(),
+				h = jqWindow.height();
+			ARTIST_CONSOLE.show( w, h);
+		}
+	}
+})();
\ No newline at end of file