X-Git-Url: http://git.osdn.jp/view?a=blobdiff_plain;f=0.4.x%2Fjavascripts%2Fsystem.js;h=5941d01c124fd8731a458485a3afecae252ce178;hb=830d7d94479928e8a74521785d586a1e7b13fb46;hp=9f603250d3a017b36427859b14063e0f4dcc5e1a;hpb=fba605dfff61a2f89a60ec18e116904fe152dfab;p=pettanr%2FclientJs.git

diff --git a/0.4.x/javascripts/system.js b/0.4.x/javascripts/system.js
index 9f60325..5941d01 100644
--- a/0.4.x/javascripts/system.js
+++ b/0.4.x/javascripts/system.js
@@ -1,6 +1,6 @@
 /*
  * pettanR system.js
- *   version 0.4.2
+ *   version 0.4.15
  *   
  * author:
  *   itozyun
@@ -35,42 +35,15 @@ pettanr.io = ( function(){
  * 画像一覧を読み込むタイミング
  */
 pettanr.file = ( function(){
-	var TREE_TYPE_IS_COMIC = 1,
-		TREE_TYPE_IS_IMAGE = 2,
-		FILE_TYPE_IS_FOLDER = 1,
-		FILE_TYPE_IS_COMIC = 10,
-		FILE_TYPE_IS_PANEL = 11,
-		FILE_TYPE_IS_IMAGE = 20,
-		FILE_TYPE_IS_HTML = 30,
-		FILE_TYPE_IS_SETTING = 40,
-		FOLDER_TYPE_IS_COMIC = 1,
-		FILE_STATE_IS_UNKNOWN = 0,
-		FILE_STATE_IS_OK = 1,
-		FILE_STATE_IS_LOADING = 2,
-		FILE_STATE_IS_ERROR = 3,
-		FILE_STATE_IS_BROKEN = 4,
-		TREE_EVENT_UPDATE = 'onTreeUpdate',
-		FILE_EVENT_UPDATE_ATTRIVUTE = 'onFileUpdate',
-		FILE_EVENT_GET_SEQENTIAL_FILES = 'gotSeqentilFiles',
-		ROLE_IS_SUPER_USER = 2^4,
-		ROLE_IS_OWNER = 2^3,
-		ROLE_IS_CREATOR = 2^2,
-		ROLE_IS_ARTIST = 2^1,
-		ROLE_IS_VISITOR = 2^0,
-		ROLE_IS_UNKROWN = 2^-1,
-		UPDATE_POLICY_SOCAV = 0x11111,// s: super user
-		UPDATE_POLICY_SOCA_ = 0x11110,// o: owner( comic || panel || picture )
-		UPDATE_POLICY_SOC__ = 0x11100,// c: creator
-		UPDATE_POLICY_SO_A_ = 0x11010,// a: artist
-		UPDATE_POLICY_SO___ = 0x11000,// v: visitor
-		UPDATE_POLICY__O___ = 0x01000,// l: lisence manager
-		UPDATE_POLICY_S____ = 0x10000,
-		UPDATE_POLICY______ = 0x00000,
+	var FILE_TYPE_IS_FOLDER = 1,
+		numFileType = FILE_TYPE_IS_FOLDER,
 		FILEDATA_RESITER = [],			// store all of fileData( json object )
-		FILEDATA_HAS_domainID_RESISTER = {},
 		FILEDATA_ACCESS = [],			// file operations for Kernel only ! hide from Out of pettanr.file
-		FILE_OBJECT_POOL = [];
-		
+		FILE_OBJECT_POOL = [],
+		EVENT_LISTENER_REGISTER = [],
+		TREE_ARRAY = [],
+		TREE_ACCESS_ARRAY = [];
+	
 	var REQUEST_CONTROLER = ( function(){
 		var REQUEST_TICKET_RESISTER = [],
 			DATA_TYPE_ARRAY = 'json,xml,html,text'.split( ','),
@@ -106,9 +79,6 @@ pettanr.file = ( function(){
 		}
 		
 		return {
-			init: function(){
-				delete REQUEST_CONTROLER.init;
-			},
 			getNumTask: function(){
 				return REQUEST_TICKET_RESISTER.length;
 			},
@@ -124,369 +94,206 @@ pettanr.file = ( function(){
 
 
 
-	var FILE_CONTROLER = ( function(){
-		var EVENT_LISTENER_RESISTER = [],
-			TREE_ARRAY = [],
-			TREE_ACCESS_ARRAY = [],
-			instance;
-
-		var TreeClass = function( ROOTFILE_DATA){
-			var UID = TREE_ACCESS_ARRAY.length,
-				PARENT_FILE_RESITER = [],
-				ACCESS = {
-					fileEventChatcher:	dispatchFileEvent,
-					destroy:			onDestroy
-				},
-				EVENT_LISTENER_ARRAY = [],
-				rootFile,
-				rootFileData,
-				currentFile,
-				currentFileData,
-				instance;
-				
-			TREE_ACCESS_ARRAY.push( ACCESS);
-			
-			function onDestroy(){
-				
-			}
-			
-			function dispatchFileEvent( e){
-				var _eventType = e.eventType,
-					_targetFile = e.targetFile,
-					_ticket, _type, _file, _callback,
-					l = EVENT_LISTENER_RESISTER.length;
-				for(var i=0; i<l; ++i){
-					_ticket = EVENT_LISTENER_RESISTER[i],
-					_type = _ticket.eventType,
-					_file = _ticket.targetFile,
-					_callback = _ticket.callBack;
-					if( _eventType === _type && _file.getUID() === _targetFile.getUID()){
-						_callback( _type, _targetFile, e.key, e.value);
-					} else if( _type === TREE_EVENT_UPDATE && _eventType === FILE_EVENT_GET_SEQENTIAL_FILES){
-						_callback( TREE_EVENT_UPDATE, _targetFile);
-					}
-				}
-			}
-			
-			return {
-				init: function(){
-					instance = this;
-					currentFile = rootFile = new FileClass( this, null, ROOTFILE_DATA);
-					rootFile.init();
-					FILE_CONTROLER.getSeqentialFiles( currentFile);
-					delete this.init;
-				},
-				getUID: function(){ return UID},
-				getRootFile : function(){
-					return rootFile;
-				},
-				getCurrentFile: function(){
-					return currentFile;
-				},
-				hierarchy: function(){
-					return PARENT_FILE_RESITER.length;
-				},
-				getParentFileAt: function( _index){
-					var l = PARENT_FILE_RESITER.length;
-					if( typeof _index !== 'number' || _index < 0 || _index >= l) return null;
-					return PARENT_FILE_RESITER[ l -1 -_index];
-				},
-				down: function( _index){
-					if( typeof _index !== 'number' || _index < 0 || _index >= currentFile.getChildFileLength()) return;
-					PARENT_FILE_RESITER.unshift( currentFile);
-					currentFile = currentFile.getChildFileByIndex( _index);
-					FILE_CONTROLER.getSeqentialFiles( currentFile);
-					return currentFile;
-				},
-				up: function( _index){
-					var l = PARENT_FILE_RESITER.length;
-					if( l === 0) return null;
-					if( typeof _index === 'number'){
-						if( _index >= l) return null;
-						currentFile = this.getParentFileAt( _index);
-						PARENT_FILE_RESITER.splice( 0, l -_index);
-					} else {
-						currentFile = PARENT_FILE_RESITER.shift();
-					}
-					FILE_CONTROLER.getSeqentialFiles( currentFile);
-					return currentFile;	
-				},
-				addTreeEventListener: function( _eventType, _callback){
-					EVENT_LISTENER_RESISTER.push( new FileEventTicketClass( null, _eventType, _callback));
-				},
-				removeTreeEventListener: function( _eventType, _callback){
-					
-				},
-				createSearchResultFolder: function( _searchParam){
-					
-				},
-				destroySearchResultFolder: function( _searchParam){
-					
-				},
-				destroy: function(){
-					destroyTree( UID);
-				}
-			}
-		};
-		/**
-		 * _access.DATA === FILEDATA_RESITER[uid]
-		 */
-		function getFileDataAccess( UIDorFILEorFILEDATA){
-			var l = FILEDATA_ACCESS.length,
-				_uid,
-				_data,
-				_access;
+	var FILE_CONTROLER = {
+		createTree: function( _rootFileData){
+			var _tree = new TreeClass( _rootFileData);
+			_tree.init();
+			TREE_ARRAY.push( _tree);
+			return _tree;
+		},
+		getFileDataAccess: function( UIDorFILEorFILEDATA){
+			var _uid, _data, _access;
 			
 			if( typeof UIDorFILEorFILEDATA === 'number'){
 				_data = FILEDATA_RESITER[ UIDorFILEorFILEDATA] || null;
 			} else
-			if( UIDorFILEorFILEDATA.getUID){
+			if( UIDorFILEorFILEDATA instanceof FileClass){
 				_uid = UIDorFILEorFILEDATA.getUID();
 				_data = FILEDATA_RESITER[ _uid] || null;
 			} else {
 				_data = UIDorFILEorFILEDATA || null;
 			}
 			
-			if( _data === null || !_data) return null;
-			for(var i=0; i<l; ++i){
+			if( _data === null || typeof _data !== 'object') return null;
+			for( var i=0, l = FILEDATA_ACCESS.length; i<l; ++i){
 				_access = FILEDATA_ACCESS[ i];
 				if( _access.DATA === _data) return _access;
 			}
 			return null;
-		}
-		function getChildren( UIDorFILE){
-			var _access = getFileDataAccess( UIDorFILE);
-			return  _access !== null ? _access.DATA.CHILDREN : null
-		}
-		function onLoadJson( _file, _json){
-			var _access = getFileDataAccess( _file),
-				_data = _access !== null ? _access.DATA : null,
-				l = _json.length,
-				_fileData;
-			if( _data == null){
-				onErrorJson( _file);
-				return;
+		},		
+		getFileData: function( UIDorFILEorFILEDATA){
+			var _access = FILE_CONTROLER.getFileDataAccess( UIDorFILEorFILEDATA);
+			return _access !== null ? _access.DATA : null;
+		},
+		getChildren: function( UIDorFILEorFILEDATA){
+			var _data = FILE_CONTROLER.getFileData( UIDorFILEorFILEDATA);
+			return _data !== null ? _data.children || null : null;
+		},
+		getDriver: function( _file){
+			var _data = FILE_CONTROLER.getFileData( _file);
+			return _data !== null && _data.driver ? _data.driver : FileDriverBase;
+		},
+		getUpdateFlag: function( _file, _bit){
+			var _driver = FILE_CONTROLER.getDriver( _file ),
+				_policy;
+			if( typeof _driver.getUpdatePolicy === 'function'){
+				_policy = _driver.getUpdatePolicy( _file );
+				
 			}
-			if( l === 0) return;
-			if( !_data.children){
-				_data.children = [];
+			if( typeof _policy !== 'number') {
+				_policy = FileDriverBase.getUpdatePolicy( _file )
 			}
-			var _children = _data.children,
-				_childType = _data.childType,
-				_newData,
-				_rFolderData,
-				_artistFolderData, _artistFolder,
-				_comicFolderData, _comicFolder,
-				_authorFolderData, _authorFolder,
-				_reaourceID = buildDomainID( _data.json, _childType);
-
-			for(var i=0; i<l; ++i){
-				_newData = buildFileData( _json[ i], _data.json, _data, _childType);
-
-				if( _reaourceID !== null){
-					_rFolderData = getDomainFolder( _reaourceID, _childType, _file);
-					_rFolderData.children.push( _newData);
-				}
-				if( _newData.artist){
-					_artistFolderData = _artistFolderData || getDomainFolder( buildDomainID( _data.json, 'artist'), 'Artists', _file);
-					_artistFolder = _artistFolder || new FileClass( SYSTEM_TREE, _file, _artistFolderData);
-					_rFolderData = getDomainFolder( buildDomainID( _artistFolderData.rID, '' +_newData.artist.id), _newData.artist.name, _artistFolder);
-					_rFolderData.children.push( _newData);
-				}
-				if( _newData.comic){
-					_comicFolderData = _comicFolderData || getDomainFolder( buildDomainID( _data.json, 'comic'), 'Comics', _file);
-					_comicFolder = _comicFolder || new FileClass( SYSTEM_TREE, _file, _comicFolderData);
-					_rFolderData = getDomainFolder( buildDomainID( _comicFolderData.rID, '' +_newData.comic.id), _newData.comic.title, _comicFolder);
-					_rFolderData.children.push( _newData);
-				}	
-				if( _newData.author){
-					_authorFolderData = _authorFolderData || getDomainFolder( buildDomainID( _data.json, 'author'), 'Author', _file);
-					_authorFolder = _authorFolder || new FileClass( SYSTEM_TREE, _file, _authorFolderData);
-					_rFolderData = getDomainFolder( buildDomainID( _authorFolderData.rID, '' +_newData.author.id), _newData.author.name, _authorFolder);
-					_rFolderData.children.push( _newData);
+			return _policy % ( _bit * 2) >= _bit;
+		},
+		move: function( _prentUID, _targetfile, _newFolder, _newIndex, _opt_callback){
+			var _parentData = FILE_CONTROLER.getFileDataAccess( _prentUID),
+				_parentType = _parentData.TYPE,
+				_targetData = FILE_CONTROLER.getFileDataAccess( _targetfile),
+				_targetType = _targetData.TYPE;
+		},
+		replace: function( _uid, _file, _newIndex){
+			
+		},
+		addEventListener: function( FILEorNULL, _eventType, _callback){
+			var _uid = FILEorNULL instanceof FileClass ? FILEorNULL.getUID() : FILEorNULL;
+			EVENT_LISTENER_REGISTER.push( new FileEventTicketClass( _uid, _eventType, _callback));
+		},
+		removeEventListener: function( FILEorNULL, _eventType, _callback){
+			var _uid = FILEorNULL instanceof FileClass ? FILEorNULL.getUID() : FILEorNULL,
+				_ticket;
+			for(var i=0, l = EVENT_LISTENER_REGISTER.length; i<l; ++i){
+				_ticket = EVENT_LISTENER_REGISTER[i];
+				if( _ticket.fileUID === _uid && _ticket.eventType === _eventType && _ticket.callBack === _callback){
+					EVENT_LISTENER_REGISTER.splice( i, 1);
+					_ticket.destroy();
 				}
 			}
-			delete _data.json;
-			_artistFolder && _artistFolder.collect();
-			_comicFolder && _comicFolder.collect();
-			_authorFolder && _authorFolder.collect();
-			_access.fileEventChatcher( new FileEventClass( FILE_EVENT_GET_SEQENTIAL_FILES, _file, 'children', null));
-		}
-		function onErrorJson( _file){
-			var _access = getFileDataAccess( _file),
-				_data = _access !== null ? _access.DATA : null;
-			if( _data !== null){
-				_data.state = FILE_STATE_IS_ERROR;
+		},
+		fileEventRellay: function( _targetFile, _targetTree, _event){
+			var _uid = _targetTree.getUID(),
+				_access = TREE_ACCESS_ARRAY[ _uid ],
+				_data = FILE_CONTROLER.getFileData( _targetFile ),
+				_tree;
+			_access && _access.dispatchFileEvent( _event );
+			for( var i=0, l = TREE_ARRAY.length; i<l; ++i){
+				if( i !== _uid){
+					_tree = TREE_ARRAY[ i ];
+					if( FILE_CONTROLER.getFileData( _tree.getCurrentFile() ) === _data ){
+						_access = TREE_ACCESS_ARRAY[ _tree.getUID() ];
+						_access && _access.dispatchFileEvent( _event);
+					}
+				}
 			}
 		}
-		function buildFileData( _data, _url, _parent, _type){
-			_data.type = _type;
-
-			if( _type === FILE_TYPE_IS_PANEL){
-				_data.comicFileData = _parent;
-			}
+	}
 
-			FILEDATA_RESITER.push( _data);
-			
-			return _data;
-		}
-		function buildDomainID( _url, _type){
-			if( !_url) return null;
-			var _typeStr = null;
+	var TreeClass = function( ROOTFILE_DATA){
+		var UID = TREE_ACCESS_ARRAY.length,
+			PARENT_FILE_RESITER = [],
+			ACCESS = {
+				dispatchFileEvent:	dispatchFileEvent,
+				destroy:			onDestroy
+			},
+			EVENT_LISTENER_ARRAY = [],
+			rootFile,
+			rootFileData,
+			currentFile,
+			currentFileData,
+			instance;
 			
-			if( typeof _type !== 'number'){
-				_typeStr = _type
-			} else
-			if( _type === FILE_TYPE_IS_IMAGE){
-				_typeStr = 'image';
-			} else
-			if( _type === FILE_TYPE_IS_COMIC){
-				_typeStr = 'comic';
-			}
-			if( _type === FILE_TYPE_IS_PANEL){
-				_typeStr = 'panel';
-			}
-			if( _typeStr === null) return null;
+		TREE_ACCESS_ARRAY.push( ACCESS);
+		
+		function onDestroy(){
 			
-			return [ _url.replace(/https?:\/\/([^\/]*).*/, '$1'), _typeStr].join('_');
 		}
-	/**
-	 * getFileByResourceID( _domainID, opt_name, opt_folder)
-	 * opt 指定で 新しいフォルダの作成
-	 * rID を持つ Object は {} にも格納．
-	 */
-		function getDomainFolder( _domainID, opt_name, opt_folder){
-			if( FILEDATA_HAS_domainID_RESISTER[ _domainID]){
-				return FILEDATA_HAS_domainID_RESISTER[ _domainID];
-			}
-			if( !opt_name && !opt_folder) return;
-			
-			var _fileName;
-			
-			if( typeof opt_name === 'string'){
-				_fileName = opt_name;
-			} else
-			if( opt_name === FILE_TYPE_IS_IMAGE){
-				_fileName = 'Pictures';
-			} else
-			if( opt_name === FILE_TYPE_IS_COMIC){
-				_fileName = 'Comics';
-			} else
-			if( opt_name === FILE_TYPE_IS_PANEL){
-				_fileName = 'Panels';
-			} else {
-				_fileName = typeof opt_name;
-			}
-			
-			var _newData = {
-				name: 		_fileName,
-				type:		FILE_TYPE_IS_FOLDER,
-				rID:		_domainID,
-				children:	[]
-			};
-			FILEDATA_RESITER.push( _newData);
-			FILEDATA_HAS_domainID_RESISTER[ _domainID] = _newData;
-			
-			if( opt_folder && opt_folder.isChildFile( _newData) === false){
-				var _access = getFileDataAccess( opt_folder),
-					_data = _access !== null ? _access.DATA : null;
-				_access === null && alert( _domainID)
-				if( _data !== null){
-					_data.children.push( _newData);
+		
+		function dispatchFileEvent( e){
+			var _eventType = e.eventType,
+				_targetFile = e.targetFile,
+				_uid = _targetFile.getUID(),
+				_ticket, _type, _callback;
+			for(var i=0, l = EVENT_LISTENER_REGISTER.length; i<l; ++i){
+				_ticket = EVENT_LISTENER_REGISTER[i];
+				_type = _ticket.eventType;
+				_callback = _ticket.callBack;
+				if( _eventType === _type && _uid === _ticket.fileUID){
+					_callback( _eventType, _targetFile, e.key, e.value);
+				} else
+				if( _type === pettanr.file.TREE_EVENT.UPDATE && _eventType === pettanr.file.FILE_EVENT.GET_SEQENTIAL_FILES){
+					_callback( _eventType, _targetFile);
 				}
 			}
-			
-			return _newData;
-		}
-		
-		function destroyTree(){
-			
 		}
 		
 		return {
 			init: function(){
 				instance = this;
-				delete FILE_CONTROLER.init;
+				currentFile = rootFile = new FileClass( this, null, ROOTFILE_DATA);
+				// rootFile.init();
+				currentFile.getSeqentialFiles();
+				delete this.init;
 			},
-			createTree: function( _rootFileData){
-				var _tree = new TreeClass( _rootFileData);
-				_tree.init();
-				TREE_ARRAY.push( _tree);
-				return _tree;
+			getUID: function(){ return UID},
+			getRootFile : function(){
+				return rootFile;
 			},
-			getFileData: function( _file){
-				var _access = getFileDataAccess( _file);
-				return _access !== null ? _access.DATA : null;
+			getCurrentFile: function(){
+				return currentFile;
 			},
-			getUID: function ( _filedata){
-				var l = FILEDATA_RESITER.length;
-				for( var i=0; i<l; ++i){
-					if( FILEDATA_RESITER[ i] === _filedata) return i;
-				}
-				return -1;
+			hierarchy: function(){
+				return PARENT_FILE_RESITER.length;
 			},
-			getSeqentialFiles: function( _file){
-				var _data = this.getFileData( _file),
-					_json = _data ? _data.json : null;
-				if( _json !== null){
-					REQUEST_CONTROLER.getJson( _file, _json, onLoadJson, onErrorJson);
-				}
+			getParentFileAt: function( _index){
+				var l = PARENT_FILE_RESITER.length;
+				if( typeof _index !== 'number' || _index < 0 || _index >= l) return null;
+				return PARENT_FILE_RESITER[ l -1 -_index];
 			},
-			updateFileAttribute: function( _uid, key, _value, _opt_callback){
-				var _data = getFileDataAccess( _uid),
-					_type = _data.TYPE;
-				
-			},			
-			getFileAttribute: function( _uid, KEYorKEYARRAY){
-				var _fileData = getFileDataAccess( _uid),
-					_type = _fileData.TYPE;
+			down: function( _index){
+				if( typeof _index !== 'number' || _index < 0 || _index >= currentFile.getChildFileLength()) return;
+				PARENT_FILE_RESITER.unshift( currentFile);
+				currentFile = currentFile.getChildFileByIndex( _index);
+				currentFile.getSeqentialFiles();
+				return currentFile;
 			},
-			move: function( _prentUID, _targetfile, _newFolder, _newIndex, _opt_callback){
-				var _parentData = getFileDataAccess( _prentUID),
-					_parentType = _parentData.TYPE,
-					_targetData = getFileDataAccess( _targetfile),
-					_targetType = _targetData.TYPE;
+			up: function( _index){
+				var l = PARENT_FILE_RESITER.length;
+				if( l === 0) return null;
+				if( typeof _index === 'number'){
+					if( _index >= l) return null;
+					currentFile = this.getParentFileAt( _index);
+					PARENT_FILE_RESITER.splice( 0, l -_index);
+				} else {
+					currentFile = PARENT_FILE_RESITER.shift();
+				}
+				currentFile.getSeqentialFiles();
+				return currentFile;	
 			},
-			replace: function( _uid, _file, _newIndex){
-				
+			addTreeEventListener: function( _eventType, _callback){
+				FILE_CONTROLER.addEventListener( null, _eventType, _callback);
 			},
-			fileEventRellay: function( _targetFile, _targetTree, _event){
-				var _uid = _targetTree.getUID(),
-					_access = TREE_ACCESS_ARRAY[ _uid],
-					l = TREE_ARRAY.length,
-					_tree, _currentFile;
-				_access !== undefined && _access.fileEventChatcher( _event);
-				for(var i=0; i<l; ++i){
-					if( i !== _uid){
-						_tree = TREE_ARRAY[i];
-						_currentFile = _tree.getCurrentFile();
-						if( FILE_CONTROLER.getFileData( _currentFile) === _access.DATA){
-							_tree.fileEventChatcher( _event);
-						}
-					}
-				}
+			removeTreeEventListener: function( _eventType, _callback){
+				FILE_CONTROLER.removeEventListener( null, _eventType, _callback);
+			},
+			destroy: function(){
+				FILE_CONTROLER.destroyTree( UID);
 			}
 		}
-	})();
+	};
 
 	var FileEventTicketClass = function( UID, _eventType, _callback){
-		return {
-			fileUID:	UID,
-			eventType:	_eventType,
-			callBack:	_callback,
-			destroy: function(){
-				this.callBack = _callback = null;
-			}
+		this.fileUID = UID;
+		this.eventType = _eventType;
+		this.callBack = _callback;
+		this.destroy = function(){
+			this.callBack = _callback = null;
 		}
 	}
 	
 	var FileEventClass = function( eventType, file, key, value){
-		return {
-			eventType:			eventType,
-			targetFile:			file,
-			updatedAttribute:	key,
-			updatedValue:		value
-		}
+		this.eventType = eventType;
+		this.targetFile = file;
+		this.updatedAttribute = key;
+		this.updatedValue = value;
 	}
 
 /*
@@ -498,193 +305,364 @@ pettanr.file = ( function(){
  */
 	
 	var FileClass = function( TREE, parentFile, data){
-		if( !data.children){
-			data.children = [];
-		}
-		var TYPE = data.type,
-			name = data.name || null,
-			thumbnail = null,
-			uid = FILE_CONTROLER.getUID( data),
-			CHILDREN = data.children,
-			instance;
+		var uid = pettanr.util.getIndex( FILEDATA_RESITER, data ),
+			instance = this;
 		
 		if( uid === -1){
-			//alert( 'invalid uid');
 			uid = FILEDATA_RESITER.length;
-			FILEDATA_RESITER.push( data);
+			FILEDATA_RESITER.push( data );
 		}
 		
 		FILEDATA_ACCESS.push(
 			{
-				TYPE:				TYPE,
 				DATA:				data,
-				destroy:			destroy,
 				updateParent:		updateParent,
-				fileEventChatcher:	dispatchEvent
+				dispatchFileEvent:	dispatchEvent
 			}
 		);
-		function destroy(){
-			name = thumbnail = parentFile = data = CHILDREN = null;
-			
-		}
+
 		function updateParent( _parent){
 			parentFile = _parent;
 		}
 		function dispatchEvent( e){
 			FILE_CONTROLER.fileEventRellay( instance, TREE, e);
 		}
-		return {
-			init: function(){
-				instance = this;
-				delete this.init;
-			},
-			TYPE: function(){ return TYPE;},
-			getName: function(){
-				if( name !== null) return name;
-				if( data.name){
-					return data.name;
-				}
-				if( TYPE === FILE_TYPE_IS_IMAGE){
-					name = [ data.id, data.ext].join( '.');
-				} else
-				if( TYPE === FILE_TYPE_IS_PANEL){
-					name = data.comic.title + ' | ' +data.t;
-				}
-				return name || 'no_name';
-			},
-			getThumbnail: function(){
-				if( thumbnail !== null) return thumbnail;
-				if( TYPE === FILE_TYPE_IS_IMAGE){
-					thumbnail = [ 'thumbnail/', data.id, '.', data.ext].join( '');
-				}
-				return thumbnail || null;
-			},
-			getUID: function(){
-				return uid;
-			},
-			getState: function(){
-				return data.state !== undefined ? data.state : FILE_STATE_IS_OK;
-			},
-			getChildFileLength: function(){
-				return CHILDREN && typeof CHILDREN.length === 'number' ? CHILDREN.length : 0;
-			},
-			getChildFileByIndex: function( _index){
-				if( typeof _index !== 'number' || _index < 0 || typeof CHILDREN.length !== 'number' || _index >= CHILDREN.length) return null;
-				_file = new FileClass( TREE, this, CHILDREN[ _index]);
-				_file.init();
-				return _file;
-			},
-			getChildFileIndex: function( _FILEorFILEDATA){
-				if( !CHILDREN || typeof CHILDREN.length !== 'number') return -1;
-				var l = CHILDREN.length,
-					_fileData = FILE_CONTROLER.getFileData( _FILEorFILEDATA);
-				if( _fileData === null) return -1;
-				for(var i=0; i<l; ++i){
-					if( CHILDREN[ i] === _fileData) return i;
-				}
-				return -1;
-			},
-			isChildFile: function( _FILEorFILEDATA){
-				return this.getChildFileIndex( _FILEorFILEDATA) !== -1;
-			},			
-			getAttribute: function( KEYorKEYARRAY){
-				return FILE_CONTROLER.getFileAttribute( UID, KEYorKEYARRAY);
-			},
-			getSeqentialFiles: function(){
-				FILE_CONTROLER.getSeqentialFiles( this);
-			},
-			updateAttribute: function( key, value, opt_callback){
-				TREE.updateFileAttribute( UID, key, value, opt_callback);
-			},
-			move: function( _newFolder, _newIndex, opt_callback){
-				TREE.move( parentFile, UID, _newFolder, _newIndex, opt_callback);
-			},
-			replace: function( _newIndex, opt_callback){
-				TREE.replace( parentFile, UID, _newIndex, opt_callback);
-			},
-			addEventListener: function( _eventType, _callback){
-				FILE_CONTROLER.addEventListener( UID, _eventType, _callback);
-			},
-			removeEventListener: function( _eventType, _callback){
-				FILE_CONTROLER.removeEventListener( UID, _eventType, _callback);
-			},
-			collect: function(){
-				
-			}
+		
+		/* grobal Methods */
+
+		this.getUID = function(){
+			return uid;
+		}
+		/*
+		 * ファイル構造は TRON のような ハイパーリンク方式 だが、文脈上の 親ファイルが存在する．その親ファイルを使う操作は.prototype に置く事ができない．
+		 * 同様に TREE を使う操作も .prototype に置く事ができない．
+		 */
+		this.getChildFileByIndex = function( _index){
+			var _children = FILE_CONTROLER.getChildren( instance );
+			if( typeof _index !== 'number' || _index < 0 || typeof _children.length !== 'number' || _index >= _children.length) return null;
+			var _file = new FileClass( TREE, this, _children[ _index]);
+			// _file.init();
+			return _file;
+		}
+		this.move = function( _newFolder, _newIndex, opt_callback){
+			TREE.move( parentFile, UID, _newFolder, _newIndex, opt_callback);
+		}
+		this.replace = function( _newIndex, opt_callback){
+			TREE.replace( parentFile, UID, _newIndex, opt_callback);
+		}
+		this.destroy = function(){
+			var _access = FILE_CONTROLER.getFileDataAccess( instance );
+				_index = getChildIndex( FILEDATA_ACCESS, _access );
+			if( _index === -1 || _access === null) return;
+			FILEDATA_ACCESS.splice( _index, 1);
+			TREE = parentFile = data = null;
+			delete _access.DATA;
+			delete _access.updateParent;
+			delete _access.dispatchFileEvent;
 		}
 	};
-	function getFileObject( TREE, parentFile, data){
-		var _file;
-		if( FILE_OBJECT_POOL.length > 0){
-			_file = FILE_OBJECT_POOL.shift();
-		} else {
-			_file = new FileClass();
+	
+	FileClass.prototype = {
+		isChildFile: function( _FILEorFILEDATA){
+			return this.getChildFileIndex( _FILEorFILEDATA) !== -1;
+		},
+		getSeqentialFiles: function(){
+			var _driver = FILE_CONTROLER.getDriver( this );
+			if( _driver !== null && typeof _driver.getSeqentialFiles === 'function'){
+				_driver.getSeqentialFiles( this );
+			}
+		},
+		addEventListener: function( _eventType, _callback){
+			FILE_CONTROLER.addEventListener( this, _eventType, _callback);
+		},
+		removeEventListener: function( _eventType, _callback){
+			FILE_CONTROLER.removeEventListener( this, _eventType, _callback);
+		},
+		getChildFileLength: function(){
+			var children = FILE_CONTROLER.getChildren( this);
+			return Type.isArray( children ) === true ? children.length : -1;
+		},
+		getChildFileIndex: function( _FILEorFILEDATA){
+			var children = FILE_CONTROLER.getChildren( this);
+			if( Type.isArray( children.length ) === false ) return -1;
+			var l = children.length,
+				_fileData = FILE_CONTROLER.getFileData( _FILEorFILEDATA);
+			if( _fileData === null) return -1;
+			for(var i=0; i<l; ++i){
+				if( children[ i] === _fileData) return i;
+			}
+			return -1;
+		},
+		getName: function(){
+			var driver = FILE_CONTROLER.getDriver( this );
+			if( typeof driver.getName === 'function'){
+				return driver.getName( this );
+			}
+			return FileDriverBase.getName( this);
+		},
+		getThumbnail: function(){
+			var driver = FILE_CONTROLER.getDriver( this);
+			if( typeof driver.getThumbnail === 'function'){
+				return driver.getThumbnail( this);
+			}
+			return FileDriverBase.getThumbnail( this);
+		},
+		getType: function(){
+			var _data = FILE_CONTROLER.getFileData( this);
+			return typeof _data.type === 'number' ? _data.type : pettanr.file.FILE_TYPE.UNKNOWN;
+		},
+		getState: function(){
+			var _data = FILE_CONTROLER.getFileData( this);
+			return typeof _data.state === 'number' ? _data.state : pettanr.file.FILE_STATE.OK;
+		},
+		getSummary: function(){
+			var driver = FILE_CONTROLER.getDriver( this );
+			if( typeof driver.getSummary === 'function'){
+				return driver.getSummary( this );
+			}
+			return FileDriverBase.getSummary( this);
+		},
+		isWritable: function(){
+			return FILE_CONTROLER.getUpdateFlag( this, pettanr.file.FILE_UPDATE_POLICY.WRITE);
+		},
+		isSortable: function(){
+			return FILE_CONTROLER.getUpdateFlag( this, pettanr.file.FILE_UPDATE_POLICY.SORT);
+		},		
+		isCreatable: function(){
+			return FILE_CONTROLER.getUpdateFlag( this, pettanr.file.FILE_UPDATE_POLICY.CREATE);
+		},
+		isRenamable: function(){
+			return FILE_CONTROLER.getUpdateFlag( this, pettanr.file.FILE_UPDATE_POLICY.RENAME);
+		},
+		read: function(){
+			// simpleDeepCopy
+			return false;
+		},
+		write: function( _newName, _newData){
+			return false;
+		},
+		viwerApplicationList: function(){
+			var driver = FILE_CONTROLER.getDriver( this );
+			if( typeof driver.viwerApplicationList === 'function'){
+				return driver.viwerApplicationList( this );
+			}
+			return FileDriverBase.viwerApplicationList( this );
+		},
+		editorApplicationList: function(){
+			var driver = FILE_CONTROLER.editorApplicationList( this );
+			if( typeof driver.editorApplicationList === 'function'){
+				return driver.editorApplicationList( this );
+			}
+			return FileDriverBase.viwerApps( this );
+		},
+		create: function(){
+			
+		},
+		sort: function(){
+			
+		},
+		onCopy: function(){
+			
+		},
+		onDelete: function(){
+			
+		}
+	}
+
+	/*
+	 * FileDriverBase
+	 */
+	var FileDriverBase = {
+		getSeqentialFiles: function( _file){
+		},
+		getName: function( _file){
+			var _data = FILE_CONTROLER.getFileData( _file);
+			return _data.name || 'No Name';
+		},
+		getThumbnail: function( _file){
+			var _data = FILE_CONTROLER.getFileData( _file),
+				_type = _data.type,
+				_className = '';
+			if( _type === pettanr.file.FILE_TYPE.FOLDER){
+				_className = 'folder';
+			} else
+			if( _type === pettanr.file.FILE_TYPE.IMAGE){
+				
+			} else
+			if( _type === pettanr.file.FILE_TYPE.TEXT){
+				
+			} else
+			if( _type === pettanr.file.FILE_TYPE.HTML){
+				
+			} else
+			if( _type === pettanr.file.FILE_TYPE.CSV){
+				
+			} else
+			if( _type === pettanr.file.FILE_TYPE.JSON){
+				
+			} else
+			if( _type === pettanr.file.FILE_TYPE.XML){
+				
+			}
+			return {
+				image:		null,
+				className:	' file-type-' + _className
+			}
+		},
+		getSummary: function( _file ){
+			var _data = FILE_CONTROLER.getFileData( _file ),
+				_type = _data.type;
+			if( _type === pettanr.file.FILE_TYPE.FOLDER){
+				return 'folder';
+			} else
+			if( _type === pettanr.file.FILE_TYPE.IMAGE){
+				return 'image file';
+			} else
+			if( _type === pettanr.file.FILE_TYPE.TEXT){
+				return 'text file';
+			} else
+			if( _type === pettanr.file.FILE_TYPE.HTML){
+				return 'html document file';
+			} else
+			if( _type === pettanr.file.FILE_TYPE.CSV){
+				return 'csv daat file';
+			} else
+			if( _type === pettanr.file.FILE_TYPE.JSON){
+				return 'json data file';
+			} else
+			if( _type === pettanr.file.FILE_TYPE.XML){
+				return 'xml data file';
+			}
+			return '';
+		},
+		getUpdatePolicy: function( _file){
+			// debug用 全てのメニューを許可
+			return pettanr.file.FILE_UPDATE_POLICY.SRWC;
+		},
+		read: function(){
+			return false;
+		},
+		write: function( _newName, _newData){
+			return false;
+		},
+		viwerApplicationList: function(){
+			return [];
+		},
+		editorApplicationList: function(){
+			return [];
+		},
+		onCreate: function(){
+			
+		},
+		onSort: function(){
+			
+		},
+		onCopy: function(){
+			
+		},
+		onDelete: function(){
+			
 		}
-		_file.init( TREE, parentFile, data);
-		return _file;
 	}
 
 	var ROOT_FILEDATA = {
-			name: 		'root',
+			name: 		'system root',
 			type:		FILE_TYPE_IS_FOLDER,
 			children:	[]
 		},
-		IMAGE_FILEDATA = {
-			name:		'image root',
-			type:		FILE_TYPE_IS_FOLDER,
-			json:		pettanr.CONST.URL_ORIGINAL_PICTURES_JSON,
-			children:	[
-				{
-					name: 		'My Pictures',
-					type:		FILE_TYPE_IS_FOLDER,
-					children:	[],
-					childType:	FILE_TYPE_IS_IMAGE
-				}
-			],
-			childType:	FILE_TYPE_IS_IMAGE
-		},
-		COMIC_FILEDATA = {
-			name:		'comic root',
-			type:		FILE_TYPE_IS_FOLDER,
-			json:		pettanr.CONST.URL_PANELS_JSON,
-			children:	[
-				{
-					name: 		'My Comics',
-					type:		FILE_TYPE_IS_FOLDER,
-					children:	[],
-					childType:	FILE_TYPE_IS_COMIC
-				}
-			],
-			childType:	FILE_TYPE_IS_PANEL
-		};
-	//FILEDATA_RESITER.push( ROOT_FILEDATA, IMAGE_FILEDATA, IMAGE_FILEDATA.children[0], COMIC_FILEDATA);
-	ROOT_FILEDATA.children.push( COMIC_FILEDATA, IMAGE_FILEDATA);
-
-	var SYSTEM_TREE = FILE_CONTROLER.createTree( ROOT_FILEDATA),
-		ROOT_FILE = SYSTEM_TREE.getRootFile(),
-		COMIC_ROOT_INDEX = ROOT_FILE.getChildFileIndex( COMIC_FILEDATA),
-		IMAGE_ROOT_INDEX = ROOT_FILE.getChildFileIndex( IMAGE_FILEDATA);
-
+		SYSTEM_TREE = FILE_CONTROLER.createTree( ROOT_FILEDATA),
+		ROOT_FILE = SYSTEM_TREE.getRootFile();
+	
+	function createFolderUnderRoot( _fileData){
+		ROOT_FILEDATA.children.push( _fileData);
+		FILE_CONTROLER.getFileDataAccess( ROOT_FILE)
+			.dispatchFileEvent( new FileEventClass( pettanr.file.FILE_EVENT.GET_SEQENTIAL_FILES, ROOT_FILE, 'children', null));
+	}
+	function createFileEvent( _eventType, _file, _key, _value){
+		return new FileEventClass( _eventType, _file, _key, _value);
+	}
+	function createFileTypeID(){
+		return ++numFileType;
+	}
+	
 	return {
 		init: function(){
-			REQUEST_CONTROLER.init();
-			FILE_CONTROLER.init();
+			//REQUEST_CONTROLER.init();
+			//FILE_CONTROLER.init();
 			delete pettanr.file.init;
 		},
-		createTree: function( _treeType){
-			var _rootFile;
-			if( _treeType === TREE_TYPE_IS_COMIC) _rootFile = COMIC_FILEDATA;
-			if( _treeType === TREE_TYPE_IS_IMAGE) _rootFile = IMAGE_FILEDATA;
-			if( !_rootFile) return null;
+		registerDriver: function( _driver){
+			_driver.prototype = FileDriverBase;
+			/*
+			 * File API
+			 */
+			return {
+				createFolderUnderRoot:	createFolderUnderRoot,
+				getFileDataAccess:		FILE_CONTROLER.getFileDataAccess,
+				getFileData:			FILE_CONTROLER.getFileData,
+				getJson:				REQUEST_CONTROLER.getJson,
+				createFileEvent:		createFileEvent,
+				createFileTypeID:		createFileTypeID
+			}
+		},
+		createTree: function( _rootFile){
 			return FILE_CONTROLER.createTree( _rootFile);
 		},
-		TREE_TYPE_IS_COMIC:		1,
-		TREE_TYPE_IS_IMAGE:		2,
-		TREE_TYPE_IS_SETTING:	3,
-		FILE_TYPE_IS_FOLDER:	FILE_TYPE_IS_FOLDER,
-		FILE_TYPE_IS_IMAGE:		FILE_TYPE_IS_IMAGE,
-		FILE_TYPE_IS_PANEL:		FILE_TYPE_IS_PANEL,
-		FILE_TYPE_IS_SETTING:	FILE_TYPE_IS_SETTING
+		isTreeInstance: function( _tree){
+			return _tree instanceof TreeClass;
+		},
+		isFileInstance: function( _file){
+			return _file instanceof FileClass;
+		},
+		FILE_TYPE: {
+			UNKNOWN:	0,
+			FOLDER:		FILE_TYPE_IS_FOLDER,
+			IMAGE:		createFileTypeID(),
+			TEXT:		createFileTypeID(),
+			HTML:		createFileTypeID(),
+			CSV:		createFileTypeID(),
+			JSON:		createFileTypeID(),
+			XML:		createFileTypeID()
+		},
+		FILE_STATE: {
+			UNKNOWN:	0,
+			OK:			1,
+			LOADING:	2,
+			ERROR:		3,
+			BROKEN:		4
+		},
+		FILE_UPDATE_POLICY: {
+			____:		parseInt( '0000', 2),
+			___C:		parseInt( '0001', 2), // hasCreateMenu
+			__W_:		parseInt( '0010', 2), // isWritable
+			__WC:		parseInt( '0011', 2), // isWritable
+			_R__:		parseInt( '0000', 2), // isRenamable
+			_R_C:		parseInt( '0101', 2), // hasCreateMenu
+			_RW_:		parseInt( '0110', 2), // isWritable
+			_RWC:		parseInt( '0111', 2), // isWritable
+			S___:		parseInt( '1000', 2), // childrenIsSortable
+			S__C:		parseInt( '1001', 2),
+			S_W_:		parseInt( '1010', 2),
+			S_WC:		parseInt( '1011', 2),
+			SR__:		parseInt( '1000', 2),
+			SR_C:		parseInt( '1101', 2),
+			SRW_:		parseInt( '1110', 2),
+			SRWC:		parseInt( '1111', 2),
+			CREATE:		1,
+			WRAITE:		2,
+			RENAME:		4,
+			SORT:		8
+		},
+		TREE_EVENT: {
+			UPDATE:				'onTreeUpdate'
+		},
+		FILE_EVENT: {
+			UPDATE_ATTRIVUTE:	'onFileUpdate',
+			GET_SEQENTIAL_FILES:'gotSeqentilFiles'
+		},
+		FILE_DATA_PROPERTY_RESERVED: [
+			'children', 'driver', 'state', 'type'
+		]
 	}
 })();
 
@@ -694,15 +672,16 @@ pettanr.finder = ( function(){
 		ELM_ORIGIN_FINDER_ICON = pettanr.util.pullHtmlAsTemplete( 'templete-finder-icon'),
 		ELM_ORIGIN_CONTAINER = pettanr.util.pullHtmlAsTemplete( 'templete-finder-container'),
 		ICON_HEIGHT = pettanr.util.getElementSize( ELM_ORIGIN_FINDER_ICON).height,
-		ICON_CLASSNAME = ELM_ORIGIN_FINDER_ICON.getElementsByTagName( 'div')[0].className,
+		ICON_CLASSNAME = 'finder-icon-thumbnail',
 		FINDER_ICON_POOL = [],
 		BREAD_OBJECT_POOL = [];
 	
 	var FinderIconClass = function(){
 		var elmContainer,
 			ELM_WRAPPER = ELM_ORIGIN_FINDER_ICON.cloneNode( true),
-			ELM_THUMBNAIL = pettanr.util.getElementsByClassName( ELM_WRAPPER, 'finder-icon-thumbnail', 'div')[0],
-			ELM_FILENAME = pettanr.util.getElementsByClassName( ELM_WRAPPER, 'finder-icon-filename', 'div')[0],
+			ELM_THUMBNAIL = pettanr.util.getElementsByClassName( ELM_WRAPPER, ICON_CLASSNAME )[0],
+			ELM_FILENAME = pettanr.util.getElementsByClassName( ELM_WRAPPER, 'finder-icon-filename' )[0],
+			ELM_DESCRIPTION = pettanr.util.getElementsByClassName( ELM_WRAPPER, 'finder-icon-summary' )[0],
 			file, w, index, style, instansce, callback;
 		
 		ELM_WRAPPER.onclick = onClick;
@@ -712,14 +691,15 @@ pettanr.finder = ( function(){
 
 		function draw(){
 			var _thumb = file.getThumbnail();
-			if( _thumb !== null){
+			if( _thumb.image){
 				ELM_THUMBNAIL.className = ICON_CLASSNAME + ' has-thumbnail';
-				ELM_THUMBNAIL.style.backgroundImage = [ 'url(', _thumb, ')'].join( '');
+				ELM_THUMBNAIL.style.backgroundImage = [ 'url(', _thumb.image, ')'].join( '');
 			} else {
-				ELM_THUMBNAIL.className = ICON_CLASSNAME + ' file-type-' +file.TYPE();
+				ELM_THUMBNAIL.className = ICON_CLASSNAME + ' ' +_thumb.className;
 				ELM_THUMBNAIL.style.backgroundImage = '';
 			}
 			ELM_FILENAME.innerHTML = file.getName();
+			ELM_DESCRIPTION.innerHTML = file.getSummary();
 		}
 		function resize(){
 			ELM_WRAPPER.style.top = (index * ICON_HEIGHT) +'px';
@@ -759,7 +739,7 @@ pettanr.finder = ( function(){
 			onResize: function( w){
 				
 			},
-			collect: function(){
+			destroy: function(){
 				elmContainer.removeChild( ELM_WRAPPER);
 				file = elmContainer = null;
 				FINDER_ICON_POOL.push( instansce);
@@ -777,7 +757,7 @@ pettanr.finder = ( function(){
 			callback;
 		ELM_WRAPPER.onclick = onClick;
 		function draw(){
-			ELM_FILENAME.className = 'file-icon-' +file.TYPE();
+			ELM_FILENAME.className = 'file-icon-' +file.getType();
 			ELM_FILENAME.innerHTML = file.getName();
 		}
 		function resize( index){
@@ -785,6 +765,7 @@ pettanr.finder = ( function(){
 		}
 		function onClick(){
 			callback( index);
+			return false;
 		}
 
 		return {
@@ -812,7 +793,7 @@ pettanr.finder = ( function(){
 			onResize: function( w){
 				
 			},
-			collect: function(){
+			destroy: function(){
 				elmContainer.removeChild( ELM_WRAPPER);
 				file = elmContainer = null;
 				BREAD_OBJECT_POOL.push( this);
@@ -820,7 +801,7 @@ pettanr.finder = ( function(){
 		}
 	}
 	
-	var FinderClass = function( ELM_CONTAINER, TREE_TYPE, detailSwitchEnabled, styleSwitchEnabled, actionSwitchEnabled){
+	var FinderClass = function( ELM_CONTAINER, tree, header, footer ){
 		var ICON_ARRAY = [],
 			BREAD_ARRAY = [],
 			elmContainer = ELM_ORIGIN_CONTAINER.cloneNode( true),
@@ -829,23 +810,26 @@ pettanr.finder = ( function(){
 			elmSidebarButton = nodesDiv[1],
 			elmStyleButton = nodesDiv[2],
 			elmActionButton = nodesDiv[3],
-			elmBody = nodesDiv[ nodesDiv.length -1],
-			tree = pettanr.file.createTree( TREE_TYPE),
+			elmBody = nodesDiv[ nodesDiv.length -1 ],
+			//tree = pettanr.file.createTree( TREE_TYPE),
 			headX,
 			headY,
-			headH = pettanr.util.getElementSize( ELM_ORIGIN_FINDER_ICON).height,
+			headH = pettanr.util.getElementSize( nodesDiv[0] ).height,
 			bodyY,
 			currentFile = null,
 			breadW = 90,
-			size = pettanr.util.getElementSize( ELM_ORIGIN_FINDER_ICON),
+			size = pettanr.util.getElementSize( ELM_ORIGIN_FINDER_ICON ),
 			iconW = size.width,
 			iconH = size.height,
-			style = 0;
-			w = 800;
-
-		tree.addTreeEventListener( 'onTreeUpdate', draw);
+			style = 0,
+			w, h, bodyH;
+			
+		tree.addTreeEventListener( pettanr.file.TREE_EVENT.UPDATE, draw);
 		
-		function draw(){
+		function draw( _w, _h ){
+			w = Type.isFinite( _w ) === true ? _w : w;
+			h = Type.isFinite( _h ) === true ? _h : h;
+			bodyH = _h - headH;
 			var	l = tree.hierarchy() +1,
 				m = BREAD_ARRAY.length,
 				_file, _bread;
@@ -858,7 +842,7 @@ pettanr.finder = ( function(){
 				}
 			}
 			while( l < BREAD_ARRAY.length){
-				BREAD_ARRAY.pop().collect();
+				BREAD_ARRAY.pop().destroy();
 			}
 			
 			l = _file.getChildFileLength();
@@ -868,20 +852,28 @@ pettanr.finder = ( function(){
 				if( i < m){
 					ICON_ARRAY[ i].init( _file.getChildFileByIndex( i), elmBody, w, i, style, onBodyClick);
 				} else {
-					ICON_ARRAY.push( getFinderIcon( _file.getChildFileByIndex( i), elmBody, w, i, style, onBodyClick));
+					ICON_ARRAY.push( getFinderIcon( _file.getChildFileByIndex( i), elmBody, _w, i, style, onBodyClick));
 				}
 			}
+			if( _file.getState() === pettanr.file.FILE_STATE.LOADING ){
+				elmBody.className = 'finder-body loading';
+			} else {
+				elmBody.className = 'finder-body';
+			}
+			elmBody.style.height = bodyH + 'px';
+			
 			while( l < ICON_ARRAY.length){
-				ICON_ARRAY.pop().collect();
+				ICON_ARRAY.pop().destroy();
 			}
 		}
+		
 		function onHeadClick( i){
 			var l = BREAD_ARRAY.length -1;
 			if( i < l){
 				var _file = tree.getParentFileAt( i);
 				if( _file !== null){
 					tree.up( i);
-					draw();
+					draw( w, h );
 				}
 			}
 		}
@@ -889,36 +881,45 @@ pettanr.finder = ( function(){
 			var l = ICON_ARRAY.length;
 			if( i < l){
 				var _file = tree.getCurrentFile().getChildFileByIndex( i);
-				if( _file !== null && _file.TYPE() === pettanr.file.FILE_TYPE_IS_FOLDER){
+				if( _file !== null && ( _file.getChildFileLength() !== -1 || _file.getType() === pettanr.file.FILE_TYPE.FOLDER)){
 					tree.down( i);
-					draw();
+					draw( w, h );
 				}
 			}
 		}
 		
-		return {
-			init: function(){
-				ELM_CONTAINER.appendChild( elmContainer);
-				//$( elmLocation).click( onHeadClick);
-				//$( elmContainer).click( onBodyClick);
-				var position = pettanr.util.getAbsolutePosition( elmLocation);
-				headX = position.x;
-				headY = position.y;
-				bodyY = pettanr.util.getAbsolutePosition( elmBody).y;
-				delete this.init;
-			},
-			onOpen: function(){
-				this.init !== undefined && this.init();
-				draw();
-			},
-			onClose: function(){
-				
-			},
-			onWindowResize: function( _w, _h){
-				
+		this.init = function(){
+			ELM_CONTAINER.appendChild( elmContainer);
+			//$( elmLocation).click( onHeadClick);
+			//$( elmContainer).click( onBodyClick);
+			var position = pettanr.util.getAbsolutePosition( elmLocation);
+			headX = position.x;
+			headY = position.y;
+			bodyY = pettanr.util.getAbsolutePosition( elmBody).y;
+			delete this.init;
+		}
+		this.onOpen = function( _w, _h, _option ){
+			this.init !== undefined && this.init();
+			draw( _w, _h );
+		}
+		this.onClose = function(){
+			return true;
+		}
+		this.onPaneResize = function( _w, _h){
+			w = _w;
+			h = _h;
+			elmBody.style.height = ( _h - headH ) + 'px';
+			
+			for(var i=0, l=ICON_ARRAY.length; i<l; ++i){
+				ICON_ARRAY[ i].onResize( _w );
 			}
 		}
+		this.MIN_WIDTH = 240;
+		this.MIN_HEIGHT = 240;
 	}
+	
+	pettanr.view.registerAsBasicPane( FinderClass );
+	
 	function getFinderIcon( _file, _elmContainer, w, index, style, callback){
 		var _icon;
 		if( FINDER_ICON_POOL.length > 0){
@@ -945,38 +946,479 @@ pettanr.finder = ( function(){
 		init: function(){
 			
 		},
-		createFinder: function( _elmTarget, _treeType, detailSwitchEnabled, styleSwitchEnabled, actionSwitchEnabled){
-			var _finder = new FinderClass( _elmTarget, _treeType, detailSwitchEnabled, styleSwitchEnabled, actionSwitchEnabled);
+		createFinder: function( _elmTarget, _tree, _header, _footer ){
+			var _finder = new FinderClass( _elmTarget, _tree, _header, _footer );
 			FINDER_ARRAY.push( _finder);
 			return _finder;
+		},
+		registerFinderHead: function(){
+			
+		},
+		registerFinderPane: function( _finderPane){
+			
+		},
+		isFinderInstance: function( _finder){
+			return _finder instanceof FinderClass;
+		},
+		isFinderPaneInstance: function(){
+			
+		},
+		isFinderHeadInstance: function(){
+		}
+	}
+})();
+
+
+pettanr.driver = ( function(){
+	var MyAuthorID = 'current_author' in window ? current_author.id : ( pettanr.DEBUG ? 1 : -1 ),
+		MyArtistID = 'current_artist' in window ? current_artist.id : ( pettanr.DEBUG ? 1 : -1 ),
+		Driver = {
+			getSeqentialFiles: function( _file){
+				var _data = FileAPI.getFileData( _file),
+					_json = _data !== null ? _data.json : null;
+				if( _json === true && _data.type === pettanr.driver.FILE_TYPE.COMIC ){
+					_json = [ pettanr.CONST.PETTANR_ROOT_PATH, 'comics\/', _data.id, '.json\/play\/' ].join( '' );
+				}
+				if( typeof _json === 'string'){
+					FileAPI.getJson( _file, _json, onLoadJson, onErrorJson);
+					_data.state = pettanr.file.FILE_STATE.LOADING;
+					_data.json = null;
+					return;
+				}
+			},
+			getName: function( _file){
+				var _data = FileAPI.getFileData( _file),
+					_type = _data !== null ? _data.type : null;
+				if( _type === pettanr.driver.FILE_TYPE.PICTURE ){
+					return [ _data.id, _data.ext ].join( '.');
+				} else
+				if( _type === pettanr.driver.FILE_TYPE.PANEL ){
+					return [ _data.t, ':', _data.comic.title ].join( '');
+				} else
+				if( _type === pettanr.driver.FILE_TYPE.COMIC ){
+					return _data.title;
+				} else
+				if( _type === pettanr.driver.FILE_TYPE.ARTIST ){
+					return [ _data.id , ':', _data.name, '画伯' ].join( '');
+				} else
+				if( _type === pettanr.driver.FILE_TYPE.AUTHOR ){
+					return [ _data.id , ':', _data.name, '先生' ].join( '');
+				}
+				return _data.name;
+			},
+			getThumbnail: function( _file){
+				var _data = FileAPI.getFileData( _file),
+					_type = _data !== null ? _data.type : null;
+				if( _type === pettanr.driver.FILE_TYPE.PICTURE){
+					return { image: [ pettanr.CONST.RESOURCE_PICTURE_PATH, 'thumbnail/', _data.id, '.', _data.ext ].join( '')};
+				}
+				if( _data === FILE_DATA_COMICS_ROOT){
+					return { className: 'file-type-cabinet'};
+				}
+				if( _type === pettanr.driver.FILE_TYPE.COMIC){
+					return { className: 'file-type-comic'};
+				}
+				if( _type === pettanr.driver.FILE_TYPE.PANEL){
+					return { className: 'file-type-panel'};
+				}
+				if( _type === pettanr.driver.FILE_TYPE.AUTHOR){
+					return { className: 'file-type-author'};
+				}
+				if( _type === pettanr.driver.FILE_TYPE.ARTIST){
+					return { className: 'file-type-artist'};
+				}
+				if( _type === pettanr.file.FILE_TYPE.FOLDER){
+					return { className: 'file-type-folder'};
+				}
+				return { className: 'file-type-broken'};
+			},
+			getSummary: function( _file ){
+				var _data = FileAPI.getFileData( _file),
+					_type = _data !== null ? _data.type : null;
+				if( _type === pettanr.driver.FILE_TYPE.PICTURE){
+					return [ _data.width, 'x', _data.height, ', filesize:', _data.filesize, ', lisence:', _data.license ].join( '' );
+				}
+				if( _data === FILE_DATA_COMICS_ROOT){
+					return 'cabinet file';
+				}
+				if( _type === pettanr.driver.FILE_TYPE.COMIC){
+					return 'comic file';
+				}
+				if( _type === pettanr.driver.FILE_TYPE.PANEL){
+					return [ _data.width, 'x', _data.height ].join( '' );
+				}
+				if( _type === pettanr.driver.FILE_TYPE.AUTHOR){
+					return 'author file';
+				}
+				if( _type === pettanr.driver.FILE_TYPE.ARTIST){
+					return [ 'Email:', _data.email || 'empty' , ', HP:', _data.homepage_url || 'empty' ].join( '' );
+				}
+				if( _type === pettanr.file.FILE_TYPE.FOLDER){
+					return 'pettanR folder';
+				}
+				return 'pettanR unknown file';
+			},
+			viwerApplicationList: function( _file ){
+				var _data = FileAPI.getFileData( _file ),
+					_type = _data !== null ? _data.type : null;
+				return [];
+			},
+			editorApplicationList: function( _file ){
+				var _data = FileAPI.getFileData( _file ),
+					_type = _data !== null ? _data.type : null;
+				return [];
+			}
+		},
+		FileAPI = pettanr.file.registerDriver( Driver),
+		FILE_DATA_SERVICE_ROOT = {
+			name:		'PettanR root',
+			type:		pettanr.file.FILE_TYPE.FOLDER,
+			children:	[]
+		},
+		FILE_DATA_COMICS_ROOT = {
+			name:		'Comics',
+			type:		pettanr.file.FILE_TYPE.FOLDER,
+			children:	[],
+			driver:		Driver,
+			json:		pettanr.CONST.URL_COMICS_JSON
+		},
+		FILE_DATA_PANELS_ROOT = {
+			name:		'Panels',
+			type:		pettanr.file.FILE_TYPE.FOLDER,
+			children:	[],
+			driver:		Driver,
+			json:		pettanr.CONST.URL_PANELS_JSON
+		},
+		FILE_DATA_PICTURE_ROOT = {
+			name:		'Picutures',
+			type:		pettanr.file.FILE_TYPE.FOLDER,
+			children:	[],
+			driver:		Driver,
+			json:		pettanr.CONST.URL_RESOURCE_PICTURES_JSON
+		},
+		FILE_DATA_MY_COMICS_ROOT = {
+			name:		'My Comics',
+			type:		pettanr.file.FILE_TYPE.FOLDER,
+			children:	[],
+			driver:		Driver
+		},
+		FILE_DATA_LATEST_COMICS = {
+			name:		'Latest Comics',
+			type:		pettanr.file.FILE_TYPE.FOLDER,
+			children:	[]
+		},
+		FILE_DATA_MY_PICTURES_ROOT = {
+			name:		'My Pictures',
+			type:		pettanr.file.FILE_TYPE.FOLDER,
+			children:	[],
+			driver:		Driver,
+			json:		pettanr.CONST.URL_ORIGINAL_PICTURES_JSON
+		},
+		FILE_DATA_AUTHOR_ROOT = {
+			name:		'Authors',
+			type:		pettanr.file.FILE_TYPE.FOLDER,
+			children:	[]
+		},
+		FILE_DATA_ARTIST_ROOT = {
+			name:		'Artists',
+			type:		pettanr.file.FILE_TYPE.FOLDER,
+			children:	[]
+		},
+		FILE_DATA_LISENCE_ROOT = {
+			name:		'Original Lisences',
+			type:		pettanr.file.FILE_TYPE.FOLDER,
+			children:	[]
+		},
+		FILE_DATA_BALLOON_ROOT = {
+			name:		'Balloon templetes',
+			type:		pettanr.file.FILE_TYPE.FOLDER,
+			children:	[]
+		},
+		AUTHOR_ARRAY = [],
+		ARTIST_ARRAY = [],
+		PANEL_ARRAY = [],
+		COMIC_ARRAY = [],
+		RESOURCE_PICTURE_ARRAY = [],
+		BALLOON_TEMPLETE_ARRAY = [],
+		ORIGINAL_LICENSE_ARRAY = [],
+		BASIC_LICENSES = 'cc_by,cc_nc,cc_nd,cc_sa,keep_aspect_ratio,no_convert,no_flip,no_resize'.split( ',');
+	FILE_DATA_SERVICE_ROOT.children.push( FILE_DATA_COMICS_ROOT, FILE_DATA_PICTURE_ROOT, FILE_DATA_PANELS_ROOT, FILE_DATA_LISENCE_ROOT, FILE_DATA_BALLOON_ROOT);
+	FILE_DATA_COMICS_ROOT.children.push( FILE_DATA_MY_COMICS_ROOT, FILE_DATA_LATEST_COMICS, FILE_DATA_AUTHOR_ROOT);
+	FILE_DATA_PICTURE_ROOT.children.push( FILE_DATA_MY_PICTURES_ROOT, FILE_DATA_ARTIST_ROOT);
+	
+	FileAPI.createFolderUnderRoot( FILE_DATA_SERVICE_ROOT);
+
+	function onLoadJson( _file, _json ){
+		var _access = FileAPI.getFileDataAccess( _file),
+			_data = _access !== null ? _access.DATA : null,
+			l;
+		if( _data === null){
+			onErrorJson( _file);
+			return;
+		}
+		_data.state = pettanr.file.FILE_STATE.OK;
+		
+		if( Type.isArray( _json ) === true ){
+			l = _json.length;
+			if( l === 0) return;
+			for( var i=0; i<l; ++i ){
+				buildFileData( _json[ i], _data);
+			}			
+		} else
+		if( _json.id ){
+			buildFileData( _json, _data );
+		}
+		_access.dispatchFileEvent( FileAPI.createFileEvent( pettanr.file.FILE_EVENT.GET_SEQENTIAL_FILES, _file, 'children', null));
+	}
+	function onErrorJson( _file ){ 
+		var _data = FileAPI.getFileData( _file);
+		if( _data !== null){
+			_data.state = pettanr.file.FILE_STATE.ERROR;
+		}
+	}
+	function buildFileData( _data, _parent ){
+		var _array, i, l;
+		// Panel
+		if( _parent === FILE_DATA_PANELS_ROOT ){
+			_data.type = pettanr.driver.FILE_TYPE.PANEL;
+			_array = PANEL_ARRAY;
+		} else
+		// Comic
+		if( _parent === FILE_DATA_COMICS_ROOT ){
+			_data.type = pettanr.driver.FILE_TYPE.COMIC;
+			_array = COMIC_ARRAY;
+		} else
+		if( _parent.type === pettanr.driver.FILE_TYPE.COMIC ){
+			_array = COMIC_ARRAY;
+		} else
+		// Lisence
+		if( _parent === FILE_DATA_LISENCE_ROOT ){
+			_data.type = pettanr.driver.FILE_TYPE.LICENSE;
+			_array = ORIGINAL_LICENSE_ARRAY;
+		} else
+		// Author
+		if( _parent === FILE_DATA_AUTHOR_ROOT ){
+			_data.type = pettanr.driver.FILE_TYPE.AUTHOR;
+			_array = AUTHOR_ARRAY;
+		} else
+		// Artist
+		if( _parent === FILE_DATA_ARTIST_ROOT ){
+			_data.type = pettanr.driver.FILE_TYPE.ARTIST;
+			_array = ARTIST_ARRAY;
+		} else		
+		// Picture
+		if( _parent === FILE_DATA_PICTURE_ROOT || _parent === FILE_DATA_MY_PICTURES_ROOT ){
+			_data.type = pettanr.driver.FILE_TYPE.PICTURE;
+			_array = RESOURCE_PICTURE_ARRAY;
+			// original_license を含まなければ、license object を削除して ビットデータ で保持
+			// original_license なら ファイルを作る buildFileData( _license, FILE_DATA_LISENCE_ROOT)
+			var _license = _data.license,
+				_rule,
+				_Math_pow = Math.pow,
+				_bits = 0;
+			if( typeof _license === 'object'){
+				for( i=0, l=BASIC_LICENSES.length; i<l; ++i){
+					_rule = _license[ BASIC_LICENSES[ i]]
+					if( typeof _rule === 'number' && _rule === 1 ){
+						_bits += _Math_pow( 2, i);
+					}
+				}
+				_data.license = _bits;
+			}
+		} else {
+			alert( 'error' );
+		}
+		
+		_data.driver = Driver;
+		
+		// _array に _data を格納 または 上書き
+		if( typeof _data.id === 'number' && _data.id > 0 ){
+			var _id = _data.id - 1,
+				__data = _array[ _id ],
+				_reserved = pettanr.file.FILE_DATA_PROPERTY_RESERVED.join( ', ' );
+			if( __data ){
+				for( var key in _data){
+					if( _reserved.indexOf( key ) === -1 ){
+						__data[ key ] = _data[ key ];
+					}
+				}
+				_data = __data; // このタイミングで参照が切れるので注意！！
+			} else {
+				_array[ _id ] = _data;
+			}
+		} else {
+			alert( 'error' );
+		}
+
+		// Author
+		// Artist
+		if( _parent === FILE_DATA_AUTHOR_ROOT || _parent === FILE_DATA_ARTIST_ROOT ){
+			addChildData( _parent, _data );
+		} else
+		// Comic + Panels
+		if( _parent.type === pettanr.driver.FILE_TYPE.COMIC || _parent === FILE_DATA_COMICS_ROOT ){
+			var _panels = _data.panels,
+				_panel;
+			if( _panels && Type.isArray( _panels ) === true ){
+				
+				for( i=0, l=_panels.length; i<l; ++i){
+					_panel = buildFileData( _panels[ i ], FILE_DATA_PANELS_ROOT );
+					/*
+					 * 間違い！ t 順に格納
+					 */
+					addChildData( _data, _panel );
+				}
+				delete _data.panels;
+			} else {
+				if( _data.json !== null ){
+					_data.json = true;
+				}
+				if( Type.isArray( _data.children ) === false ){
+					_data.children = [];
+				}				
+			}
+			var _author = _data.author || getResource( AUTHOR_ARRAY, _data.author_id );
+			if( _author ){
+				_data.author = _author = buildFileData( _author, FILE_DATA_AUTHOR_ROOT );
+				addChildData( _author, _data );
+				_author.id === MyAuthorID && addChildData( FILE_DATA_MY_COMICS_ROOT, _data );
+			}
+			if( _parent === FILE_DATA_COMICS_ROOT ){
+				addChildData( FILE_DATA_LATEST_COMICS, _data);
+			}
+		} else
+		// Panel
+		if( _parent === FILE_DATA_PANELS_ROOT ){
+			_data.comic = getResource( COMIC_ARRAY, _data.comic_id );
+			_data.author = getResource( AUTHOR_ARRAY, _data.author_id );
+
+			// picture data をファイルに取り出し
+			if( Type.isArray( _data.panel_elements ) === true ){
+				var _elements,
+					_elm, _rpic;
+				for( i=0, l=_elements.length; i<l; ++i){
+					_elm = _elements[ i];
+					if( _elm.resource_picture ){
+						_elm.resource_picture = buildFileData( _elm.resource_picture, FILE_DATA_PICTURE_ROOT); // 上記参照切れに備えてここで上書き
+					} else {
+						_elm.resource_picture = getResource( RESOURCE_PICTURE_ARRAY, _elm.resource_picture_id );
+					}
+				}				
+			}
+		} else
+		// Picture
+		if( _data.type == pettanr.driver.FILE_TYPE.PICTURE ){
+			var _artist = _data.artist || getResource( ARTIST_ARRAY, _data.artist_id );
+			if( _artist){
+				_data.artist = _artist = buildFileData( _artist, FILE_DATA_ARTIST_ROOT );
+				addChildData( _artist, _data );
+				_artist.id === MyArtistID && addChildData( FILE_DATA_MY_PICTURES_ROOT, _data );
+			}
+		}
+		return _data;
+	}
+	function addChildData( _parent, _child ){
+		if( Type.isArray( _parent.children ) === false){
+			_parent.children = [];
+		}
+		pettanr.util.getIndex( _parent.children, _child ) === -1 && _parent.children.push( _child );
+	}
+	function getResource( _array, _id ){
+		if( Type.isArray( _array ) === false || Type.isNumber( _id ) === false || _id < 1 ) return null;
+		var _data = _array[ _id - 1 ];
+		if( !_data ){
+			_data = _array[ _id - 1 ] = {};
+		}
+		return _data;
+	}
+
+	return {
+		createComicTree: function(){
+			return pettanr.file.createTree( FILE_DATA_SERVICE_ROOT); //FILE_DATA_COMICS_ROOT);
+		},
+		createPictureTree: function(){
+			return pettanr.file.createTree( FILE_DATA_PICTURE_ROOT);
+		},
+		createServiceTree: function(){
+			return pettanr.file.createTree( FILE_DATA_SERVICE_ROOT);
+		},
+		isPettanrFileInstance: function( _file){
+			if( pettanr.file.isPettanFileInstance( _file) === true){
+				var _data = FileAPI.getFileData( _file);
+				return _data !== null && _data.driver === Driver;
+			}
+			return false;
+		},
+		FILE_TYPE: {
+			COMIC:				FileAPI.createFileTypeID(),
+			PANEL:				FileAPI.createFileTypeID(),
+			PICTURE:			FileAPI.createFileTypeID(),
+			PANEL_PICTURE:		FileAPI.createFileTypeID(),
+			BALLOON:			FileAPI.createFileTypeID(),
+			AUTHOR:				FileAPI.createFileTypeID(),
+			ARTIST:				FileAPI.createFileTypeID(),
+			LICENSE:			FileAPI.createFileTypeID()
 		}
 	}
 })();
 
+pettanr.entrance = {
+		onOpen: function( _w, _h, _option ){
+			var pageHeaderH = pettanr.util.getElementSize( document.getElementById('header') ).height;
+			document.getElementById('inner-wrapper').style.height = ( _h - pageHeaderH ) + 'px';
+		},
+		onClose: function(){
+			document.getElementById('inner-wrapper').style.height = '0px';
+		},
+		onWindowResize: function( _w, _h){
+			pettanr.entrance.onOpen( _w, _h );
+		}
+	}
+pettanr.backyard = {
+		onOpen: function( _w, _h, _option ){
+		},
+		onClose: function(){
+		},
+		onWindowResize: function( _w, _h){
+		}
+	}
+pettanr.debug = {
+		onOpen: function( _w, _h, _option ){
+			var pageHeaderH = pettanr.util.getElementSize( document.getElementById('header') ).height;
+			document.getElementById('inner-wrapper').style.height = ( _h - pageHeaderH ) + 'px';
+		},
+		onClose: function(){
+			document.getElementById('inner-wrapper').style.height = '0px';
+		},
+		onWindowResize: function( _w, _h){
+			pettanr.debug.onOpen( _w, _h );
+		}
+	}
+
 pettanr.gallery = ( function(){
 	var finder,
 		elmContainer = document.getElementById( 'gallery'),
-		option;
-		
+		option,
+		pageHeaderH = pettanr.util.getElementSize( document.getElementById('header') ).height;
 	return {
 		init: function( _option){
 			option = _option;
 			delete pettanr.gallery.init;
 		},
 		firstOpen: function(){
-			finder = pettanr.finder.createFinder( elmContainer, pettanr.file.TREE_TYPE_IS_IMAGE);
+			finder = pettanr.finder.createFinder( elmContainer, pettanr.driver.createPictureTree());
 			delete pettanr.gallery.firstOpen;
 		},
-		onOpen: function(){
+		onOpen: function( _w, _h, _option ){
 			pettanr.gallery.firstOpen !== undefined && pettanr.gallery.firstOpen();
-			finder.onOpen();
+			finder.onOpen( _w, _h - pageHeaderH, _option );
 			
 		},
 		onClose: function(){
 			finder.onClose();
 		},
 		onWindowResize: function( _w, _h){
-			finder.onWindowResize( _w, _h);
+			finder.resize( _w, _h - pageHeaderH );
 		}
 	}
 })();
@@ -984,7 +1426,8 @@ pettanr.gallery = ( function(){
 pettanr.cabinet = ( function(){
 	var finder,
 		elmContainer = document.getElementById( 'cabinet'),
-		option;
+		option,
+		pageHeaderH = pettanr.util.getElementSize( document.getElementById('header') ).height;
 		
 	return {
 		init: function( _option){
@@ -992,19 +1435,19 @@ pettanr.cabinet = ( function(){
 			delete pettanr.cabinet.init;
 		},
 		firstOpen: function(){
-			finder = pettanr.finder.createFinder( elmContainer, pettanr.file.TREE_TYPE_IS_COMIC);
+			finder = pettanr.finder.createFinder( elmContainer, pettanr.driver.createComicTree());
 			delete pettanr.cabinet.firstOpen;
 		},
-		onOpen: function(){
+		onOpen: function( _w, _h, _option ){
 			pettanr.cabinet.firstOpen !== undefined && pettanr.cabinet.firstOpen();
-			finder.onOpen();
+			finder.onOpen( _w, _h - pageHeaderH, _option );
 			
 		},
 		onClose: function(){
 			finder.onClose();
 		},
 		onWindowResize: function( _w, _h){
-			finder.onWindowResize( _w, _h);
+			finder.resize( _w, _h - pageHeaderH);
 		}
 	}
 })();
@@ -1017,7 +1460,13 @@ pettanr.fn( pettanr.view);
 pettanr.fn( pettanr.overlay);
 pettanr.fn( pettanr.key);
 pettanr.fn( pettanr.balloon);
+
 pettanr.fn( pettanr.editor);
+pettanr.fn( pettanr.comicConsole);
+pettanr.fn( pettanr.uploadConsole);
+pettanr.fn( pettanr.panelConsole);
+pettanr.fn( pettanr.artistConsole);
+
 pettanr.fn( pettanr.file);
 pettanr.fn( pettanr.finder);
 pettanr.fn( pettanr.gallery);