<div id="entrance" class="console-page main" style="display:block;">\r
<%= yield %>\r
<h3>クイックアクセス</h3>\r
- <p><a href="#" onclick="pettanr.editor.boot();return false;">新しいコマを描く(いまだけ)</a></p>\r
+ <p><a href="#" onclick="pettanr.editor.boot();return false;">新しいコマを描く(開発用)</a></p>\r
<p><a href="#" onclick="pettanr.comicConsole.bootInOverlay();return false;">新しいコミックをつくる</a></p>\r
<p><a href="#" onclick="pettanr.uploadConsole.bootInOverlay();return false;">画像のアップロード</a></p>\r
<p><a href="#" onclick="pettanr.panelConsole.bootInOverlay();return false;">コマの追加(開発用)</a></p>\r
- <p><a href="#" onclick="pettanr.artistConsole.bootInOverlay();return false;">アーティスト登録(すでに登録している場合も操作可能)</a></p>\r
+ <p><a href="#" onclick="pettanr.artistConsole.bootInOverlay();return false;">アーティスト登録(今はすでに登録している場合も操作可能です、、、、)</a></p>\r
<h3>座長からのお知らせ</h3>\r
<p>メンテナンスについて</p>\r
</div>\r
\r
<script id="imageGruopItemTemplete" type="text/x-jquery-tmpl">\r
<div class="image-gruop-item">\r
- <img width="0" height="0">\r
<div class="image-gruop-item-title">img-title</div>\r
</div> \r
</script>\r
<!-- オーバーレイ -->\r
<div id="overlay-container" style="display: none;">\r
<div id="overlay-shadow"></div>\r
+ <div id="overlay-close-button">x</div>\r
+ </div>\r
+\r
+ <!-- アウトプットコンソール -->\r
+ <div id="output-console-wrapper">\r
+ <textarea id="output-area" readonly></textarea>\r
+ </div>\r
\r
- <!-- アウトプットコンソール -->\r
- <div id="output-console-wrapper" style="display: none;">\r
- <textarea id="output-area" readonly></textarea>\r
- </div>\r
- \r
- <!-- テキスト エディタ -->\r
- <div id="speach-editor-wrapper" style="display: none;">\r
- <textarea id="speach-editor"></textarea>\r
- <div id="speach-edit-complete-button" class="button">OK</div>\r
- </div>\r
+ <!-- テキスト エディタ -->\r
+ <div id="speach-editor-wrapper">\r
+ <textarea id="speach-editor"></textarea>\r
+ <div id="speach-edit-complete-button" class="button">OK</div>\r
+ </div>\r
\r
- <!-- 画像グループから画像を選択 -->\r
- <div id="image-gruop-wrapper" style="display: none;">\r
- <div id="image-icon-container"></div>\r
- <div id="gruop-name-display">Group Name</div>\r
- <div id="image-gruop-button" class="button">cancel</div>\r
- </div>\r
+ <!-- 画像グループから画像を選択 -->\r
+ <div id="image-gruop-wrapper">\r
+ <div id="image-icon-container"></div>\r
+ <div id="gruop-name-display">Group Name</div>\r
+ <div id="image-gruop-button" class="button">cancel</div>\r
+ </div>\r
\r
- <!-- 作家登録 -->\r
- <div id="artist-console-wrapper" class="console-wrapper">\r
- <div id="artist-console-header" class="console-header">Register Artist</div>\r
- <div id="artist-console" class="console-inner">\r
- <div id="register"></div>\r
- <div class="console-button-container">\r
- <div id="artist-console-post-button" class="button console-submit-button">register</div>\r
- <div id="artist-console-cancel-button" class="button console-cancel-button">cancel</div>\r
- </div>\r
- <div id="artist-console-progress" class="console-progress"> </div> \r
+ <!-- 作家登録 -->\r
+ <div id="artist-console-wrapper" class="console-wrapper">\r
+ <div id="artist-console-header" class="console-header">Register Artist</div>\r
+ <div id="artist-console" class="console-inner">\r
+ <div id="register"></div>\r
+ <div class="console-button-container">\r
+ <div id="artist-console-post-button" class="button console-submit-button">register</div>\r
+ <div id="artist-console-cancel-button" class="button console-cancel-button">cancel</div>\r
</div>\r
+ <div id="artist-console-progress" class="console-progress"> </div> \r
</div>\r
+ </div>\r
\r
- <!-- パネルのポスト(テスト) -->\r
- <div id="panel-console-wrapper" class="console-wrapper">\r
- <div id="panel-console-header" class="console-header">Create New Panel (dev)</div>\r
- <div id="panel-console" class="console-inner">\r
- <div id="newpanel"></div>\r
- <div class="console-button-container">\r
- <div id="panel-console-post-button" class="button console-submit-button">post</div>\r
- <div id="panel-console-cancel-button" class="button console-cancel-button">cancel</div>\r
- </div>\r
- <div id="panel-console-progress" class="console-progress"> </div> \r
+ <!-- パネルのポスト(テスト) -->\r
+ <div id="panel-console-wrapper" class="console-wrapper">\r
+ <div id="panel-console-header" class="console-header">Create New Panel (dev)</div>\r
+ <div id="panel-console" class="console-inner">\r
+ <div id="newpanel"></div>\r
+ <div class="console-button-container">\r
+ <div id="panel-console-post-button" class="button console-submit-button">post</div>\r
+ <div id="panel-console-cancel-button" class="button console-cancel-button">cancel</div>\r
</div>\r
+ <div id="panel-console-progress" class="console-progress"> </div> \r
</div>\r
+ </div>\r
\r
- <!-- 画像のアップロード-->\r
- <div id="upload-console-wrapper" class="console-wrapper">\r
- <div id="upload-console-header" class="console-header">Upload Picture</div>\r
- <div id="upload-console" class="console-inner">\r
- <div id="uploader"></div>\r
- <div class="console-button-container">\r
- <div id="upload-console-post-button" class="button console-submit-button">upload</div>\r
- <div id="upload-console-cancel-button" class="button console-cancel-button">cancel</div>\r
- </div>\r
- <div id="upload-console-progress" class="console-progress"> </div> \r
+ <!-- 画像のアップロード-->\r
+ <div id="upload-console-wrapper" class="console-wrapper">\r
+ <div id="upload-console-header" class="console-header">Upload Picture</div>\r
+ <div id="upload-console" class="console-inner">\r
+ <div id="uploader"></div>\r
+ <div class="console-button-container">\r
+ <div id="upload-console-post-button" class="button console-submit-button">upload</div>\r
+ <div id="upload-console-cancel-button" class="button console-cancel-button">cancel</div>\r
</div>\r
+ <div id="upload-console-progress" class="console-progress"> </div> \r
</div>\r
+ </div>\r
\r
- <!-- コミックの新規作成・編集・削除 -->\r
- <div id="comic-console-wrapper" class="console-wrapper">\r
- <div id="comic-console-header" class="console-header">Create New Comic</div>\r
- <div id="comic-console" class="console-inner">\r
- <div id="comic-console-title" class="comic-console-line">\r
- <span class="comic-console-label">Title:</span>\r
- <span id="comic-console-title-value" class="comic-console-value editable-value">No Title</span>\r
- </div>\r
- <div id="comic-console-width" class="comic-console-line">\r
- <span class="comic-console-label">Default Width:</span>\r
- <span id="comic-console-width-value" class="comic-console-value editable-value">300</span>\r
- </div>\r
- <div id="comic-console-height" class="comic-console-line">\r
- <span class="comic-console-label">Default Height:</span>\r
- <span id="comic-console-height-value" class="comic-console-value editable-value">200</span>\r
- </div>\r
- <div id="comic-console-visible" class="comic-console-line">\r
- <span class="comic-console-label">Visible:</span>\r
- <span id="comic-console-visible-value" class="comic-console-value editable-value">1</span>\r
- </div>\r
- <div id="comic-console-editable" class="comic-console-line">\r
- <span class="comic-console-label">Editable:</span>\r
- <span id="comic-console-editable-value" class="comic-console-value editable-value">1</span>\r
- </div>\r
- <div class="console-button-container">\r
- <div id="comic-console-post-button" class="button console-submit-button">post(update)</div>\r
- <div id="comic-console-cancel-button" class="button console-cancel-button">cancel</div>\r
- </div>\r
- <div id="comic-console-progress" class="console-progress"> </div>\r
+ <!-- コミックの新規作成・編集・削除 -->\r
+ <div id="comic-console-wrapper" class="console-wrapper">\r
+ <div id="comic-console-header" class="console-header">Create New Comic</div>\r
+ <div id="comic-console" class="console-inner">\r
+ <div id="comic-console-title" class="comic-console-line">\r
+ <span class="comic-console-label">Title:</span>\r
+ <span id="comic-console-title-value" class="comic-console-value editable-value">No Title</span>\r
</div>\r
+ <div id="comic-console-width" class="comic-console-line">\r
+ <span class="comic-console-label">Default Width:</span>\r
+ <span id="comic-console-width-value" class="comic-console-value editable-value">300</span>\r
+ </div>\r
+ <div id="comic-console-height" class="comic-console-line">\r
+ <span class="comic-console-label">Default Height:</span>\r
+ <span id="comic-console-height-value" class="comic-console-value editable-value">200</span>\r
+ </div>\r
+ <div id="comic-console-visible" class="comic-console-line">\r
+ <span class="comic-console-label">Visible:</span>\r
+ <span id="comic-console-visible-value" class="comic-console-value editable-value">1</span>\r
+ </div>\r
+ <div id="comic-console-editable" class="comic-console-line">\r
+ <span class="comic-console-label">Editable:</span>\r
+ <span id="comic-console-editable-value" class="comic-console-value editable-value">1</span>\r
+ </div>\r
+ <div class="console-button-container">\r
+ <div id="comic-console-post-button" class="button console-submit-button">post(update)</div>\r
+ <div id="comic-console-cancel-button" class="button console-cancel-button">cancel</div>\r
+ </div>\r
+ <div id="comic-console-progress" class="console-progress"> </div>\r
</div>\r
- \r
- <div id="overlay-close-button">x</div>\r
</div>\r
\r
<!-- Templete Container -->\r
- <div id="templete-container">\r
+ <div id="templete-container" style="display: none;">\r
\r
<!-- Finder -->\r
<div id="templete-finder-container" class="finder-container">\r
return false; \r
}\r
function onFadeInComplete(){\r
- ELM_CONTAINER.insertBefore( currentOverlay.rootElement, document.getElementById( 'overlay-close-button' ));\r
+ \r
}\r
function onFadeOutComplete(){\r
if( currentOverlay.rootElement && currentOverlay.rootElement.parentNode === ELM_CONTAINER ){\r
if( pettanr.view.isApplicationInstance( _overlay ) === false ) return;\r
\r
document.body.style.overflow = 'hidden';\r
+ ELM_CONTAINER.insertBefore( _overlay.rootElement, document.getElementById( 'overlay-close-button' ));\r
+ \r
jqConteiner.stop().css( {\r
filter: '',\r
opacity: '',\r
}\r
}\r
var activexImage = css3Image;\r
- var vmlImage = function( url, w, h, onLoadCallback){\r
+ var vmlImage = function( url, w, h, onLoadCallback ){\r
var elmWrap = document.createElement( 'div'),\r
vmlImg,\r
loaded = false,\r
vmlImg.style.width = w < 0 ? -w : w +'px';\r
vmlImg.style.height = h < 0 ? -h : h +'px';\r
//if( flipH !== _flipH || flipV !== _flipV){\r
- vmlImg.parentNode === elmWrap && elmWrap.removeChild( vmlImg);\r
+ vmlImg.parentNode === elmWrap && elmWrap.removeChild( vmlImg );\r
//}\r
vmlImg.className = w < 0 || h < 0 ? ( 'img-flip-' + ( w < 0 && h < 0 ? 'vh' : ( w < 0 ? 'h' : 'v'))) : '';\r
elmWrap.appendChild( vmlImg);\r
\r
}\r
\r
- return function( url, w, h, onLoadCallback){\r
+ return function( url, w, h, onLoadCallback ){\r
var flipH = w < 0,\r
flipV = h < 0,\r
onLoadCallbackAsync = onLoadCallback,// ? function(){ setTimeout( onLoadCallback, 0);} : undefined,// 一度読み込んだ画像は即座にonLoadになるため遅延\r
- xBackendImage = ( function( urlIsXDomain){\r
- if( BACKEND === IS_CSS3) return css3Image.apply( {}, [ url, w, h, onLoadCallbackAsync]);\r
- if( BACKEND === IS_VML) return vmlImage.apply( {}, [ url, w, h, onLoadCallbackAsync]);\r
- if( BACKEND === IS_ACTIVEX) return activexImage.apply( {}, [ url, w, h, onLoadCallbackAsync]);\r
- return serverImage.apply( {}, [ url, w, h, onLoadCallbackAsync]);\r
+ xBackendImage = ( function( urlIsXDomain ){\r
+ if( BACKEND === IS_CSS3) return new css3Image( url, w, h, onLoadCallbackAsync );\r
+ if( BACKEND === IS_VML) return new vmlImage( url, w, h, onLoadCallbackAsync );\r
+ if( BACKEND === IS_ACTIVEX) return new activexImage( url, w, h, onLoadCallbackAsync );\r
+ return new serverImage( url, w, h, onLoadCallbackAsync );\r
})();\r
return {\r
elm: xBackendImage.elm,\r
TREE_ARRAY.push( _tree);
return _tree;
},
+ getFileUID: function( FILEDATAorFILE ){
+ if( FILEDATAorFILE instanceof FileClass ){
+ return FILEDATAorFILE.getUID();
+ }
+
+ var uid = pettanr.util.getIndex( FILEDATA_RESITER, FILEDATAorFILE );
+ if( uid === -1){
+ uid = FILEDATA_RESITER.length;
+ FILEDATA_RESITER.push( FILEDATAorFILE );
+ }
+ return uid;
+ },
getFileDataAccess: function( UIDorFILEorFILEDATA){
var _uid, _data, _access;
if( _access.DATA === _data) return _access;
}
return null;
- },
+ },
getFileData: function( UIDorFILEorFILEDATA){
var _access = FILE_CONTROLER.getFileDataAccess( UIDorFILEorFILEDATA);
return _access !== null ? _access.DATA : null;
* fileの変更、それに付随して追加されたイベントは、TreeClassで管理される。
* treeがdestryされると、fileのイベントリスナーも全て削除される。
* 他の tree も data の共通する currentFile に対してのみは、file の変更イベントを受け取って流す.
+ *
+ * parentData のほうがいい!
*/
- var FileClass = function( tree, parentFile, data ){
- var uid = pettanr.util.getIndex( FILEDATA_RESITER, data ),
+ var FileClass = function( tree, parentData, data ){
+ var uid = FILE_CONTROLER.getFileUID( data ),
instance = this;
- if( uid === -1){
- uid = FILEDATA_RESITER.length;
- FILEDATA_RESITER.push( data );
- }
-
FILEDATA_ACCESS.push(
{
TREE: tree,
- parentFile: parentFile,
+ parentData: parentData,
DATA: data,
dispatchFileEvent: dispatchEvent
}
);
- tree = parentFile = data = null;
+ tree = parentData = data = null;
function dispatchEvent( e ){
FILE_CONTROLER.fileEventRellay( uid, e );
var _access = FILE_CONTROLER.getFileDataAccess( this ),
_children = FILE_CONTROLER.getChildren( this );
if( typeof _index !== 'number' || _index < 0 || Type.isArray( _children ) === false || _index >= _children.length) return null;
- var _file = new FileClass( _access.TREE, this, _children[ _index ]);
+ var _file = new FileClass( _access.TREE, _access.data, _children[ _index ]);
// _file.init();
return _file;
},
move: function( _newFolder, _newIndex, opt_callback ){
var _access = FILE_CONTROLER.getFileDataAccess( this );
- _access.TREE.move( _access.parentFile, this.getUID(), _newFolder, _newIndex, opt_callback );
+ _access.TREE.move( _access.parentData, this.getUID(), _newFolder, _newIndex, opt_callback );
},
replace: function( _newIndex, opt_callback ){
var _access = FILE_CONTROLER.getFileDataAccess( this );
- _access.TREE.replace( _access.parentFile, this.getUID(), _newIndex, opt_callback);
+ _access.TREE.replace( _access.parentData, this.getUID(), _newIndex, opt_callback);
},
/**
* サーチ
FILEDATA_ACCESS.splice( _index, 1 );
delete _access.DATA;
delete _access.TREE;
- delete _access.parentFile;
+ delete _access.parentData;
delete _access.dispatchFileEvent;
}
}
ELM_WRAPPER.onclick = onDownClick;
function onDownClick(){
onDownCallback( index);
+ return false;
}
ELM_EDITOR_BUTTON.onclick = onEditorClick;
function onEditorClick(){
onEditorCallback( file, editorList[ 0 ] );
+ return false;
}
ELM_VIEWER_BUTTON.onclick = onViwerClick;
function onViwerClick(){
onViewerCallback( file, viewerList[ 0 ] );
+ return false;
}
ELM_ACTION_BUTTON.onclick = onActionClick;
function onActionClick(){
onActionCallback( file );
+ return false;
}
function draw(){
var _thumb = file.getThumbnail();
_app.boot( _file );
}
function onViwer( _file, _app ){
- _app.boot( _file );
+ _app.bootInOverlay( _file );
}
function onAction( _file ){
viewerApplicationList: function( _file ){
var _data = FileAPI.getFileData( _file ),
_type = _data !== null ? _data.type : null;
+
+ if( _data === FILE_DATA_MY_PICTURES_ROOT ){
+ return [ pettanr.premiumSatge ];
+ }
+ if( _type === pettanr.driver.FILE_TYPE.ARTIST ){
+ return [ pettanr.premiumSatge ];
+ }
return [];
},
editorApplicationList: function( _file ){
ARTIST_ROOT_FILE = ARTIST_TREE.getRootFile(),
instance = this,
winW, winH,
- containerW, containerH, wrapX,
- jqWrap, jqContainer, jqItemOrigin,
- itemW, itemH,
- jqName, jqButton, buttonW,
+ wrapX,
+ elmWrap = document.getElementById( 'image-gruop-wrapper' ),
+ elmContainer = document.getElementById( 'image-icon-container' ),
+ containerW,
+ containerH = pettanr.util.getElementSize( elmContainer ).height,
+ elmIconOrigin = ( function(){
+ var ret = document.createElement( 'div' ),
+ data = document.createElement( 'div' );
+ ret.appendChild( data );
+ ret.className = 'image-gruop-item';
+ data.className = 'image-gruop-item-title';
+ return ret;
+ })(),
+ jqContainer,
+ size = pettanr.util.getElementSize( elmIconOrigin ),
+ itemW = size.width,
+ itemH = size.height,
+ elmName = document.getElementById( 'gruop-name-display' ),
+ elmButton = document.getElementById( 'image-gruop-button' ),
+ buttonW = pettanr.util.getElementSize( elmButton ).width,
//onUpdateFunction,
_g_onUpdateFunction,
onEnterInterval = null;
+
+ elmButton.onclick = clickOK;
var BASE_PATH = pettanr.LOCAL === true ? 'resource_pictures\/' : pettanr.CONST.PETTANR_ROOT_PATH + 'resource_pictures\/',
THUMB_PATH = BASE_PATH, // + 'thumbnail/',
LIMIT_FILESIZE = 1024 * 10; // 10KB
var ImageGroupIconClass = function( INDEX, file ){
- var JQ_ICON_WRAP = jqItemOrigin.clone( true),
+ var elmIconWrap = elmIconOrigin.cloneNode( true ),
+ elmIconTitle = pettanr.util.getElementsByClassName( elmIconWrap, 'image-gruop-item-title' )[ 0 ],
data = pettanr.driver._getAPI().getFileData( file ),
SRC = [ BASE_PATH, data.id, '.', data.ext ].join( ''),
LOW_SRC = data.filesize && data.filesize > LIMIT_FILESIZE ? [ THUMB_PATH, data.id, '.', data.ext ].join( '') : null,
reversibleImage = null,
onEnterFlag = false,
imgW, imgH;
- JQ_ICON_WRAP.children( 'div').eq( 0 ).html( data.filesize + 'bytes' );
- jqContainer.append( JQ_ICON_WRAP.css( { left: INDEX * itemW}));
-
+ elmContainer.appendChild( elmIconWrap );
+ elmIconWrap.style.left = ( INDEX * itemW ) + 'px';
+ elmIconTitle.appendChild( document.createTextNode( data.filesize + 'bytes' ));
+
function onImageLoad( url, _imgW, _imgH ){
if( reversibleImage === null) {
alert( url);
}
data.width = imgW = _imgW || data.width || 64;
data.height = imgH = _imgH || data.height || 64;
- JQ_ICON_WRAP.children( 'div').eq( 1).html( imgW +'x' +imgH);
+ elmIconTitle.firstChild.data = imgW + 'x' + imgH;
var zoom = 128 /( imgW > imgH ? imgW : imgH),
- h = Math.floor( imgH *zoom ),
- w = Math.floor( imgW *zoom );
- reversibleImage.elm.style.width = w +'px';
- reversibleImage.elm.style.height = h +'px';
- reversibleImage.elm.style.margin = Math.floor( itemH /2 -h /2)+'px 0 0';
- reversibleImage.resize( w, h);
- JQ_ICON_WRAP.click( onClick );
+ MATH_FLOOR = Math.floor
+ h = MATH_FLOOR( imgH *zoom ),
+ w = MATH_FLOOR( imgW *zoom );
+ reversibleImage.elm.style.cssText = [
+ 'width:', w, 'px;',
+ 'height:', h +'px;',
+ 'margin:', MATH_FLOOR( itemH /2 -h /2 ), 'px ', MATH_FLOOR( itemW /2 -w /2 ), 'px 0'
+ ].join('');
+ reversibleImage.resize( w, h );
+ elmIconWrap.onclick = onClick;
}
function onClick( e ){
this.onEnter = function(){
if( onEnterFlag === true ) return;
reversibleImage = pettanr.image.createReversibleImage( LOW_SRC || SRC, itemW, itemH, onImageLoad );
- JQ_ICON_WRAP.children( 'img' ).replaceWith( reversibleImage.elm );
- onEnterFlag = true;
+ elmIconWrap.appendChild( reversibleImage.elm );
+ onEnterFlag = true;
}
this.destroy = function(){
reversibleImage && reversibleImage.destroy();
- JQ_ICON_WRAP.remove();
+ pettanr.util.removeAllChildren( elmIconWrap );
+ elmContainer.removeChild( elmIconWrap );
file.destroy();
- reversibleImage = JQ_ICON_WRAP = data = null;
+ reversibleImage = elmIconWrap = elmIconTitle = data = file = null;
delete this.destroy;
}
}
// this.rootElement = elmWrap;
this.displayName = 'premiumStage';
this.ID = 'premiumStage';
- this.rootElement = document.getElementById( 'image-gruop-wrapper' );
+ this.rootElement = elmWrap;
this.MIN_WIDTH = 320;
this.MIN_HEIGHT = 320;
this.init = function(){
- instance.jqWrap = jqWrap = $( '#image-gruop-wrapper').hide();
- jqContainer = $( '#image-icon-container').mousewheel( onMouseWheel);
- containerH = pettanr.util.getElementSize( jqContainer.get( 0)).height;
- jqItemOrigin = $( $( '#imageGruopItemTemplete').remove().html());
- var itemSize = pettanr.util.getElementSize( jqItemOrigin.get( 0));
- itemW = itemSize.width;
- itemH = itemSize.height;
- jqName = $( '#gruop-name-display');
- jqButton = $( '#image-gruop-button').click( clickOK);
- buttonW = pettanr.util.getElementSize( jqButton.get( 0)).width;
-
+ jqContainer = $( elmContainer ).mousewheel( onMouseWheel );
delete instance.init;
}
- this.jqWrap = null;
- this.onOpen = function( _windowW, _windowH, _artistID, _onUpdateFunction ){
+ this.onOpen = function( _windowW, _windowH, _ARTISTIDorFILE, _onUpdateFunction ){
instance.init && instance.init();
+
+ var _data, _artistID = -1;
+
+ if( pettanr.driver.isPettanrFileInstance( _ARTISTIDorFILE ) === true ){
+ if( _ARTISTIDorFILE.getType() === pettanr.driver.FILE_TYPE.ARTIST ){
+ _data = pettanr.driver._getAPI().getFileData( _ARTISTIDorFILE );
+ _artistID = _data !== null ? _data.id || 0 : -1;
+ }
+ } else
+ if( Type.isNumber( _ARTISTIDorFILE ) === true ){
+ _artistID = _ARTISTIDorFILE;
+ }
+
//onUpdateFunction = _onUpdateFunction;
- if( _onUpdateFunction){
+ if( _onUpdateFunction ){
_g_onUpdateFunction = pettanr.util.createGlobalFunction( _onUpdateFunction);
} else {
_g_onUpdateFunction = null;
if( _artistFile !== null ){
for( i=0, l=_artistFile.getChildFileLength(); i<l; ++i ){
ICON_ARRAY.push( new ImageGroupIconClass( i, _artistFile.getChildFileByIndex( i ) ));
- }
+ }
+ elmName.firstChild.data = _artistFile.getName() + l;
+ _artistFile.destroy();
}
-
+
wrapX = 0;
containerW = l * itemW;
winW = _windowW;
winH = _windowH;
var w = winW > containerW ? winW : containerW,
- h = _windowH > containerH ? containerH : _windowH;
+ h = _windowH > containerH ? containerH : _windowH,
+ MATH_FLOOR = Math.floor;
+
+ onEnterShowImage();
- jqWrap.show();
jqContainer.css( {
width: w,
height: 0,
left: 0,
- top: Math.floor( _windowH /2)
+ top: MATH_FLOOR( _windowH /2)
}).stop().animate( {
height: h,
- top: Math.floor( _windowH /2 -h /2)
+ top: MATH_FLOOR( _windowH /2 -h /2)
});
- jqButton.css( {
- left: Math.floor( winW /2 - buttonW /2),
- top: Math.floor( _windowH /2 + containerH /2 +10)
- });
-
- onEnterShowImage();
+ elmButton.style.cssText = [
+ 'left:', MATH_FLOOR( winW /2 - buttonW /2), 'px;',
+ 'top:', MATH_FLOOR( _windowH /2 + containerH /2 +10), 'px'
+ ].join('');
}
this.onPaneResize = function( _windowW, _windowH ){
var w = _windowW > containerW ? _windowW : containerW,
h = _windowH > containerH ? containerH : _windowH,
- offsetW = Math.floor( _windowW /2 -winW /2);
+ MATH_FLOOR = Math.floor,
+ offsetW = MATH_FLOOR( _windowW /2 -winW /2);
+
winW = _windowW;
winH = _windowH;
if( offsetW <= 0){ // smaller
width: w
}).animate( {
left: 0,
- top: Math.floor( _windowH /2 -h /2)
+ top: MATH_FLOOR( _windowH /2 -h /2)
});
} else {
jqContainer.css( { // bigger
width: w,
borderLeftWidth: offsetW
}).animate( {
- top: Math.floor( _windowH /2 -h /2),
+ top: MATH_FLOOR( _windowH /2 -h /2),
borderLeftWidth: 0
});
}
- jqButton.css( {
- left: Math.floor( _windowW /2 -buttonW /2),
- top: Math.floor( _windowH /2 +containerH /2 +10)
- });
+ elmButton.style.cssText = [
+ 'left:', MATH_FLOOR( _windowW /2 -buttonW /2), 'px;',
+ 'top:', MATH_FLOOR( _windowH /2 +containerH /2 +10), 'px'
+ ].join('');
onEnterShowImage();
}
this.onClose = function(){
jqContainer.stop().animate( {
height: 0,
top: Math.floor( winH /2 )
- }, function(){
- jqWrap.hide();
});
while( ICON_ARRAY.length > 0 ){
ICON_ARRAY.shift().destroy();