+++ /dev/null
-/*\r
- * pettanR common.js\r
- * version 0.4.36\r
- * \r
- * author: itozyun\r
- */\r
-\r
-/*\r
- * http://pettanr.sourceforge.jp/test/type.html\r
- */\r
- var Type = {\r
- isObject : function(v) {\r
- return v !== null && typeof v === 'object';\r
- },\r
- isFunction : function(v) {\r
- return typeof v === 'function';\r
- },\r
- isArray : function(v) {\r
- return Object.prototype.toString.call(v) === "[object Array]";\r
- },\r
- isBoolean : function(v) {\r
- return typeof v === 'boolean';\r
- },\r
- isString : function(v) {\r
- return typeof v === 'string';\r
- },\r
- isNumber : function(v) {\r
- return typeof v === 'number';\r
- },\r
- isFinite : function(v){\r
- return Type.isNumber(v) === true && isFinite(v);\r
- },\r
- isHTMLElement : function(v){\r
- if( 'HTMLElement' in window ){\r
- Type.isHTMLElement = function(v){\r
- return v instanceof HTMLElement;\r
- }\r
- } else {\r
- Type.isHTMLElement = function(v) {\r
- if( Type.isObject(v) === false ){\r
- return false;\r
- }\r
- var r;\r
- if(v && v.nodeType === 1){\r
- try{\r
- r = v.cloneNode(false);\r
- } catch(n) {\r
- return false;\r
- }\r
- if(r === v) return false;\r
- try{\r
- r.nodeType = 9;\r
- return r.nodeType === 1;\r
- } catch(n) {}\r
- return true;\r
- }\r
- return false;\r
- }\r
- }\r
- return Type.isHTMLElement(v);\r
- },\r
- /*\r
- isElementCollection : function(v) {\r
- return (Object.prototype.toString.call(v) === "[object HTMLCollection]");\r
- },\r
- */\r
- isNull : function(v) {\r
- return v === null;\r
- },\r
- isUndefined : function(v) {\r
- return typeof v === 'undefined';\r
- }\r
- };\r
-\r
-\r
-var pettanr = ( function(){\r
- var FUNCTION_ARRAY = [],\r
- URL = document.location.href.split( '#')[ 0 ],\r
- IS_LOCAL = URL.indexOf( 'file:') === 0,\r
- URL_PARAMS = ( function(){\r
- var search = document.location.search,\r
- l = search.length;\r
- if( 1 < l){\r
- var query = search.substring( 1),\r
- params = query.split( '&'),\r
- ret = {}, elm, name, v;\r
- while( params.length > 0){\r
- elm = params.shift().split( '=');\r
- name = decodeURIComponent( elm[ 0]);\r
- if( elm.length === 2){\r
- v = decodeURIComponent( elm[ 1]);\r
- if( '' + parseFloat( v) === v) v = parseFloat( v);\r
- if( '' + parseInt( v, 10 ) === '0' + v) v = parseInt( v, 10 );\r
- if( v === 'true') v = true;\r
- if( v === 'false') v = false;\r
- if( v === 'null') v = null;\r
- if( v === 'undefined') v = undefined;\r
- ret[ name] = v;\r
- } else\r
- if( elm.length === 1){\r
- ret[ name] = true;\r
- }\r
- }\r
- return ret;\r
- }\r
- return {};\r
- })(),\r
- IS_DEBUG = Type.isBoolean( URL_PARAMS.debug ) ? URL_PARAMS.debug : IS_LOCAL === true,\r
- jqWindow , jqDocument , jqBody;\r
- return {\r
- version: '0.4.36',\r
- init: function(){\r
- jqWindow = $( window );\r
- jqDocument = $( document );\r
- jqBody = $( document.body );\r
- \r
- var l = FUNCTION_ARRAY.length,\r
- _fn;\r
- for( var i=0; i<l; i++){\r
- _fn = FUNCTION_ARRAY[ i];\r
- _fn.init && _fn.init( _fn === pettanr.view ? FUNCTION_ARRAY : undefined );\r
- }\r
- \r
- delete pettanr.init;\r
- },\r
- fn: function( _fn){\r
- FUNCTION_ARRAY.push( _fn);\r
- pettanr.init === undefined && _fn.init && _fn.init();\r
- },\r
- jqWindow: function(){\r
- return jqWindow;\r
- },\r
- jqDocument: function(){\r
- return jqDocument;\r
- },\r
- jqBody: function(){\r
- return jqBody;\r
- },\r
- URL_PARAMS: URL_PARAMS,\r
- ROOT_PATH: ( function(){\r
- // script と html の ドメインが一致\r
- var _h1 = document.getElementsByTagName( 'h1')[ 0],\r
- _a = _h1.getElementsByTagName( 'a')[ 0],\r
- _root = _a.href.split( '\/'),\r
- _current = document.location.href.split( '\/'),\r
- ret = '.\/';\r
- for( var i=0, l=_current.length - _root.length; i<l; ++i){\r
- ret = '.' + ret;\r
- }\r
- return ret;\r
- // script と html の ドメインが不一致\r
- })(),\r
- LOCAL: IS_LOCAL,\r
- DEBUG: IS_DEBUG,\r
- LINE_FEED_CODE_TEXTAREA: ( function(){\r
- var text = document.createElement('textarea');\r
- text.value = '\n';\r
- return text.value;\r
- })(),\r
- LINE_FEED_CODE_PRE: ( function(){\r
- var pre = document.createElement('pre');\r
- pre.appendChild( document.createTextNode('\n'));\r
- return pre.firstChild.data;\r
- })()\r
- }\r
-})();\r
-\r
-/*\r
- * pettanr.util\r
- * \r
- * extend( baseInstance, extend)\r
- * cleanCommnetNode()\r
- * cleanElement()\r
- * getElementSize( _elm)\r
- * getImageSize()\r
- * getAbsolutePath()\r
- * getGrobalObjectName()\r
- * \r
- */\r
-pettanr.util = ( function(){\r
- var ELM_SIZE_GETTER = ( function(){\r
- var ret = document.createElement( 'DIV'),\r
- style = ret.style;\r
- ret.id = 'elmSizeGetter';\r
- style.position = 'absolute';\r
- style.left = '0px';\r
- style.top = '-9999px';\r
- style.visibility = 'hidden';\r
- document.body.appendChild( ret);\r
- return ret;\r
- })(),\r
- IMG_SIZE_GETTER = ( function(){\r
- var ret = ELM_SIZE_GETTER.cloneNode( true);\r
- ret.id = 'imgSizeGetter';\r
- document.body.appendChild( ret);\r
- return ret;\r
- })(),\r
- CLEAN_TARGET_ELEMENT = 'script,style,object,applet,embed,iframe,frame,base,bgsound,frameset,listing'.split( ',');\r
- \r
- /* clean comment node */\r
- cleanCommnetNode();\r
- \r
- /* clean noscript */\r
- var nodeNoscript = document.getElementsByTagName( 'noscript'),\r
- noscript;\r
- for(var i=0; i<nodeNoscript.length; ++i){\r
- noscript = nodeNoscript[i];\r
- noscript.parentNode && noscript.parentNode.removeChild( noscript);\r
- }\r
- nodeNoscript = noscript = null;\r
- \r
- function cleanCommnetNode( _targetElm){\r
- search( _targetElm || document.body );\r
- \r
- function search( _elm){\r
- if( !_elm) return;\r
- if( _elm.nodeType === 8){\r
- _elm.parentNode.removeChild( _elm);\r
- return;\r
- }\r
- var i, l, _children = _elm.childNodes, _array = [];\r
- if( _children && typeof _children.length === 'number'){\r
- // liveNode > array\r
- for( i=0, l=_children.length; i<l; ++i){\r
- _array.push( _children[ i ] );\r
- }\r
- while( _array.length !== 0 ){\r
- search( _array.shift());\r
- }\r
- }\r
- }\r
- }\r
- return {\r
- extend: function( baseInstance, extend){\r
- for( var key in extend){\r
- if( typeof baseInstance[ key] === 'undefined'){\r
- baseInstance[ key] = extend[ key];\r
- } else\r
- if( typeof baseInstance[ key] === typeof extend[ key]){\r
- baseInstance[ key] = extend[ key];\r
- } else {\r
- alert( 'extend error');\r
- }\r
- }\r
- return baseInstance;\r
- }, \r
- cleanCommnetNode: cleanCommnetNode,\r
- cleanElement: function( _targetElm){\r
- var _nodes, _elm, _array, j, m;\r
- for( var i=0, l=CLEAN_TARGET_ELEMENT.length; i<l; ++i){\r
- _nodes = _targetElm.getElementsByTagName( CLEAN_TARGET_ELEMENT[ i]);\r
- _array = [];\r
- for( j=0, m = _nodes.length; j<m; ++j){\r
- _array.push( _nodes[ j]);\r
- }\r
- for( j=0, m = _array.length; j<m; ++j){\r
- _elm = _nodes[ j];\r
- _elm.parentNode && _elm.parentNode.removeChild( _elm);\r
- }\r
- }\r
- cleanCommnetNode( _targetElm);\r
- if( pettanr.ua.isIE === false) return;\r
- _nodes = _targetElm.all || _targetElm.getElementsByName( '*');\r
- for( i=0, l = _nodes.length; i<l; ++i){\r
- _elm = _nodes[ i];\r
- _elm.style.filter = '';\r
- _elm.style.behavior = '';\r
- }\r
- },\r
- getElementSize: function( _elm){\r
- if( !_elm){\r
- return {\r
- width: 0,\r
- height: 0\r
- }\r
- }\r
- var parentElm = _elm.parentNode,\r
- prevElm = _elm.previousSibling,\r
- nextElm = _elm.nextSibling,\r
- displayNone = _elm.style.display === 'none';\r
- if( displayNone === true) _elm.style.display = '';\r
- ELM_SIZE_GETTER.appendChild( _elm);\r
- var ret = {\r
- width: _elm.offsetWidth,\r
- height: _elm.offsetHeight\r
- }\r
- if( displayNone === true) _elm.style.display = 'none';\r
- if( nextElm){\r
- parentElm.insertBefore( _elm, nextElm);\r
- } else \r
- if( prevElm && prevElm.nextSibling){\r
- parentElm.insertBefore( _elm, prevElm.nextSibling);\r
- } else {\r
- parentElm && parentElm.appendChild( _elm);\r
- } \r
- return ret;\r
- },\r
- getImageSize: function( img){\r
- var parentElm = img.parentNode,\r
- prevElm = img.previousSibling,\r
- nextElm = img.nextSibling,\r
- displayNone = img.style.display === 'none';\r
- if( displayNone === true) img.style.display = '';\r
- IMG_SIZE_GETTER.appendChild( img);\r
- \r
- var size = getActualDimension( img);\r
- \r
- IMG_SIZE_GETTER.removeChild( img);\r
- if( displayNone === true) img.style.display = 'none';\r
- if( nextElm){\r
- parentElm.insertBefore( img, nextElm);\r
- } else \r
- if( prevElm && prevElm.nextSibling){\r
- parentElm.insertBefore( img, prevElm.nextSibling);\r
- } else {\r
- parentElm && parentElm.appendChild( img);\r
- }\r
- \r
- /* LICENSE: MIT\r
- * AUTHOR: uupaa.js@gmail.com\r
- */\r
- function getActualDimension(image) {\r
- var run, mem, w, h, key = "actual";\r
- \r
- // for Firefox, Safari, Google Chrome\r
- if ("naturalWidth" in image) {\r
- return {\r
- width: image.naturalWidth,\r
- height: image.naturalHeight\r
- };\r
- }\r
- \r
- if ("src" in image) { // HTMLImageElement\r
- if (image[key] && image[key].src === image.src) {\r
- return image[key];\r
- }\r
- if (document.uniqueID) { // for IE\r
- run = image.runtimeStyle;\r
- mem = { w: run.width, h: run.height }; // keep runtimeStyle\r
- run.width = "auto"; // override\r
- run.height = "auto";\r
- w = image.width;\r
- h = image.height;\r
- run.width = mem.w; // restore\r
- run.height = mem.h;\r
- } else { // for Opera and Other\r
- mem = { w: image.width, h: image.height }; // keep current style\r
- image.removeAttribute("width");\r
- image.removeAttribute("height");\r
- w = image.width;\r
- h = image.height;\r
- image.width = mem.w; // restore\r
- image.height = mem.h;\r
- }\r
- return image[key] = { width: w, height: h, src: image.src }; // bond\r
- }\r
- // HTMLCanvasElement\r
- return { width: image.width, height: image.height };\r
- }\r
- \r
- return size;\r
- },\r
- getAbsolutePath: function( path) {\r
- var e = document.createElement("div");\r
- e.innerHTML = '<a href=\"' + path + '\" />';\r
- return e.firstChild.href;\r
- },\r
- getAbsolutePosition: function( _elm){\r
- // Find the destination's position\r
- var destx = _elm.offsetLeft,\r
- desty = _elm.offsetTop,\r
- thisNode = _elm,\r
- body = document.body;\r
- while (thisNode.offsetParent && thisNode.offsetParent !== body){\r
- thisNode = thisNode.offsetParent;\r
- destx += thisNode.offsetLeft;\r
- desty += thisNode.offsetTop;\r
- }\r
- return {\r
- x: destx,\r
- y: desty\r
- }\r
- },\r
- pullHtmlAsTemplete: function( IDorELM){\r
- if( typeof IDorELM === 'string'){\r
- IDorELM = document.getElementById( IDorELM);\r
- }\r
- if( !IDorELM) return;\r
- IDorELM.parentNode && IDorELM.parentNode.removeChild( IDorELM);\r
- if( IDorELM.id && IDorELM.id.indexOf( 'templete-') === 0){\r
- IDorELM.removeAttribute( 'id');\r
- }\r
- return IDorELM;\r
- },\r
- getElementsByClassName: function( _elm, _className, opt_tagName){\r
- var _all = !opt_tagName || opt_tagName === '*',\r
- _nodes = _all === true ? ( _elm.all || _elm.getElementsByTagName( '*')) : _elm.getElementsByTagName( opt_tagName),\r
- _node, _classes, ret = [];\r
- for( var i=0, l = _nodes.length; i<l; ++i){\r
- _node = _nodes[ i];\r
- _node.nodeType === 1 && this.hasClassName( _node, _className) === true && ret.push( _node);\r
- }\r
- return ret;\r
- },\r
- getChildIndex: function( _parent, _child){\r
- var _children = _parent.getElementsByTagName( _child.tagName ),\r
- l = _children.length;\r
- for(var i=0; i<l; ++i){\r
- if( _children[ i] === _child) return i;\r
- }\r
- return -1;\r
- },\r
- hasClassName: function( _elm, _className){\r
- var _classes = ( _elm.className || '').split( ' ');\r
- for( var i=0, l=_classes.length; i<l; ++i){\r
- if( _classes[ i] === _className) return true;\r
- }\r
- return false;\r
- },\r
- removeAllChildren: function ( _elm){\r
- while( _elm.firstChild){\r
- remove( _elm.firstChild);\r
- }\r
- function remove( _node){\r
- while( _node.firstChild){\r
- remove( _node.firstChild);\r
- }\r
- _node.parentNode && _node.parentNode.removeChild( _node);\r
- }\r
- },\r
- getIndex: function( _array, _element){\r
- if( Array.prototype.indexof ){\r
- pettanr.util.getIndex = function( _array, _element){\r
- return _array.indexof( _element);\r
- }\r
- } else {\r
- pettanr.util.getIndex = function( _array, _element){\r
- for( var i=0, l = _array.length; i<l; ++i){\r
- if( _array[ i] === _element) return i;\r
- }\r
- return -1; \r
- }\r
- }\r
- return pettanr.util.getIndex( _array, _element);\r
- },\r
- copyArray: function( _array ){\r
- var ret = new Array( l );\r
- for(var i=0, l = _array.length; i<l; ++i){\r
- ret[ i ] = _array[ i ];\r
- }\r
- return ret;\r
- },\r
- /*\r
- * \r
- */\r
- createGlobalFunction: function( _func) {\r
- var randomKey = null;\r
- while( true) {\r
- randomKey = '_glovalFunction_' + ( '' + Math.random()).replace( /\./,'');\r
- if( eval( 'typeof '+randomKey) === 'undefined') {\r
- break;\r
- }\r
- }\r
- window[ randomKey] = _func;\r
- return randomKey;\r
- },\r
- createGlobalFunc: function( func){\r
- var randomKey = null;\r
- while(true) {\r
- randomKey = 'hogeGlovalFunc_'+(''+Math.random()).replace(/\./,'');\r
- if(eval('typeof '+randomKey) == 'undefined') {\r
- break;\r
- }\r
- }\r
- eval(randomKey+'='+((typeof func=='string') ? func : func.toString()));\r
- return randomKey;\r
- },\r
- createGlobalVar: function( obj){\r
- var randomKey = null;\r
- while(true) {\r
- randomKey = 'hogeGlovalVar_'+(''+Math.random()).replace(/\./,'');\r
- if(eval('typeof '+randomKey+'') == 'undefined') {\r
- break;\r
- }\r
- }\r
- var globalObj = eval(randomKey+'={}');\r
- globalObj.value = obj;\r
- return randomKey;\r
- },\r
- createGlobalUniqueName: function(){\r
- var randomKey = null;\r
- while(true) {\r
- randomKey = '_uniqueName'+(''+Math.random()).replace(/\./,'');\r
- if( typeof window[randomKey] === 'undefined'){\r
- break;\r
- }\r
- }\r
- return randomKey;\r
- },\r
- createIframe: function( id, callback){\r
- var ua = pettanr.ua;\r
- var el = document.createElement( ua.isIE ? '<iframe name="' + id + '" frameborder="0" scrolling="no">' : 'iframe');\r
-\r
- if( ua.isIE){\r
- el.onreadystatechange = detect;\r
- } else {\r
- // iron(chrome) の場合、append の前に onload を指定しないと onload が呼ばれない\r
- el.onload = onLoad;\r
- //setTimeout( asynkCallback, 0 );\r
- }\r
-\r
- document.body.appendChild( el);\r
- el.id = el.name = id;\r
- el.setAttribute( 'name', id);\r
- el.style.cssText = 'width:1px;height:1px;visibility:hidden;position:absolute;top:1px;left:1px;';\r
- // http://d.hatena.ne.jp/onozaty/20070830/p1\r
- // [JavaScript]IE6ではJavaScriptで動的に作成したiframeに対してsubmitできない(IE7は未確認) ->解決\r
- el.contentWindow.name = id; \r
- \r
- window[id] = el;\r
-\r
- function detect(){\r
- if ( this.readyState === "complete") {\r
- this.onreadystatechange = new Function();\r
- this.onreadystatechange = null;\r
- setTimeout( asynkCallback, 0 );\r
- }\r
- }\r
- function onLoad(){\r
- el.onload = null;\r
- setTimeout( asynkCallback, 0 );\r
- }\r
- function asynkCallback(){\r
- callback( el );\r
- }\r
- }\r
- }\r
-})();\r
-\r
-/*\r
- * pettanr.ua\r
- * \r
- * detect userAgent\r
- * detect plug in\r
- */\r
-pettanr.ua = ( function(){\r
- var ua = (function(){\r
- var acme = {};\r
- \r
- var n = navigator;\r
- var dua = n.userAgent;\r
- var dav = n.appVersion;\r
- var tv = parseFloat(dav);\r
- acme.isOpera = (dua.indexOf("Opera") >= 0) ? tv: undefined;\r
- acme.isKhtml = (dav.indexOf("Konqueror") >= 0) ? tv : undefined;\r
- acme.isWebKit = parseFloat(dua.split("WebKit/")[1]) || undefined;\r
- acme.isChrome = parseFloat(dua.split("Chrome/")[1]) || undefined;\r
- var index = Math.max(dav.indexOf("WebKit"), dav.indexOf("Safari"), 0);\r
- if(index && !acme.isChrome){\r
- acme.isSafari = parseFloat(dav.split("Version/")[1]);\r
- if(!acme.isSafari || parseFloat(dav.substr(index + 7)) <= 419.3){\r
- acme.isSafari = 2;\r
- }\r
- }\r
- if(document.all && !acme.isOpera){\r
- acme.isIE = parseFloat(dav.split("MSIE ")[1]) || undefined;\r
- }\r
- \r
- return acme;\r
- })(),\r
- isIE = navigator.userAgent.toLowerCase().indexOf( 'msie') !== -1,\r
- ieVersion = isIE === true ? parseInt( navigator.appVersion.toLowerCase().replace( /.*msie[ ]/, '').match( /^[0-9]+/)) : 0,\r
- ieRenderingVersion = ieVersion === 8 ? document.documentMode : ieVersion,\r
- isStanderdMode = document.compatMode === 'CSS1Compat',\r
- ActiveX = ( function(){\r
- if( isIE === false || ieVersion > 8) return false;\r
- var b = document.body,\r
- c = b.className || '',\r
- x,\r
- ret = pettanr.URL_PARAMS.ActiveX,\r
- ns = 'pettanr-ActiveX-',\r
- enabled = 'enabled',\r
- disabled = 'disabled';\r
- if( ret !== true && ret !== false){\r
- if( pettanr.util.hasClassName( b, ns + enabled) === true) return true;\r
- if( pettanr.util.hasClassName( b, ns + disabled) === true) return false;\r
- x = document.createElement('div');\r
- b.appendChild(x);\r
- x.style.cssText = 'width:1px;height:1px;line-height:1px;filter:progid:DXImageTransform.Microsoft.Shadow()';\r
- ret = x.offsetHeight > 1;\r
- b.removeChild(x);\r
- }\r
- b.className += [ c !== '' ? ' ' : c, ns, ret === true ? enabled : disabled ].join( '');\r
- return ret;\r
- })(),\r
- VML = ( function(){\r
- if( ActiveX === false || isIE === false || ieVersion > 8) return false;\r
- var globalObjectName = pettanr.util.createGlobalUniqueName(),\r
- script,\r
- id = 'detectVML';\r
- document.write( [ '<!--[if gte vml 1]><script id="', id, '">window', '.', globalObjectName, '=1;<\/script><![endif]-->'].join( ''));\r
- if( window[globalObjectName] === 1){\r
- script = document.getElementById( id);\r
- script.parentNode.removeChild( script);\r
- window[globalObjectName] = null;\r
- return true;\r
- }\r
- return false;\r
- })(),\r
- isStandAloneMode = ( function(){\r
- if( isIE === false) return false;\r
- if( VML === true) return false;\r
- var globalObjectName = pettanr.util.createGlobalUniqueName(),\r
- script,\r
- id = 'detectStandAlone';\r
- document.write( [ '<!--[if IE ', Math.floor( ieVersion), ']><script id="', id, '">window', '.', globalObjectName, '=1;<\/script><![endif]-->'].join( ''));\r
- if( window[globalObjectName] === 1){\r
- script = document.getElementById( id);\r
- script.parentNode.removeChild( script);\r
- window[globalObjectName] = null;\r
- return false;\r
- }\r
- return true;\r
- })();\r
- return {\r
- IE: ua.isIE,\r
- GECKO: 0,\r
- OPERA: ua.isOpera,\r
- KHTML: ua.isKhtml,\r
- WEBKIT: ua.isWebKit,\r
- CHROME: ua.isChrome,\r
- isIE: isIE,\r
- ieVersion: ieVersion,\r
- ieRenderingVersion: ieRenderingVersion,\r
- isStanderdMode: isStanderdMode,\r
- VENDER_PREFIX: ( function() {\r
- var ua = navigator.userAgent.toLowerCase();\r
- if ( ua.indexOf('opera') !== -1) {\r
- return 'O';\r
- } else if ( ua.indexOf('msie') !== -1) {\r
- return 'ms';\r
- } else if ( ua.indexOf('webkit') !== -1) {\r
- return 'webkit';\r
- } else if ( navigator.product === 'Gecko') {\r
- return 'Moz';\r
- }\r
- return '';\r
- })(),\r
- ACTIVEX: ActiveX,\r
- VML: VML,\r
- STANDALONE: isStandAloneMode,\r
- startVML: function(){\r
- delete this.startVML;\r
- if( pettanr.ua.VML !== true) return false;\r
- if (!document.namespaces["v"]) {\r
- document.namespaces.add("v", "urn:schemas-microsoft-com:vml", "#default#VML");\r
- }\r
- document.createStyleSheet().cssText = "v\:shape,v\:image{behavior:url(#default#VML);display:block;};";\r
- }\r
- }\r
-})();\r
-\r
-\r
-pettanr.CONST = ( function(){\r
- var SERVER_SUPPORT = !( 'has_server_support' in window && has_server_support === false ),\r
- PETTANR_ROOT_PATH = ( function(){\r
- if( SERVER_SUPPORT === false ){\r
- var h1 = document.getElementsByTagName( 'h1' )[ 0 ];\r
- if( h1 ){\r
- var a = h1.getElementsByTagName( 'a' )[ 0 ];\r
- return a ? a.href : '';\r
- }\r
- return '';\r
- }\r
- var loc = document.location;\r
- return [ loc.protocol, '\/\/', loc.host, '\/' ].join( '' );\r
- })(),\r
- RELATIVE = ( function(){\r
- var ret = '',\r
- loc = document.location,\r
- path = [ loc.protocol, '\/', loc.host, '\/', loc.pathname.split( '\\' ).join( '\/' ) ].join( '' ),\r
- l = path.split( '\/' ).length - PETTANR_ROOT_PATH.split( '\/' ).length;\r
- for( var i=0; i<l; ++i ){\r
- ret += '..\/';\r
- }\r
- return ret;\r
- })();\r
- \r
- return {\r
- PETTANR_ROOT_PATH: PETTANR_ROOT_PATH,\r
- URL_ORIGINAL_PICTURES_JSON: ( SERVER_SUPPORT === false ? 'json\/' : PETTANR_ROOT_PATH ) + 'original_pictures.json',\r
- URL_RESOURCE_PICTURES_JSON: ( SERVER_SUPPORT === false ? 'json\/' : PETTANR_ROOT_PATH ) + 'resource_pictures.json',\r
- URL_COMICS_JSON: ( SERVER_SUPPORT === false ? 'json\/' : PETTANR_ROOT_PATH ) + 'comics.json',\r
- URL_PANELS_JSON: ( SERVER_SUPPORT === false ? 'json\/' : PETTANR_ROOT_PATH ) + 'panels.json',\r
- NS_PETTANR_COMIC: 'pettanr-comic',\r
- RESOURCE_PICTURE_PATH: ( SERVER_SUPPORT === false ? RELATIVE : PETTANR_ROOT_PATH ) + 'resource_pictures\/',\r
- SYSTEM_PICTURE_PATH: ( SERVER_SUPPORT === false ? RELATIVE : PETTANR_ROOT_PATH ) + 'system_pictures\/',\r
- CREATE_COMIC_JS: SERVER_SUPPORT === false ? 'js\/create_new_comic.js' : PETTANR_ROOT_PATH + 'comics\/new.js',\r
- CREATE_PANEL_JS: SERVER_SUPPORT === false ? 'js\/create_new_panel.js' : PETTANR_ROOT_PATH + 'panels\/new.js',\r
- UPLOAD_PICTURE_JS: SERVER_SUPPORT === false ? 'js\/upload_picture.js' : PETTANR_ROOT_PATH + 'original_pictures\/new.js',\r
- REGISTER_ARTIST_JS: SERVER_SUPPORT === false ? 'js\/register_artist.js' : PETTANR_ROOT_PATH + 'artists\/new.js',\r
- JQUERY_URL: SERVER_SUPPORT === false ? 'javascripts\/jquery-1.6.2.min.js' : PETTANR_ROOT_PATH + 'assets\/jquery-162_min.js',\r
- SERVER_SUPPORT: SERVER_SUPPORT\r
- }\r
-})();\r
-\r
-pettanr.view = ( function(){\r
- /* create iframe overlay for user console */\r
- var LoginUserNavi = {\r
- show: function(){\r
- var i = pettanr.util.getChildIndex( this.parentNode, this );\r
- i !== -1 && bootApplication( i );\r
- return false;\r
- },\r
- hide: function(){}\r
- }\r
-\r
- /* debug info */\r
- // ua version, lang, os, plugin ( vml, svg), standerdmode, balloon, rimg\r
-\r
-/*\r
- * window resize event, overlay と currentなviewに流す\r
- * view modeの保持\r
- * editor, overlay, comic-viewer, image-explorer\r
- * fadeIn, faseOut\r
- */\r
-\r
- var jqWindow,\r
- APPLICATION_LIST = [],\r
- LUNCHER_APPLICATION_LIST = [],\r
- currentApplication = null;\r
- \r
- var AbstractBasicPane = function(){\r
- this.onPaneResize = function( _w, _h ){}\r
- this.resize = function( _w, _h ){\r
- if( this.MIN_WIDTH > _w || this.MIN_HEIGHT > _h ){\r
- if( Type.isHTMLElement( this.rootElement ) === true ){\r
- // 小さすぎる!、と表示\r
- }\r
- return;\r
- }\r
- this.onPaneResize( _w, _h );\r
- }\r
- this.MIN_WIDTH = 240;\r
- this.MIN_HEIGHT = 240;\r
- }\r
- \r
- var AbstractApplication = function(){\r
- var instance;\r
- this.displayName = 'app name';\r
- this.ID = 'app id';\r
- this.rootElement = null;\r
- this.parentElement = null;\r
- this.nextSibling = null;\r
- this.open = function( _w, _h /*, _option */ ){\r
- instance = this;\r
- if( this.MIN_WIDTH > _w || this.MIN_HEIGHT > _h ){\r
- if( Type.isHTMLElement( this.rootElement ) === true ){\r
- // 小さすぎる!、と表示\r
- }\r
- }\r
- if( arguments.length > 2){\r
- // argumentsRellay( this.onOpen, arguments );\r
- this.onOpen.apply( this, arguments );\r
- } else {\r
- this.onOpen( _w, _h );\r
- }\r
- }\r
- this.close = function(){\r
- if( this.onClose() === false ){\r
- return false;\r
- }\r
- }\r
- this.onOpen = function( _w, _h /*, _option */ ){\r
- // overrride\r
- };\r
- this.onClose = function(){\r
- // overrride\r
- return true;\r
- } // false の場合、close の拒否 \r
- this.addEventListener = function(){\r
- \r
- }\r
- }\r
- AbstractApplication.prototype = new AbstractBasicPane();\r
- \r
- var ApplicationReference = function( application ){\r
- this.inOverlay = false;\r
- this.getUID = function(){\r
- return pettanr.util.getIndex( APPLICATION_LIST, application );\r
- }\r
- this.boot = function( /* _option */ ){\r
- if( arguments.length > 0 ){\r
- bootApplication( application, pettanr.util.copyArray( arguments ) );\r
- } else {\r
- bootApplication( application );\r
- }\r
- }\r
- this.bootInOverlay = function( /* _option */ ){\r
- this.inOverlay = true;\r
- pettanr.overlay.show( application, pettanr.util.copyArray( arguments ) );\r
- }\r
- this.shutdown = function(){\r
- if( this.inOverlay === true ){\r
- pettanr.overlay.hide();\r
- this.inOverlay = false;\r
- } else {\r
- bootApplication( 0 );\r
- }\r
- }\r
- this.addToLancher = function(){\r
- if( pettanr.util.getIndex( LUNCHER_APPLICATION_LIST, application ) !== -1 ) return;\r
- LUNCHER_APPLICATION_LIST.push( application );\r
- \r
- var navi = document.getElementById('global-navi'),\r
- item = document.createElement('a');\r
- navi.appendChild( item );\r
- navi.style.width = ( ( item.offsetWidth || 80 ) * LUNCHER_APPLICATION_LIST.length ) + 'px';\r
- item.href = '#';\r
- item.appendChild( document.createTextNode( application.displayName ));\r
- item.onclick = LoginUserNavi.show;\r
- }\r
- }\r
-\r
- function bootApplication( APPLICATIONorINDEX, _arguments ){\r
- var _application,\r
- i, j, l, \r
- nodesA = document.getElementById('global-navi').getElementsByTagName( 'a') || [],\r
- _index = -1;\r
- if( typeof APPLICATIONorINDEX === 'number' && APPLICATIONorINDEX < LUNCHER_APPLICATION_LIST.length){\r
- _application = LUNCHER_APPLICATION_LIST[ APPLICATIONorINDEX ];\r
- } else\r
- if( typeof APPLICATIONorINDEX === 'string' ){\r
- for( i=0, l=LUNCHER_APPLICATION_LIST.length; i<l; ++i ){\r
- if( APPLICATIONorINDEX === APPLICATION_LIST[ i ].ID ){\r
- _application = APPLICATION_LIST[ i ];\r
- break;\r
- }\r
- }\r
- } else\r
- if( pettanr.view.isApplicationInstance( APPLICATIONorINDEX ) === true ){\r
- _application = APPLICATIONorINDEX;\r
- } else\r
- if( !currentApplication ){\r
- _application = LUNCHER_APPLICATION_LIST[ 0 ];\r
- } else {\r
- return;\r
- }\r
- \r
- if( !_application ) return;\r
- \r
- for( i=0, l=LUNCHER_APPLICATION_LIST.length; i<l; ++i ){\r
- if( _application === LUNCHER_APPLICATION_LIST[ i ] ){\r
- for( j=0, l=nodesA.length; j<l; ++j ){\r
- nodesA[ j ].className = i === j ? 'current' : '';\r
- } \r
- break;\r
- }\r
- }\r
- \r
- if( currentApplication === _application ) return;\r
- if( currentApplication ){\r
- currentApplication.close();\r
- currentApplication.rootElement && currentApplication.rootElement.parentNode &&\r
- currentApplication.rootElement.parentNode.removeChild( currentApplication.rootElement );\r
- }\r
- \r
- currentApplication = _application;\r
- \r
- if( _application.nextSibling && _application.nextSibling.parentNode === _application.parentElement ){\r
- _application.parentElement.insertBefore( _application.rootElement, _application.nextSibling );\r
- } else\r
- if( _application.parentElement ){\r
- _application.parentElement.appendChild( _application.rootElement );\r
- } else {\r
- _application.rootElement && document.body.appendChild( _application.rootElement );\r
- }\r
- \r
- if( _arguments ){\r
- _arguments.unshift( jqWindow.width(), jqWindow.height() );\r
- _application.open.apply( _application, _arguments );\r
- // argumentsRellay( _application.open, _arguments );\r
- } else {\r
- _application.open( jqWindow.width(), jqWindow.height() );\r
- }\r
- pettanr.view.currentID = _application.ID;\r
- }\r
- \r
- function argumentsRellay( _method, _arguments ){\r
- alert( typeof _method )\r
- l = _arguments.length;\r
- if( l > 0 ){\r
- var _arg = [];\r
- for( i=0; i<l; ++i ){\r
- _arg.push( 'a[' + i + ']' );\r
- }\r
- window['_method'] = _method;\r
- //eval( '_method(' + _arg.join(',') + ')' );\r
- var f = new Function( 'a', '_method(' + _arg.join(',') + ')' );\r
- f( _arguments );\r
- window['_method'] = undefined;\r
- } else {\r
- _method();\r
- } \r
- }\r
- \r
- function onWindowResize(){\r
- var w = jqWindow.width(),\r
- h = jqWindow.height();\r
- currentApplication && currentApplication.resize( w, h );\r
- pettanr.overlay.onWindowResize( w, h );\r
- pettanr.form.onWindowResize( w, h );\r
- }\r
-\r
- return {\r
- init: function( _funcArray ){\r
- jqWindow = pettanr.jqWindow();\r
- jqWindow.resize( onWindowResize );\r
- \r
- var _option = {}; // urlパラメータ\r
- \r
- onWindowResize();\r
- \r
- bootApplication( pettanr.URL_PARAMS.view || 0 );\r
- \r
- delete pettanr.view.init;\r
- },\r
- createBasicPane: function( _class, _options ){\r
- _class.prototype = new AbstractBasicPane();\r
- return new _class( _options );\r
- },\r
- _getAbstractApplication: function(){\r
- return new AbstractApplication();\r
- },\r
- registerApplication: function( _class, _options ){\r
- _class.prototype = new AbstractApplication();\r
- _application = new _class( _options );\r
- \r
- var elm = _application.rootElement;\r
- if( Type.isHTMLElement( elm ) === false ) return null;\r
- \r
- _application.parentElement = elm.parentNode;\r
- _application.nextSibling = elm.nextSibling;\r
- \r
- if( elm.parentNode ){\r
- elm.parentNode.removeChild( elm );\r
- }\r
- APPLICATION_LIST.push( _application );\r
- return new ApplicationReference( _application );\r
- },\r
- isBasicPaneInstance: function( _basicPane ){\r
- return _basicPane instanceof AbstractBasicPane;\r
- },\r
- isApplicationInstance: function( _application ){\r
- return _application instanceof AbstractApplication;\r
- },\r
- isApplicationReference: function( _reference ){\r
- return _reference instanceof ApplicationReference;\r
- },\r
- currentID: null,\r
- EDITOR: 'editor',\r
- OVERLAY: 'overlay'\r
- }\r
-})();\r
-\r
-pettanr.overlay = ( function(){\r
- var SHADOW_OPACITY = 0.5,\r
- ELM_CONTAINER = document.getElementById( 'overlay-container' ),\r
- currentOverlay = null,\r
- bootParams = null,\r
- visible = false,\r
- jqConteiner, jqShadow, jqCloseButton,// jqBody, \r
- windowW, windowH;\r
-\r
- function asyncResize(){\r
- currentOverlay.resize( windowW, windowH );\r
- }\r
- function onCloseClick( e){\r
- pettanr.overlay.hide();\r
- e.preventDefault();\r
- return false;\r
- }\r
- function onFadeInComplete(){\r
-\r
- }\r
- function onFadeOutComplete(){\r
- currentOverlay.close();\r
- currentOverlay.rootElement.style.display = 'none';\r
- currentOverlay.rootElement.style.visibility = 'hidden';\r
- currentOverlay = null; \r
- }\r
- return {\r
- init: function(){\r
- //jqBody = pettanr.jqBody();\r
- jqConteiner = $( '#overlay-container');\r
- jqShadow = $( '#overlay-shadow');\r
- jqCloseButton = $( '#overlay-close-button').click( onCloseClick );\r
- \r
- pettanr.key.addKeyDownEvent( pettanr.view.OVERLAY, 27, false, false, pettanr.overlay.hide ); // 27.esc\r
- \r
- delete pettanr.overlay.init;\r
- },\r
- show: function( _overlay, _bootParams ){\r
- if( visible === true && currentOverlay === _overlay ) return;\r
- if( pettanr.view.isApplicationInstance( _overlay ) === false ) return;\r
- \r
- document.body.style.overflow = 'hidden';\r
- document.body.appendChild( ELM_CONTAINER ); // ie6-8 で必要、なんで、、、?\r
- \r
- this.visible = visible = true;\r
- this.currentID = _overlay.ID;\r
- currentOverlay = _overlay;\r
- bootParams = _bootParams;\r
-\r
- jqConteiner.stop().css( {\r
- filter: '',\r
- opacity: '',\r
- top: document.documentElement.scrollTop || document.body.scrollTop\r
- }).fadeIn( onFadeInComplete );\r
- \r
- currentOverlay.rootElement.style.display = '';\r
- currentOverlay.rootElement.style.visibility = 'visible';\r
- \r
- ELM_CONTAINER.insertBefore( currentOverlay.rootElement, document.getElementById( 'overlay-close-button' ));\r
- \r
- if( Type.isArray( bootParams ) === true ){\r
- bootParams.unshift( windowW, windowH )\r
- currentOverlay.open.apply( currentOverlay, bootParams );\r
- } else {\r
- currentOverlay.open( windowW, windowH, bootParams );\r
- }\r
- },\r
- hide: function(){\r
- if( visible === false) return;\r
- document.body.style.overflow = '';\r
- \r
- jqConteiner.stop().css( {\r
- filter: '',\r
- opacity: ''\r
- }).fadeOut( onFadeOutComplete );\r
- this.visible = visible = false;\r
- this.currentID = null;\r
- },\r
- visible: visible,\r
- currentID: null,\r
- onWindowResize: function( _windowW, _windowH ){\r
- windowW = _windowW;\r
- windowH = _windowH; \r
- \r
- if( currentOverlay === null ) return;\r
- \r
- jqConteiner.css({\r
- height: _windowH,\r
- top: document.documentElement.scrollTop || document.body.scrollTop\r
- });\r
- jqShadow.css( { height: _windowH });\r
- // 先にeditorのcanvasを確定する。\r
- setTimeout( asyncResize, 0);\r
- }\r
- }\r
-})();\r
-\r
-/* ----------------------------------------\r
- * KEY\r
- * \r
- * - EDITABLE_TEXT_CONTROL\r
- * \r
- * .SHIFT_DOWN_EVENT: 'shiftDown',\r
- * .SHIFT_UP_EVENT: 'shiftUp',\r
- * .CTRL_DOWN_EVENT: 'ctrlDown',\r
- * .CTRL_UP_EVENT: 'ctrlUp',\r
- * .SPACE_DOWN_EVENT: 'spaceDown',\r
- * .SPACE_UP_EVENT: 'spaceUp',\r
- * .init: function,\r
- * .addKeyDownEvent: function,\r
- * .keyEventDispatcher: function,\r
- * \r
- * ショートカットキーの監視とテキスト入力(input, textarea)、チェックボックスを管理する。\r
- * キー入力はdocumentで受けて、テキスト編集中(input, textarea)はそちらにキーイベント流す。\r
- * \r
- */\r
-pettanr.key = ( function(){\r
- var log,\r
- jqWindow,\r
- keyOperationChatcher,\r
- KEYEVENT_ARRAY = [],\r
- shiftEnabled = false,\r
- ctrlEnabled = false;\r
- \r
- function keyHit( e){\r
- log.html( [ e.keyCode, e.shiftKey, e.ctrlKey, e.altKey, e.type].join( ','));\r
- //keyOperationChatcher.val( '');\r
- var cancel = false,\r
- type = e.type,\r
- key = e.keyCode,\r
- overlayEnabled = pettanr.overlay.visible === true,\r
- currentViewID = overlayEnabled === true ? pettanr.overlay.currentID : pettanr.view.currentID;\r
- if( type === 'keypress') type = 'keydown';\r
- if( pettanr.form.keyEventRellay( e ) === false ){\r
- var shift = e.shiftKey,\r
- ctrl = e.ctrlKey,\r
- l = KEYEVENT_ARRAY.length,\r
- d;\r
- if( key === 16 || e.shiftKey === true){\r
- shiftEnabled = type !== 'keyup';\r
- }\r
- if( key === 17 || e.ctrlKey === true){\r
- ctrlEnabled = type !== 'keyup';\r
- }\r
-\r
- for( var i=0; i<l; i++){\r
- d = KEYEVENT_ARRAY[ i];\r
- if( (\r
- d.viewID === currentViewID ||\r
- ( overlayEnabled === true && d.viewID === pettanr.view.OVERLAY)\r
- ) &&\r
- d.keyCode === key &&\r
- ( d.shift === undefined || d.shift === shift) &&\r
- ( d.ctrl === undefined || d.ctrl === ctrl)\r
- ){\r
- Type.isFunction( d[ type ]) === true && new asyncCallback( d[ type ], e );\r
- cancel = true;\r
- }\r
- }\r
- }\r
- if( cancel === true || key === 18 || key === 9 || key === 27 || e.altKey === true){ // 13.enter 18.esc 9.tab 27.esc || ( key === 13 && overlayEnabled === false)\r
- e.preventDefault();\r
- e.keyCode = 0;\r
- e.cancelBubble = true;\r
- e.returnValue = false;\r
- return false;\r
- }\r
- }\r
- function asyncCallback( func, e ){\r
- window.setTimeout( _callback, 0 );\r
- function _callback(){\r
- func( e );\r
- func = e = null;\r
- }\r
- } \r
- \r
- var keyPress = pettanr.ua.isIE === true && pettanr.ua.ieRenderingVersion < 8 ? ( function( e){\r
- var key = e.keyCode;\r
- if( key === 13 || key === 27){\r
- keyHit( e);\r
- return false;\r
- }\r
- }) : null;\r
- \r
- return {\r
- init: function(){\r
- log = $( '#key-event-log').html( 'ready');\r
-\r
- jqWindow = pettanr.jqWindow().focus();\r
- keyOperationChatcher = pettanr.jqDocument()\r
- .keydown( keyHit )\r
- .keyup( keyHit )\r
- .mouseenter( function(){\r
- jqWindow.focus();\r
- });\r
- keyPress !== null && keyOperationChatcher.keypress( keyPress );\r
-\r
- delete pettanr.key.init;\r
- },\r
- addKeyDownEvent: function( _viewID, _keyCode, _shift, _ctrl, _callbackFunction){\r
- KEYEVENT_ARRAY.push( {\r
- viewID: _viewID,\r
- keyCode: _keyCode,\r
- shift: _shift,\r
- ctrl: _ctrl,\r
- keydown: _callbackFunction\r
- });\r
- },\r
- addKeyUpdateEvent: function( _viewID, _keyCode, _shift, _ctrl, _callbackFunction){\r
- KEYEVENT_ARRAY.push( {\r
- viewID: _viewID,\r
- keyCode: _keyCode,\r
- shift: _shift,\r
- ctrl: _ctrl,\r
- keydown: _callbackFunction,\r
- keyup: _callbackFunction\r
- });\r
- },\r
- addCursorEvent: function( _viewID, _shift, _ctrl, _callbackFunction){\r
- \r
- },\r
- keyEventDispatcher: function(){\r
- return keyOperationChatcher;\r
- },\r
- shiftEnabled: function(){\r
- return shiftEnabled;\r
- },\r
- ctrlEnabled: function(){\r
- return ctrlEnabled;\r
- }\r
- }\r
-})();\r
-\r
-/*\r
- * pettanr.form\r
- * \r
- * keyEventRellay\r
- * form -> overlay -> view\r
- * \r
- */\r
-pettanr.form = ( function(){\r
- var FORM_GROUP_TABLE = {},\r
- currentID = null,\r
- currentItem = null,\r
- CLASSNAME_COMBOBOX_OPTION = 'combobox-option',\r
- windowW, windowH,\r
- ELM_A_ORIGIN = ( function(){\r
- var ret = document.createElement( 'a');\r
- ret.href = '#';\r
- return ret;\r
- })(),\r
- ELM_INPUT_TEXT = ( function(){\r
- var ret = document.createElement( 'input');\r
- ret.type = 'text';\r
- return ret;\r
- })(),\r
- ELM_COMBOBOX = ( function(){\r
- var ret = document.createElement( 'a'),\r
- elmToggle = document.createElement( 'span' ),\r
- elmValue = document.createElement( 'span' );\r
- ret.href = '#';\r
- ret.appendChild( elmToggle );\r
- ret.appendChild( elmValue );\r
- elmToggle.className = 'combobox-toggle';\r
- elmValue.className = 'combobox-value';\r
- \r
- elmToggle.appendChild( document.createTextNode( '▼' ));\r
- elmValue.appendChild( document.createTextNode( 'null' ));\r
- return ret;\r
- })();\r
- \r
- var InputTextClass = function( WRAPPER_ELM, ON_UPDATE_FUNCTION, GROUP_ID, validater ){\r
- validater = Type.isFunction( validater ) === true ? validater : null;\r
- \r
- var elmValue = pettanr.util.getElementsByClassName( WRAPPER_ELM, 'editable-value' )[ 0],\r
- value,\r
- instance = this,\r
- focus = false,\r
- visible = true,\r
- enabled = true,\r
- elmA = ELM_A_ORIGIN.cloneNode( true );\r
- \r
- if( elmValue === undefined ){\r
- alert( 'error!');\r
- }\r
- value = elmValue.innerHTML;\r
- elmValue.innerHTML = '';\r
- elmValue.className += ' editable-text';\r
- try {\r
- elmA.innerHTML = value;\r
- } catch(e){\r
- alert( value )\r
- }\r
- \r
- elmValue.appendChild( elmA );\r
- WRAPPER_ELM.onclick = onClick;\r
- \r
- function onClick(){\r
- focus = true;\r
- start( instance );\r
- elmA.style.display = 'none';\r
- elmValue.appendChild( ELM_INPUT_TEXT );\r
- ELM_INPUT_TEXT.value = value;\r
- ELM_INPUT_TEXT.focus();\r
- ELM_INPUT_TEXT.select();\r
- return false;\r
- }\r
- \r
- this.value = function( _value ){\r
- if( _value !== undefined){\r
- elmA.innerHTML = _value;\r
- value = _value;\r
- \r
- if( focus === true){\r
- ELM_INPUT_TEXT.value = value;\r
- }\r
- }\r
- currentItem === instance && instance.blur();\r
- return value;\r
- }\r
- this.focus = function(){\r
- onClick();\r
- }\r
- this.blur = function( keep ){\r
- var _newValue = ELM_INPUT_TEXT.value,\r
- _validated = validater !== null ? '' + validater( _newValue ) : _newValue;\r
- _newValue = keep !== 27 ? _validated : value; // 27:ESC\r
-\r
- elmValue.removeChild( ELM_INPUT_TEXT );\r
- \r
- elmA.innerHTML = _newValue;\r
- elmA.style.display = 'block';\r
- \r
- ON_UPDATE_FUNCTION && _newValue !== value && ON_UPDATE_FUNCTION( _newValue, value );\r
- \r
- value = _newValue;\r
- focus = false;\r
- \r
- currentItem = null;\r
- }\r
- this.enabled = function(){\r
- return enabled;\r
- }\r
- this.visible = function( _visible ){\r
- if( _visible === true){\r
- WRAPPER_ELM.style.display = '';\r
- visible = true;\r
- } else\r
- if( _visible === false){\r
- WRAPPER_ELM.style.display = 'none';\r
- visible = false;\r
- }\r
- return visible;\r
- }\r
- this.groupID = GROUP_ID;\r
- }\r
- \r
- var ButtonClass = function( WRAPPER_ELM, ON_CLICK_FUNCTION, GROUP_ID ){\r
- var className = WRAPPER_ELM.className || '',\r
- instance = this,\r
- focus = false,\r
- visible = true,\r
- enabled = true;\r
- \r
- WRAPPER_ELM.onclick = onClick;\r
- \r
- function onClick(){\r
- focus = true;\r
- ON_CLICK_FUNCTION();\r
- return false;\r
- }\r
- this.focus = function(){\r
- focus = true;\r
- WRAPPER_ELM.className = className + ' button-has-focus';\r
- start( instance );\r
- }\r
- this.blur = function( keyCode ){\r
- keyCode === 13 && ON_CLICK_FUNCTION();\r
- WRAPPER_ELM.className = className;\r
- focus = false;\r
- finish( instance );\r
- }\r
- this.enabled = function(){\r
- return enabled;\r
- }\r
- this.visible = function( _visible ){\r
- if( _visible === true){\r
- WRAPPER_ELM.style.display = '';\r
- visible = true;\r
- } else\r
- if( _visible === false){\r
- WRAPPER_ELM.style.display = 'none';\r
- visible = false;\r
- }\r
- return visible;\r
- }\r
- this.groupID = GROUP_ID;\r
- }\r
-\r
- var FileInputClass = function( WRAPPER_ELM, ON_UPDATE_FUNCTION, GROUP_ID, validater, elmFileInput ){\r
- validater = Type.isFunction( validater ) === true ? validater : null;\r
- \r
- var elmFilePath = pettanr.util.getElementsByClassName( WRAPPER_ELM, 'file-path')[ 0],\r
- value,\r
- index = GROUP_ID ? FORM_GROUP_TABLE[ GROUP_ID].length : -1,\r
- instance,\r
- focus = false,\r
- visible = true,\r
- enabled = true;\r
- elmFileInput = WRAPPER_ELM.getElementsByTagName('input')[0] || elmFileInput || document.createElement( 'input');\r
- elmFileInput.type = 'file';\r
- elmFileInput.style.visivility = 'hidden';\r
-\r
- WRAPPER_ELM.onclick = onClick;\r
- elmFileInput.onchenge = onChange;\r
- \r
- function onClick( e){\r
- focus = true;\r
- start( instance );\r
- elmFileInput.click();\r
- return false;\r
- }\r
- \r
- function onChange(){\r
- elmFilePath.innerHTML = elmFileInput.value;\r
- }\r
- return {\r
- init: function(){\r
- instance = this;\r
- delete this.init;\r
- },\r
- focus: function(){\r
- onClick();\r
- },\r
- blur: function( keep ){\r
- focus = false;\r
- },\r
- enabled: function(){\r
- return enabled;\r
- },\r
- visible: function( _visible){\r
- if( _visible === true){\r
- WRAPPER_ELM.style.display = '';\r
- visible = true;\r
- } else\r
- if( _visible === false){\r
- WRAPPER_ELM.style.display = 'none';\r
- visible = false;\r
- }\r
- return visible;\r
- },\r
- index : index,\r
- groupID: GROUP_ID\r
- }\r
- }\r
-\r
- var ComboBoxClass = function( WRAPPER_ELM, ON_UPDATE_FUNCTION, GROUP_ID ){\r
- var elmBox = pettanr.util.getElementsByClassName( WRAPPER_ELM, 'combobox' )[ 0 ],\r
- elmA = ELM_COMBOBOX.cloneNode( true ),\r
- elmToggle = pettanr.util.getElementsByClassName( elmA, 'combobox-toggle' )[ 0 ],\r
- elmValue = pettanr.util.getElementsByClassName( elmA, 'combobox-value' )[ 0 ].firstChild,\r
- value, index = 0,\r
- optionList = [],\r
- instance = this,\r
- oldBodyMouseupHandler,\r
- focus = false,\r
- visible = true,\r
- enabled = true;\r
- \r
- elmBox.appendChild( elmA );\r
- WRAPPER_ELM.onclick = onClick;\r
- \r
- function onClick(){\r
- WRAPPER_ELM.onclick = null;\r
- focus = true;\r
- elmA.className = 'combobox-has-focus';\r
- start( instance );\r
- OptionControl.show( instance, optionList );\r
- return false;\r
- }\r
- this.elm = elmBox;\r
- this.focus = function(){\r
- onClick();\r
- }\r
- this.blur = function( keyCode ){\r
- OptionControl.hide( instance );\r
- focus = false;\r
- elmA.className = '';\r
- finish( instance );\r
- WRAPPER_ELM.onclick = onClick;\r
- }\r
- this.enabled = function(){\r
- return enabled;\r
- }\r
- this.visible = function( _visible ){\r
- if( _visible === true){\r
- WRAPPER_ELM.style.display = '';\r
- visible = true;\r
- } else\r
- if( _visible === false){\r
- WRAPPER_ELM.style.display = 'none';\r
- visible = false;\r
- }\r
- return visible;\r
- }\r
- this.value = function( _value ){\r
- var i, j,\r
- l=optionList.length,\r
- _option;\r
- if( Type.isString( _value ) === true && value !== _value ){\r
- for( i=0; i<l; ++i ){\r
- _option = optionList[ i ];\r
- if( _value === _option.value ){\r
- value = _value;\r
- index = i;\r
- elmValue.data = _option.displayValue;\r
- if( focus === true ){\r
- OptionControl.update( instance, _value );\r
- }\r
- break;\r
- }\r
- }\r
- }\r
- return value;\r
- }\r
- this.selectIndex = function(){\r
- return index;\r
- }\r
- this.createOption = function( displayValue, _value, isSelected ){\r
- var exist = false,\r
- option = null, _option,\r
- _index;\r
- _value = _value || displayValue;\r
- for( var i = 0, l = optionList.length; i < l; ++i ){\r
- if( _value === optionList[ i ].value ){\r
- option = optionList[ i ];\r
- _index = i;\r
- break;\r
- }\r
- }\r
- if( option === null ){\r
- option = new OptionClass( instance, displayValue, _value );\r
- _index = optionList.length;\r
- optionList.push( option );\r
- }\r
- if( isSelected === true ){\r
- elmValue.data = option.displayValue;\r
- value = _value;\r
- index = _index;\r
- for( i = 0, l = optionList.length; i < l; ++i ){\r
- _option = optionList[ i ];\r
- _option.current( _option.value === _value );\r
- }\r
- }\r
- return option;\r
- }\r
- this.groupID = GROUP_ID;\r
- }\r
- \r
- var OptionControl = ( function(){\r
- var ELM_OPTION_WRAPPER = ( function(){\r
- var ret = document.createElement( 'ul' );\r
- ret.className = 'option-container';\r
- return ret;\r
- })();\r
- var currentCombobox = null,\r
- optionList,\r
- elm,\r
- value,\r
- currentOption,\r
- currentIndex;\r
- \r
- function updateCurrrentOption( _value, _updateCombobox ){\r
- var _option;\r
- for( var i=0, l=optionList.length; i<l; ++i ){\r
- _option = optionList[ i ]\r
- if( _value === _option.value ){\r
- currentOption && currentOption.current( false );\r
- _option.current( true );\r
- currentOption = _option;\r
- currentIndex = i;\r
- _updateCombobox === true && currentCombobox.value( _value );\r
- }\r
- }\r
- }\r
- function bodyMouseupHandler(){\r
- currentCombobox.blur();\r
- OptionControl.hide( currentCombobox );\r
- }\r
- function updateWrapperPosition(){\r
- var position = pettanr.util.getAbsolutePosition( elm );\r
- \r
- ELM_OPTION_WRAPPER.style.cssText = [\r
- 'width:', elm.offsetWidth - 2, 'px;',\r
- 'left:', position.x, 'px;',\r
- 'top:', position.y + elm.offsetHeight, 'px;'\r
- ].join(''); \r
- }\r
- return {\r
- show: function( _combobox, _optionList ){\r
- if( currentItem !== _combobox || currentCombobox === _combobox ) return;\r
- currentCombobox && currentCombobox.blur();\r
- \r
- currentCombobox = _combobox;\r
- optionList = _optionList;\r
- elm = _combobox.elm;\r
- \r
- updateCurrrentOption( _combobox.value(), false );\r
- \r
- for( var i=0, l=optionList.length; i<l; ++i ){\r
- ELM_OPTION_WRAPPER.appendChild( optionList[ i ].elm );\r
- }\r
- \r
- document.body.appendChild( ELM_OPTION_WRAPPER );\r
- oldBodyMouseupHandler = document.body.onmouseup;\r
- document.body.onmouseup = bodyMouseupHandler;\r
- \r
- updateWrapperPosition();\r
- },\r
- hide: function( _combobox ){\r
- if( currentCombobox !== _combobox ) return;\r
-\r
- ELM_OPTION_WRAPPER.parentNode && ELM_OPTION_WRAPPER.parentNode.removeChild( ELM_OPTION_WRAPPER );\r
- while( ELM_OPTION_WRAPPER.firstChild ){\r
- ELM_OPTION_WRAPPER.removeChild( ELM_OPTION_WRAPPER.firstChild );\r
- }\r
- currentCombobox = null;\r
- currentOption = null;\r
- currentIndex = 0;\r
- \r
- document.body.onmouseup = oldBodyMouseupHandler;\r
- },\r
- change: function( down ){\r
- var l = optionList.length,\r
- way = down === true ? 1 : -1;\r
- i = currentIndex + way\r
- if( currentCombobox === false || l < 2 ) return;\r
- i = i < 0 ?\r
- l - 1 :\r
- i < l ? i : 0;\r
- updateCurrrentOption( optionList[ i ].value, false );\r
- },\r
- update: function( _combobox, _value ){\r
- if( currentCombobox !== _combobox || currentItem !== _combobox ) return;\r
- if( currentOption.value === _value ) return;\r
- updateCurrrentOption( _value, true );\r
- },\r
- decide: function(){\r
- currentCombobox.value( currentOption.value );\r
- currentCombobox.blur();\r
- OptionControl.hide( currentCombobox );\r
- },\r
- onWindowResize: function( _w, _h ){\r
- setTimeout( updateWrapperPosition, 0 );\r
- }\r
- }\r
- })();\r
- \r
- var OptionClass = function( combobox, displayValue, value ){\r
- var elm = document.createElement( 'li' ),\r
- a = document.createElement( 'a' ),\r
- isCurrent = undefined;\r
- elm.appendChild( a );\r
- a.appendChild( document.createTextNode( displayValue ));\r
- elm.className = CLASSNAME_COMBOBOX_OPTION;\r
- a.href = '#';\r
- \r
- a.onmousedown = onClick; // onclick では 選択ボックス 隠すように body に設定した onmouseup が先に動いてしまう!\r
- function onClick(){\r
- OptionControl.update( combobox, value );\r
- OptionControl.hide( combobox );\r
- combobox.blur();\r
- return false;\r
- }\r
- this.elm = elm;\r
- this.displayValue = displayValue;\r
- this.value = value = value || displayValue;\r
- this.current = function( _isCurrent ){\r
- if( Type.isBoolean( _isCurrent ) === true && isCurrent !== _isCurrent ){\r
- elm.className = CLASSNAME_COMBOBOX_OPTION + ( _isCurrent === true ? ' current-option' : '' );\r
- isCurrent = _isCurrent;\r
- }\r
- return !!isCurrent;\r
- }\r
- }\r
- \r
-\r
- function start( _currentItem ){\r
- currentItem !== _currentItem && currentItem && currentItem.blur();\r
- currentItem = _currentItem;\r
- }\r
- function finish( _currentItem ){\r
- currentItem = currentItem === _currentItem ? null : currentItem;\r
- }\r
-\r
- function tabShift( _groupID, _index, _way ){\r
- // currentApplication の確認\r
- //if( _applicationID === ( pettanr.overlay.visible === true ? pettanr.overlay.currentID : pettanr.view.currentID )){\r
- // return;\r
- //};\r
- var GROUP_ARRAY = FORM_GROUP_TABLE[ _groupID ] || [],\r
- l = GROUP_ARRAY.length,\r
- i = _index + _way,\r
- _item;\r
- if( l < 2 ) return;\r
- while( i !== _index ){\r
- i = i < 0 ?\r
- l - 1 :\r
- i < l ? i : 0; // 0 < i < l\r
- _item = GROUP_ARRAY[ i ];\r
- if( _item.enabled() === true && _item.visible() === true ){\r
- setTimeout( _item.focus, 0 );\r
- return;\r
- }\r
- i += _way;\r
- }\r
- }\r
-\r
- return {\r
- init: function(){},\r
- focus: function(){\r
- return currentItem !== null; \r
- },\r
- keyEventRellay: function( e ){\r
- if( e.type === 'keyup' ) return false;\r
- if( currentItem === null ) return false;\r
- \r
- var keyCode = e.keyCode;\r
- var _groupID = currentItem.groupID,\r
- _index = pettanr.util.getIndex( FORM_GROUP_TABLE[ _groupID ], currentItem );\r
- if( currentItem instanceof ComboBoxClass ) {\r
- if( 37 <= keyCode && keyCode <= 40 ){ // ↑38 ←37 →39 ↓40\r
- OptionControl.change( keyCode === 40 );\r
- return true;\r
- } else\r
- keyCode === 13 && OptionControl.decide();\r
- }\r
- if( keyCode === 13 || keyCode === 27 || keyCode === 9 || keyCode === 18 || e.altKey === true ){ // 13.return 27.esc 9.tab 18.alt\r
- currentItem && currentItem.blur( keyCode );\r
- keyCode === 9 && _groupID && tabShift( _groupID, _index, e.shiftKey === true ? -1 : 1 );\r
- keyCode === 13 && _groupID && tabShift( _groupID, _index, 1 );\r
- }\r
- return true;\r
- },\r
- createUIGroup: function( _applicationReferance ){\r
- \r
- },\r
- createInputText: function( _elm, _onUpdate, _groupID, _validater ){\r
- if( typeof _groupID === 'string' && !FORM_GROUP_TABLE[ _groupID]){\r
- FORM_GROUP_TABLE[ _groupID] = [];\r
- }\r
- var ret = new InputTextClass( _elm, _onUpdate, _groupID, _validater );\r
- _groupID && FORM_GROUP_TABLE[ _groupID ].push( ret );\r
- return ret;\r
- },\r
- createButton: function( _elm, _onClick, _groupID ){\r
- if( typeof _groupID === 'string' && !FORM_GROUP_TABLE[ _groupID]){\r
- FORM_GROUP_TABLE[ _groupID ] = [];\r
- }\r
- var ret = new ButtonClass( _elm, _onClick, _groupID );\r
- _groupID && FORM_GROUP_TABLE[ _groupID ].push( ret );\r
- return ret;\r
- },\r
- createFileInput: function( _elm, _onUpdate, _groupID, _validater, _elmFileInput ){\r
- if( typeof _groupID === 'string' && !FORM_GROUP_TABLE[ _groupID]){\r
- FORM_GROUP_TABLE[ _groupID] = [];\r
- }\r
- var ret = FileInputClass( _elm, _onUpdate, _groupID, _validater, _elmFileInput );\r
- _groupID && FORM_GROUP_TABLE[ _groupID].push( ret);\r
- return ret;\r
- },\r
- createCombobox: function( _elm, _onUpdate, _groupID, _optionList ){\r
- if( typeof _groupID === 'string' && !FORM_GROUP_TABLE[ _groupID]){\r
- FORM_GROUP_TABLE[ _groupID ] = [];\r
- }\r
- var ret = new ComboBoxClass( _elm, _onUpdate, _groupID );\r
- _groupID && FORM_GROUP_TABLE[ _groupID ].push( ret );\r
- return ret;\r
- },\r
- createCheckBox: function(){\r
- \r
- },\r
- createRadio: function(){\r
- \r
- },\r
- createSlider: function(){\r
- \r
- },\r
- onWindowResize: function( w, h ){\r
- windowW = w;\r
- windowH = h;\r
- currentItem instanceof ComboBoxClass && OptionControl.onWindowResize( w, h );\r
- }\r
- }\r
-})();\r
-\r
-\r
-/* ----------------------------------------\r
- * Vector Support\r
- * \r
- * __________\r
- * / \\r
- * / \\r
- * |,startX,Y |\r
- * tailX,Y - < |\r
- * |'endX,Y |\r
- * \ /\r
- * \__________/\r
- * \r
- * SVG\r
- * -----------------------\r
- * ie9, other modern browser\r
- * \r
- * XML\r
- * -----------------------\r
- * ie5.5-8\r
- * \r
- * 内部の角度計算は radian で統一したい。\r
- * 当初 vectorEnabled = true で一度書いてみる。\r
- * 駄目なら、代替のイメージのsrcの用意もここで担当。\r
- * 閲覧と編集両方で使う。\r
- * \r
- */\r
-pettanr.balloon = ( function() {\r
- var MIN_BALLOON_WIDTH = 30,\r
- MIN_BALLOON_HEIGHT = 30,\r
- NUM_BALLOON_IMAGE = 24,\r
- TAIL_WIDTH = 6,\r
- TAIL_HEIGHT = 10,\r
- STROKE_WIDTH = 1.2,\r
- PADDING_TOP = TAIL_HEIGHT,\r
- PADDING_LEFT = TAIL_HEIGHT,\r
- IS_VML = pettanr.ua.isIE === true && pettanr.ua.ieVersion < 9,\r
- ELM_BALLOON_ORIGIN = ( function(){\r
- var ret;\r
- try {\r
- if( IS_VML === true){\r
- ret = document.createElement( 'DIV');\r
- var shape = document.createElement( 'v:shape');\r
- shape.coordorigin = "0,0";\r
- shape.strokecolor = "black";\r
- shape.strokeweight = STROKE_WIDTH;\r
- shape.fillcolor = "white";\r
- ret.appendChild( shape);\r
- } else {\r
- var kSVGNS = 'http://www.w3.org/2000/svg';\r
- ret = document.createElementNS( kSVGNS, 'svg');\r
- var path = document.createElementNS( kSVGNS, 'path');\r
- path.setAttribute( 'fill', "white");\r
- path.setAttribute( 'stroke', "black");\r
- path.setAttribute( 'strokeWidth', STROKE_WIDTH);\r
- ret.appendChild( path);\r
- }\r
- return ret; \r
- } catch( e){\r
- return null;\r
- }\r
- })(),\r
- vectorEnabled = ELM_BALLOON_ORIGIN !== null &&\r
- pettanr.URL_PARAMS.vector !== false &&\r
- !( IS_VML === true && pettanr.ua.VML === false );\r
-\r
- var cos = Math.cos,\r
- sin = Math.sin,\r
- abs = function(v){ return v >= 0 ? v : -1; },\r
- pow = Math.pow,\r
- round = Math.round,\r
- floor = Math.floor,\r
- TARGET = TAIL_WIDTH * TAIL_WIDTH,\r
- isFinit = Type.isFinite,\r
- ACCURACY = 1, // 有効少数桁 \r
- cround = function ( v, r ){\r
- r = r || ACCURACY;\r
- return round( v * pow( 10.0, r )) / pow( 10.0, r );\r
- },\r
- DEG_TO_RAD = Math.PI / 180;\r
-\r
- var XBROWSER_BALLOON_CLASS = function( w, h, a ){\r
- var balloonElm = vectorEnabled === true ? ELM_BALLOON_ORIGIN.cloneNode( true ) : document.createElement( 'img' ), // pettanr.imageに変更\r
- path = balloonElm.getElementsByTagName( 'path' )[ 0 ],\r
- shape = balloonElm.getElementsByTagName( 'shape' )[ 0 ],\r
- instance = this,\r
- l = ',';\r
- \r
- function draw( _a ){\r
- var rx = w / 2,\r
- ry = h / 2,\r
- tailRad = _a * DEG_TO_RAD,\r
- tailX = rx + ( rx + TAIL_HEIGHT ) * sin( tailRad ),\r
- tailY = ry - ( ry + TAIL_HEIGHT ) * cos( tailRad ),\r
- startX, startY, endX, endY;\r
- /*\r
- * tailの太さをTAIL_WIDTHに一致させるため、角度を絞りつつ計算\r
- */\r
- var startRad, endRad,\r
- _startX, _startY, _endX, _endY,\r
- tailDeg = 0, d;\r
- \r
- for( var i = 45; i > 0.01; i /= 2){\r
- d = ( tailDeg + i ) /2;\r
- startRad = ( _a + d ) * DEG_TO_RAD;\r
- endRad = ( _a - d ) * DEG_TO_RAD;\r
- \r
- _startX = rx + sin( startRad ) * rx;\r
- _startY = ry - cos( startRad ) * ry;\r
- _endX = rx + sin( endRad ) * rx;\r
- _endY = ry - cos( endRad ) * ry; //円弧上のY位置=円中心Y+sin(角度×PI÷180)×円半径\r
- \r
- if( pow( ( _startX - _endX ), 2 ) + pow( ( _startY - _endY ), 2 ) < TARGET ){\r
- tailDeg += i;\r
- startX = _startX;\r
- startY = _startY;\r
- endX = _endX;\r
- endY = _endY;\r
- }\r
- }\r
-\r
- /*\r
- * \r
- */ \r
- if( IS_VML === true ){\r
- var _tailX = tailX *10,\r
- _tailY = tailY *10,\r
- __w = w *10,\r
- __h = h *10;\r
- \r
- shape.style.width = w + 'px';\r
- shape.style.height = h + 'px';\r
- shape.coordsize = [ __w, __h ].join( l );\r
- shape.path = [\r
- ' ar ', 0, l, 0, l, __w, l, __h, l,\r
- round( endX * 10 ), l, round( endY * 10 ), l,\r
- round( startX * 10 ), l, round( startY * 10 ),\r
- ' l ', round( _tailX ), l, round( _tailY ),\r
- ' x e'\r
- ].join( '');\r
-\r
- balloonElm.style.marginTop = _tailY < 0 ? floor( ( 60 + _tailY) / 10 ) : 10;\r
- balloonElm.style.marginLeft = _tailX < 0 ? floor( ( 60 + _tailX) / 10 ) : 10;\r
- } else {\r
- balloonElm.setAttribute( 'width', w + PADDING_LEFT *2 );\r
- balloonElm.setAttribute( 'height', h + PADDING_TOP *2 );\r
- path.setAttribute( 'd', [\r
- 'M', cround( tailX + PADDING_LEFT ), l, cround( tailY + PADDING_TOP ),\r
- 'L', cround( startX + PADDING_LEFT ), l, cround( startY + PADDING_TOP ),\r
- 'A', rx, l, ry,\r
- '0 1 1', // flag\r
- cround( endX + PADDING_LEFT ), l, cround( endY + PADDING_TOP ),\r
- 'z'\r
- ].join( ' '));\r
- }\r
- }\r
- \r
- this.elm = balloonElm;\r
- this.resize = function ( _a, _w, _h ){\r
- w = isFinit( _w ) === true ? _w - PADDING_TOP * 2 : w;\r
- h = isFinit( _h ) === true ? _h - PADDING_LEFT * 2 : h;\r
- // ie6 でリサイズが反応しない対策\r
- if( vectorEnabled === false && pettanr.ua.isIE === true && pettanr.ua.ieVersion < 7 ){\r
- var parent = balloonElm.parentNode;\r
- parent.removeChild( balloonElm );\r
- parent.insertBefore( balloonElm, parent.firstChild );\r
- }\r
- instance.angle( _a );\r
- };\r
- this.angle = function( _a ){\r
- if( isFinit( _a ) === true ){\r
- a = _a;\r
- if( vectorEnabled === false ){\r
- balloonElm.src = pettanr.balloon.getBalloonUrl( w, h, _a );\r
- } else {\r
- draw( _a );\r
- }\r
- }\r
- return a;\r
- }\r
- this.type = function( _type ){\r
- //draw( _a);\r
- }\r
- this.destroy = function(){\r
- delete instance.destroy;\r
- balloonElm.parentNode && balloonElm.parentNode.removeChild( balloonElm );\r
- balloonElm = path = shape = instance = null;\r
- }\r
- \r
- instance.resize( a, w, h );\r
- };\r
- \r
- IS_VML === false && vectorEnabled === true && ( function(){\r
- var detect = new XBROWSER_BALLOON_CLASS( 100, 100, 0 ),\r
- size = pettanr.util.getElementSize( detect.elm );\r
- vectorEnabled = size.width !== 0 && size.height !== 0;\r
- detect.destroy();\r
- detect = size = null;\r
- })();\r
-\r
- return {\r
- createBalloon: function( _w, _h, _a ){\r
- return new XBROWSER_BALLOON_CLASS( _w, _h, _a );\r
- },\r
- isBalloonInstance: function( _ballon ){\r
- \r
- },\r
- getBalloonUrl: function( _w, _h, _a ){\r
- var d = 360 / NUM_BALLOON_IMAGE;\r
- _a = _a + d / 2;\r
- return [\r
- pettanr.CONST.SYSTEM_PICTURE_PATH, '_w',\r
- _a < 360 - d / 2 ? floor( _a / d ) : 0,\r
- _w <= 400 || _h <= 400 ? '_b1' : '',\r
- '.gif' ].join( '' );\r
- },\r
- TYPE_NONE: 0,\r
- TYPE_SPEACH_BALLOON: 1,\r
- TYPE_THINKING: 2,\r
- TYPE_BOM: 3,\r
- TYPE_BLACK_BOX: 4,\r
- TYPE_BLUE_BOX: 5\r
- }\r
-})();\r
-\r
-/* ----------------------------------------\r
- * pettanr.image\r
- * \r
- * xBackendな画像反転、画像描画機能。\r
- * \r
- * 画像の反転\r
- * - css3\r
- * - ActiveX (ie)\r
- * - VML (ie)\r
- * - canvas ??\r
- * - flash(lite)\r
- * - silverlight\r
- * - pettan server\r
- * \r
- * png画像の表示(アルファpngをサポートしないie6以下のため)\r
- * - ActiveX\r
- * - VML\r
- * - flash(lite)\r
- * - silverlight\r
- * \r
- * -moz-transform:scale( -1, -1);\r
- */\r
-pettanr.image = ( function(){\r
- \r
- var FetchImageControl = ( function(){\r
- var TASK_LIST = [];\r
-\r
- /* \r
- * FetchClass original is\r
- * \r
- * LICENSE: MIT?\r
- * URL: http://d.hatena.ne.jp/uupaa/20080413/1208067631\r
- * AUTHOR: uupaa.js@gmail.com\r
- * \r
- */\r
-\r
- var FetchClass = function( abspath, onLoadCallback, onErrorCallback, delay, timeout ){\r
- var img,\r
- size,\r
- tick = 0,\r
- timer = null,\r
- finish = false;\r
- /*\r
- if( pettanr.ua.isIE === false && pettanr.ua.ieVersion < 8 ){\r
- var images = document.images,\r
- i=0, l= images.length;\r
- for( i=0; i<l; ++i ){\r
- img = images[ i ];\r
- if( img.src === abspath && img.complete ){\r
- finish = true;\r
- size = pettanr.util.getImageSize( img );\r
- timer = window.setTimeout( asyncCallback, 0 );\r
- break;\r
- }\r
- }\r
- images = null;\r
- }*/\r
- //if( finish === false ){\r
- img = document.createElement( 'img' ); //var img = new Image(); ではieでimgのsizeが取れない、、、removeChildも失敗し、imgSizeGetterにimgが残る\r
- img.onabort = img.onerror = onError;\r
- img.onload = onLoad;\r
- img.src = abspath;\r
- finish === false && timeout && detect();\r
- //}\r
- \r
- function onError(){\r
- if( finish === true ) return;\r
- finish = true;\r
- timer = window.setTimeout( asyncCallback, 10 );\r
- } \r
- function onLoad(){\r
- // if( finish === true ) return; // これがあると firefox3.6 で駄目、、、\r
- // if( timer ) return; // これがあると safari3.2 で駄目、、、\r
- finish = true;\r
- timer !== null && window.clearTimeout( timer );\r
- if( window.opera && !img.complete ){\r
- timer = window.setTimeout( asyncCallback, 10 );\r
- return;\r
- }\r
- size = pettanr.util.getImageSize( img );\r
- timer = window.setTimeout( asyncCallback, 10 );\r
- }\r
- function detect(){\r
- if( finish === true ) return;\r
- if( img.complete ){\r
- finish = true;\r
- if( img.width ) return;\r
- timer = window.setTimeout( asyncCallback, 10 );\r
- return;\r
- }\r
- if( ( tick += delay ) > timeout ){\r
- finish = true;\r
- timer = window.setTimeout( asyncCallback, 10 );\r
- return;\r
- }\r
- timer = window.setTimeout( detect, delay );\r
- }\r
- \r
- function asyncCallback(){\r
- size ? onLoadCallback( abspath, size.width, size.height ) : onErrorCallback( abspath );\r
- destroy();\r
- }\r
- function destroy(){\r
- finish = true;\r
- img.src = img.onload = img.onabort = img.onerror = '';\r
- img = void 0\r
- size = onLoadCallback = onErrorCallback = timer = null;\r
- }\r
- this.stop = function(){\r
- timer !== null && window.clearTimeout( timer );\r
- destroy(); \r
- }\r
- }\r
- \r
- return {\r
- load: function( URLorELM, onLoad, onError, delay, opt_timeout ){\r
- var src, fetch;\r
- if( Type.isString( URLorELM ) === true ){\r
- src = URLorELM;\r
- } else\r
- if( Type.isHTMLElement( URLorELM ) === true && URLorELM.tagName.toLowerCase() === 'img' ){\r
- src = URLorELM.src;\r
- } else {\r
- return;\r
- }\r
- \r
- fetch = new FetchClass(\r
- pettanr.util.getAbsolutePath( src ),\r
- onLoad, onError,\r
- Type.isFinite( delay ) === true ? delay : 250,\r
- Type.isFinite( opt_timeout ) === true ? opt_timeout : undefined\r
- );\r
- // TASK_LIST.push( fetch );\r
- \r
- return fetch;\r
- }\r
- }\r
- })();\r
- \r
- var REG_PNG = /\.png?/i,\r
- IS_CSS3 = 0,\r
- IS_VML = 1,\r
- IS_ACTIVEX = 2,\r
- IS_CANVAS = 3,\r
- IS_FLASH = 4,\r
- IS_SILVERLIGHT = 5,\r
- IS_SERVER = 6,\r
- IS_ACTIVEX_SERVER = 7,\r
- BACKEND = ( function(){\r
- if( pettanr.DEBUG === true && pettanr.URL_PARAMS.rimg ){\r
- var rimg = pettanr.URL_PARAMS.rimg.toLowerCase();\r
- if( rimg === 'css3' ) return IS_CSS3;\r
- if( rimg === 'activex' ) return IS_ACTIVEX;\r
- if( rimg === 'vml' ) return IS_VML;\r
- }\r
- if( pettanr.ua.isIE === false || pettanr.ua.ieVersion >= 9 ) return IS_CSS3; // 不十分!\r
- if( pettanr.ua.VML === true ) return IS_VML;\r
- if( pettanr.ua.ACTIVEX === true ) return IS_ACTIVEX;\r
- if( pettanr.FLASH === true ) return IS_FLASH;\r
- if( pettanr.SILVERLIGHT === true ) return IS_SILVERLIGHT;\r
- return IS_SERVER;\r
- })(),\r
- BACKEND_WHEN_PNG = ( function(){\r
- if( pettanr.ua.isIE === false || pettanr.ua.ieVersion > 6 ) return BACKEND;\r
- if( pettanr.ua.VML === true ) return IS_VML;\r
- if( pettanr.FLASH === true ) return IS_FLASH;\r
- if( pettanr.SILVERLIGHT === true ) return IS_SILVERLIGHT;\r
- if( pettanr.ua.ACTIVEX === true ) return IS_ACTIVEX_SERVER;\r
- return IS_SERVER;\r
- })(),\r
- CLASS_NAME = 'reversible-image-container',\r
- CLASS_NAME_LOADING = CLASS_NAME + ' loading',\r
- CLASS_NAME_ERROR = CLASS_NAME +' error',\r
- RETRY_DELAY = 5000,\r
- NUM_RETRY = 3,\r
- ReversibleImageClass,\r
- ReversibleImageClassWithPingfix;\r
- \r
- var css3Image = function( url, w, h, onLoadCallback ){\r
- var elmWrap = document.createElement( 'div' ),\r
- elmImg = null,\r
- retryTimer = null,\r
- fetch = FetchImageControl.load( url, onLoad, onError, 100, 10000 ),\r
- instance = this;\r
- elmWrap.className = CLASS_NAME_LOADING;\r
-\r
- function onLoad( _url, _actualW, _actualH ){\r
- if( elmWrap === null ) return;\r
- elmImg = new Image; // new Image でないと ie6,7 でクラッシュするかも、、、?\r
- /*\r
- * createElement 直後に append しないと、ie(ActiveX)で img が正しく表示されない.\r
- */\r
- elmWrap.appendChild( elmImg );\r
- elmImg.setAttribute( 'src', url );\r
- elmWrap.className = CLASS_NAME;\r
- onLoadCallback && onLoadCallback( _url, _actualW, _actualH );\r
- onLoadCallback = fetch = null;\r
- instance.resize( w, h );\r
- }\r
- function onError( _url ){\r
- if( elmWrap === null ) return;\r
- elmWrap.className = CLASS_NAME_ERROR;\r
- retryTimer = window.setTimeout( retry, RETRY_DELAY );\r
- fetch = null;\r
- }\r
- function retry(){\r
- elmWrap.className = CLASS_NAME_LOADING;\r
- fetch = FetchImageControl.load( url, onLoad, onError, 100, 10000 );\r
- }\r
-\r
- this.elm = elmWrap;\r
- this.resize = function( _w, _h ){\r
- w = _w !== undefined ? _w : w;\r
- h = _h !== undefined ? _h : h;\r
- if( elmImg === null ) return;\r
- elmImg.className = w < 0 || h < 0 ? ( 'img-flip-' + ( w < 0 && h < 0 ? 'vh' : ( w < 0 ? 'h' : 'v'))) : '';\r
- }\r
- this.destroy = function(){\r
- delete instance.destroy;\r
- \r
- elmImg !== null && elmWrap.removeChild( elmImg );\r
- retryTimer !== null && window.clearTimeout( retryTimer );\r
- fetch !== null && fetch.stop();\r
- elmWrap = elmImg = onLoadCallback = retryTimer = fetch = instance = null;\r
- }\r
- }\r
- \r
- var activexImage = css3Image;\r
- \r
- var vmlImage = function( url, w, h, onLoadCallback ){\r
- var elmWrap = document.createElement( 'div' ),\r
- vmlImg = null,\r
- retryTimer = null,\r
- fetch = FetchImageControl.load( url, onLoad, onError, 100, 10000 ),\r
- instance = this;\r
- elmWrap.className = CLASS_NAME_LOADING;\r
- function onLoad( _url, _actualW, _actualH ){\r
- if( elmWrap === null ) return;\r
- elmWrap.className = CLASS_NAME;\r
- vmlImg = document.createElement( 'v:image' );\r
- vmlImg.src = url;\r
- onLoadCallback && onLoadCallback( _url, _actualW, _actualH );\r
- onLoadCallback = fetch = null;\r
- instance.resize( w, h );\r
- }\r
- function onError( _url ){\r
- if( elmWrap === null ) return;\r
- elmWrap.className = CLASS_NAME_ERROR;\r
- retryTimer = window.setTimeout( retry, RETRY_DELAY );\r
- fetch = null;\r
- }\r
- function retry(){\r
- elmWrap.className = CLASS_NAME_LOADING;\r
- fetch = FetchImageControl.load( url, onLoad, onError, 100, 10000 );\r
- }\r
- \r
- this.elm = elmWrap;\r
- this.resize = function( _w, _h ){\r
- w = _w !== undefined ? _w : w;\r
- h = _h !== undefined ? _h : h;\r
- if( vmlImg === null ) return;\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
- //}\r
- vmlImg.className = w < 0 || h < 0 ? ( 'img-flip-' + ( w < 0 && h < 0 ? 'vh' : ( w < 0 ? 'h' : 'v'))) : '';\r
- elmWrap.appendChild( vmlImg );\r
- }\r
- this.destroy = function(){\r
- instance.destroy;\r
- \r
- vmlImg !== null && elmWrap.removeChild( vmlImg );\r
- retryTimer !== null && window.clearTimeout( retryTimer );\r
- fetch !== null && fetch.stop();\r
- elmWrap = vmlImg = onLoadCallback = retryTimer = fetch = instance = null;\r
- }\r
- }\r
- \r
- var serverImage = css3Image; // function( url, w, h, onLoadCallback ){}\r
- \r
- if( BACKEND === IS_CSS3 ) ReversibleImageClass = css3Image;\r
- if( BACKEND === IS_VML ) ReversibleImageClass = vmlImage;\r
- if( BACKEND === IS_ACTIVEX ) ReversibleImageClass = activexImage;\r
- if( BACKEND === IS_SERVER ) ReversibleImageClass = activexImage;\r
- \r
- css3Image = vmlImage = activexImage = activexImage = null;\r
- \r
- return {\r
- createReversibleImage: function( url, w, h, onLoadCallback){\r
- return new ReversibleImageClass( url, w, h, onLoadCallback );\r
- }\r
- }\r
-})();\r
-\r
-/*\r
- * bind : 製本\r
- */\r
-pettanr.bind = ( function(){\r
- var BIND_WORKER_ARRAY = [],\r
- NAMESPACE_CLASSNAME = pettanr.CONST.NS_PETTANR_COMIC + '-',\r
- RESOURCE_PICTURE_PATH = pettanr.CONST.RESOURCE_PICTURE_PATH,\r
- ELM_DETECT_WIDTH = ( function(){\r
- var ret = document.createElement( 'div');\r
- ret.style.cssText = 'width: auto;height: 0;padding: 0;margin: 0;display: block;visibility: hidden;float: none;position: static;';\r
- return ret;\r
- })(),\r
- ELM_TITLE_ORIGN = ( function(){\r
- \r
- })();\r
-\r
- /*\r
- * original\r
- * http://d.hatena.ne.jp/uupaa/20090720/1248097177\r
- */\r
- var ResizeAgentClass = function( onResizeFunction, opt_elmCheck){\r
- var _globalLock = 0,\r
- _size = { w: 0, h: 0 };\r
- _ie = !!document.all,\r
- _quirks = (document.compatMode || "") !== "CSS1Compat",\r
- _ieroot = _quirks ? "body" : "documentElement";\r
- _root = opt_elmCheck ? opt_elmCheck : ( _ie ? document[_ieroot] : window);\r
-\r
- function getInnerSize() {\r
- return {\r
- w: _root.innerWidth || _root.clientWidth,\r
- h: _root.innerHeight || _root.clientHeight\r
- };\r
- }\r
-\r
- function loop() {\r
- if (!_globalLock++) {\r
- var size = getInnerSize();\r
- if (_size.w !== size.w || _size.h !== size.h) { // resized\r
- _size = size; // update\r
- onResizeFunction( _size );\r
- }\r
- setTimeout( unlock, 0); // delay unlock\r
- }\r
- setTimeout(loop, 500);\r
- }\r
- function unlock(){\r
- _globalLock = 0;\r
- }\r
- loop();\r
- }\r
- \r
- \r
- var ElementBuilderClass = function( elmTarget, noClassnameMode ){\r
- var RIMG_ARRAY = [],\r
- BALLOON_ARRAY = [];\r
- \r
- function buildComicElement(){\r
- \r
- }\r
- \r
- function buildPanelElement( json, zoom ){\r
- var _elmPanel = document.createElement( 'div' ),\r
- _style = {\r
- 'border-width': typeof json.border === 'number' ? json.border + 'px' : 0,\r
- width: json.width + 'px',\r
- height: json.height + 'px'\r
- },\r
- _cssText = [],\r
- _comicElements = json.panel_elements || [],\r
- _comicElement, _elmImg, _rImg, _rPic,\r
- _balloon, _elmBalloonWrap, _elmText, _text, _speechesAttributes, _key;\r
- if( noClassnameMode === true ){\r
- \r
- } else {\r
- _elmPanel.className = NAMESPACE_CLASSNAME + 'panel';\r
- }\r
- for( var _key in _style ){\r
- _cssText.push( _key + ':' + _style[ _key ] );\r
- }\r
- _elmPanel.style.cssText = _cssText.join( ';');\r
- elmTarget.appendChild( _elmPanel );\r
- \r
- for( var i=0, l=_comicElements.length; i<l; ++i ){\r
- _comicElement = _comicElements[ i ];\r
- _rPic = _comicElement.resource_picture;\r
- if( _rPic ){\r
- _rImg = pettanr.image.createReversibleImage(\r
- [ RESOURCE_PICTURE_PATH, _rPic.id, '.', _rPic.ext ].join( ''),\r
- _comicElement.width, _comicElement.height\r
- );\r
- _elmImg = _rImg.elm;\r
- _elmPanel.appendChild( _elmImg );\r
- _elmImg.className = NAMESPACE_CLASSNAME + 'image';\r
- _elmImg.style.cssText = [\r
- 'left:', _comicElement.x, 'px;',\r
- 'top:', _comicElement.y, 'px;',\r
- 'z-index:',_comicElement.z, ';'\r
- ].join( ''); \r
- if( _elmImg.tagName === 'img' ){\r
- _elmImg.width = Math.abs( _comicElement.width );\r
- _elmImg.height = Math.abs( _comicElement.height );\r
- } else {\r
- _elmImg.style.width = Math.abs( _comicElement.width ) + 'px';\r
- _elmImg.style.height = Math.abs( _comicElement.height ) + 'px';\r
- }\r
- \r
- RIMG_ARRAY.push( _rImg );\r
- } else {\r
- _elmBalloonWrap = document.createElement( 'div' );\r
- _elmPanel.appendChild( _elmBalloonWrap );\r
- _elmBalloonWrap.className = NAMESPACE_CLASSNAME + 'balloon';\r
- _elmBalloonWrap.style.cssText = [\r
- 'width:', _comicElement.width, 'px;',\r
- 'height:', _comicElement.height, 'px;',\r
- 'left:', _comicElement.x, 'px;',\r
- 'top:', _comicElement.y, 'px;',\r
- 'z-index:', _comicElement.z, ';'\r
- ].join( '');\r
-\r
- _balloon = pettanr.balloon.createBalloon( _comicElement.width, _comicElement.height, _comicElement.tail );\r
- _elmBalloonWrap.appendChild( _balloon.elm );\r
- \r
- _elmText = document.createElement( 'p' );\r
- _elmBalloonWrap.appendChild( _elmText );\r
- \r
- _elmText.appendChild( document.createElement( 'span' ) );\r
- \r
- _text = '';\r
- _speechesAttributes = _comicElement.speeches_attributes;\r
- if( _speechesAttributes ){\r
- for( _key in _speechesAttributes ){\r
- _text += _speechesAttributes[ _key ] && _speechesAttributes[ _key ].content ? _speechesAttributes[ _key ].content : '';\r
- }\r
- }\r
- _elmText.firstChild.appendChild( document.createTextNode( _text ));\r
- BALLOON_ARRAY.push( _balloon );\r
- }\r
- }\r
- }\r
- \r
- function clean(){\r
- // clean elmTarget\r
- while( RIMG_ARRAY.length > 0 ){\r
- RIMG_ARRAY.shift().destroy();\r
- }\r
- while( BALLOON_ARRAY.length > 0 ){\r
- BALLOON_ARRAY.shift().destroy();\r
- }\r
- pettanr.util.removeAllChildren( elmTarget ); \r
- }\r
- \r
- this.build = function( json, zoom ){\r
- clean();\r
- \r
- // json is Comic ? Panel ?\r
- var panels = json.panels;\r
- if( Type.isArray( panels ) === true ){\r
- // comic\r
- for( var i=0, l=panels.length; i<l; ++i ){\r
- buildPanelElement( panels[ i ], zoom );\r
- }\r
- } else\r
- if( json.panel_elements ){\r
- // panel\r
- buildPanelElement( json, zoom );\r
- } else {\r
- // invalid json\r
- }\r
- }\r
- this.zoom = function(){\r
- \r
- }\r
- this.destroy = function(){\r
- clean();\r
- }\r
- };\r
- \r
- var BindWorkerClass = function( elmTarget, json, zoomSelfEnabled, noClassnameMode ){\r
- var builder = new ElementBuilderClass( elmTarget, noClassnameMode );\r
- var elmDetectW = ELM_DETECT_WIDTH.cloneNode( false );\r
- var resizer = null;\r
- \r
- if( zoomSelfEnabled === true){\r
- elmTarget.parentNode.insertBefore( elmDetectW, elmTarget );\r
- resizer = new ResizeAgentClass( onResize, elmDetectW );\r
- }\r
- function onResize(){\r
- \r
- }\r
- json && typeof json === 'object' && builder.build( json );\r
- \r
- this.init = function(){\r
- \r
- }\r
- this.zoom = function(){\r
- builder.zoom();\r
- }\r
- this.json = function( _json ){\r
- json = _json;\r
- builder.build( _json );\r
- }\r
- this.targetElement = function(){\r
- \r
- }\r
- this.layout = function(){\r
- \r
- }\r
- this.destroy = function(){\r
- builder.destroy();\r
- elmTarget = json = builder = null;\r
- }\r
- }\r
- \r
- return {\r
- createBindWorker: function( elmTarget, opt_COMICJSONorPANELJSON, opt_zoomSelfEnabled, opt_noClassnameMode ){\r
- var ret = new BindWorkerClass( elmTarget, opt_COMICJSONorPANELJSON, !!opt_zoomSelfEnabled, !!opt_noClassnameMode);\r
- BIND_WORKER_ARRAY.push( ret );\r
- return ret;\r
- },\r
- isBindWorkerInstance: function( _bindWorker ){\r
- return _bindWorker instanceof BindWorkerClass;\r
- }\r
- }\r
-})();\r
-\r
-var VisualEffect = ( function(){\r
- \r
- var ANIMATION_TICKET_ARRAY = [],\r
- fpms = 50,\r
- TIMER = null,\r
- FILTER = 'filter',\r
- OPACITY = 'opacity',\r
- REG_ALPHA = /alpha\([^)]*\)/i,\r
- CORON = ':',\r
- EMPTY = '',\r
- SEMICORON = ';';\r
- \r
- function startAnimation( _elm, _cssObject, _onComplete, _onEnterFrame, _numFrames){\r
- var _ticket;\r
- for( var i=0, l=ANIMATION_TICKET_ARRAY.length; i<l; ++i){\r
- _ticket = ANIMATION_TICKET_ARRAY[ i];\r
- if( _ticket.elm === _elm) {\r
- _ticket.destroy();\r
- break;\r
- }\r
- }\r
- // coputedStyle と _cssObject を比較して , 一致及び非数は削除しつつ コピー\r
- // filter opacity の追加 REG_ALPHA.test( _value ) ? _value.replace( REG_ALPHA, opacity ) : _value + " " + opacity\r
- /*\r
- * cssObject をまわす\r
- * 非数は削除\r
- * cssText と一致も削除\r
- * coputedStyle と一致も削除\r
- * updateTraget ととして記録\r
- * 初期値を cssObject としてセット\r
- * cssTest にセット zoom もセット\r
- */\r
- \r
- //\r
- /*\r
- var style = elem.style,\r
- currentStyle = elem.currentStyle,\r
- opacity = jQuery.isNumeric( value ) ? "alpha(opacity=" + value * 100 + ")" : "",\r
- filter = currentStyle && currentStyle.filter || style.filter || "";\r
-\r
- // IE has trouble with opacity if it does not have layout\r
- // Force it by setting the zoom level\r
- style.zoom = 1;\r
- */\r
- \r
- var _currentParameters = [],\r
- _offsetParameters = [],\r
- _endParameters = [],\r
- _targetAttributes = [];\r
- \r
- ANIMATION_TICKET_ARRAY.push( new AnimationTaskClass(\r
- _elm,\r
- _currentParameters, _offsetParameters, _endParameters, _targetAttributes,\r
- typeof _onComplete === 'function' ? _onComplete : null,\r
- typeof _onEnterFrame === 'function' ? _onEnterFrame : null,\r
- _numFrames\r
- ));\r
- \r
- if( TIMER === null){\r
- TIMER = window.setInterval( onEnterFrame, fpms);\r
- }\r
- }\r
- function onEnterFrame(){\r
- var _ticket,\r
- i = 0;\r
- while( i<ANIMATION_TICKET_ARRAY.length){\r
- _ticket = ANIMATION_TICKET_ARRAY[ i];\r
- if( _ticket.onEnterFrame() === true){\r
- _ticket.destroy();\r
- ANIMATION_TICKET_ARRAY.splice( i, 1);\r
- } else {\r
- ++i;\r
- }\r
- }\r
- if( ANIMATION_TICKET_ARRAY.length === 0){\r
- window.clearInterval( TIMER);\r
- TIMER = null;\r
- }\r
- }\r
- function updateCss( _elm, _updateParameters, _targetAttributes, _numAttributes){\r
- if( _numAttributes > 1){\r
- var _cssTexts = _elm.style.cssText.split( ';'), _css,\r
- _separate,\r
- _cssObject = {}, _target, _value, _number, _px,\r
- j;\r
- for(var i=0, l=_cssTexts.length; i<l; ++i){\r
- _css = _cssTexts[ i];\r
- _separate = _css.indexOf( ':');\r
- if( _separate >= 3){\r
- _target = _css.substr( 0, _separate +1);\r
- _value = _css.substr( _separate +1);\r
- /*\r
- * ie filter\r
- */\r
- if( _target === FILTER){\r
- for( j=0; j<_numAttributes; ++j){\r
- if( _targetAttributes[ j] === OPACITY){\r
- _cssTexts[ i] = [\r
- _target, ':',\r
- _value.replace( REG_ALPHA, "alpha(opacity=" + _updateParameters[ j] * 100 + ")")\r
- ].join( '');\r
- break;\r
- }\r
- }\r
- /*\r
- * other\r
- */\r
- } else {\r
- _number = '' + parseFloat( _value);\r
- _px = _value.indexOf( _number);\r
- _px = _px > 0 ? _value.substr( _px + _number.length) : '';\r
- for( j=0; j<_numAttributes; ++j){\r
- if( _targetAttributes[ j] === _target){\r
- _cssTexts[ i] = [ _target, ':', _updateParameters[ j], _px].join( '');\r
- break;\r
- }\r
- } \r
- }\r
- }\r
- }\r
- _elm.style.cssText = _cssTexts.join( ';');\r
- return; \r
- }\r
- /*\r
- * 一度に update する Attributes が少ない場合、cssText は使用しない.\r
- */\r
- }\r
- \r
- var AnimationTaskClass = function( ELM, currentParameters, offsetParameters, endParameters, targetAttributes, onComplete, onEnterFrame, numFrames){\r
- var l = targetAttributes.length;\r
- return {\r
- elm: ELM,\r
- onEnterFrame: function(){\r
- var _updateCss = {}, i;\r
- if( numFrames === 1){\r
- for( i=0; i<l; ++i){\r
- _updateCss[ targetAttributes[ i]] = endParameters[ i];\r
- ++i;\r
- }\r
- updateCss( ELM, currentParameters, targetAttributes, l);\r
- onComplete !== null && onComplete();\r
- } else {\r
- for( i=0; i<l; ++i){\r
- _updateCss[ targetAttributes[ i]] = currentParameters[ i] = Math.floor( currentParameters[ i] + offsetParameters[ i]);\r
- ++i;\r
- }\r
- updateCss( ELM, currentParameters, targetAttributes, l);\r
- onEnterFrame !== null && onEnterFrame( _updateCss);\r
- }\r
- --numFrames;\r
- return numFrames === 0;\r
- },\r
- destroy: function(){\r
- ELM = onComplete = onEnterFrame = null;\r
- }\r
- }\r
- }\r
- \r
- var VisualEffectClass = function( ELM){\r
- var isHtmlElement;\r
- \r
- function registerAnime( _cssObject, _onComplete, _onEnterFrame, _time){\r
- var _numFrames = Math.floor( _time / fpms);\r
- startAnimation( ELM, _cssObject, _onComplete, _onEnterFrame, _numFrames);\r
- }\r
- function startFadeIn(){\r
- \r
- }\r
- function startFadeOut(){\r
- \r
- }\r
- function update( _x, _y, _w, _h){\r
- var _cssText = ELM.style.cssText;\r
- \r
- }\r
- \r
- this.anime = registerAnime;\r
- this.fadeIn = startFadeIn;\r
- this.fadeOut = startFadeOut;\r
- this.update = update;\r
- }\r
- \r
- return {\r
- createVisualEffect: function( _elm){\r
- return new VisualEffectClass( _elm);\r
- },\r
- isInstanceOfVisualEffect: function( _instance){\r
- return _instance instanceof VisualEffectClass;\r
- }\r
- }\r
-})();\r
-\r
-\r
-\r
-/*\r
- * Google Analytics\r
- */\r
-\r
-if( pettanr.LOCAL === false){\r
- var _gaq = _gaq || [];\r
- _gaq.push(['_setAccount', 'UA-28023955-1']);\r
- _gaq.push(['_trackPageview']);\r
- \r
- (function() {\r
- var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;\r
- ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';\r
- var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);\r
- })(); \r
-}
\ No newline at end of file
+++ /dev/null
-/*!
- * jQuery JavaScript Library v1.6.2
- * http://jquery.com/
- *
- * Copyright 2011, John Resig
- * Dual licensed under the MIT or GPL Version 2 licenses.
- * http://jquery.org/license
- *
- * Includes Sizzle.js
- * http://sizzlejs.com/
- * Copyright 2011, The Dojo Foundation
- * Released under the MIT, BSD, and GPL Licenses.
- *
- * Date: Thu Jun 30 14:16:56 2011 -0400
- */
-(function(a,b){function cv(a){return f.isWindow(a)?a:a.nodeType===9?a.defaultView||a.parentWindow:!1}function cs(a){if(!cg[a]){var b=c.body,d=f("<"+a+">").appendTo(b),e=d.css("display");d.remove();if(e==="none"||e===""){ch||(ch=c.createElement("iframe"),ch.frameBorder=ch.width=ch.height=0),b.appendChild(ch);if(!ci||!ch.createElement)ci=(ch.contentWindow||ch.contentDocument).document,ci.write((c.compatMode==="CSS1Compat"?"<!doctype html>":"")+"<html><body>"),ci.close();d=ci.createElement(a),ci.body.appendChild(d),e=f.css(d,"display"),b.removeChild(ch)}cg[a]=e}return cg[a]}function cr(a,b){var c={};f.each(cm.concat.apply([],cm.slice(0,b)),function(){c[this]=a});return c}function cq(){cn=b}function cp(){setTimeout(cq,0);return cn=f.now()}function cf(){try{return new a.ActiveXObject("Microsoft.XMLHTTP")}catch(b){}}function ce(){try{return new a.XMLHttpRequest}catch(b){}}function b$(a,c){a.dataFilter&&(c=a.dataFilter(c,a.dataType));var d=a.dataTypes,e={},g,h,i=d.length,j,k=d[0],l,m,n,o,p;for(g=1;g<i;g++){if(g===1)for(h in a.converters)typeof h=="string"&&(e[h.toLowerCase()]=a.converters[h]);l=k,k=d[g];if(k==="*")k=l;else if(l!=="*"&&l!==k){m=l+" "+k,n=e[m]||e["* "+k];if(!n){p=b;for(o in e){j=o.split(" ");if(j[0]===l||j[0]==="*"){p=e[j[1]+" "+k];if(p){o=e[o],o===!0?n=p:p===!0&&(n=o);break}}}}!n&&!p&&f.error("No conversion from "+m.replace(" "," to ")),n!==!0&&(c=n?n(c):p(o(c)))}}return c}function bZ(a,c,d){var e=a.contents,f=a.dataTypes,g=a.responseFields,h,i,j,k;for(i in g)i in d&&(c[g[i]]=d[i]);while(f[0]==="*")f.shift(),h===b&&(h=a.mimeType||c.getResponseHeader("content-type"));if(h)for(i in e)if(e[i]&&e[i].test(h)){f.unshift(i);break}if(f[0]in d)j=f[0];else{for(i in d){if(!f[0]||a.converters[i+" "+f[0]]){j=i;break}k||(k=i)}j=j||k}if(j){j!==f[0]&&f.unshift(j);return d[j]}}function bY(a,b,c,d){if(f.isArray(b))f.each(b,function(b,e){c||bC.test(a)?d(a,e):bY(a+"["+(typeof e=="object"||f.isArray(e)?b:"")+"]",e,c,d)});else if(!c&&b!=null&&typeof b=="object")for(var e in b)bY(a+"["+e+"]",b[e],c,d);else d(a,b)}function bX(a,c,d,e,f,g){f=f||c.dataTypes[0],g=g||{},g[f]=!0;var h=a[f],i=0,j=h?h.length:0,k=a===bR,l;for(;i<j&&(k||!l);i++)l=h[i](c,d,e),typeof l=="string"&&(!k||g[l]?l=b:(c.dataTypes.unshift(l),l=bX(a,c,d,e,l,g)));(k||!l)&&!g["*"]&&(l=bX(a,c,d,e,"*",g));return l}function bW(a){return function(b,c){typeof b!="string"&&(c=b,b="*");if(f.isFunction(c)){var d=b.toLowerCase().split(bN),e=0,g=d.length,h,i,j;for(;e<g;e++)h=d[e],j=/^\+/.test(h),j&&(h=h.substr(1)||"*"),i=a[h]=a[h]||[],i[j?"unshift":"push"](c)}}}function bA(a,b,c){var d=b==="width"?a.offsetWidth:a.offsetHeight,e=b==="width"?bv:bw;if(d>0){c!=="border"&&f.each(e,function(){c||(d-=parseFloat(f.css(a,"padding"+this))||0),c==="margin"?d+=parseFloat(f.css(a,c+this))||0:d-=parseFloat(f.css(a,"border"+this+"Width"))||0});return d+"px"}d=bx(a,b,b);if(d<0||d==null)d=a.style[b]||0;d=parseFloat(d)||0,c&&f.each(e,function(){d+=parseFloat(f.css(a,"padding"+this))||0,c!=="padding"&&(d+=parseFloat(f.css(a,"border"+this+"Width"))||0),c==="margin"&&(d+=parseFloat(f.css(a,c+this))||0)});return d+"px"}function bm(a,b){b.src?f.ajax({url:b.src,async:!1,dataType:"script"}):f.globalEval((b.text||b.textContent||b.innerHTML||"").replace(be,"/*$0*/")),b.parentNode&&b.parentNode.removeChild(b)}function bl(a){f.nodeName(a,"input")?bk(a):"getElementsByTagName"in a&&f.grep(a.getElementsByTagName("input"),bk)}function bk(a){if(a.type==="checkbox"||a.type==="radio")a.defaultChecked=a.checked}function bj(a){return"getElementsByTagName"in a?a.getElementsByTagName("*"):"querySelectorAll"in a?a.querySelectorAll("*"):[]}function bi(a,b){var c;if(b.nodeType===1){b.clearAttributes&&b.clearAttributes(),b.mergeAttributes&&b.mergeAttributes(a),c=b.nodeName.toLowerCase();if(c==="object")b.outerHTML=a.outerHTML;else if(c!=="input"||a.type!=="checkbox"&&a.type!=="radio"){if(c==="option")b.selected=a.defaultSelected;else if(c==="input"||c==="textarea")b.defaultValue=a.defaultValue}else a.checked&&(b.defaultChecked=b.checked=a.checked),b.value!==a.value&&(b.value=a.value);b.removeAttribute(f.expando)}}function bh(a,b){if(b.nodeType===1&&!!f.hasData(a)){var c=f.expando,d=f.data(a),e=f.data(b,d);if(d=d[c]){var g=d.events;e=e[c]=f.extend({},d);if(g){delete e.handle,e.events={};for(var h in g)for(var i=0,j=g[h].length;i<j;i++)f.event.add(b,h+(g[h][i].namespace?".":"")+g[h][i].namespace,g[h][i],g[h][i].data)}}}}function bg(a,b){return f.nodeName(a,"table")?a.getElementsByTagName("tbody")[0]||a.appendChild(a.ownerDocument.createElement("tbody")):a}function W(a,b,c){b=b||0;if(f.isFunction(b))return f.grep(a,function(a,d){var e=!!b.call(a,d,a);return e===c});if(b.nodeType)return f.grep(a,function(a,d){return a===b===c});if(typeof b=="string"){var d=f.grep(a,function(a){return a.nodeType===1});if(R.test(b))return f.filter(b,d,!c);b=f.filter(b,d)}return f.grep(a,function(a,d){return f.inArray(a,b)>=0===c})}function V(a){return!a||!a.parentNode||a.parentNode.nodeType===11}function N(a,b){return(a&&a!=="*"?a+".":"")+b.replace(z,"`").replace(A,"&")}function M(a){var b,c,d,e,g,h,i,j,k,l,m,n,o,p=[],q=[],r=f._data(this,"events");if(!(a.liveFired===this||!r||!r.live||a.target.disabled||a.button&&a.type==="click")){a.namespace&&(n=new RegExp("(^|\\.)"+a.namespace.split(".").join("\\.(?:.*\\.)?")+"(\\.|$)")),a.liveFired=this;var s=r.live.slice(0);for(i=0;i<s.length;i++)g=s[i],g.origType.replace(x,"")===a.type?q.push(g.selector):s.splice(i--,1);e=f(a.target).closest(q,a.currentTarget);for(j=0,k=e.length;j<k;j++){m=e[j];for(i=0;i<s.length;i++){g=s[i];if(m.selector===g.selector&&(!n||n.test(g.namespace))&&!m.elem.disabled){h=m.elem,d=null;if(g.preType==="mouseenter"||g.preType==="mouseleave")a.type=g.preType,d=f(a.relatedTarget).closest(g.selector)[0],d&&f.contains(h,d)&&(d=h);(!d||d!==h)&&p.push({elem:h,handleObj:g,level:m.level})}}}for(j=0,k=p.length;j<k;j++){e=p[j];if(c&&e.level>c)break;a.currentTarget=e.elem,a.data=e.handleObj.data,a.handleObj=e.handleObj,o=e.handleObj.origHandler.apply(e.elem,arguments);if(o===!1||a.isPropagationStopped()){c=e.level,o===!1&&(b=!1);if(a.isImmediatePropagationStopped())break}}return b}}function K(a,c,d){var e=f.extend({},d[0]);e.type=a,e.originalEvent={},e.liveFired=b,f.event.handle.call(c,e),e.isDefaultPrevented()&&d[0].preventDefault()}function E(){return!0}function D(){return!1}function m(a,c,d){var e=c+"defer",g=c+"queue",h=c+"mark",i=f.data(a,e,b,!0);i&&(d==="queue"||!f.data(a,g,b,!0))&&(d==="mark"||!f.data(a,h,b,!0))&&setTimeout(function(){!f.data(a,g,b,!0)&&!f.data(a,h,b,!0)&&(f.removeData(a,e,!0),i.resolve())},0)}function l(a){for(var b in a)if(b!=="toJSON")return!1;return!0}function k(a,c,d){if(d===b&&a.nodeType===1){var e="data-"+c.replace(j,"$1-$2").toLowerCase();d=a.getAttribute(e);if(typeof d=="string"){try{d=d==="true"?!0:d==="false"?!1:d==="null"?null:f.isNaN(d)?i.test(d)?f.parseJSON(d):d:parseFloat(d)}catch(g){}f.data(a,c,d)}else d=b}return d}var c=a.document,d=a.navigator,e=a.location,f=function(){function J(){if(!e.isReady){try{c.documentElement.doScroll("left")}catch(a){setTimeout(J,1);return}e.ready()}}var e=function(a,b){return new e.fn.init(a,b,h)},f=a.jQuery,g=a.$,h,i=/^(?:[^<]*(<[\w\W]+>)[^>]*$|#([\w\-]*)$)/,j=/\S/,k=/^\s+/,l=/\s+$/,m=/\d/,n=/^<(\w+)\s*\/?>(?:<\/\1>)?$/,o=/^[\],:{}\s]*$/,p=/\\(?:["\\\/bfnrt]|u[0-9a-fA-F]{4})/g,q=/"[^"\\\n\r]*"|true|false|null|-?\d+(?:\.\d*)?(?:[eE][+\-]?\d+)?/g,r=/(?:^|:|,)(?:\s*\[)+/g,s=/(webkit)[ \/]([\w.]+)/,t=/(opera)(?:.*version)?[ \/]([\w.]+)/,u=/(msie) ([\w.]+)/,v=/(mozilla)(?:.*? rv:([\w.]+))?/,w=/-([a-z])/ig,x=function(a,b){return b.toUpperCase()},y=d.userAgent,z,A,B,C=Object.prototype.toString,D=Object.prototype.hasOwnProperty,E=Array.prototype.push,F=Array.prototype.slice,G=String.prototype.trim,H=Array.prototype.indexOf,I={};e.fn=e.prototype={constructor:e,init:function(a,d,f){var g,h,j,k;if(!a)return this;if(a.nodeType){this.context=this[0]=a,this.length=1;return this}if(a==="body"&&!d&&c.body){this.context=c,this[0]=c.body,this.selector=a,this.length=1;return this}if(typeof a=="string"){a.charAt(0)!=="<"||a.charAt(a.length-1)!==">"||a.length<3?g=i.exec(a):g=[null,a,null];if(g&&(g[1]||!d)){if(g[1]){d=d instanceof e?d[0]:d,k=d?d.ownerDocument||d:c,j=n.exec(a),j?e.isPlainObject(d)?(a=[c.createElement(j[1])],e.fn.attr.call(a,d,!0)):a=[k.createElement(j[1])]:(j=e.buildFragment([g[1]],[k]),a=(j.cacheable?e.clone(j.fragment):j.fragment).childNodes);return e.merge(this,a)}h=c.getElementById(g[2]);if(h&&h.parentNode){if(h.id!==g[2])return f.find(a);this.length=1,this[0]=h}this.context=c,this.selector=a;return this}return!d||d.jquery?(d||f).find(a):this.constructor(d).find(a)}if(e.isFunction(a))return f.ready(a);a.selector!==b&&(this.selector=a.selector,this.context=a.context);return e.makeArray(a,this)},selector:"",jquery:"1.6.2",length:0,size:function(){return this.length},toArray:function(){return F.call(this,0)},get:function(a){return a==null?this.toArray():a<0?this[this.length+a]:this[a]},pushStack:function(a,b,c){var d=this.constructor();e.isArray(a)?E.apply(d,a):e.merge(d,a),d.prevObject=this,d.context=this.context,b==="find"?d.selector=this.selector+(this.selector?" ":"")+c:b&&(d.selector=this.selector+"."+b+"("+c+")");return d},each:function(a,b){return e.each(this,a,b)},ready:function(a){e.bindReady(),A.done(a);return this},eq:function(a){return a===-1?this.slice(a):this.slice(a,+a+1)},first:function(){return this.eq(0)},last:function(){return this.eq(-1)},slice:function(){return this.pushStack(F.apply(this,arguments),"slice",F.call(arguments).join(","))},map:function(a){return this.pushStack(e.map(this,function(b,c){return a.call(b,c,b)}))},end:function(){return this.prevObject||this.constructor(null)},push:E,sort:[].sort,splice:[].splice},e.fn.init.prototype=e.fn,e.extend=e.fn.extend=function(){var a,c,d,f,g,h,i=arguments[0]||{},j=1,k=arguments.length,l=!1;typeof i=="boolean"&&(l=i,i=arguments[1]||{},j=2),typeof i!="object"&&!e.isFunction(i)&&(i={}),k===j&&(i=this,--j);for(;j<k;j++)if((a=arguments[j])!=null)for(c in a){d=i[c],f=a[c];if(i===f)continue;l&&f&&(e.isPlainObject(f)||(g=e.isArray(f)))?(g?(g=!1,h=d&&e.isArray(d)?d:[]):h=d&&e.isPlainObject(d)?d:{},i[c]=e.extend(l,h,f)):f!==b&&(i[c]=f)}return i},e.extend({noConflict:function(b){a.$===e&&(a.$=g),b&&a.jQuery===e&&(a.jQuery=f);return e},isReady:!1,readyWait:1,holdReady:function(a){a?e.readyWait++:e.ready(!0)},ready:function(a){if(a===!0&&!--e.readyWait||a!==!0&&!e.isReady){if(!c.body)return setTimeout(e.ready,1);e.isReady=!0;if(a!==!0&&--e.readyWait>0)return;A.resolveWith(c,[e]),e.fn.trigger&&e(c).trigger("ready").unbind("ready")}},bindReady:function(){if(!A){A=e._Deferred();if(c.readyState==="complete")return setTimeout(e.ready,1);if(c.addEventListener)c.addEventListener("DOMContentLoaded",B,!1),a.addEventListener("load",e.ready,!1);else if(c.attachEvent){c.attachEvent("onreadystatechange",B),a.attachEvent("onload",e.ready);var b=!1;try{b=a.frameElement==null}catch(d){}c.documentElement.doScroll&&b&&J()}}},isFunction:function(a){return e.type(a)==="function"},isArray:Array.isArray||function(a){return e.type(a)==="array"},isWindow:function(a){return a&&typeof a=="object"&&"setInterval"in a},isNaN:function(a){return a==null||!m.test(a)||isNaN(a)},type:function(a){return a==null?String(a):I[C.call(a)]||"object"},isPlainObject:function(a){if(!a||e.type(a)!=="object"||a.nodeType||e.isWindow(a))return!1;if(a.constructor&&!D.call(a,"constructor")&&!D.call(a.constructor.prototype,"isPrototypeOf"))return!1;var c;for(c in a);return c===b||D.call(a,c)},isEmptyObject:function(a){for(var b in a)return!1;return!0},error:function(a){throw a},parseJSON:function(b){if(typeof b!="string"||!b)return null;b=e.trim(b);if(a.JSON&&a.JSON.parse)return a.JSON.parse(b);if(o.test(b.replace(p,"@").replace(q,"]").replace(r,"")))return(new Function("return "+b))();e.error("Invalid JSON: "+b)},parseXML:function(b,c,d){a.DOMParser?(d=new DOMParser,c=d.parseFromString(b,"text/xml")):(c=new ActiveXObject("Microsoft.XMLDOM"),c.async="false",c.loadXML(b)),d=c.documentElement,(!d||!d.nodeName||d.nodeName==="parsererror")&&e.error("Invalid XML: "+b);return c},noop:function(){},globalEval:function(b){b&&j.test(b)&&(a.execScript||function(b){a.eval.call(a,b)})(b)},camelCase:function(a){return a.replace(w,x)},nodeName:function(a,b){return a.nodeName&&a.nodeName.toUpperCase()===b.toUpperCase()},each:function(a,c,d){var f,g=0,h=a.length,i=h===b||e.isFunction(a);if(d){if(i){for(f in a)if(c.apply(a[f],d)===!1)break}else for(;g<h;)if(c.apply(a[g++],d)===!1)break}else if(i){for(f in a)if(c.call(a[f],f,a[f])===!1)break}else for(;g<h;)if(c.call(a[g],g,a[g++])===!1)break;return a},trim:G?function(a){return a==null?"":G.call(a)}:function(a){return a==null?"":(a+"").replace(k,"").replace(l,"")},makeArray:function(a,b){var c=b||[];if(a!=null){var d=e.type(a);a.length==null||d==="string"||d==="function"||d==="regexp"||e.isWindow(a)?E.call(c,a):e.merge(c,a)}return c},inArray:function(a,b){if(H)return H.call(b,a);for(var c=0,d=b.length;c<d;c++)if(b[c]===a)return c;return-1},merge:function(a,c){var d=a.length,e=0;if(typeof c.length=="number")for(var f=c.length;e<f;e++)a[d++]=c[e];else while(c[e]!==b)a[d++]=c[e++];a.length=d;return a},grep:function(a,b,c){var d=[],e;c=!!c;for(var f=0,g=a.length;f<g;f++)e=!!b(a[f],f),c!==e&&d.push(a[f]);return d},map:function(a,c,d){var f,g,h=[],i=0,j=a.length,k=a instanceof e||j!==b&&typeof j=="number"&&(j>0&&a[0]&&a[j-1]||j===0||e.isArray(a));if(k)for(;i<j;i++)f=c(a[i],i,d),f!=null&&(h[h.length]=f);else for(g in a)f=c(a[g],g,d),f!=null&&(h[h.length]=f);return h.concat.apply([],h)},guid:1,proxy:function(a,c){if(typeof c=="string"){var d=a[c];c=a,a=d}if(!e.isFunction(a))return b;var f=F.call(arguments,2),g=function(){return a.apply(c,f.concat(F.call(arguments)))};g.guid=a.guid=a.guid||g.guid||e.guid++;return g},access:function(a,c,d,f,g,h){var i=a.length;if(typeof c=="object"){for(var j in c)e.access(a,j,c[j],f,g,d);return a}if(d!==b){f=!h&&f&&e.isFunction(d);for(var k=0;k<i;k++)g(a[k],c,f?d.call(a[k],k,g(a[k],c)):d,h);return a}return i?g(a[0],c):b},now:function(){return(new Date).getTime()},uaMatch:function(a){a=a.toLowerCase();var b=s.exec(a)||t.exec(a)||u.exec(a)||a.indexOf("compatible")<0&&v.exec(a)||[];return{browser:b[1]||"",version:b[2]||"0"}},sub:function(){function a(b,c){return new a.fn.init(b,c)}e.extend(!0,a,this),a.superclass=this,a.fn=a.prototype=this(),a.fn.constructor=a,a.sub=this.sub,a.fn.init=function(d,f){f&&f instanceof e&&!(f instanceof a)&&(f=a(f));return e.fn.init.call(this,d,f,b)},a.fn.init.prototype=a.fn;var b=a(c);return a},browser:{}}),e.each("Boolean Number String Function Array Date RegExp Object".split(" "),function(a,b){I["[object "+b+"]"]=b.toLowerCase()}),z=e.uaMatch(y),z.browser&&(e.browser[z.browser]=!0,e.browser.version=z.version),e.browser.webkit&&(e.browser.safari=!0),j.test(" ")&&(k=/^[\s\xA0]+/,l=/[\s\xA0]+$/),h=e(c),c.addEventListener?B=function(){c.removeEventListener("DOMContentLoaded",B,!1),e.ready()}:c.attachEvent&&(B=function(){c.readyState==="complete"&&(c.detachEvent("onreadystatechange",B),e.ready())});return e}(),g="done fail isResolved isRejected promise then always pipe".split(" "),h=[].slice;f.extend({_Deferred:function(){var a=[],b,c,d,e={done:function(){if(!d){var c=arguments,g,h,i,j,k;b&&(k=b,b=0);for(g=0,h=c.length;g<h;g++)i=c[g],j=f.type(i),j==="array"?e.done.apply(e,i):j==="function"&&a.push(i);k&&e.resolveWith(k[0],k[1])}return this},resolveWith:function(e,f){if(!d&&!b&&!c){f=f||[],c=1;try{while(a[0])a.shift().apply(e,f)}finally{b=[e,f],c=0}}return this},resolve:function(){e.resolveWith(this,arguments);return this},isResolved:function(){return!!c||!!b},cancel:function(){d=1,a=[];return this}};return e},Deferred:function(a){var b=f._Deferred(),c=f._Deferred(),d;f.extend(b,{then:function(a,c){b.done(a).fail(c);return this},always:function(){return b.done.apply(b,arguments).fail.apply(this,arguments)},fail:c.done,rejectWith:c.resolveWith,reject:c.resolve,isRejected:c.isResolved,pipe:function(a,c){return f.Deferred(function(d){f.each({done:[a,"resolve"],fail:[c,"reject"]},function(a,c){var e=c[0],g=c[1],h;f.isFunction(e)?b[a](function(){h=e.apply(this,arguments),h&&f.isFunction(h.promise)?h.promise().then(d.resolve,d.reject):d[g](h)}):b[a](d[g])})}).promise()},promise:function(a){if(a==null){if(d)return d;d=a={}}var c=g.length;while(c--)a[g[c]]=b[g[c]];return a}}),b.done(c.cancel).fail(b.cancel),delete b.cancel,a&&a.call(b,b);return b},when:function(a){function i(a){return function(c){b[a]=arguments.length>1?h.call(arguments,0):c,--e||g.resolveWith(g,h.call(b,0))}}var b=arguments,c=0,d=b.length,e=d,g=d<=1&&a&&f.isFunction(a.promise)?a:f.Deferred();if(d>1){for(;c<d;c++)b[c]&&f.isFunction(b[c].promise)?b[c].promise().then(i(c),g.reject):--e;e||g.resolveWith(g,b)}else g!==a&&g.resolveWith(g,d?[a]:[]);return g.promise()}}),f.support=function(){var a=c.createElement("div"),b=c.documentElement,d,e,g,h,i,j,k,l,m,n,o,p,q,r,s,t,u;a.setAttribute("className","t"),a.innerHTML=" <link/><table></table><a href='/a' style='top:1px;float:left;opacity:.55;'>a</a><input type='checkbox'/>",d=a.getElementsByTagName("*"),e=a.getElementsByTagName("a")[0];if(!d||!d.length||!e)return{};g=c.createElement("select"),h=g.appendChild(c.createElement("option")),i=a.getElementsByTagName("input")[0],k={leadingWhitespace:a.firstChild.nodeType===3,tbody:!a.getElementsByTagName("tbody").length,htmlSerialize:!!a.getElementsByTagName("link").length,style:/top/.test(e.getAttribute("style")),hrefNormalized:e.getAttribute("href")==="/a",opacity:/^0.55$/.test(e.style.opacity),cssFloat:!!e.style.cssFloat,checkOn:i.value==="on",optSelected:h.selected,getSetAttribute:a.className!=="t",submitBubbles:!0,changeBubbles:!0,focusinBubbles:!1,deleteExpando:!0,noCloneEvent:!0,inlineBlockNeedsLayout:!1,shrinkWrapBlocks:!1,reliableMarginRight:!0},i.checked=!0,k.noCloneChecked=i.cloneNode(!0).checked,g.disabled=!0,k.optDisabled=!h.disabled;try{delete a.test}catch(v){k.deleteExpando=!1}!a.addEventListener&&a.attachEvent&&a.fireEvent&&(a.attachEvent("onclick",function(){k.noCloneEvent=!1}),a.cloneNode(!0).fireEvent("onclick")),i=c.createElement("input"),i.value="t",i.setAttribute("type","radio"),k.radioValue=i.value==="t",i.setAttribute("checked","checked"),a.appendChild(i),l=c.createDocumentFragment(),l.appendChild(a.firstChild),k.checkClone=l.cloneNode(!0).cloneNode(!0).lastChild.checked,a.innerHTML="",a.style.width=a.style.paddingLeft="1px",m=c.getElementsByTagName("body")[0],o=c.createElement(m?"div":"body"),p={visibility:"hidden",width:0,height:0,border:0,margin:0},m&&f.extend(p,{position:"absolute",left:-1e3,top:-1e3});for(t in p)o.style[t]=p[t];o.appendChild(a),n=m||b,n.insertBefore(o,n.firstChild),k.appendChecked=i.checked,k.boxModel=a.offsetWidth===2,"zoom"in a.style&&(a.style.display="inline",a.style.zoom=1,k.inlineBlockNeedsLayout=a.offsetWidth===2,a.style.display="",a.innerHTML="<div style='width:4px;'></div>",k.shrinkWrapBlocks=a.offsetWidth!==2),a.innerHTML="<table><tr><td style='padding:0;border:0;display:none'></td><td>t</td></tr></table>",q=a.getElementsByTagName("td"),u=q[0].offsetHeight===0,q[0].style.display="",q[1].style.display="none",k.reliableHiddenOffsets=u&&q[0].offsetHeight===0,a.innerHTML="",c.defaultView&&c.defaultView.getComputedStyle&&(j=c.createElement("div"),j.style.width="0",j.style.marginRight="0",a.appendChild(j),k.reliableMarginRight=(parseInt((c.defaultView.getComputedStyle(j,null)||{marginRight:0}).marginRight,10)||0)===0),o.innerHTML="",n.removeChild(o);if(a.attachEvent)for(t in{submit:1,change:1,focusin:1})s="on"+t,u=s in a,u||(a.setAttribute(s,"return;"),u=typeof a[s]=="function"),k[t+"Bubbles"]=u;o=l=g=h=m=j=a=i=null;return k}(),f.boxModel=f.support.boxModel;var i=/^(?:\{.*\}|\[.*\])$/,j=/([a-z])([A-Z])/g;f.extend({cache:{},uuid:0,expando:"jQuery"+(f.fn.jquery+Math.random()).replace(/\D/g,""),noData:{embed:!0,object:"clsid:D27CDB6E-AE6D-11cf-96B8-444553540000",applet:!0},hasData:function(a){a=a.nodeType?f.cache[a[f.expando]]:a[f.expando];return!!a&&!l(a)},data:function(a,c,d,e){if(!!f.acceptData(a)){var g=f.expando,h=typeof c=="string",i,j=a.nodeType,k=j?f.cache:a,l=j?a[f.expando]:a[f.expando]&&f.expando;if((!l||e&&l&&!k[l][g])&&h&&d===b)return;l||(j?a[f.expando]=l=++f.uuid:l=f.expando),k[l]||(k[l]={},j||(k[l].toJSON=f.noop));if(typeof c=="object"||typeof c=="function")e?k[l][g]=f.extend(k[l][g],c):k[l]=f.extend(k[l],c);i=k[l],e&&(i[g]||(i[g]={}),i=i[g]),d!==b&&(i[f.camelCase(c)]=d);if(c==="events"&&!i[c])return i[g]&&i[g].events;return h?i[f.camelCase(c)]||i[c]:i}},removeData:function(b,c,d){if(!!f.acceptData(b)){var e=f.expando,g=b.nodeType,h=g?f.cache:b,i=g?b[f.expando]:f.expando;if(!h[i])return;if(c){var j=d?h[i][e]:h[i];if(j){delete j[c];if(!l(j))return}}if(d){delete h[i][e];if(!l(h[i]))return}var k=h[i][e];f.support.deleteExpando||h!=a?delete h[i]:h[i]=null,k?(h[i]={},g||(h[i].toJSON=f.noop),h[i][e]=k):g&&(f.support.deleteExpando?delete b[f.expando]:b.removeAttribute?b.removeAttribute(f.expando):b[f.expando]=null)}},_data:function(a,b,c){return f.data(a,b,c,!0)},acceptData:function(a){if(a.nodeName){var b=f.noData[a.nodeName.toLowerCase()];if(b)return b!==!0&&a.getAttribute("classid")===b}return!0}}),f.fn.extend({data:function(a,c){var d=null;if(typeof a=="undefined"){if(this.length){d=f.data(this[0]);if(this[0].nodeType===1){var e=this[0].attributes,g;for(var h=0,i=e.length;h<i;h++)g=e[h].name,g.indexOf("data-")===0&&(g=f.camelCase(g.substring(5)),k(this[0],g,d[g]))}}return d}if(typeof a=="object")return this.each(function(){f.data(this,a)});var j=a.split(".");j[1]=j[1]?"."+j[1]:"";if(c===b){d=this.triggerHandler("getData"+j[1]+"!",[j[0]]),d===b&&this.length&&(d=f.data(this[0],a),d=k(this[0],a,d));return d===b&&j[1]?this.data(j[0]):d}return this.each(function(){var b=f(this),d=[j[0],c];b.triggerHandler("setData"+j[1]+"!",d),f.data(this,a,c),b.triggerHandler("changeData"+j[1]+"!",d)})},removeData:function(a){return this.each(function(){f.removeData(this,a)})}}),f.extend({_mark:function(a,c){a&&(c=(c||"fx")+"mark",f.data(a,c,(f.data(a,c,b,!0)||0)+1,!0))},_unmark:function(a,c,d){a!==!0&&(d=c,c=a,a=!1);if(c){d=d||"fx";var e=d+"mark",g=a?0:(f.data(c,e,b,!0)||1)-1;g?f.data(c,e,g,!0):(f.removeData(c,e,!0),m(c,d,"mark"))}},queue:function(a,c,d){if(a){c=(c||"fx")+"queue";var e=f.data(a,c,b,!0);d&&(!e||f.isArray(d)?e=f.data(a,c,f.makeArray(d),!0):e.push(d));return e||[]}},dequeue:function(a,b){b=b||"fx";var c=f.queue(a,b),d=c.shift(),e;d==="inprogress"&&(d=c.shift()),d&&(b==="fx"&&c.unshift("inprogress"),d.call(a,function(){f.dequeue(a,b)})),c.length||(f.removeData(a,b+"queue",!0),m(a,b,"queue"))}}),f.fn.extend({queue:function(a,c){typeof a!="string"&&(c=a,a="fx");if(c===b)return f.queue(this[0],a);return this.each(function(){var b=f.queue(this,a,c);a==="fx"&&b[0]!=="inprogress"&&f.dequeue(this,a)})},dequeue:function(a){return this.each(function(){f.dequeue(this,a)})},delay:function(a,b){a=f.fx?f.fx.speeds[a]||a:a,b=b||"fx";return this.queue(b,function(){var c=this;setTimeout(function(){f.dequeue(c,b)},a)})},clearQueue:function(a){return this.queue(a||"fx",[])},promise:function(a,c){function m(){--h||d.resolveWith(e,[e])}typeof a!="string"&&(c=a,a=b),a=a||"fx";var d=f.Deferred(),e=this,g=e.length,h=1,i=a+"defer",j=a+"queue",k=a+"mark",l;while(g--)if(l=f.data(e[g],i,b,!0)||(f.data(e[g],j,b,!0)||f.data(e[g],k,b,!0))&&f.data(e[g],i,f._Deferred(),!0))h++,l.done(m);m();return d.promise()}});var n=/[\n\t\r]/g,o=/\s+/,p=/\r/g,q=/^(?:button|input)$/i,r=/^(?:button|input|object|select|textarea)$/i,s=/^a(?:rea)?$/i,t=/^(?:autofocus|autoplay|async|checked|controls|defer|disabled|hidden|loop|multiple|open|readonly|required|scoped|selected)$/i,u=/\:|^on/,v,w;f.fn.extend({attr:function(a,b){return f.access(this,a,b,!0,f.attr)},removeAttr:function(a){return this.each(function(){f.removeAttr(this,a)})},prop:function(a,b){return f.access(this,a,b,!0,f.prop)},removeProp:function(a){a=f.propFix[a]||a;return this.each(function(){try{this[a]=b,delete this[a]}catch(c){}})},addClass:function(a){var b,c,d,e,g,h,i;if(f.isFunction(a))return this.each(function(b){f(this).addClass(a.call(this,b,this.className))});if(a&&typeof a=="string"){b=a.split(o);for(c=0,d=this.length;c<d;c++){e=this[c];if(e.nodeType===1)if(!e.className&&b.length===1)e.className=a;else{g=" "+e.className+" ";for(h=0,i=b.length;h<i;h++)~g.indexOf(" "+b[h]+" ")||(g+=b[h]+" ");e.className=f.trim(g)}}}return this},removeClass:function(a){var c,d,e,g,h,i,j;if(f.isFunction(a))return this.each(function(b){f(this).removeClass(a.call(this,b,this.className))});if(a&&typeof a=="string"||a===b){c=(a||"").split(o);for(d=0,e=this.length;d<e;d++){g=this[d];if(g.nodeType===1&&g.className)if(a){h=(" "+g.className+" ").replace(n," ");for(i=0,j=c.length;i<j;i++)h=h.replace(" "+c[i]+" "," ");g.className=f.trim(h)}else g.className=""}}return this},toggleClass:function(a,b){var c=typeof a,d=typeof b=="boolean";if(f.isFunction(a))return this.each(function(c){f(this).toggleClass(a.call(this,c,this.className,b),b)});return this.each(function(){if(c==="string"){var e,g=0,h=f(this),i=b,j=a.split(o);while(e=j[g++])i=d?i:!h.hasClass(e),h[i?"addClass":"removeClass"](e)}else if(c==="undefined"||c==="boolean")this.className&&f._data(this,"__className__",this.className),this.className=this.className||a===!1?"":f._data(this,"__className__")||""})},hasClass:function(a){var b=" "+a+" ";for(var c=0,d=this.length;c<d;c++)if((" "+this[c].className+" ").replace(n," ").indexOf(b)>-1)return!0;return!1},val:function(a){var c,d,e=this[0];if(!arguments.length){if(e){c=f.valHooks[e.nodeName.toLowerCase()]||f.valHooks[e.type];if(c&&"get"in c&&(d=c.get(e,"value"))!==b)return d;d=e.value;return typeof d=="string"?d.replace(p,""):d==null?"":d}return b}var g=f.isFunction(a);return this.each(function(d){var e=f(this),h;if(this.nodeType===1){g?h=a.call(this,d,e.val()):h=a,h==null?h="":typeof h=="number"?h+="":f.isArray(h)&&(h=f.map(h,function(a){return a==null?"":a+""})),c=f.valHooks[this.nodeName.toLowerCase()]||f.valHooks[this.type];if(!c||!("set"in c)||c.set(this,h,"value")===b)this.value=h}})}}),f.extend({valHooks:{option:{get:function(a){var b=a.attributes.value;return!b||b.specified?a.value:a.text}},select:{get:function(a){var b,c=a.selectedIndex,d=[],e=a.options,g=a.type==="select-one";if(c<0)return null;for(var h=g?c:0,i=g?c+1:e.length;h<i;h++){var j=e[h];if(j.selected&&(f.support.optDisabled?!j.disabled:j.getAttribute("disabled")===null)&&(!j.parentNode.disabled||!f.nodeName(j.parentNode,"optgroup"))){b=f(j).val();if(g)return b;d.push(b)}}if(g&&!d.length&&e.length)return f(e[c]).val();return d},set:function(a,b){var c=f.makeArray(b);f(a).find("option").each(function(){this.selected=f.inArray(f(this).val(),c)>=0}),c.length||(a.selectedIndex=-1);return c}}},attrFn:{val:!0,css:!0,html:!0,text:!0,data:!0,width:!0,height:!0,offset:!0},attrFix:{tabindex:"tabIndex"},attr:function(a,c,d,e){var g=a.nodeType;if(!a||g===3||g===8||g===2)return b;if(e&&c in f.attrFn)return f(a)[c](d);if(!("getAttribute"in a))return f.prop(a,c,d);var h,i,j=g!==1||!f.isXMLDoc(a);j&&(c=f.attrFix[c]||c,i=f.attrHooks[c],i||(t.test(c)?i=w:v&&c!=="className"&&(f.nodeName(a,"form")||u.test(c))&&(i=v)));if(d!==b){if(d===null){f.removeAttr(a,c);return b}if(i&&"set"in i&&j&&(h=i.set(a,d,c))!==b)return h;a.setAttribute(c,""+d);return d}if(i&&"get"in i&&j&&(h=i.get(a,c))!==null)return h;h=a.getAttribute(c);return h===null?b:h},removeAttr:function(a,b){var c;a.nodeType===1&&(b=f.attrFix[b]||b,f.support.getSetAttribute?a.removeAttribute(b):(f.attr(a,b,""),a.removeAttributeNode(a.getAttributeNode(b))),t.test(b)&&(c=f.propFix[b]||b)in a&&(a[c]=!1))},attrHooks:{type:{set:function(a,b){if(q.test(a.nodeName)&&a.parentNode)f.error("type property can't be changed");else if(!f.support.radioValue&&b==="radio"&&f.nodeName(a,"input")){var c=a.value;a.setAttribute("type",b),c&&(a.value=c);return b}}},tabIndex:{get:function(a){var c=a.getAttributeNode("tabIndex");return c&&c.specified?parseInt(c.value,10):r.test(a.nodeName)||s.test(a.nodeName)&&a.href?0:b}},value:{get:function(a,b){if(v&&f.nodeName(a,"button"))return v.get(a,b);return b in a?a.value:null},set:function(a,b,c){if(v&&f.nodeName(a,"button"))return v.set(a,b,c);a.value=b}}},propFix:{tabindex:"tabIndex",readonly:"readOnly","for":"htmlFor","class":"className",maxlength:"maxLength",cellspacing:"cellSpacing",cellpadding:"cellPadding",rowspan:"rowSpan",colspan:"colSpan",usemap:"useMap",frameborder:"frameBorder",contenteditable:"contentEditable"},prop:function(a,c,d){var e=a.nodeType;if(!a||e===3||e===8||e===2)return b;var g,h,i=e!==1||!f.isXMLDoc(a);i&&(c=f.propFix[c]||c,h=f.propHooks[c]);return d!==b?h&&"set"in h&&(g=h.set(a,d,c))!==b?g:a[c]=d:h&&"get"in h&&(g=h.get(a,c))!==b?g:a[c]},propHooks:{}}),w={get:function(a,c){return f.prop(a,c)?c.toLowerCase():b},set:function(a,b,c){var d;b===!1?f.removeAttr(a,c):(d=f.propFix[c]||c,d in a&&(a[d]=!0),a.setAttribute(c,c.toLowerCase()));return c}},f.support.getSetAttribute||(f.attrFix=f.propFix,v=f.attrHooks.name=f.attrHooks.title=f.valHooks.button={get:function(a,c){var d;d=a.getAttributeNode(c);return d&&d.nodeValue!==""?d.nodeValue:b},set:function(a,b,c){var d=a.getAttributeNode(c);if(d){d.nodeValue=b;return b}}},f.each(["width","height"],function(a,b){f.attrHooks[b]=f.extend(f.attrHooks[b],{set:function(a,c){if(c===""){a.setAttribute(b,"auto");return c}}})})),f.support.hrefNormalized||f.each(["href","src","width","height"],function(a,c){f.attrHooks[c]=f.extend(f.attrHooks[c],{get:function(a){var d=a.getAttribute(c,2);return d===null?b:d}})}),f.support.style||(f.attrHooks.style={get:function(a){return a.style.cssText.toLowerCase()||b},set:function(a,b){return a.style.cssText=""+b}}),f.support.optSelected||(f.propHooks.selected=f.extend(f.propHooks.selected,{get:function(a){var b=a.parentNode;b&&(b.selectedIndex,b.parentNode&&b.parentNode.selectedIndex)}})),f.support.checkOn||f.each(["radio","checkbox"],function(){f.valHooks[this]={get:function(a){return a.getAttribute("value")===null?"on":a.value}}}),f.each(["radio","checkbox"],function(){f.valHooks[this]=f.extend(f.valHooks[this],{set:function(a,b){if(f.isArray(b))return a.checked=f.inArray(f(a).val(),b)>=0}})});var x=/\.(.*)$/,y=/^(?:textarea|input|select)$/i,z=/\./g,A=/ /g,B=/[^\w\s.|`]/g,C=function(a){return a.replace(B,"\\$&")};f.event={add:function(a,c,d,e){if(a.nodeType!==3&&a.nodeType!==8){if(d===!1)d=D;else if(!d)return;var g,h;d.handler&&(g=d,d=g.handler),d.guid||(d.guid=f.guid++);var i=f._data(a);if(!i)return;var j=i.events,k=i.handle;j||(i.events=j={}),k||(i.handle=k=function(a){return typeof f!="undefined"&&(!a||f.event.triggered!==a.type)?f.event.handle.apply(k.elem,arguments):b}),k.elem=a,c=c.split(" ");var l,m=0,n;while(l=c[m++]){h=g?f.extend({},g):{handler:d,data:e},l.indexOf(".")>-1?(n=l.split("."),l=n.shift(),h.namespace=n.slice(0).sort().join(".")):(n=[],h.namespace=""),h.type=l,h.guid||(h.guid=d.guid);var o=j[l],p=f.event.special[l]||{};if(!o){o=j[l]=[];if(!p.setup||p.setup.call(a,e,n,k)===!1)a.addEventListener?a.addEventListener(l,k,!1):a.attachEvent&&a.attachEvent("on"+l,k)}p.add&&(p.add.call(a,h),h.handler.guid||(h.handler.guid=d.guid)),o.push(h),f.event.global[l]=!0}a=null}},global:{},remove:function(a,c,d,e){if(a.nodeType!==3&&a.nodeType!==8){d===!1&&(d=D);var g,h,i,j,k=0,l,m,n,o,p,q,r,s=f.hasData(a)&&f._data(a),t=s&&s.events;if(!s||!t)return;c&&c.type&&(d=c.handler,c=c.type);if(!c||typeof c=="string"&&c.charAt(0)==="."){c=c||"";for(h in t)f.event.remove(a,h+c);return}c=c.split(" ");while(h=c[k++]){r=h,q=null,l=h.indexOf(".")<0,m=[],l||(m=h.split("."),h=m.shift(),n=new RegExp("(^|\\.)"+f.map(m.slice(0).sort(),C).join("\\.(?:.*\\.)?")+"(\\.|$)")),p=t[h];if(!p)continue;if(!d){for(j=0;j<p.length;j++){q=p[j];if(l||n.test(q.namespace))f.event.remove(a,r,q.handler,j),p.splice(j--,1)}continue}o=f.event.special[h]||{};for(j=e||0;j<p.length;j++){q=p[j];if(d.guid===q.guid){if(l||n.test(q.namespace))e==null&&p.splice(j--,1),o.remove&&o.remove.call(a,q);if(e!=null)break}}if(p.length===0||e!=null&&p.length===1)(!o.teardown||o.teardown.call(a,m)===!1)&&f.removeEvent(a,h,s.handle),g=null,delete t[h]}if(f.isEmptyObject(t)){var u=s.handle;u&&(u.elem=null),delete s.events,delete s.handle,f.isEmptyObject(s)&&f.removeData(a,b,!0)}}},customEvent:{getData:!0,setData:!0,changeData:!0},trigger:function(c,d,e,g){var h=c.type||c,i=[],j;h.indexOf("!")>=0&&(h=h.slice(0,-1),j=!0),h.indexOf(".")>=0&&(i=h.split("."),h=i.
-shift(),i.sort());if(!!e&&!f.event.customEvent[h]||!!f.event.global[h]){c=typeof c=="object"?c[f.expando]?c:new f.Event(h,c):new f.Event(h),c.type=h,c.exclusive=j,c.namespace=i.join("."),c.namespace_re=new RegExp("(^|\\.)"+i.join("\\.(?:.*\\.)?")+"(\\.|$)");if(g||!e)c.preventDefault(),c.stopPropagation();if(!e){f.each(f.cache,function(){var a=f.expando,b=this[a];b&&b.events&&b.events[h]&&f.event.trigger(c,d,b.handle.elem)});return}if(e.nodeType===3||e.nodeType===8)return;c.result=b,c.target=e,d=d!=null?f.makeArray(d):[],d.unshift(c);var k=e,l=h.indexOf(":")<0?"on"+h:"";do{var m=f._data(k,"handle");c.currentTarget=k,m&&m.apply(k,d),l&&f.acceptData(k)&&k[l]&&k[l].apply(k,d)===!1&&(c.result=!1,c.preventDefault()),k=k.parentNode||k.ownerDocument||k===c.target.ownerDocument&&a}while(k&&!c.isPropagationStopped());if(!c.isDefaultPrevented()){var n,o=f.event.special[h]||{};if((!o._default||o._default.call(e.ownerDocument,c)===!1)&&(h!=="click"||!f.nodeName(e,"a"))&&f.acceptData(e)){try{l&&e[h]&&(n=e[l],n&&(e[l]=null),f.event.triggered=h,e[h]())}catch(p){}n&&(e[l]=n),f.event.triggered=b}}return c.result}},handle:function(c){c=f.event.fix(c||a.event);var d=((f._data(this,"events")||{})[c.type]||[]).slice(0),e=!c.exclusive&&!c.namespace,g=Array.prototype.slice.call(arguments,0);g[0]=c,c.currentTarget=this;for(var h=0,i=d.length;h<i;h++){var j=d[h];if(e||c.namespace_re.test(j.namespace)){c.handler=j.handler,c.data=j.data,c.handleObj=j;var k=j.handler.apply(this,g);k!==b&&(c.result=k,k===!1&&(c.preventDefault(),c.stopPropagation()));if(c.isImmediatePropagationStopped())break}}return c.result},props:"altKey attrChange attrName bubbles button cancelable charCode clientX clientY ctrlKey currentTarget data detail eventPhase fromElement handler keyCode layerX layerY metaKey newValue offsetX offsetY pageX pageY prevValue relatedNode relatedTarget screenX screenY shiftKey srcElement target toElement view wheelDelta which".split(" "),fix:function(a){if(a[f.expando])return a;var d=a;a=f.Event(d);for(var e=this.props.length,g;e;)g=this.props[--e],a[g]=d[g];a.target||(a.target=a.srcElement||c),a.target.nodeType===3&&(a.target=a.target.parentNode),!a.relatedTarget&&a.fromElement&&(a.relatedTarget=a.fromElement===a.target?a.toElement:a.fromElement);if(a.pageX==null&&a.clientX!=null){var h=a.target.ownerDocument||c,i=h.documentElement,j=h.body;a.pageX=a.clientX+(i&&i.scrollLeft||j&&j.scrollLeft||0)-(i&&i.clientLeft||j&&j.clientLeft||0),a.pageY=a.clientY+(i&&i.scrollTop||j&&j.scrollTop||0)-(i&&i.clientTop||j&&j.clientTop||0)}a.which==null&&(a.charCode!=null||a.keyCode!=null)&&(a.which=a.charCode!=null?a.charCode:a.keyCode),!a.metaKey&&a.ctrlKey&&(a.metaKey=a.ctrlKey),!a.which&&a.button!==b&&(a.which=a.button&1?1:a.button&2?3:a.button&4?2:0);return a},guid:1e8,proxy:f.proxy,special:{ready:{setup:f.bindReady,teardown:f.noop},live:{add:function(a){f.event.add(this,N(a.origType,a.selector),f.extend({},a,{handler:M,guid:a.handler.guid}))},remove:function(a){f.event.remove(this,N(a.origType,a.selector),a)}},beforeunload:{setup:function(a,b,c){f.isWindow(this)&&(this.onbeforeunload=c)},teardown:function(a,b){this.onbeforeunload===b&&(this.onbeforeunload=null)}}}},f.removeEvent=c.removeEventListener?function(a,b,c){a.removeEventListener&&a.removeEventListener(b,c,!1)}:function(a,b,c){a.detachEvent&&a.detachEvent("on"+b,c)},f.Event=function(a,b){if(!this.preventDefault)return new f.Event(a,b);a&&a.type?(this.originalEvent=a,this.type=a.type,this.isDefaultPrevented=a.defaultPrevented||a.returnValue===!1||a.getPreventDefault&&a.getPreventDefault()?E:D):this.type=a,b&&f.extend(this,b),this.timeStamp=f.now(),this[f.expando]=!0},f.Event.prototype={preventDefault:function(){this.isDefaultPrevented=E;var a=this.originalEvent;!a||(a.preventDefault?a.preventDefault():a.returnValue=!1)},stopPropagation:function(){this.isPropagationStopped=E;var a=this.originalEvent;!a||(a.stopPropagation&&a.stopPropagation(),a.cancelBubble=!0)},stopImmediatePropagation:function(){this.isImmediatePropagationStopped=E,this.stopPropagation()},isDefaultPrevented:D,isPropagationStopped:D,isImmediatePropagationStopped:D};var F=function(a){var b=a.relatedTarget,c=!1,d=a.type;a.type=a.data,b!==this&&(b&&(c=f.contains(this,b)),c||(f.event.handle.apply(this,arguments),a.type=d))},G=function(a){a.type=a.data,f.event.handle.apply(this,arguments)};f.each({mouseenter:"mouseover",mouseleave:"mouseout"},function(a,b){f.event.special[a]={setup:function(c){f.event.add(this,b,c&&c.selector?G:F,a)},teardown:function(a){f.event.remove(this,b,a&&a.selector?G:F)}}}),f.support.submitBubbles||(f.event.special.submit={setup:function(a,b){if(!f.nodeName(this,"form"))f.event.add(this,"click.specialSubmit",function(a){var b=a.target,c=b.type;(c==="submit"||c==="image")&&f(b).closest("form").length&&K("submit",this,arguments)}),f.event.add(this,"keypress.specialSubmit",function(a){var b=a.target,c=b.type;(c==="text"||c==="password")&&f(b).closest("form").length&&a.keyCode===13&&K("submit",this,arguments)});else return!1},teardown:function(a){f.event.remove(this,".specialSubmit")}});if(!f.support.changeBubbles){var H,I=function(a){var b=a.type,c=a.value;b==="radio"||b==="checkbox"?c=a.checked:b==="select-multiple"?c=a.selectedIndex>-1?f.map(a.options,function(a){return a.selected}).join("-"):"":f.nodeName(a,"select")&&(c=a.selectedIndex);return c},J=function(c){var d=c.target,e,g;if(!!y.test(d.nodeName)&&!d.readOnly){e=f._data(d,"_change_data"),g=I(d),(c.type!=="focusout"||d.type!=="radio")&&f._data(d,"_change_data",g);if(e===b||g===e)return;if(e!=null||g)c.type="change",c.liveFired=b,f.event.trigger(c,arguments[1],d)}};f.event.special.change={filters:{focusout:J,beforedeactivate:J,click:function(a){var b=a.target,c=f.nodeName(b,"input")?b.type:"";(c==="radio"||c==="checkbox"||f.nodeName(b,"select"))&&J.call(this,a)},keydown:function(a){var b=a.target,c=f.nodeName(b,"input")?b.type:"";(a.keyCode===13&&!f.nodeName(b,"textarea")||a.keyCode===32&&(c==="checkbox"||c==="radio")||c==="select-multiple")&&J.call(this,a)},beforeactivate:function(a){var b=a.target;f._data(b,"_change_data",I(b))}},setup:function(a,b){if(this.type==="file")return!1;for(var c in H)f.event.add(this,c+".specialChange",H[c]);return y.test(this.nodeName)},teardown:function(a){f.event.remove(this,".specialChange");return y.test(this.nodeName)}},H=f.event.special.change.filters,H.focus=H.beforeactivate}f.support.focusinBubbles||f.each({focus:"focusin",blur:"focusout"},function(a,b){function e(a){var c=f.event.fix(a);c.type=b,c.originalEvent={},f.event.trigger(c,null,c.target),c.isDefaultPrevented()&&a.preventDefault()}var d=0;f.event.special[b]={setup:function(){d++===0&&c.addEventListener(a,e,!0)},teardown:function(){--d===0&&c.removeEventListener(a,e,!0)}}}),f.each(["bind","one"],function(a,c){f.fn[c]=function(a,d,e){var g;if(typeof a=="object"){for(var h in a)this[c](h,d,a[h],e);return this}if(arguments.length===2||d===!1)e=d,d=b;c==="one"?(g=function(a){f(this).unbind(a,g);return e.apply(this,arguments)},g.guid=e.guid||f.guid++):g=e;if(a==="unload"&&c!=="one")this.one(a,d,e);else for(var i=0,j=this.length;i<j;i++)f.event.add(this[i],a,g,d);return this}}),f.fn.extend({unbind:function(a,b){if(typeof a=="object"&&!a.preventDefault)for(var c in a)this.unbind(c,a[c]);else for(var d=0,e=this.length;d<e;d++)f.event.remove(this[d],a,b);return this},delegate:function(a,b,c,d){return this.live(b,c,d,a)},undelegate:function(a,b,c){return arguments.length===0?this.unbind("live"):this.die(b,null,c,a)},trigger:function(a,b){return this.each(function(){f.event.trigger(a,b,this)})},triggerHandler:function(a,b){if(this[0])return f.event.trigger(a,b,this[0],!0)},toggle:function(a){var b=arguments,c=a.guid||f.guid++,d=0,e=function(c){var e=(f.data(this,"lastToggle"+a.guid)||0)%d;f.data(this,"lastToggle"+a.guid,e+1),c.preventDefault();return b[e].apply(this,arguments)||!1};e.guid=c;while(d<b.length)b[d++].guid=c;return this.click(e)},hover:function(a,b){return this.mouseenter(a).mouseleave(b||a)}});var L={focus:"focusin",blur:"focusout",mouseenter:"mouseover",mouseleave:"mouseout"};f.each(["live","die"],function(a,c){f.fn[c]=function(a,d,e,g){var h,i=0,j,k,l,m=g||this.selector,n=g?this:f(this.context);if(typeof a=="object"&&!a.preventDefault){for(var o in a)n[c](o,d,a[o],m);return this}if(c==="die"&&!a&&g&&g.charAt(0)==="."){n.unbind(g);return this}if(d===!1||f.isFunction(d))e=d||D,d=b;a=(a||"").split(" ");while((h=a[i++])!=null){j=x.exec(h),k="",j&&(k=j[0],h=h.replace(x,""));if(h==="hover"){a.push("mouseenter"+k,"mouseleave"+k);continue}l=h,L[h]?(a.push(L[h]+k),h=h+k):h=(L[h]||h)+k;if(c==="live")for(var p=0,q=n.length;p<q;p++)f.event.add(n[p],"live."+N(h,m),{data:d,selector:m,handler:e,origType:h,origHandler:e,preType:l});else n.unbind("live."+N(h,m),e)}return this}}),f.each("blur focus focusin focusout load resize scroll unload click dblclick mousedown mouseup mousemove mouseover mouseout mouseenter mouseleave change select submit keydown keypress keyup error".split(" "),function(a,b){f.fn[b]=function(a,c){c==null&&(c=a,a=null);return arguments.length>0?this.bind(b,a,c):this.trigger(b)},f.attrFn&&(f.attrFn[b]=!0)}),function(){function u(a,b,c,d,e,f){for(var g=0,h=d.length;g<h;g++){var i=d[g];if(i){var j=!1;i=i[a];while(i){if(i.sizcache===c){j=d[i.sizset];break}if(i.nodeType===1){f||(i.sizcache=c,i.sizset=g);if(typeof b!="string"){if(i===b){j=!0;break}}else if(k.filter(b,[i]).length>0){j=i;break}}i=i[a]}d[g]=j}}}function t(a,b,c,d,e,f){for(var g=0,h=d.length;g<h;g++){var i=d[g];if(i){var j=!1;i=i[a];while(i){if(i.sizcache===c){j=d[i.sizset];break}i.nodeType===1&&!f&&(i.sizcache=c,i.sizset=g);if(i.nodeName.toLowerCase()===b){j=i;break}i=i[a]}d[g]=j}}}var a=/((?:\((?:\([^()]+\)|[^()]+)+\)|\[(?:\[[^\[\]]*\]|['"][^'"]*['"]|[^\[\]'"]+)+\]|\\.|[^ >+~,(\[\\]+)+|[>+~])(\s*,\s*)?((?:.|\r|\n)*)/g,d=0,e=Object.prototype.toString,g=!1,h=!0,i=/\\/g,j=/\W/;[0,0].sort(function(){h=!1;return 0});var k=function(b,d,f,g){f=f||[],d=d||c;var h=d;if(d.nodeType!==1&&d.nodeType!==9)return[];if(!b||typeof b!="string")return f;var i,j,n,o,q,r,s,t,u=!0,w=k.isXML(d),x=[],y=b;do{a.exec(""),i=a.exec(y);if(i){y=i[3],x.push(i[1]);if(i[2]){o=i[3];break}}}while(i);if(x.length>1&&m.exec(b))if(x.length===2&&l.relative[x[0]])j=v(x[0]+x[1],d);else{j=l.relative[x[0]]?[d]:k(x.shift(),d);while(x.length)b=x.shift(),l.relative[b]&&(b+=x.shift()),j=v(b,j)}else{!g&&x.length>1&&d.nodeType===9&&!w&&l.match.ID.test(x[0])&&!l.match.ID.test(x[x.length-1])&&(q=k.find(x.shift(),d,w),d=q.expr?k.filter(q.expr,q.set)[0]:q.set[0]);if(d){q=g?{expr:x.pop(),set:p(g)}:k.find(x.pop(),x.length===1&&(x[0]==="~"||x[0]==="+")&&d.parentNode?d.parentNode:d,w),j=q.expr?k.filter(q.expr,q.set):q.set,x.length>0?n=p(j):u=!1;while(x.length)r=x.pop(),s=r,l.relative[r]?s=x.pop():r="",s==null&&(s=d),l.relative[r](n,s,w)}else n=x=[]}n||(n=j),n||k.error(r||b);if(e.call(n)==="[object Array]")if(!u)f.push.apply(f,n);else if(d&&d.nodeType===1)for(t=0;n[t]!=null;t++)n[t]&&(n[t]===!0||n[t].nodeType===1&&k.contains(d,n[t]))&&f.push(j[t]);else for(t=0;n[t]!=null;t++)n[t]&&n[t].nodeType===1&&f.push(j[t]);else p(n,f);o&&(k(o,h,f,g),k.uniqueSort(f));return f};k.uniqueSort=function(a){if(r){g=h,a.sort(r);if(g)for(var b=1;b<a.length;b++)a[b]===a[b-1]&&a.splice(b--,1)}return a},k.matches=function(a,b){return k(a,null,null,b)},k.matchesSelector=function(a,b){return k(b,null,null,[a]).length>0},k.find=function(a,b,c){var d;if(!a)return[];for(var e=0,f=l.order.length;e<f;e++){var g,h=l.order[e];if(g=l.leftMatch[h].exec(a)){var j=g[1];g.splice(1,1);if(j.substr(j.length-1)!=="\\"){g[1]=(g[1]||"").replace(i,""),d=l.find[h](g,b,c);if(d!=null){a=a.replace(l.match[h],"");break}}}}d||(d=typeof b.getElementsByTagName!="undefined"?b.getElementsByTagName("*"):[]);return{set:d,expr:a}},k.filter=function(a,c,d,e){var f,g,h=a,i=[],j=c,m=c&&c[0]&&k.isXML(c[0]);while(a&&c.length){for(var n in l.filter)if((f=l.leftMatch[n].exec(a))!=null&&f[2]){var o,p,q=l.filter[n],r=f[1];g=!1,f.splice(1,1);if(r.substr(r.length-1)==="\\")continue;j===i&&(i=[]);if(l.preFilter[n]){f=l.preFilter[n](f,j,d,i,e,m);if(!f)g=o=!0;else if(f===!0)continue}if(f)for(var s=0;(p=j[s])!=null;s++)if(p){o=q(p,f,s,j);var t=e^!!o;d&&o!=null?t?g=!0:j[s]=!1:t&&(i.push(p),g=!0)}if(o!==b){d||(j=i),a=a.replace(l.match[n],"");if(!g)return[];break}}if(a===h)if(g==null)k.error(a);else break;h=a}return j},k.error=function(a){throw"Syntax error, unrecognized expression: "+a};var l=k.selectors={order:["ID","NAME","TAG"],match:{ID:/#((?:[\w\u00c0-\uFFFF\-]|\\.)+)/,CLASS:/\.((?:[\w\u00c0-\uFFFF\-]|\\.)+)/,NAME:/\[name=['"]*((?:[\w\u00c0-\uFFFF\-]|\\.)+)['"]*\]/,ATTR:/\[\s*((?:[\w\u00c0-\uFFFF\-]|\\.)+)\s*(?:(\S?=)\s*(?:(['"])(.*?)\3|(#?(?:[\w\u00c0-\uFFFF\-]|\\.)*)|)|)\s*\]/,TAG:/^((?:[\w\u00c0-\uFFFF\*\-]|\\.)+)/,CHILD:/:(only|nth|last|first)-child(?:\(\s*(even|odd|(?:[+\-]?\d+|(?:[+\-]?\d*)?n\s*(?:[+\-]\s*\d+)?))\s*\))?/,POS:/:(nth|eq|gt|lt|first|last|even|odd)(?:\((\d*)\))?(?=[^\-]|$)/,PSEUDO:/:((?:[\w\u00c0-\uFFFF\-]|\\.)+)(?:\((['"]?)((?:\([^\)]+\)|[^\(\)]*)+)\2\))?/},leftMatch:{},attrMap:{"class":"className","for":"htmlFor"},attrHandle:{href:function(a){return a.getAttribute("href")},type:function(a){return a.getAttribute("type")}},relative:{"+":function(a,b){var c=typeof b=="string",d=c&&!j.test(b),e=c&&!d;d&&(b=b.toLowerCase());for(var f=0,g=a.length,h;f<g;f++)if(h=a[f]){while((h=h.previousSibling)&&h.nodeType!==1);a[f]=e||h&&h.nodeName.toLowerCase()===b?h||!1:h===b}e&&k.filter(b,a,!0)},">":function(a,b){var c,d=typeof b=="string",e=0,f=a.length;if(d&&!j.test(b)){b=b.toLowerCase();for(;e<f;e++){c=a[e];if(c){var g=c.parentNode;a[e]=g.nodeName.toLowerCase()===b?g:!1}}}else{for(;e<f;e++)c=a[e],c&&(a[e]=d?c.parentNode:c.parentNode===b);d&&k.filter(b,a,!0)}},"":function(a,b,c){var e,f=d++,g=u;typeof b=="string"&&!j.test(b)&&(b=b.toLowerCase(),e=b,g=t),g("parentNode",b,f,a,e,c)},"~":function(a,b,c){var e,f=d++,g=u;typeof b=="string"&&!j.test(b)&&(b=b.toLowerCase(),e=b,g=t),g("previousSibling",b,f,a,e,c)}},find:{ID:function(a,b,c){if(typeof b.getElementById!="undefined"&&!c){var d=b.getElementById(a[1]);return d&&d.parentNode?[d]:[]}},NAME:function(a,b){if(typeof b.getElementsByName!="undefined"){var c=[],d=b.getElementsByName(a[1]);for(var e=0,f=d.length;e<f;e++)d[e].getAttribute("name")===a[1]&&c.push(d[e]);return c.length===0?null:c}},TAG:function(a,b){if(typeof b.getElementsByTagName!="undefined")return b.getElementsByTagName(a[1])}},preFilter:{CLASS:function(a,b,c,d,e,f){a=" "+a[1].replace(i,"")+" ";if(f)return a;for(var g=0,h;(h=b[g])!=null;g++)h&&(e^(h.className&&(" "+h.className+" ").replace(/[\t\n\r]/g," ").indexOf(a)>=0)?c||d.push(h):c&&(b[g]=!1));return!1},ID:function(a){return a[1].replace(i,"")},TAG:function(a,b){return a[1].replace(i,"").toLowerCase()},CHILD:function(a){if(a[1]==="nth"){a[2]||k.error(a[0]),a[2]=a[2].replace(/^\+|\s*/g,"");var b=/(-?)(\d*)(?:n([+\-]?\d*))?/.exec(a[2]==="even"&&"2n"||a[2]==="odd"&&"2n+1"||!/\D/.test(a[2])&&"0n+"+a[2]||a[2]);a[2]=b[1]+(b[2]||1)-0,a[3]=b[3]-0}else a[2]&&k.error(a[0]);a[0]=d++;return a},ATTR:function(a,b,c,d,e,f){var g=a[1]=a[1].replace(i,"");!f&&l.attrMap[g]&&(a[1]=l.attrMap[g]),a[4]=(a[4]||a[5]||"").replace(i,""),a[2]==="~="&&(a[4]=" "+a[4]+" ");return a},PSEUDO:function(b,c,d,e,f){if(b[1]==="not")if((a.exec(b[3])||"").length>1||/^\w/.test(b[3]))b[3]=k(b[3],null,null,c);else{var g=k.filter(b[3],c,d,!0^f);d||e.push.apply(e,g);return!1}else if(l.match.POS.test(b[0])||l.match.CHILD.test(b[0]))return!0;return b},POS:function(a){a.unshift(!0);return a}},filters:{enabled:function(a){return a.disabled===!1&&a.type!=="hidden"},disabled:function(a){return a.disabled===!0},checked:function(a){return a.checked===!0},selected:function(a){a.parentNode&&a.parentNode.selectedIndex;return a.selected===!0},parent:function(a){return!!a.firstChild},empty:function(a){return!a.firstChild},has:function(a,b,c){return!!k(c[3],a).length},header:function(a){return/h\d/i.test(a.nodeName)},text:function(a){var b=a.getAttribute("type"),c=a.type;return a.nodeName.toLowerCase()==="input"&&"text"===c&&(b===c||b===null)},radio:function(a){return a.nodeName.toLowerCase()==="input"&&"radio"===a.type},checkbox:function(a){return a.nodeName.toLowerCase()==="input"&&"checkbox"===a.type},file:function(a){return a.nodeName.toLowerCase()==="input"&&"file"===a.type},password:function(a){return a.nodeName.toLowerCase()==="input"&&"password"===a.type},submit:function(a){var b=a.nodeName.toLowerCase();return(b==="input"||b==="button")&&"submit"===a.type},image:function(a){return a.nodeName.toLowerCase()==="input"&&"image"===a.type},reset:function(a){var b=a.nodeName.toLowerCase();return(b==="input"||b==="button")&&"reset"===a.type},button:function(a){var b=a.nodeName.toLowerCase();return b==="input"&&"button"===a.type||b==="button"},input:function(a){return/input|select|textarea|button/i.test(a.nodeName)},focus:function(a){return a===a.ownerDocument.activeElement}},setFilters:{first:function(a,b){return b===0},last:function(a,b,c,d){return b===d.length-1},even:function(a,b){return b%2===0},odd:function(a,b){return b%2===1},lt:function(a,b,c){return b<c[3]-0},gt:function(a,b,c){return b>c[3]-0},nth:function(a,b,c){return c[3]-0===b},eq:function(a,b,c){return c[3]-0===b}},filter:{PSEUDO:function(a,b,c,d){var e=b[1],f=l.filters[e];if(f)return f(a,c,b,d);if(e==="contains")return(a.textContent||a.innerText||k.getText([a])||"").indexOf(b[3])>=0;if(e==="not"){var g=b[3];for(var h=0,i=g.length;h<i;h++)if(g[h]===a)return!1;return!0}k.error(e)},CHILD:function(a,b){var c=b[1],d=a;switch(c){case"only":case"first":while(d=d.previousSibling)if(d.nodeType===1)return!1;if(c==="first")return!0;d=a;case"last":while(d=d.nextSibling)if(d.nodeType===1)return!1;return!0;case"nth":var e=b[2],f=b[3];if(e===1&&f===0)return!0;var g=b[0],h=a.parentNode;if(h&&(h.sizcache!==g||!a.nodeIndex)){var i=0;for(d=h.firstChild;d;d=d.nextSibling)d.nodeType===1&&(d.nodeIndex=++i);h.sizcache=g}var j=a.nodeIndex-f;return e===0?j===0:j%e===0&&j/e>=0}},ID:function(a,b){return a.nodeType===1&&a.getAttribute("id")===b},TAG:function(a,b){return b==="*"&&a.nodeType===1||a.nodeName.toLowerCase()===b},CLASS:function(a,b){return(" "+(a.className||a.getAttribute("class"))+" ").indexOf(b)>-1},ATTR:function(a,b){var c=b[1],d=l.attrHandle[c]?l.attrHandle[c](a):a[c]!=null?a[c]:a.getAttribute(c),e=d+"",f=b[2],g=b[4];return d==null?f==="!=":f==="="?e===g:f==="*="?e.indexOf(g)>=0:f==="~="?(" "+e+" ").indexOf(g)>=0:g?f==="!="?e!==g:f==="^="?e.indexOf(g)===0:f==="$="?e.substr(e.length-g.length)===g:f==="|="?e===g||e.substr(0,g.length+1)===g+"-":!1:e&&d!==!1},POS:function(a,b,c,d){var e=b[2],f=l.setFilters[e];if(f)return f(a,c,b,d)}}},m=l.match.POS,n=function(a,b){return"\\"+(b-0+1)};for(var o in l.match)l.match[o]=new RegExp(l.match[o].source+/(?![^\[]*\])(?![^\(]*\))/.source),l.leftMatch[o]=new RegExp(/(^(?:.|\r|\n)*?)/.source+l.match[o].source.replace(/\\(\d+)/g,n));var p=function(a,b){a=Array.prototype.slice.call(a,0);if(b){b.push.apply(b,a);return b}return a};try{Array.prototype.slice.call(c.documentElement.childNodes,0)[0].nodeType}catch(q){p=function(a,b){var c=0,d=b||[];if(e.call(a)==="[object Array]")Array.prototype.push.apply(d,a);else if(typeof a.length=="number")for(var f=a.length;c<f;c++)d.push(a[c]);else for(;a[c];c++)d.push(a[c]);return d}}var r,s;c.documentElement.compareDocumentPosition?r=function(a,b){if(a===b){g=!0;return 0}if(!a.compareDocumentPosition||!b.compareDocumentPosition)return a.compareDocumentPosition?-1:1;return a.compareDocumentPosition(b)&4?-1:1}:(r=function(a,b){if(a===b){g=!0;return 0}if(a.sourceIndex&&b.sourceIndex)return a.sourceIndex-b.sourceIndex;var c,d,e=[],f=[],h=a.parentNode,i=b.parentNode,j=h;if(h===i)return s(a,b);if(!h)return-1;if(!i)return 1;while(j)e.unshift(j),j=j.parentNode;j=i;while(j)f.unshift(j),j=j.parentNode;c=e.length,d=f.length;for(var k=0;k<c&&k<d;k++)if(e[k]!==f[k])return s(e[k],f[k]);return k===c?s(a,f[k],-1):s(e[k],b,1)},s=function(a,b,c){if(a===b)return c;var d=a.nextSibling;while(d){if(d===b)return-1;d=d.nextSibling}return 1}),k.getText=function(a){var b="",c;for(var d=0;a[d];d++)c=a[d],c.nodeType===3||c.nodeType===4?b+=c.nodeValue:c.nodeType!==8&&(b+=k.getText(c.childNodes));return b},function(){var a=c.createElement("div"),d="script"+(new Date).getTime(),e=c.documentElement;a.innerHTML="<a name='"+d+"'/>",e.insertBefore(a,e.firstChild),c.getElementById(d)&&(l.find.ID=function(a,c,d){if(typeof c.getElementById!="undefined"&&!d){var e=c.getElementById(a[1]);return e?e.id===a[1]||typeof e.getAttributeNode!="undefined"&&e.getAttributeNode("id").nodeValue===a[1]?[e]:b:[]}},l.filter.ID=function(a,b){var c=typeof a.getAttributeNode!="undefined"&&a.getAttributeNode("id");return a.nodeType===1&&c&&c.nodeValue===b}),e.removeChild(a),e=a=null}(),function(){var a=c.createElement("div");a.appendChild(c.createComment("")),a.getElementsByTagName("*").length>0&&(l.find.TAG=function(a,b){var c=b.getElementsByTagName(a[1]);if(a[1]==="*"){var d=[];for(var e=0;c[e];e++)c[e].nodeType===1&&d.push(c[e]);c=d}return c}),a.innerHTML="<a href='#'></a>",a.firstChild&&typeof a.firstChild.getAttribute!="undefined"&&a.firstChild.getAttribute("href")!=="#"&&(l.attrHandle.href=function(a){return a.getAttribute("href",2)}),a=null}(),c.querySelectorAll&&function(){var a=k,b=c.createElement("div"),d="__sizzle__";b.innerHTML="<p class='TEST'></p>";if(!b.querySelectorAll||b.querySelectorAll(".TEST").length!==0){k=function(b,e,f,g){e=e||c;if(!g&&!k.isXML(e)){var h=/^(\w+$)|^\.([\w\-]+$)|^#([\w\-]+$)/.exec(b);if(h&&(e.nodeType===1||e.nodeType===9)){if(h[1])return p(e.getElementsByTagName(b),f);if(h[2]&&l.find.CLASS&&e.getElementsByClassName)return p(e.getElementsByClassName(h[2]),f)}if(e.nodeType===9){if(b==="body"&&e.body)return p([e.body],f);if(h&&h[3]){var i=e.getElementById(h[3]);if(!i||!i.parentNode)return p([],f);if(i.id===h[3])return p([i],f)}try{return p(e.querySelectorAll(b),f)}catch(j){}}else if(e.nodeType===1&&e.nodeName.toLowerCase()!=="object"){var m=e,n=e.getAttribute("id"),o=n||d,q=e.parentNode,r=/^\s*[+~]/.test(b);n?o=o.replace(/'/g,"\\$&"):e.setAttribute("id",o),r&&q&&(e=e.parentNode);try{if(!r||q)return p(e.querySelectorAll("[id='"+o+"'] "+b),f)}catch(s){}finally{n||m.removeAttribute("id")}}}return a(b,e,f,g)};for(var e in a)k[e]=a[e];b=null}}(),function(){var a=c.documentElement,b=a.matchesSelector||a.mozMatchesSelector||a.webkitMatchesSelector||a.msMatchesSelector;if(b){var d=!b.call(c.createElement("div"),"div"),e=!1;try{b.call(c.documentElement,"[test!='']:sizzle")}catch(f){e=!0}k.matchesSelector=function(a,c){c=c.replace(/\=\s*([^'"\]]*)\s*\]/g,"='$1']");if(!k.isXML(a))try{if(e||!l.match.PSEUDO.test(c)&&!/!=/.test(c)){var f=b.call(a,c);if(f||!d||a.document&&a.document.nodeType!==11)return f}}catch(g){}return k(c,null,null,[a]).length>0}}}(),function(){var a=c.createElement("div");a.innerHTML="<div class='test e'></div><div class='test'></div>";if(!!a.getElementsByClassName&&a.getElementsByClassName("e").length!==0){a.lastChild.className="e";if(a.getElementsByClassName("e").length===1)return;l.order.splice(1,0,"CLASS"),l.find.CLASS=function(a,b,c){if(typeof b.getElementsByClassName!="undefined"&&!c)return b.getElementsByClassName(a[1])},a=null}}(),c.documentElement.contains?k.contains=function(a,b){return a!==b&&(a.contains?a.contains(b):!0)}:c.documentElement.compareDocumentPosition?k.contains=function(a,b){return!!(a.compareDocumentPosition(b)&16)}:k.contains=function(){return!1},k.isXML=function(a){var b=(a?a.ownerDocument||a:0).documentElement;return b?b.nodeName!=="HTML":!1};var v=function(a,b){var c,d=[],e="",f=b.nodeType?[b]:b;while(c=l.match.PSEUDO.exec(a))e+=c[0],a=a.replace(l.match.PSEUDO,"");a=l.relative[a]?a+"*":a;for(var g=0,h=f.length;g<h;g++)k(a,f[g],d);return k.filter(e,d)};f.find=k,f.expr=k.selectors,f.expr[":"]=f.expr.filters,f.unique=k.uniqueSort,f.text=k.getText,f.isXMLDoc=k.isXML,f.contains=k.contains}();var O=/Until$/,P=/^(?:parents|prevUntil|prevAll)/,Q=/,/,R=/^.[^:#\[\.,]*$/,S=Array.prototype.slice,T=f.expr.match.POS,U={children:!0,contents:!0,next:!0,prev:!0};f.fn.extend({find:function(a){var b=this,c,d;if(typeof a!="string")return f(a).filter(function(){for(c=0,d=b.length;c<d;c++)if(f.contains(b[c],this))return!0});var e=this.pushStack("","find",a),g,h,i;for(c=0,d=this.length;c<d;c++){g=e.length,f.find(a,this[c],e);if(c>0)for(h=g;h<e.length;h++)for(i=0;i<g;i++)if(e[i]===e[h]){e.splice(h--,1);break}}return e},has:function(a){var b=f(a);return this.filter(function(){for(var a=0,c=b.length;a<c;a++)if(f.contains(this,b[a]))return!0})},not:function(a){return this.pushStack(W(this,a,!1),"not",a)},filter:function(a){return this.pushStack(W(this,a,!0),"filter",a)},is:function(a){return!!a&&(typeof a=="string"?f.filter(a,this).length>0:this.filter(a).length>0)},closest:function(a,b){var c=[],d,e,g=this[0];if(f.isArray(a)){var h,i,j={},k=1;if(g&&a.length){for(d=0,e=a.length;d<e;d++)i=a[d],j[i]||(j[i]=T.test(i)?f(i,b||this.context):i);while(g&&g.ownerDocument&&g!==b){for(i in j)h=j[i],(h.jquery?h.index(g)>-1:f(g).is(h))&&c.push({selector:i,elem:g,level:k});g=g.parentNode,k++}}return c}var l=T.test(a)||typeof a!="string"?f(a,b||this.context):0;for(d=0,e=this.length;d<e;d++){g=this[d];while(g){if(l?l.index(g)>-1:f.find.matchesSelector(g,a)){c.push(g);break}g=g.parentNode;if(!g||!g.ownerDocument||g===b||g.nodeType===11)break}}c=c.length>1?f.unique(c):c;return this.pushStack(c,"closest",a)},index:function(a){if(!a||typeof a=="string")return f.inArray(this[0],a?f(a):this.parent().children());return f.inArray(a.jquery?a[0]:a,this)},add:function(a,b){var c=typeof a=="string"?f(a,b):f.makeArray(a&&a.nodeType?[a]:a),d=f.merge(this.get(),c);return this.pushStack(V(c[0])||V(d[0])?d:f.unique(d))},andSelf:function(){return this.add(this.prevObject)}}),f.each({parent:function(a){var b=a.parentNode;return b&&b.nodeType!==11?b:null},parents:function(a){return f.dir(a,"parentNode")},parentsUntil:function(a,b,c){return f.dir(a,"parentNode",c)},next:function(a){return f.nth(a,2,"nextSibling")},prev:function(a){return f.nth(a,2,"previousSibling")},nextAll:function(a){return f.dir(a,"nextSibling")},prevAll:function(a){return f.dir(a,"previousSibling")},nextUntil:function(a,b,c){return f.dir(a,"nextSibling",c)},prevUntil:function(a,b,c){return f.dir(a,"previousSibling",c)},siblings:function(a){return f.sibling(a.parentNode.firstChild,a)},children:function(a){return f.sibling(a.firstChild)},contents:function(a){return f.nodeName(a,"iframe")?a.contentDocument||a.contentWindow.document:f.makeArray(a.childNodes)}},function(a,b){f.fn[a]=function(c,d){var e=f.map(this,b,c),g=S.call(arguments);O.test(a)||(d=c),d&&typeof d=="string"&&(e=f.filter(d,e)),e=this.length>1&&!U[a]?f.unique(e):e,(this.length>1||Q.test(d))&&P.test(a)&&(e=e.reverse());return this.pushStack(e,a,g.join(","))}}),f.extend({filter:function(a,b,c){c&&(a=":not("+a+")");return b.length===1?f.find.matchesSelector(b[0],a)?[b[0]]:[]:f.find.matches(a,b)},dir:function(a,c,d){var e=[],g=a[c];while(g&&g.nodeType!==9&&(d===b||g.nodeType!==1||!f(g).is(d)))g.nodeType===1&&e.push(g),g=g[c];return e},nth:function(a,b,c,d){b=b||1;var e=0;for(;a;a=a[c])if(a.nodeType===1&&++e===b)break;return a},sibling:function(a,b){var c=[];for(;a;a=a.nextSibling)a.nodeType===1&&a!==b&&c.push(a);return c}});var X=/ jQuery\d+="(?:\d+|null)"/g,Y=/^\s+/,Z=/<(?!area|br|col|embed|hr|img|input|link|meta|param)(([\w:]+)[^>]*)\/>/ig,$=/<([\w:]+)/,_=/<tbody/i,ba=/<|&#?\w+;/,bb=/<(?:script|object|embed|option|style)/i,bc=/checked\s*(?:[^=]|=\s*.checked.)/i,bd=/\/(java|ecma)script/i,be=/^\s*<!(?:\[CDATA\[|\-\-)/,bf={option:[1,"<select multiple='multiple'>","</select>"],legend:[1,"<fieldset>","</fieldset>"],thead:[1,"<table>","</table>"],tr:[2,"<table><tbody>","</tbody></table>"],td:[3,"<table><tbody><tr>","</tr></tbody></table>"],col:[2,"<table><tbody></tbody><colgroup>","</colgroup></table>"],area:[1,"<map>","</map>"],_default:[0,"",""]};bf.optgroup=bf.option,bf.tbody=bf.tfoot=bf.colgroup=bf.caption=bf.thead,bf.th=bf.td,f.support.htmlSerialize||(bf._default=[1,"div<div>","</div>"]),f.fn.extend({text:function(a){if(f.isFunction(a))return this.each(function(b){var c=f(this);c.text(a.call(this,b,c.text()))});if(typeof a!="object"&&a!==b)return this.empty().append((this[0]&&this[0].ownerDocument||c).createTextNode(a));return f.text(this)},wrapAll:function(a){if(f.isFunction(a))return this.each(function(b){f(this).wrapAll(a.call(this,b))});if(this[0]){var b=f(a,this[0].ownerDocument).eq(0).clone(!0);this[0].parentNode&&b.insertBefore(this[0]),b.map(function(){var a=this;while(a.firstChild&&a.firstChild.nodeType===1)a=a.firstChild;return a}).append(this)}return this},wrapInner:function(a){if(f.isFunction(a))return this.each(function(b){f(this).wrapInner(a.call(this,b))});return this.each(function(){var b=f(this),c=b.contents();c.length?c.wrapAll(a):b.append(a)})},wrap:function(a){return this.each(function(){f(this).wrapAll(a)})},unwrap:function(){return this.parent().each(function(){f.nodeName(this,"body")||f(this).replaceWith(this.childNodes)}).end()},append:function(){return this.domManip(arguments,!0,function(a){this.nodeType===1&&this.appendChild(a)})},prepend:function(){return this.domManip(arguments,!0,function(a){this.nodeType===1&&this.insertBefore(a,this.firstChild)})},before:function(){if(this[0]&&this[0].parentNode)return this.domManip(arguments,!1,function(a){this.parentNode.insertBefore(a,this)});if(arguments.length){var a=f(arguments[0]);a.push.apply(a,this.toArray());return this.pushStack(a,"before",arguments)}},after:function(){if(this[0]&&this[0].parentNode)return this.domManip(arguments,!1,function(a){this.parentNode.insertBefore(a,this.nextSibling)});if(arguments.length){var a=this.pushStack(this,"after",arguments);a.push.apply(a,f(arguments[0]).toArray());return a}},remove:function(a,b){for(var c=0,d;(d=this[c])!=null;c++)if(!a||f.filter(a,[d]).length)!b&&d.nodeType===1&&(f.cleanData(d.getElementsByTagName("*")),f.cleanData([d])),d.parentNode&&d.parentNode.removeChild(d);return this},empty:function(){for(var a=0,b;(b=this[a])!=null;a++){b.nodeType===1&&f.cleanData(b.getElementsByTagName("*"));while(b.firstChild)b.removeChild(b.firstChild)}return this},clone:function(a,b){a=a==null?!1:a,b=b==null?a:b;return this.map(function(){return f.clone(this,a,b)})},html:function(a){if(a===b)return this[0]&&this[0].nodeType===1?this[0].innerHTML.replace(X,""):null;if(typeof a=="string"&&!bb.test(a)&&(f.support.leadingWhitespace||!Y.test(a))&&!bf[($.exec(a)||["",""])[1].toLowerCase()]){a=a.replace(Z,"<$1></$2>");try{for(var c=0,d=this.length;c<d;c++)this[c].nodeType===1&&(f.cleanData(this[c].getElementsByTagName("*")),this[c].innerHTML=a)}catch(e){this.empty().append(a)}}else f.isFunction(a)?this.each(function(b){var c=f(this);c.html(a.call(this,b,c.html()))}):this.empty().append(a);return this},replaceWith:function(a){if(this[0]&&this[0].parentNode){if(f.isFunction(a))return this.each(function(b){var c=f(this),d=c.html();c.replaceWith(a.call(this,b,d))});typeof a!="string"&&(a=f(a).detach());return this.each(function(){var b=this.nextSibling,c=this.parentNode;f(this).remove(),b?f(b).before(a):f(c).append(a)})}return this.length?this.pushStack(f(f.isFunction(a)?a():a),"replaceWith",a):this},detach:function(a){return this.remove(a,!0)},domManip:function(a,c,d){var e,g,h,i,j=a[0],k=[];if(!f.support.checkClone&&arguments.length===3&&typeof j=="string"&&bc.test(j))return this.each(function(){f(this).domManip(a,c,d,!0)});if(f.isFunction(j))return this.each(function(e){var g=f(this);a[0]=j.call(this,e,c?g.html():b),g.domManip(a,c,d)});if(this[0]){i=j&&j.parentNode,f.support.parentNode&&i&&i.nodeType===11&&i.childNodes.length===this.length?e={fragment:i}:e=f.buildFragment(a,this,k),h=e.fragment,h.childNodes.length===1?g=h=h.firstChild:g=h.firstChild;if(g){c=c&&f.nodeName(g,"tr");for(var l=0,m=this.length,n=m-1;l<m;l++)d.call(c?bg(this[l],g):this[l],e.cacheable||m>1&&l<n?f.clone(h,!0,!0):h)}k.length&&f.each(k,bm)}return this}}),f.buildFragment=function(a,b,d){var e,g,h,i;b&&b[0]&&(i=b[0].ownerDocument||b[0]),i.createDocumentFragment||(i=c),a.length===1&&typeof a[0]=="string"&&a[0].length<512&&i===c&&a[0].charAt(0)==="<"&&!bb.test(a[0])&&(f.support.checkClone||!bc.test(a[0]))&&(g=!0,h=f.fragments[a[0]],h&&h!==1&&(e=h)),e||(e=i.createDocumentFragment(),f.clean(a,i,e,d)),g&&(f.fragments[a[0]]=h?e:1);return{fragment:e,cacheable:g}},f.fragments={},f.each({appendTo:"append",prependTo:"prepend",insertBefore:"before",insertAfter:"after",replaceAll:"replaceWith"},function(a,b){f.fn[a]=function(c){var d=[],e=f(c),g=this.length===1&&this[0].parentNode;if(g&&g.nodeType===11&&g.childNodes.length===1&&e.length===1){e[b](this[0]);return this}for(var h=0,i=e.length;h<i;h++){var j=(h>0?this.clone(!0):this).get();f(e[h])[b](j),d=d.concat(j
-)}return this.pushStack(d,a,e.selector)}}),f.extend({clone:function(a,b,c){var d=a.cloneNode(!0),e,g,h;if((!f.support.noCloneEvent||!f.support.noCloneChecked)&&(a.nodeType===1||a.nodeType===11)&&!f.isXMLDoc(a)){bi(a,d),e=bj(a),g=bj(d);for(h=0;e[h];++h)bi(e[h],g[h])}if(b){bh(a,d);if(c){e=bj(a),g=bj(d);for(h=0;e[h];++h)bh(e[h],g[h])}}e=g=null;return d},clean:function(a,b,d,e){var g;b=b||c,typeof b.createElement=="undefined"&&(b=b.ownerDocument||b[0]&&b[0].ownerDocument||c);var h=[],i;for(var j=0,k;(k=a[j])!=null;j++){typeof k=="number"&&(k+="");if(!k)continue;if(typeof k=="string")if(!ba.test(k))k=b.createTextNode(k);else{k=k.replace(Z,"<$1></$2>");var l=($.exec(k)||["",""])[1].toLowerCase(),m=bf[l]||bf._default,n=m[0],o=b.createElement("div");o.innerHTML=m[1]+k+m[2];while(n--)o=o.lastChild;if(!f.support.tbody){var p=_.test(k),q=l==="table"&&!p?o.firstChild&&o.firstChild.childNodes:m[1]==="<table>"&&!p?o.childNodes:[];for(i=q.length-1;i>=0;--i)f.nodeName(q[i],"tbody")&&!q[i].childNodes.length&&q[i].parentNode.removeChild(q[i])}!f.support.leadingWhitespace&&Y.test(k)&&o.insertBefore(b.createTextNode(Y.exec(k)[0]),o.firstChild),k=o.childNodes}var r;if(!f.support.appendChecked)if(k[0]&&typeof (r=k.length)=="number")for(i=0;i<r;i++)bl(k[i]);else bl(k);k.nodeType?h.push(k):h=f.merge(h,k)}if(d){g=function(a){return!a.type||bd.test(a.type)};for(j=0;h[j];j++)if(e&&f.nodeName(h[j],"script")&&(!h[j].type||h[j].type.toLowerCase()==="text/javascript"))e.push(h[j].parentNode?h[j].parentNode.removeChild(h[j]):h[j]);else{if(h[j].nodeType===1){var s=f.grep(h[j].getElementsByTagName("script"),g);h.splice.apply(h,[j+1,0].concat(s))}d.appendChild(h[j])}}return h},cleanData:function(a){var b,c,d=f.cache,e=f.expando,g=f.event.special,h=f.support.deleteExpando;for(var i=0,j;(j=a[i])!=null;i++){if(j.nodeName&&f.noData[j.nodeName.toLowerCase()])continue;c=j[f.expando];if(c){b=d[c]&&d[c][e];if(b&&b.events){for(var k in b.events)g[k]?f.event.remove(j,k):f.removeEvent(j,k,b.handle);b.handle&&(b.handle.elem=null)}h?delete j[f.expando]:j.removeAttribute&&j.removeAttribute(f.expando),delete d[c]}}}});var bn=/alpha\([^)]*\)/i,bo=/opacity=([^)]*)/,bp=/([A-Z]|^ms)/g,bq=/^-?\d+(?:px)?$/i,br=/^-?\d/,bs=/^[+\-]=/,bt=/[^+\-\.\de]+/g,bu={position:"absolute",visibility:"hidden",display:"block"},bv=["Left","Right"],bw=["Top","Bottom"],bx,by,bz;f.fn.css=function(a,c){if(arguments.length===2&&c===b)return this;return f.access(this,a,c,!0,function(a,c,d){return d!==b?f.style(a,c,d):f.css(a,c)})},f.extend({cssHooks:{opacity:{get:function(a,b){if(b){var c=bx(a,"opacity","opacity");return c===""?"1":c}return a.style.opacity}}},cssNumber:{fillOpacity:!0,fontWeight:!0,lineHeight:!0,opacity:!0,orphans:!0,widows:!0,zIndex:!0,zoom:!0},cssProps:{"float":f.support.cssFloat?"cssFloat":"styleFloat"},style:function(a,c,d,e){if(!!a&&a.nodeType!==3&&a.nodeType!==8&&!!a.style){var g,h,i=f.camelCase(c),j=a.style,k=f.cssHooks[i];c=f.cssProps[i]||i;if(d===b){if(k&&"get"in k&&(g=k.get(a,!1,e))!==b)return g;return j[c]}h=typeof d;if(h==="number"&&isNaN(d)||d==null)return;h==="string"&&bs.test(d)&&(d=+d.replace(bt,"")+parseFloat(f.css(a,c)),h="number"),h==="number"&&!f.cssNumber[i]&&(d+="px");if(!k||!("set"in k)||(d=k.set(a,d))!==b)try{j[c]=d}catch(l){}}},css:function(a,c,d){var e,g;c=f.camelCase(c),g=f.cssHooks[c],c=f.cssProps[c]||c,c==="cssFloat"&&(c="float");if(g&&"get"in g&&(e=g.get(a,!0,d))!==b)return e;if(bx)return bx(a,c)},swap:function(a,b,c){var d={};for(var e in b)d[e]=a.style[e],a.style[e]=b[e];c.call(a);for(e in b)a.style[e]=d[e]}}),f.curCSS=f.css,f.each(["height","width"],function(a,b){f.cssHooks[b]={get:function(a,c,d){var e;if(c){if(a.offsetWidth!==0)return bA(a,b,d);f.swap(a,bu,function(){e=bA(a,b,d)});return e}},set:function(a,b){if(!bq.test(b))return b;b=parseFloat(b);if(b>=0)return b+"px"}}}),f.support.opacity||(f.cssHooks.opacity={get:function(a,b){return bo.test((b&&a.currentStyle?a.currentStyle.filter:a.style.filter)||"")?parseFloat(RegExp.$1)/100+"":b?"1":""},set:function(a,b){var c=a.style,d=a.currentStyle;c.zoom=1;var e=f.isNaN(b)?"":"alpha(opacity="+b*100+")",g=d&&d.filter||c.filter||"";c.filter=bn.test(g)?g.replace(bn,e):g+" "+e}}),f(function(){f.support.reliableMarginRight||(f.cssHooks.marginRight={get:function(a,b){var c;f.swap(a,{display:"inline-block"},function(){b?c=bx(a,"margin-right","marginRight"):c=a.style.marginRight});return c}})}),c.defaultView&&c.defaultView.getComputedStyle&&(by=function(a,c){var d,e,g;c=c.replace(bp,"-$1").toLowerCase();if(!(e=a.ownerDocument.defaultView))return b;if(g=e.getComputedStyle(a,null))d=g.getPropertyValue(c),d===""&&!f.contains(a.ownerDocument.documentElement,a)&&(d=f.style(a,c));return d}),c.documentElement.currentStyle&&(bz=function(a,b){var c,d=a.currentStyle&&a.currentStyle[b],e=a.runtimeStyle&&a.runtimeStyle[b],f=a.style;!bq.test(d)&&br.test(d)&&(c=f.left,e&&(a.runtimeStyle.left=a.currentStyle.left),f.left=b==="fontSize"?"1em":d||0,d=f.pixelLeft+"px",f.left=c,e&&(a.runtimeStyle.left=e));return d===""?"auto":d}),bx=by||bz,f.expr&&f.expr.filters&&(f.expr.filters.hidden=function(a){var b=a.offsetWidth,c=a.offsetHeight;return b===0&&c===0||!f.support.reliableHiddenOffsets&&(a.style.display||f.css(a,"display"))==="none"},f.expr.filters.visible=function(a){return!f.expr.filters.hidden(a)});var bB=/%20/g,bC=/\[\]$/,bD=/\r?\n/g,bE=/#.*$/,bF=/^(.*?):[ \t]*([^\r\n]*)\r?$/mg,bG=/^(?:color|date|datetime|email|hidden|month|number|password|range|search|tel|text|time|url|week)$/i,bH=/^(?:about|app|app\-storage|.+\-extension|file|widget):$/,bI=/^(?:GET|HEAD)$/,bJ=/^\/\//,bK=/\?/,bL=/<script\b[^<]*(?:(?!<\/script>)<[^<]*)*<\/script>/gi,bM=/^(?:select|textarea)/i,bN=/\s+/,bO=/([?&])_=[^&]*/,bP=/^([\w\+\.\-]+:)(?:\/\/([^\/?#:]*)(?::(\d+))?)?/,bQ=f.fn.load,bR={},bS={},bT,bU;try{bT=e.href}catch(bV){bT=c.createElement("a"),bT.href="",bT=bT.href}bU=bP.exec(bT.toLowerCase())||[],f.fn.extend({load:function(a,c,d){if(typeof a!="string"&&bQ)return bQ.apply(this,arguments);if(!this.length)return this;var e=a.indexOf(" ");if(e>=0){var g=a.slice(e,a.length);a=a.slice(0,e)}var h="GET";c&&(f.isFunction(c)?(d=c,c=b):typeof c=="object"&&(c=f.param(c,f.ajaxSettings.traditional),h="POST"));var i=this;f.ajax({url:a,type:h,dataType:"html",data:c,complete:function(a,b,c){c=a.responseText,a.isResolved()&&(a.done(function(a){c=a}),i.html(g?f("<div>").append(c.replace(bL,"")).find(g):c)),d&&i.each(d,[c,b,a])}});return this},serialize:function(){return f.param(this.serializeArray())},serializeArray:function(){return this.map(function(){return this.elements?f.makeArray(this.elements):this}).filter(function(){return this.name&&!this.disabled&&(this.checked||bM.test(this.nodeName)||bG.test(this.type))}).map(function(a,b){var c=f(this).val();return c==null?null:f.isArray(c)?f.map(c,function(a,c){return{name:b.name,value:a.replace(bD,"\r\n")}}):{name:b.name,value:c.replace(bD,"\r\n")}}).get()}}),f.each("ajaxStart ajaxStop ajaxComplete ajaxError ajaxSuccess ajaxSend".split(" "),function(a,b){f.fn[b]=function(a){return this.bind(b,a)}}),f.each(["get","post"],function(a,c){f[c]=function(a,d,e,g){f.isFunction(d)&&(g=g||e,e=d,d=b);return f.ajax({type:c,url:a,data:d,success:e,dataType:g})}}),f.extend({getScript:function(a,c){return f.get(a,b,c,"script")},getJSON:function(a,b,c){return f.get(a,b,c,"json")},ajaxSetup:function(a,b){b?f.extend(!0,a,f.ajaxSettings,b):(b=a,a=f.extend(!0,f.ajaxSettings,b));for(var c in{context:1,url:1})c in b?a[c]=b[c]:c in f.ajaxSettings&&(a[c]=f.ajaxSettings[c]);return a},ajaxSettings:{url:bT,isLocal:bH.test(bU[1]),global:!0,type:"GET",contentType:"application/x-www-form-urlencoded",processData:!0,async:!0,accepts:{xml:"application/xml, text/xml",html:"text/html",text:"text/plain",json:"application/json, text/javascript","*":"*/*"},contents:{xml:/xml/,html:/html/,json:/json/},responseFields:{xml:"responseXML",text:"responseText"},converters:{"* text":a.String,"text html":!0,"text json":f.parseJSON,"text xml":f.parseXML}},ajaxPrefilter:bW(bR),ajaxTransport:bW(bS),ajax:function(a,c){function w(a,c,l,m){if(s!==2){s=2,q&&clearTimeout(q),p=b,n=m||"",v.readyState=a?4:0;var o,r,u,w=l?bZ(d,v,l):b,x,y;if(a>=200&&a<300||a===304){if(d.ifModified){if(x=v.getResponseHeader("Last-Modified"))f.lastModified[k]=x;if(y=v.getResponseHeader("Etag"))f.etag[k]=y}if(a===304)c="notmodified",o=!0;else try{r=b$(d,w),c="success",o=!0}catch(z){c="parsererror",u=z}}else{u=c;if(!c||a)c="error",a<0&&(a=0)}v.status=a,v.statusText=c,o?h.resolveWith(e,[r,c,v]):h.rejectWith(e,[v,c,u]),v.statusCode(j),j=b,t&&g.trigger("ajax"+(o?"Success":"Error"),[v,d,o?r:u]),i.resolveWith(e,[v,c]),t&&(g.trigger("ajaxComplete",[v,d]),--f.active||f.event.trigger("ajaxStop"))}}typeof a=="object"&&(c=a,a=b),c=c||{};var d=f.ajaxSetup({},c),e=d.context||d,g=e!==d&&(e.nodeType||e instanceof f)?f(e):f.event,h=f.Deferred(),i=f._Deferred(),j=d.statusCode||{},k,l={},m={},n,o,p,q,r,s=0,t,u,v={readyState:0,setRequestHeader:function(a,b){if(!s){var c=a.toLowerCase();a=m[c]=m[c]||a,l[a]=b}return this},getAllResponseHeaders:function(){return s===2?n:null},getResponseHeader:function(a){var c;if(s===2){if(!o){o={};while(c=bF.exec(n))o[c[1].toLowerCase()]=c[2]}c=o[a.toLowerCase()]}return c===b?null:c},overrideMimeType:function(a){s||(d.mimeType=a);return this},abort:function(a){a=a||"abort",p&&p.abort(a),w(0,a);return this}};h.promise(v),v.success=v.done,v.error=v.fail,v.complete=i.done,v.statusCode=function(a){if(a){var b;if(s<2)for(b in a)j[b]=[j[b],a[b]];else b=a[v.status],v.then(b,b)}return this},d.url=((a||d.url)+"").replace(bE,"").replace(bJ,bU[1]+"//"),d.dataTypes=f.trim(d.dataType||"*").toLowerCase().split(bN),d.crossDomain==null&&(r=bP.exec(d.url.toLowerCase()),d.crossDomain=!(!r||r[1]==bU[1]&&r[2]==bU[2]&&(r[3]||(r[1]==="http:"?80:443))==(bU[3]||(bU[1]==="http:"?80:443)))),d.data&&d.processData&&typeof d.data!="string"&&(d.data=f.param(d.data,d.traditional)),bX(bR,d,c,v);if(s===2)return!1;t=d.global,d.type=d.type.toUpperCase(),d.hasContent=!bI.test(d.type),t&&f.active++===0&&f.event.trigger("ajaxStart");if(!d.hasContent){d.data&&(d.url+=(bK.test(d.url)?"&":"?")+d.data),k=d.url;if(d.cache===!1){var x=f.now(),y=d.url.replace(bO,"$1_="+x);d.url=y+(y===d.url?(bK.test(d.url)?"&":"?")+"_="+x:"")}}(d.data&&d.hasContent&&d.contentType!==!1||c.contentType)&&v.setRequestHeader("Content-Type",d.contentType),d.ifModified&&(k=k||d.url,f.lastModified[k]&&v.setRequestHeader("If-Modified-Since",f.lastModified[k]),f.etag[k]&&v.setRequestHeader("If-None-Match",f.etag[k])),v.setRequestHeader("Accept",d.dataTypes[0]&&d.accepts[d.dataTypes[0]]?d.accepts[d.dataTypes[0]]+(d.dataTypes[0]!=="*"?", */*; q=0.01":""):d.accepts["*"]);for(u in d.headers)v.setRequestHeader(u,d.headers[u]);if(d.beforeSend&&(d.beforeSend.call(e,v,d)===!1||s===2)){v.abort();return!1}for(u in{success:1,error:1,complete:1})v[u](d[u]);p=bX(bS,d,c,v);if(!p)w(-1,"No Transport");else{v.readyState=1,t&&g.trigger("ajaxSend",[v,d]),d.async&&d.timeout>0&&(q=setTimeout(function(){v.abort("timeout")},d.timeout));try{s=1,p.send(l,w)}catch(z){status<2?w(-1,z):f.error(z)}}return v},param:function(a,c){var d=[],e=function(a,b){b=f.isFunction(b)?b():b,d[d.length]=encodeURIComponent(a)+"="+encodeURIComponent(b)};c===b&&(c=f.ajaxSettings.traditional);if(f.isArray(a)||a.jquery&&!f.isPlainObject(a))f.each(a,function(){e(this.name,this.value)});else for(var g in a)bY(g,a[g],c,e);return d.join("&").replace(bB,"+")}}),f.extend({active:0,lastModified:{},etag:{}});var b_=f.now(),ca=/(\=)\?(&|$)|\?\?/i;f.ajaxSetup({jsonp:"callback",jsonpCallback:function(){return f.expando+"_"+b_++}}),f.ajaxPrefilter("json jsonp",function(b,c,d){var e=b.contentType==="application/x-www-form-urlencoded"&&typeof b.data=="string";if(b.dataTypes[0]==="jsonp"||b.jsonp!==!1&&(ca.test(b.url)||e&&ca.test(b.data))){var g,h=b.jsonpCallback=f.isFunction(b.jsonpCallback)?b.jsonpCallback():b.jsonpCallback,i=a[h],j=b.url,k=b.data,l="$1"+h+"$2";b.jsonp!==!1&&(j=j.replace(ca,l),b.url===j&&(e&&(k=k.replace(ca,l)),b.data===k&&(j+=(/\?/.test(j)?"&":"?")+b.jsonp+"="+h))),b.url=j,b.data=k,a[h]=function(a){g=[a]},d.always(function(){a[h]=i,g&&f.isFunction(i)&&a[h](g[0])}),b.converters["script json"]=function(){g||f.error(h+" was not called");return g[0]},b.dataTypes[0]="json";return"script"}}),f.ajaxSetup({accepts:{script:"text/javascript, application/javascript, application/ecmascript, application/x-ecmascript"},contents:{script:/javascript|ecmascript/},converters:{"text script":function(a){f.globalEval(a);return a}}}),f.ajaxPrefilter("script",function(a){a.cache===b&&(a.cache=!1),a.crossDomain&&(a.type="GET",a.global=!1)}),f.ajaxTransport("script",function(a){if(a.crossDomain){var d,e=c.head||c.getElementsByTagName("head")[0]||c.documentElement;return{send:function(f,g){d=c.createElement("script"),d.async="async",a.scriptCharset&&(d.charset=a.scriptCharset),d.src=a.url,d.onload=d.onreadystatechange=function(a,c){if(c||!d.readyState||/loaded|complete/.test(d.readyState))d.onload=d.onreadystatechange=null,e&&d.parentNode&&e.removeChild(d),d=b,c||g(200,"success")},e.insertBefore(d,e.firstChild)},abort:function(){d&&d.onload(0,1)}}}});var cb=a.ActiveXObject?function(){for(var a in cd)cd[a](0,1)}:!1,cc=0,cd;f.ajaxSettings.xhr=a.ActiveXObject?function(){return!this.isLocal&&ce()||cf()}:ce,function(a){f.extend(f.support,{ajax:!!a,cors:!!a&&"withCredentials"in a})}(f.ajaxSettings.xhr()),f.support.ajax&&f.ajaxTransport(function(c){if(!c.crossDomain||f.support.cors){var d;return{send:function(e,g){var h=c.xhr(),i,j;c.username?h.open(c.type,c.url,c.async,c.username,c.password):h.open(c.type,c.url,c.async);if(c.xhrFields)for(j in c.xhrFields)h[j]=c.xhrFields[j];c.mimeType&&h.overrideMimeType&&h.overrideMimeType(c.mimeType),!c.crossDomain&&!e["X-Requested-With"]&&(e["X-Requested-With"]="XMLHttpRequest");try{for(j in e)h.setRequestHeader(j,e[j])}catch(k){}h.send(c.hasContent&&c.data||null),d=function(a,e){var j,k,l,m,n;try{if(d&&(e||h.readyState===4)){d=b,i&&(h.onreadystatechange=f.noop,cb&&delete cd[i]);if(e)h.readyState!==4&&h.abort();else{j=h.status,l=h.getAllResponseHeaders(),m={},n=h.responseXML,n&&n.documentElement&&(m.xml=n),m.text=h.responseText;try{k=h.statusText}catch(o){k=""}!j&&c.isLocal&&!c.crossDomain?j=m.text?200:404:j===1223&&(j=204)}}}catch(p){e||g(-1,p)}m&&g(j,k,m,l)},!c.async||h.readyState===4?d():(i=++cc,cb&&(cd||(cd={},f(a).unload(cb)),cd[i]=d),h.onreadystatechange=d)},abort:function(){d&&d(0,1)}}}});var cg={},ch,ci,cj=/^(?:toggle|show|hide)$/,ck=/^([+\-]=)?([\d+.\-]+)([a-z%]*)$/i,cl,cm=[["height","marginTop","marginBottom","paddingTop","paddingBottom"],["width","marginLeft","marginRight","paddingLeft","paddingRight"],["opacity"]],cn,co=a.webkitRequestAnimationFrame||a.mozRequestAnimationFrame||a.oRequestAnimationFrame;f.fn.extend({show:function(a,b,c){var d,e;if(a||a===0)return this.animate(cr("show",3),a,b,c);for(var g=0,h=this.length;g<h;g++)d=this[g],d.style&&(e=d.style.display,!f._data(d,"olddisplay")&&e==="none"&&(e=d.style.display=""),e===""&&f.css(d,"display")==="none"&&f._data(d,"olddisplay",cs(d.nodeName)));for(g=0;g<h;g++){d=this[g];if(d.style){e=d.style.display;if(e===""||e==="none")d.style.display=f._data(d,"olddisplay")||""}}return this},hide:function(a,b,c){if(a||a===0)return this.animate(cr("hide",3),a,b,c);for(var d=0,e=this.length;d<e;d++)if(this[d].style){var g=f.css(this[d],"display");g!=="none"&&!f._data(this[d],"olddisplay")&&f._data(this[d],"olddisplay",g)}for(d=0;d<e;d++)this[d].style&&(this[d].style.display="none");return this},_toggle:f.fn.toggle,toggle:function(a,b,c){var d=typeof a=="boolean";f.isFunction(a)&&f.isFunction(b)?this._toggle.apply(this,arguments):a==null||d?this.each(function(){var b=d?a:f(this).is(":hidden");f(this)[b?"show":"hide"]()}):this.animate(cr("toggle",3),a,b,c);return this},fadeTo:function(a,b,c,d){return this.filter(":hidden").css("opacity",0).show().end().animate({opacity:b},a,c,d)},animate:function(a,b,c,d){var e=f.speed(b,c,d);if(f.isEmptyObject(a))return this.each(e.complete,[!1]);a=f.extend({},a);return this[e.queue===!1?"each":"queue"](function(){e.queue===!1&&f._mark(this);var b=f.extend({},e),c=this.nodeType===1,d=c&&f(this).is(":hidden"),g,h,i,j,k,l,m,n,o;b.animatedProperties={};for(i in a){g=f.camelCase(i),i!==g&&(a[g]=a[i],delete a[i]),h=a[g],f.isArray(h)?(b.animatedProperties[g]=h[1],h=a[g]=h[0]):b.animatedProperties[g]=b.specialEasing&&b.specialEasing[g]||b.easing||"swing";if(h==="hide"&&d||h==="show"&&!d)return b.complete.call(this);c&&(g==="height"||g==="width")&&(b.overflow=[this.style.overflow,this.style.overflowX,this.style.overflowY],f.css(this,"display")==="inline"&&f.css(this,"float")==="none"&&(f.support.inlineBlockNeedsLayout?(j=cs(this.nodeName),j==="inline"?this.style.display="inline-block":(this.style.display="inline",this.style.zoom=1)):this.style.display="inline-block"))}b.overflow!=null&&(this.style.overflow="hidden");for(i in a)k=new f.fx(this,b,i),h=a[i],cj.test(h)?k[h==="toggle"?d?"show":"hide":h]():(l=ck.exec(h),m=k.cur(),l?(n=parseFloat(l[2]),o=l[3]||(f.cssNumber[i]?"":"px"),o!=="px"&&(f.style(this,i,(n||1)+o),m=(n||1)/k.cur()*m,f.style(this,i,m+o)),l[1]&&(n=(l[1]==="-="?-1:1)*n+m),k.custom(m,n,o)):k.custom(m,h,""));return!0})},stop:function(a,b){a&&this.queue([]),this.each(function(){var a=f.timers,c=a.length;b||f._unmark(!0,this);while(c--)a[c].elem===this&&(b&&a[c](!0),a.splice(c,1))}),b||this.dequeue();return this}}),f.each({slideDown:cr("show",1),slideUp:cr("hide",1),slideToggle:cr("toggle",1),fadeIn:{opacity:"show"},fadeOut:{opacity:"hide"},fadeToggle:{opacity:"toggle"}},function(a,b){f.fn[a]=function(a,c,d){return this.animate(b,a,c,d)}}),f.extend({speed:function(a,b,c){var d=a&&typeof a=="object"?f.extend({},a):{complete:c||!c&&b||f.isFunction(a)&&a,duration:a,easing:c&&b||b&&!f.isFunction(b)&&b};d.duration=f.fx.off?0:typeof d.duration=="number"?d.duration:d.duration in f.fx.speeds?f.fx.speeds[d.duration]:f.fx.speeds._default,d.old=d.complete,d.complete=function(a){f.isFunction(d.old)&&d.old.call(this),d.queue!==!1?f.dequeue(this):a!==!1&&f._unmark(this)};return d},easing:{linear:function(a,b,c,d){return c+d*a},swing:function(a,b,c,d){return(-Math.cos(a*Math.PI)/2+.5)*d+c}},timers:[],fx:function(a,b,c){this.options=b,this.elem=a,this.prop=c,b.orig=b.orig||{}}}),f.fx.prototype={update:function(){this.options.step&&this.options.step.call(this.elem,this.now,this),(f.fx.step[this.prop]||f.fx.step._default)(this)},cur:function(){if(this.elem[this.prop]!=null&&(!this.elem.style||this.elem.style[this.prop]==null))return this.elem[this.prop];var a,b=f.css(this.elem,this.prop);return isNaN(a=parseFloat(b))?!b||b==="auto"?0:b:a},custom:function(a,b,c){function h(a){return d.step(a)}var d=this,e=f.fx,g;this.startTime=cn||cp(),this.start=a,this.end=b,this.unit=c||this.unit||(f.cssNumber[this.prop]?"":"px"),this.now=this.start,this.pos=this.state=0,h.elem=this.elem,h()&&f.timers.push(h)&&!cl&&(co?(cl=!0,g=function(){cl&&(co(g),e.tick())},co(g)):cl=setInterval(e.tick,e.interval))},show:function(){this.options.orig[this.prop]=f.style(this.elem,this.prop),this.options.show=!0,this.custom(this.prop==="width"||this.prop==="height"?1:0,this.cur()),f(this.elem).show()},hide:function(){this.options.orig[this.prop]=f.style(this.elem,this.prop),this.options.hide=!0,this.custom(this.cur(),0)},step:function(a){var b=cn||cp(),c=!0,d=this.elem,e=this.options,g,h;if(a||b>=e.duration+this.startTime){this.now=this.end,this.pos=this.state=1,this.update(),e.animatedProperties[this.prop]=!0;for(g in e.animatedProperties)e.animatedProperties[g]!==!0&&(c=!1);if(c){e.overflow!=null&&!f.support.shrinkWrapBlocks&&f.each(["","X","Y"],function(a,b){d.style["overflow"+b]=e.overflow[a]}),e.hide&&f(d).hide();if(e.hide||e.show)for(var i in e.animatedProperties)f.style(d,i,e.orig[i]);e.complete.call(d)}return!1}e.duration==Infinity?this.now=b:(h=b-this.startTime,this.state=h/e.duration,this.pos=f.easing[e.animatedProperties[this.prop]](this.state,h,0,1,e.duration),this.now=this.start+(this.end-this.start)*this.pos),this.update();return!0}},f.extend(f.fx,{tick:function(){for(var a=f.timers,b=0;b<a.length;++b)a[b]()||a.splice(b--,1);a.length||f.fx.stop()},interval:13,stop:function(){clearInterval(cl),cl=null},speeds:{slow:600,fast:200,_default:400},step:{opacity:function(a){f.style(a.elem,"opacity",a.now)},_default:function(a){a.elem.style&&a.elem.style[a.prop]!=null?a.elem.style[a.prop]=(a.prop==="width"||a.prop==="height"?Math.max(0,a.now):a.now)+a.unit:a.elem[a.prop]=a.now}}}),f.expr&&f.expr.filters&&(f.expr.filters.animated=function(a){return f.grep(f.timers,function(b){return a===b.elem}).length});var ct=/^t(?:able|d|h)$/i,cu=/^(?:body|html)$/i;"getBoundingClientRect"in c.documentElement?f.fn.offset=function(a){var b=this[0],c;if(a)return this.each(function(b){f.offset.setOffset(this,a,b)});if(!b||!b.ownerDocument)return null;if(b===b.ownerDocument.body)return f.offset.bodyOffset(b);try{c=b.getBoundingClientRect()}catch(d){}var e=b.ownerDocument,g=e.documentElement;if(!c||!f.contains(g,b))return c?{top:c.top,left:c.left}:{top:0,left:0};var h=e.body,i=cv(e),j=g.clientTop||h.clientTop||0,k=g.clientLeft||h.clientLeft||0,l=i.pageYOffset||f.support.boxModel&&g.scrollTop||h.scrollTop,m=i.pageXOffset||f.support.boxModel&&g.scrollLeft||h.scrollLeft,n=c.top+l-j,o=c.left+m-k;return{top:n,left:o}}:f.fn.offset=function(a){var b=this[0];if(a)return this.each(function(b){f.offset.setOffset(this,a,b)});if(!b||!b.ownerDocument)return null;if(b===b.ownerDocument.body)return f.offset.bodyOffset(b);f.offset.initialize();var c,d=b.offsetParent,e=b,g=b.ownerDocument,h=g.documentElement,i=g.body,j=g.defaultView,k=j?j.getComputedStyle(b,null):b.currentStyle,l=b.offsetTop,m=b.offsetLeft;while((b=b.parentNode)&&b!==i&&b!==h){if(f.offset.supportsFixedPosition&&k.position==="fixed")break;c=j?j.getComputedStyle(b,null):b.currentStyle,l-=b.scrollTop,m-=b.scrollLeft,b===d&&(l+=b.offsetTop,m+=b.offsetLeft,f.offset.doesNotAddBorder&&(!f.offset.doesAddBorderForTableAndCells||!ct.test(b.nodeName))&&(l+=parseFloat(c.borderTopWidth)||0,m+=parseFloat(c.borderLeftWidth)||0),e=d,d=b.offsetParent),f.offset.subtractsBorderForOverflowNotVisible&&c.overflow!=="visible"&&(l+=parseFloat(c.borderTopWidth)||0,m+=parseFloat(c.borderLeftWidth)||0),k=c}if(k.position==="relative"||k.position==="static")l+=i.offsetTop,m+=i.offsetLeft;f.offset.supportsFixedPosition&&k.position==="fixed"&&(l+=Math.max(h.scrollTop,i.scrollTop),m+=Math.max(h.scrollLeft,i.scrollLeft));return{top:l,left:m}},f.offset={initialize:function(){var a=c.body,b=c.createElement("div"),d,e,g,h,i=parseFloat(f.css(a,"marginTop"))||0,j="<div style='position:absolute;top:0;left:0;margin:0;border:5px solid #000;padding:0;width:1px;height:1px;'><div></div></div><table style='position:absolute;top:0;left:0;margin:0;border:5px solid #000;padding:0;width:1px;height:1px;' cellpadding='0' cellspacing='0'><tr><td></td></tr></table>";f.extend(b.style,{position:"absolute",top:0,left:0,margin:0,border:0,width:"1px",height:"1px",visibility:"hidden"}),b.innerHTML=j,a.insertBefore(b,a.firstChild),d=b.firstChild,e=d.firstChild,h=d.nextSibling.firstChild.firstChild,this.doesNotAddBorder=e.offsetTop!==5,this.doesAddBorderForTableAndCells=h.offsetTop===5,e.style.position="fixed",e.style.top="20px",this.supportsFixedPosition=e.offsetTop===20||e.offsetTop===15,e.style.position=e.style.top="",d.style.overflow="hidden",d.style.position="relative",this.subtractsBorderForOverflowNotVisible=e.offsetTop===-5,this.doesNotIncludeMarginInBodyOffset=a.offsetTop!==i,a.removeChild(b),f.offset.initialize=f.noop},bodyOffset:function(a){var b=a.offsetTop,c=a.offsetLeft;f.offset.initialize(),f.offset.doesNotIncludeMarginInBodyOffset&&(b+=parseFloat(f.css(a,"marginTop"))||0,c+=parseFloat(f.css(a,"marginLeft"))||0);return{top:b,left:c}},setOffset:function(a,b,c){var d=f.css(a,"position");d==="static"&&(a.style.position="relative");var e=f(a),g=e.offset(),h=f.css(a,"top"),i=f.css(a,"left"),j=(d==="absolute"||d==="fixed")&&f.inArray("auto",[h,i])>-1,k={},l={},m,n;j?(l=e.position(),m=l.top,n=l.left):(m=parseFloat(h)||0,n=parseFloat(i)||0),f.isFunction(b)&&(b=b.call(a,c,g)),b.top!=null&&(k.top=b.top-g.top+m),b.left!=null&&(k.left=b.left-g.left+n),"using"in b?b.using.call(a,k):e.css(k)}},f.fn.extend({position:function(){if(!this[0])return null;var a=this[0],b=this.offsetParent(),c=this.offset(),d=cu.test(b[0].nodeName)?{top:0,left:0}:b.offset();c.top-=parseFloat(f.css(a,"marginTop"))||0,c.left-=parseFloat(f.css(a,"marginLeft"))||0,d.top+=parseFloat(f.css(b[0],"borderTopWidth"))||0,d.left+=parseFloat(f.css(b[0],"borderLeftWidth"))||0;return{top:c.top-d.top,left:c.left-d.left}},offsetParent:function(){return this.map(function(){var a=this.offsetParent||c.body;while(a&&!cu.test(a.nodeName)&&f.css(a,"position")==="static")a=a.offsetParent;return a})}}),f.each(["Left","Top"],function(a,c){var d="scroll"+c;f.fn[d]=function(c){var e,g;if(c===b){e=this[0];if(!e)return null;g=cv(e);return g?"pageXOffset"in g?g[a?"pageYOffset":"pageXOffset"]:f.support.boxModel&&g.document.documentElement[d]||g.document.body[d]:e[d]}return this.each(function(){g=cv(this),g?g.scrollTo(a?f(g).scrollLeft():c,a?c:f(g).scrollTop()):this[d]=c})}}),f.each(["Height","Width"],function(a,c){var d=c.toLowerCase();f.fn["inner"+c]=function(){var a=this[0];return a&&a.style?parseFloat(f.css(a,d,"padding")):null},f.fn["outer"+c]=function(a){var b=this[0];return b&&b.style?parseFloat(f.css(b,d,a?"margin":"border")):null},f.fn[d]=function(a){var e=this[0];if(!e)return a==null?null:this;if(f.isFunction(a))return this.each(function(b){var c=f(this);c[d](a.call(this,b,c[d]()))});if(f.isWindow(e)){var g=e.document.documentElement["client"+c];return e.document.compatMode==="CSS1Compat"&&g||e.document.body["client"+c]||g}if(e.nodeType===9)return Math.max(e.documentElement["client"+c],e.body["scroll"+c],e.documentElement["scroll"+c],e.body["offset"+c],e.documentElement["offset"+c]);if(a===b){var h=f.css(e,d),i=parseFloat(h);return f.isNaN(i)?h:i}return this.css(d,typeof a=="string"?a:a+"px")}}),a.jQuery=a.$=f})(window);
-
-
-/* Copyright (c) 2009 Brandon Aaron (http://brandonaaron.net)
- * Dual licensed under the MIT (http://www.opensource.org/licenses/mit-license.php)
- * and GPL (http://www.opensource.org/licenses/gpl-license.php) licenses.
- * Thanks to: http://adomas.org/javascript-mouse-wheel/ for some pointers.
- * Thanks to: Mathias Bank(http://www.mathias-bank.de) for a scope bug fix.
- *
- * Version: 3.0.2
- *
- * Requires: 1.2.2+
- */
-(function(c){var a=["DOMMouseScroll","mousewheel"];c.event.special.mousewheel={setup:function(){if(this.addEventListener){for(var d=a.length;d;){this.addEventListener(a[--d],b,false)}}else{this.onmousewheel=b}},teardown:function(){if(this.removeEventListener){for(var d=a.length;d;){this.removeEventListener(a[--d],b,false)}}else{this.onmousewheel=null}}};c.fn.extend({mousewheel:function(d){return d?this.bind("mousewheel",d):this.trigger("mousewheel")},unmousewheel:function(d){return this.unbind("mousewheel",d)}});function b(f){var d=[].slice.call(arguments,1),g=0,e=true;f=c.event.fix(f||window.event);f.type="mousewheel";if(f.wheelDelta){g=f.wheelDelta/120}if(f.detail){g=-f.detail/3}d.unshift(f,g);return c.event.handle.apply(this,d)}})(jQuery);
\ No newline at end of file
+++ /dev/null
-/*
- * pettanR system.js
- * version 0.4.36
- *
- * author:
- * itozyun
- * licence:
- * 3-clause BSD
- */
-
-/*
- * 画像一覧は
- * お気に入り画像一覧 > tag:ペン次郎 > ペン次郎:笑う
- * 最近アップロードされた画像 > images
- * 最近使われた画像 > images
- * キャラクター画像庫 > アニマル系 > tag:ペン次郎 > ペン次郎:笑う
- * 風景画像庫 >
- * 効果画像庫 >
- * アイテム画像庫 >
- *
- * 画像一覧を読み込むタイミング
- */
-pettanr.file = ( function(){
- var FILE_TYPE_IS_FOLDER = 1,
- numFileType = FILE_TYPE_IS_FOLDER,
- FILEDATA_RESITER = [], // store all of fileData( json object )
- FILEDATA_ACCESS = [], // file operations for Kernel only ! hide from Out of pettanr.file
- FILE_OBJECT_POOL = [],
- EVENT_LISTENER_REGISTER = [],
- TREE_ARRAY = [],
- TREE_ACCESS_ARRAY = [];
-
- var REQUEST_CONTROLER = ( function(){
- var REQUEST_TICKET_RESISTER = [],
- currentTicket = null,
- currentData = null,
- DATA_TYPE_ARRAY = 'json,xml,html,text'.split( ','),
- DATA_IS_JSON = 0,
- DATA_IS_XML = 1,
- DATA_IS_HTML = 2,
- DATA_IS_TEXT = 3,
- numError = 0;
-
- var RequestTicketClass = function( _type, _data, _url, _onLoad, _onError){
- this.type = DATA_TYPE_ARRAY[ _type];
- this.data = _data;
- this.url = _url;
- this.onLoad = _onLoad;
- this.onError = _onError;
- this.state = 0;
- };
-
- function request(){
- if( currentTicket !== null ) return;
- currentTicket = REQUEST_TICKET_RESISTER.shift();
- $.ajax({
- url: currentTicket.url,
- dataType: currentTicket.type,
- success: onSuccess,
- error: onError
- });
- }
- function onSuccess( _data ){
- currentData = _data;
- window.setTimeout( asyncSuccess, 0 );
- }
- function asyncSuccess(){
- currentTicket.onLoad( currentTicket.data, currentData );
- currentTicket = currentData = null;
- REQUEST_TICKET_RESISTER.length !== 0 && window.setTimeout( request, 0 );
- }
-
- function onError(){
- ++numError;
- window.setTimeout( asyncError, 0 );
- }
- function asyncError(){
- currentTicket.onError( currentTicket.data );
- currentTicket = null;
- REQUEST_TICKET_RESISTER.length !== 0 && window.setTimeout( request, 0 );
- }
- return {
- getNumTask: function(){
- return REQUEST_TICKET_RESISTER.length;
- },
- getNumError: function(){
- return numError;
- },
- getJson: function( _data, _url, _onLoad, _onError ){
- REQUEST_TICKET_RESISTER.push( new RequestTicketClass( DATA_IS_JSON, _data, _url, _onLoad, _onError));
- currentTicket === null && request();
- }
- }
- })();
-
-
-
- var FILE_CONTROLER = {
- createTree: function( _rootFileData){
- var _tree = new TreeClass( _rootFileData);
- _tree.init();
- 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( typeof UIDorFILEorFILEDATA === 'number'){
- _data = FILEDATA_RESITER[ UIDorFILEorFILEDATA ] || null;
- } else
- if( UIDorFILEorFILEDATA instanceof FileClass){
- _uid = UIDorFILEorFILEDATA.getUID();
- _data = FILEDATA_RESITER[ _uid ] || null;
- } else {
- _data = UIDorFILEorFILEDATA || null;
- }
-
- 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;
- },
- 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( typeof _policy !== 'number') {
- _policy = FileDriverBase.getUpdatePolicy( _file )
- }
- 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();
- }
- }
- },
- getTreeAccess: function(){
-
- },
- fileEventRellay: function( _uid, _event ){
- var _fileAccess = FILE_CONTROLER.getFileDataAccess( _uid );
- if( _fileAccess === null ) return;
- var _treeUID = _fileAccess.TREE.getUID(),
- _treeAccess = TREE_ACCESS_ARRAY[ _treeUID ],
- _data = _fileAccess.DATA,
- _tree;
- if( !_treeAccess ) return;
- _treeAccess.dispatchFileEvent( _event );
- for( var i=0, l = TREE_ARRAY.length; i<l; ++i){
- if( i !== _treeUID ){
- _tree = TREE_ARRAY[ i ];
- if( FILE_CONTROLER.getFileData( _tree.getCurrentFile() ) === _data ){
- _treeAccess = TREE_ACCESS_ARRAY[ _tree.getUID() ];
- _treeAccess && _treeAccess.dispatchFileEvent( _event );
- }
- }
- }
- }
- }
-
- var AsyncEventDispatcher = ( function(){
- var STACK_LIST = [];
-
- function dispatch(){
- var _stack = STACK_LIST.shift();
- _stack[ 0 ]( _stack[ 1 ], _stack[ 2 ], _stack[ 3 ], _stack[ 4 ] );
-
- while( _stack.length > 0 ){
- _stack.shift();
- }
- if( STACK_LIST.length !== 0 ){
- window.setTimeout( dispatch, 0 );
- }
- }
- return {
- addEvent: function( _callback, _eventType, _targetFile, _key, _value ){
- if( STACK_LIST.length === 0 ){
- window.setTimeout( dispatch, 0 );
- }
- STACK_LIST.push( [ _callback, _eventType, _targetFile, _key, _value ] );
- }
- }
- })();
-
- var TreeClass = function( rootFileData ){
- var PARENT_FILE_RESITER = [],
- ACCESS = {
- dispatchFileEvent: dispatchFileEvent
- },
- EVENT_LISTENER_ARRAY = [],
- rootFile,
- currentFile,
- instance;
-
- TREE_ACCESS_ARRAY.push( ACCESS );
-
- 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 ){
- AsyncEventDispatcher.addEvent( _callback, _eventType, _targetFile, e.key, e.value );
- } else
- if( _type === pettanr.file.TREE_EVENT.UPDATE && _eventType === pettanr.file.FILE_EVENT.GET_SEQENTIAL_FILES ){
- AsyncEventDispatcher.addEvent( _callback, _eventType, _targetFile );
- }
- }
- }
-
- return {
- init: function(){
- instance = this;
- currentFile = rootFile = new FileClass( instance, null, rootFileData );
- // rootFile.init();
- currentFile.getSeqentialFiles();
- delete this.init;
- },
- getUID: function(){
- return pettanr.util.getIndex( TREE_ACCESS_ARRAY, ACCESS );
- },
- 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 );
- currentFile.getSeqentialFiles();
- return currentFile;
- },
- up: function( _index){
- var l = PARENT_FILE_RESITER.length;
- if( l === 0) return null;
-
- if( currentFile ){
- var _currentFile = currentFile;
- currentFile = null;
- _currentFile.destroy();
- }
- 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;
- },
- addTreeEventListener: function( _eventType, _callback){
- FILE_CONTROLER.addEventListener( null, _eventType, _callback);
- },
- removeTreeEventListener: function( _eventType, _callback){
- FILE_CONTROLER.removeEventListener( null, _eventType, _callback);
- },
- destroy: function(){
- FILE_CONTROLER.destroyTree( instance.getUID() );
- // removeEvent
- var _currentFile = currentFile;
- currentFile = rootFile = rootFileData = null;
- // currentFile, rootFile を null にしないと .File.destroy() ができない.
- _currentFile.destroy();
- while( PARENT_FILE_RESITER.length > 0 ){
- _currentFile = PARENT_FILE_RESITER.shift();
- _currentFile.destroy();
- }
- instance = null;
- }
- }
- };
-
- var FileEventTicketClass = function( _uid, _eventType, _callback ){
- this.fileUID = _uid;
- this.eventType = _eventType;
- this.callBack = _callback;
- this.destroy = function(){
- delete this.fileUID;
- delete this.eventType;
- delete this.destroy;
- delete this.callBack;
- }
- _uid = _eventType = _callback = undefined;
- }
-
- var FileEventClass = function( eventType, file, key, value){
- this.eventType = eventType;
- this.targetFile = file;
- this.updatedAttribute = key;
- this.updatedValue = value;
- }
-
-/*
- * fileのdataはobjectで保持している。
- * pettanr.file.の外からファイルをみるときは、FileClassを通して操作する。
- * fileの変更、それに付随して追加されたイベントは、TreeClassで管理される。
- * treeがdestryされると、fileのイベントリスナーも全て削除される。
- * 他の tree も data の共通する currentFile に対してのみは、file の変更イベントを受け取って流す.
- *
- * parentData のほうがいい!
- */
-
- var FileClass = function( tree, parentData, data ){
- var uid = FILE_CONTROLER.getFileUID( data ),
- instance = this;
-
- FILEDATA_ACCESS.push(
- {
- TREE: tree,
- parentData: parentData,
- DATA: data,
- dispatchFileEvent: dispatchEvent
- }
- );
-
- tree = parentData = data = null;
-
- function dispatchEvent( e ){
- FILE_CONTROLER.fileEventRellay( uid, e );
- }
- this.getUID = function(){
- return uid;
- }
- };
-
- 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 ) === 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;
- },
- getChildFileByIndex: function( _index ){
- 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, _access.DATA, _children[ _index ]);
- // _file.init();
- return _file;
- },
- 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 );
- },
- isDeletable: function(){
- return FILE_CONTROLER.getUpdateFlag( this, pettanr.file.FILE_UPDATE_POLICY.DELETE );
- },
- read: function(){
- // simpleDeepCopy
- var driver = FILE_CONTROLER.getDriver( this ),
- data;
- if( typeof driver.read === 'function'){
- data = driver.read( this );
- }
- return FileDriverBase.read( data || this );
- },
- write: function( _newData, _onUpdateFunction ){
- var driver = FILE_CONTROLER.getDriver( this );
- if( typeof driver.write === 'function'){
- return driver.write( this, _newData, _onUpdateFunction );
- }
- return FileDriverBase.write( this, _newData, _onUpdateFunction );
- },
- viewerApplicationList: function(){
- var driver = FILE_CONTROLER.getDriver( this );
- if( typeof driver.viewerApplicationList === 'function'){
- return driver.viewerApplicationList( this );
- }
- return FileDriverBase.viewerApplicationList( this );
- },
- editorApplicationList: function(){
- var driver = FILE_CONTROLER.getDriver( this );
- if( typeof driver.editorApplicationList === 'function'){
- return driver.editorApplicationList( this );
- }
- return FileDriverBase.viwerApps( this );
- },
- create: function(){
-
- },
- sort: function(){
-
- },
- onCopy: function(){
-
- },
- onDelete: function(){
-
- },
- move: function( _newFolder, _newIndex, opt_callback ){
- var _access = FILE_CONTROLER.getFileDataAccess( this );
- _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.parentData, this.getUID(), _newIndex, opt_callback);
- },
- /**
- * サーチ
- * 探しているファイルの属性と値を指定.一致する child の index を配列で返す.
- */
- search: function( obj, rule ){
- var _children = FILE_CONTROLER.getChildren( this ),
- _child,
- ret = [], k, c;
- for( var i=0, l=_children.length; i<l; ++i ){
- _child = _children[ i ];
- c = true;
- for( k in obj ){
- if( obj[ k ] !== _child[ k ] ){
- c = false;
- break;
- }
- }
- c === true && ret.push( i );
- }
- return ret;
- },
- destroy: function(){
- var _access = FILE_CONTROLER.getFileDataAccess( this );
- var TREE = _access.TREE;
- if( TREE.getCurrentFile() === this ) return;
- if( TREE.getRootFile() === this ) return;
- for( var i=0, l = TREE.hierarchy(); i<l; ++i ){
- if( TREE.getParentFileAt( i ) === this ){
- return;
- }
- }
- var _index = pettanr.util.getIndex( FILEDATA_ACCESS, _access );
- if( _index === -1 || _access === null ) return;
- // event の 削除
- FILEDATA_ACCESS.splice( _index, 1 );
- delete _access.DATA;
- delete _access.TREE;
- delete _access.parentData;
- delete _access.dispatchFileEvent;
- }
- }
-
- /*
- * 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.DSRWC;
- },
- read: function( _FILEorDATA ){
- var data,
- protects = pettanr.file.FILE_DATA_PROPERTY_RESERVED;
- if( _FILEorDATA instanceof FileClass ){
- data = FILE_CONTROLER.getFileData( _FILEorDATA )
- } else {
- data = _FILEorDATA;
- }
-
- function clone( src ) {
- var ret;
- if( Type.isArray(src) === true ){
- ret = [];
- } else
- if( Type.isObject(src) === true ){
- ret = {};
- } else
- if( Type.isNumber(src) === true || Type.isString(src) === true || Type.isBoolean( src ) === true ){
- return src;
- } else {
- return null;
- }
- for( var key in src ){
- if( pettanr.util.getIndex( protects, key ) === -1 ){
- //alert( key )
- ret[ key ] = clone( src[ key ]);
- }
- }
- return ret;
- };
-
- return clone( data );
- },
- write: function( _file, _newData, _onUpdateFunction ){
- var _data = FILE_CONTROLER.getFileData( _file ),
- _type = _data.type;
- return false;
- },
- viewerApplicationList: function(){
- return [];
- },
- editorApplicationList: function(){
- return [];
- },
- onCreate: function(){
-
- },
- onSort: function(){
-
- },
- onCopy: function(){
-
- },
- onDelete: function(){
-
- }
- }
-
- var ROOT_FILEDATA = {
- name: 'system root',
- type: FILE_TYPE_IS_FOLDER,
- children: []
- },
- 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();
- delete pettanr.file.init;
- },
- 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);
- },
- 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( '00000', 2),
- ____C: parseInt( '00001', 2), // hasCreateMenu
- ___W_: parseInt( '00010', 2), // isWritable
- ___WC: parseInt( '00011', 2), // isWritable
- __R__: parseInt( '00100', 2), // isRenamable
- __R_C: parseInt( '00101', 2), // hasCreateMenu
- __RW_: parseInt( '00110', 2), // isWritable
- __RWC: parseInt( '00111', 2), // isWritable
- _S___: parseInt( '01000', 2), // childrenIsSortable
- _S__C: parseInt( '01001', 2),
- _S_W_: parseInt( '01010', 2),
- _S_WC: parseInt( '01011', 2),
- _SR__: parseInt( '01100', 2),
- _SR_C: parseInt( '01101', 2),
- _SRW_: parseInt( '01110', 2),
- _SRWC: parseInt( '01111', 2),
- D____: parseInt( '10000', 2),
- D___C: parseInt( '10001', 2), // hasCreateMenu
- D__W_: parseInt( '10010', 2), // isWritable
- D__WC: parseInt( '10011', 2), // isWritable
- D_R__: parseInt( '10100', 2), // isRenamable
- D_R_C: parseInt( '10101', 2), // hasCreateMenu
- D_RW_: parseInt( '10110', 2), // isWritable
- D_RWC: parseInt( '10111', 2), // isWritable
- DS___: parseInt( '11000', 2), // childrenIsSortable
- DS__C: parseInt( '11001', 2),
- DS_W_: parseInt( '11010', 2),
- DS_WC: parseInt( '11011', 2),
- DSR__: parseInt( '11100', 2),
- DSR_C: parseInt( '11101', 2),
- DSRW_: parseInt( '11110', 2),
- DSRWC: parseInt( '11111', 2),
- CREATE: 1,
- WRAITE: 2,
- RENAME: 4,
- SORT: 8,
- DELETE: 16
- },
- TREE_EVENT: {
- UPDATE: 'onTreeUpdate'
- },
- FILE_EVENT: {
- UPDATE_ATTRIVUTE: 'onFileUpdate',
- GET_SEQENTIAL_FILES:'gotSeqentilFiles'
- },
- FILE_DATA_PROPERTY_RESERVED: [
- 'children', 'driver', 'state', 'type'
- ]
- }
-})();
-
-pettanr.finder = ( function(){
- var FINDER_ARRAY = [],
- ELM_ORIGIN_FINDER_LOCATION_ITEM = pettanr.util.pullHtmlAsTemplete( 'templete-finder-location-item'),
- ELM_ORIGIN_FINDER_ICON = ( function(){
- var forIE = pettanr.util.pullHtmlAsTemplete( 'templete-finder-icon-ie'),
- modern = pettanr.util.pullHtmlAsTemplete( 'templete-finder-icon');
- return pettanr.ua.isIE === true && pettanr.ua.ieVersion < 8 ? forIE : modern;
- })(),
- ELM_ORIGIN_CONTAINER = pettanr.util.pullHtmlAsTemplete( 'templete-finder-container'),
- ICON_HEIGHT = pettanr.util.getElementSize( ELM_ORIGIN_FINDER_ICON).height,
- 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, 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],
- ELM_EDITOR_BUTTON = pettanr.util.getElementsByClassName( ELM_WRAPPER, 'finder-icon-console-editor-apps' )[0],
- ELM_VIEWER_BUTTON = pettanr.util.getElementsByClassName( ELM_WRAPPER, 'finder-icon-console-viewer-apps' )[0],
- ELM_ACTION_BUTTON = pettanr.util.getElementsByClassName( ELM_WRAPPER, 'finder-icon-console-action' )[0],
- file, w, index, style, instansce,
- onDownCallback, onEditorCallback, onViewerCallback, onActionCallback,
- viewerList, editorList;
-
- 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();
- if( _thumb.image ){
- ELM_THUMBNAIL.className = ICON_CLASSNAME + ' has-thumbnail';
- ELM_THUMBNAIL.style.backgroundImage = [ 'url(', _thumb.image, ')'].join( '');
- } else {
- ELM_THUMBNAIL.className = ICON_CLASSNAME + ' ' + _thumb.className;
- ELM_THUMBNAIL.style.backgroundImage = '';
- }
- ELM_FILENAME.firstChild.data = file.getName();
- ELM_DESCRIPTION.firstChild.data = file.getSummary();
-
- if( Type.isArray( viewerList ) === true && viewerList.length > 0 ){
- ELM_VIEWER_BUTTON.style.display = '';
- } else {
- ELM_VIEWER_BUTTON.style.display = 'none';
- };
- if( Type.isArray( editorList ) === true && editorList.length > 0 ){
- ELM_EDITOR_BUTTON.style.display = '';
- } else {
- ELM_EDITOR_BUTTON.style.display = 'none';
- };
- }
- function resize(){
- // ELM_WRAPPER.style.top = (index * ICON_HEIGHT) +'px';
- }
- function onCollect(){
- elmContainer.removeChild( ELM_WRAPPER );
- elmContainer = null;
- FINDER_ICON_POOL.push( instansce );
- }
-
- return {
- init: function( _file, _elmContainer, _w, _index, _style, _onDownCallback, _onEditorCallback, _onViewerCallback, _onActionCallback ){
- instansce = this;
- if( elmContainer !== _elmContainer){
- _elmContainer.appendChild( ELM_WRAPPER);
- elmContainer = _elmContainer;
- }
- if( file !== _file){
- file && file.destroy();
- file = _file;
- viewerList = file.viewerApplicationList();
- editorList = file.editorApplicationList();
- draw();
- }
- if( index !== _index){
- index = _index;
- resize();
- }
- onDownCallback = _onDownCallback;
- onEditorCallback = _onEditorCallback;
- onViewerCallback = _onViewerCallback;
- onActionCallback = _onActionCallback;
- },
- elm: ELM_WRAPPER,
- index: function( _index){
-
- return index;
- },
- style: function( _style){
-
- return style;
- },
- onResize: function( w ){
-
- },
- destroy: function(){
- elmContainer.removeChild( ELM_WRAPPER );
- file && file.destroy();
- file = elmContainer = onDownCallback = onEditorCallback = onViewerCallback = onActionCallback = viewerList = editorList = null;
- FINDER_ICON_POOL.push( instansce);
- }
- }
- }
- function updateIconPosition( _style, _w, _index, _elm){
-
- }
- var BreadcrumbClass = function(){
- var elmContainer,
- ELM_WRAPPER = ELM_ORIGIN_FINDER_LOCATION_ITEM.cloneNode( true ),
- ELM_FILENAME = ELM_WRAPPER.getElementsByTagName( 'a')[0],
- file, w, index, instansce,
- callback;
- ELM_WRAPPER.onclick = onClick;
- function draw(){
- ELM_FILENAME.className = 'file-icon-' + file.getType();
- ELM_FILENAME.innerHTML = file.getName();
- }
- function resize( index){
- ELM_WRAPPER.style.left = (index * 90) +'px';
- }
- function onClick(){
- callback( index);
- return false;
- }
-
- return {
- init: function( _file, _elmContainer, _index, _callback ){
- instansce = this;
- if( elmContainer !== _elmContainer ){
- _elmContainer.appendChild( ELM_WRAPPER);
- elmContainer = _elmContainer;
- }
- if( file !== _file){
- file = _file;
- draw();
- }
- if( index !== _index){
- index = _index;
- resize( index);
- }
- callback = _callback;
- },
- elm: ELM_WRAPPER,
- index: function( _index){
-
- return index;
- },
- onResize: function( w){
-
- },
- destroy: function(){
- elmContainer.removeChild( ELM_WRAPPER);
- file = elmContainer = null;
- BREAD_OBJECT_POOL.push( this );
- }
- }
- }
-
- var FinderClass = function( ELM_CONTAINER, tree, header, footer, onSelect, viewerOption, editorOption ){
- var ICON_ARRAY = [],
- BREAD_ARRAY = [],
- elmContainer = ELM_ORIGIN_CONTAINER.cloneNode( true ),
- elmLocation = elmContainer.getElementsByTagName( 'ul' )[0],
- nodesDiv = elmContainer.getElementsByTagName( 'div' ),
- elmSidebarButton = nodesDiv[1],
- elmStyleButton = nodesDiv[2],
- elmActionButton = nodesDiv[3],
- elmBody = nodesDiv[ nodesDiv.length -1 ],
- //tree = pettanr.file.createTree( TREE_TYPE),
- headX,
- headY,
- headH = pettanr.util.getElementSize( nodesDiv[0] ).height,
- bodyY,
- currentFile = null,
- breadW = 90,
- size = pettanr.util.getElementSize( ELM_ORIGIN_FINDER_ICON ),
- iconW = size.width,
- iconH = size.height,
- style = 0,
- w, h, bodyH,
- instance = this;
-
- tree.addTreeEventListener( pettanr.file.TREE_EVENT.UPDATE, draw );
- ELM_CONTAINER.appendChild( elmContainer );
-
- 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;
- for(var i=0; i<l; ++i){
- _file = i !== l-1 ? tree.getParentFileAt( i) : tree.getCurrentFile();
- if( i < m){
- BREAD_ARRAY[ i].init( _file, elmLocation, i, onHeadClick);
- } else {
- BREAD_ARRAY.push( getBreadcrumb( _file, elmLocation, i, onHeadClick ));
- }
- }
- while( l < BREAD_ARRAY.length){
- BREAD_ARRAY.pop().destroy();
- }
-
- l = _file.getChildFileLength();
- m = ICON_ARRAY.length;
-
- for( i=0; i<l; ++i){
- if( i < m){
- ICON_ARRAY[ i ].init( _file.getChildFileByIndex( i), elmBody, w, i, style, onDown, onEditor, onViwer, onAction );
- } else {
- ICON_ARRAY.push( getFinderIcon( _file.getChildFileByIndex( i), elmBody, _w, i, style, onDown, onEditor, onViwer, onAction ));
- }
- }
- 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().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( w, h );
- }
- }
- }
- function onDown( i ){
- if( i < ICON_ARRAY.length ){
- var _file = tree.getCurrentFile().getChildFileByIndex( i );
- if( _file !== null && ( _file.getChildFileLength() !== -1 || _file.getType() === pettanr.file.FILE_TYPE.FOLDER)){
- tree.down( i );
- draw( w, h );
- } else {
- Type.isFunction( onSelect ) === true && onSelect( _file );
- }
- }
- }
- function onEditor( _file, _app, editorOption ){
- _app.boot( _file, editorOption );
- }
- function onViwer( _file, _app ){
- _app.bootInOverlay( _file, viewerOption );
- }
- function onAction( _file ){
-
- }
- this.rootElement = elmContainer;
- this.parentElement = ELM_CONTAINER;
- this.displayName = 'finder';
- this.ID = 'finder';
- this.MIN_WIDTH = 240;
- this.MIN_HEIGHT = 240;
- this.init = function(){
- //$( 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 instance.init;
- }
- this.onPaneResize = function( _w, _h ){
- instance.init && instance.init();
- draw( _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 );
- }
- }
- }
- FinderClass.prototype = pettanr.view._getAbstractApplication();
-
- function getFinderIcon( _file, _elmContainer, w, index, style, onDown, onEditor, onViwer, onAction){
- var _icon;
- if( FINDER_ICON_POOL.length > 0){
- _icon = FINDER_ICON_POOL.shift();
- } else {
- _icon = new FinderIconClass();
- }
- _icon.init( _file, _elmContainer, w, index, style, onDown, onEditor, onViwer, onAction );
- return _icon;
- }
-
- function getBreadcrumb( _file, _elmContainer, index, callback){
- var _bread;
- if( BREAD_OBJECT_POOL.length > 0){
- _bread = BREAD_OBJECT_POOL.shift();
- } else {
- _bread = new BreadcrumbClass();
- }
- _bread.init( _file, _elmContainer, index, callback);
- return _bread;
- }
-
- return {
- init: function(){
-
- },
- createFinder: function( _applicationReference, _elmTarget, _tree, _header, _footer, _onSelect, _viewerOption, _editorOption ){
- if( pettanr.view.isApplicationReference( _applicationReference ) === false ) return;
-
- var _finder = new FinderClass( _elmTarget, _tree, _header, _footer, _onSelect, _viewerOption, _editorOption );
- 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.CONST.SERVER_SUPPORT === false ? 1 : -1 ),
- MyArtistID = 'current_artist' in window ? current_artist.id : ( pettanr.CONST.SERVER_SUPPORT === false ? 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 ){
- if( pettanr.CONST.SERVER_SUPPORT === false ){
- _json = [ 'json\/comics_', _data.id, '.json' ].join( '' );
- } else {
- _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.name, '画伯' ].join( '');
- } else
- if( _type === pettanr.driver.FILE_TYPE.AUTHOR ){
- return [ _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, id:' + _data.id;
- }
- if( _type === pettanr.driver.FILE_TYPE.PANEL){
- return [ _data.width, 'x', _data.height ].join( '' );
- }
- if( _type === pettanr.driver.FILE_TYPE.AUTHOR){
- return 'author file, id:' + _data.id;
- }
- if( _type === pettanr.driver.FILE_TYPE.ARTIST){
- return [ 'id:', _data.id, ' Email:', _data.email || 'empty' , ', HP:', _data.homepage_url || 'empty' ].join( '' );
- }
- if( _type === pettanr.file.FILE_TYPE.FOLDER){
- return 'pettanR folder';
- }
- return 'pettanR unknown file';
- },
- read: function( _file ){
- var _data = FileAPI.getFileData( _file ),
- _type = _data !== null ? _data.type : null,
- ret;
- if( _type === pettanr.driver.FILE_TYPE.COMIC ){
- // children を panels に deepcopy
- ret = {};
- for( var key in _data ){
- ret[ key ] = _data[ key ]
- }
- ret.panels = _data.children;
- return ret;
- }
- if( _type === pettanr.driver.FILE_TYPE.PANEL ){
- }
- if( _type === pettanr.driver.FILE_TYPE.PANEL_PICTURE ){
-
- }
- if( _type === pettanr.driver.FILE_TYPE.BALLOON ){
- }
- if( _type === pettanr.driver.FILE_TYPE.PICTURE ){
- }
- },
- write: function( _file, _newData, _onUpdateFunction ){
- var _data = FileAPI.getFileData( _file ),
- _type = _data !== null ? _data.type : null;
- if( _type === pettanr.driver.FILE_TYPE.COMIC ){
- }
- if( _type === pettanr.driver.FILE_TYPE.PANEL ){
- }
- if( _type === pettanr.driver.FILE_TYPE.PANEL_PICTURE ){
-
- }
- if( _type === pettanr.driver.FILE_TYPE.BALLOON ){
- }
- if( _type === pettanr.driver.FILE_TYPE.PICTURE ){
- }
- },
- viewerApplicationList: function( _file ){
- var _data = FileAPI.getFileData( _file ),
- _type = _data !== null ? _data.type : null;
- if( _type === pettanr.driver.FILE_TYPE.PANEL ){
- return [ pettanr.reader ];
- }
- if( _type === pettanr.driver.FILE_TYPE.COMIC ){
- return [ pettanr.reader ];
- }
- if( _data === FILE_DATA_MY_PICTURES_ROOT ){
- return [ pettanr.premiumSatge ];
- }
- if( _type === pettanr.driver.FILE_TYPE.ARTIST ){
- return [ pettanr.premiumSatge ];
- }
- return [];
- },
- editorApplicationList: function( _file ){
- var _data = FileAPI.getFileData( _file ),
- _type = _data !== null ? _data.type : null;
- if( _type === pettanr.driver.FILE_TYPE.PANEL ){
- return [ pettanr.editor ];
- }
- if( _type === pettanr.driver.FILE_TYPE.COMIC ){
- return [ pettanr.editor, pettanr.comicConsole ];
- }
- 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,
- id: MyAuthorID
- },
- 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,
- id: MyArtistID
- },
- 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 をファイルに取り出し
- var _elements = _data.panel_elements,
- _elm;
- if( Type.isArray( _elements ) === true ){
- 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 );
- if( _artist.id === MyArtistID ){
- addChildData( FILE_DATA_MY_PICTURES_ROOT, _data );
- //FILE_DATA_MY_PICTURES_ROOT.type = pettanr.driver.FILE_TYPE.ARTIST;
- //FILE_DATA_MY_PICTURES_ROOT.id = MyArtistID;
- }
- }
- }
- 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(){
- var _tree = pettanr.file.createTree( FILE_DATA_PICTURE_ROOT );
- _root = _tree.getRootFile();
- _myPic = _root.getChildFileByIndex( 0 );
- _pic = _root.getChildFileByIndex( 1 );
- _myPic.getSeqentialFiles();
- _pic.getSeqentialFiles();
- _myPic.destroy();
- _pic.destroy();
- return _tree;
- },
- createArtistTree: function(){
- return pettanr.file.createTree( FILE_DATA_ARTIST_ROOT );
- },
- createServiceTree: function(){
- return pettanr.file.createTree( FILE_DATA_SERVICE_ROOT );
- },
- isPettanrFileInstance: function( _file ){
- if( pettanr.file.isFileInstance( _file ) === true){
- var _data = FileAPI.getFileData( _file);
- return _data !== null && _data.driver === Driver;
- }
- return false;
- },
- _getAPI: function(){
- return FileAPI;
- },
- _getPictureRootData: function(){
- return FILE_DATA_PICTURE_ROOT;
- },
- _getMyPicturesData: function(){
- return FILE_DATA_MY_PICTURES_ROOT;
- },
- 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 = pettanr.view.registerApplication( function(){
- var wrap = document.getElementById('inner-wrapper'),
- pageHeaderH = pettanr.util.getElementSize( document.getElementById( 'header' ) ).height,
- instance = this;
- this.displayName = 'Home';
- this.ID = 'Home';
- this.rootElement = document.getElementById('entrance');
- this.onOpen = function( _w, _h, _option ){
- wrap.style.display = '';
- wrap.style.height = ( _h - pageHeaderH ) + 'px';
- }
- this.onClose = function(){
- wrap.style.display = 'none';
- }
- this.onPaneResize = function( _w, _h){
- instance.onOpen( _w, _h );
- }
-});
-pettanr.entrance.addToLancher();
-
-pettanr.cabinet = pettanr.view.registerApplication( function(){
- var finder,
- elmContainer = document.getElementById( 'cabinet'),
- option,
- pageHeaderH = pettanr.util.getElementSize( document.getElementById( 'header' ) ).height;
-
- this.displayName = 'Comic list';
- this.ID = 'Comiclist';
- this.rootElement = elmContainer;
- this.onOpen = function( _w, _h ){
- finder = finder || pettanr.finder.createFinder( pettanr.cabinet, elmContainer, pettanr.driver.createComicTree() );
- finder.resize( _w, _h - pageHeaderH );
- }
- this.onClose = function(){
- // finder.close();
- }
- this.onPaneResize = function( _w, _h){
- finder.resize( _w, _h - pageHeaderH );
- }
-});
-pettanr.cabinet.addToLancher();
-
-pettanr.gallery = pettanr.view.registerApplication( function(){
- var finder,
- elmContainer = document.getElementById( 'gallery' ),
- option,
- pageHeaderH = pettanr.util.getElementSize( document.getElementById( 'header' ) ).height;
-
- this.displayName = 'Pictures';
- this.ID = 'pictures';
- this.rootElement = elmContainer;
- this.onOpen = function( _w, _h ){
- finder = finder || pettanr.finder.createFinder( pettanr.gallery, elmContainer, pettanr.driver.createPictureTree() );
- finder.resize( _w, _h - pageHeaderH );
- }
- this.onClose = function(){
- // finder.close();
- }
- this.onPaneResize = function( _w, _h){
- finder.resize( _w, _h - pageHeaderH );
- }
-});
-pettanr.gallery.addToLancher();
-
-pettanr.backyard = pettanr.view.registerApplication( function(){
- this.displayName = 'Settings';
- this.ID = 'Settinds';
- this.rootElement = document.getElementById( 'backyard' );
- this.onOpen = function( _w, _h, _option ){
- }
- this.onClose = function(){
- }
- this.onPaneResize = function( _w, _h){
- }
-});
-pettanr.backyard.addToLancher();
-
-if( pettanr.DEBUG === true){
- pettanr.debug = pettanr.view.registerApplication( function(){
- var elmDl = document.getElementById( 'useragent'),
- elmDt, elmDd,
- data = {
- pettanR: pettanr.version,
- ua: navigator.userAgent,
- platform: navigator.platform,
- appVersion: navigator.appVersion,
- appCodeName:navigator.appCodeName,
- appName: navigator.appName,
- language: navigator.browserLanguage || navigator.language,
- ActiveX: pettanr.ua.ACTIVEX
- },
- ua = pettanr.ua;
- if( ua.IE){
- //data.ua = 'Internet Explorer';
- data.version = ua.IE;
- if( ua.ieVersion >= 8) data.RenderingVersion = ua.ieRenderingVersion;
- data.browserType = ua.STANDALONE === true ? 'Standalone' : 'bundle';
- if( ua.ieVersion < 9) {
- data.vml = ua.VML;
- } else {
- data.svg = ua.SVG;
- }
- }
- data.RenderingMode = ua.isStanderdMode === true ? 'Standerd' : 'Quirks';
-
- for( var key in data){
- elmDt = document.createElement( 'dt');
- elmDt.innerHTML = key;
- elmDd = document.createElement( 'dd');
- elmDd.innerHTML = '' + data[ key];
- if( !data[ key]) elmDd.style.color = 'red';
- elmDl.appendChild( elmDt);
- elmDl.appendChild( elmDd);
- }
-
- var wrap = document.getElementById('inner-wrapper'),
- pageHeaderH = pettanr.util.getElementSize( document.getElementById( 'header' )).height,
- instance = this;
-
- this.displayName = 'Debug';
- this.ID = 'debug';
- this.rootElement = document.getElementById( 'debug' );
- this.onOpen = function( _w, _h, _option ){
- wrap.style.display = '';
- wrap.style.height = ( _h - pageHeaderH ) + 'px';
- }
- this.onClose = function(){
- wrap.style.display = 'none';
- }
- this.onPaneResize = function( _w, _h ){
- instance.onOpen( _w, _h );
- }
- });
- pettanr.debug.addToLancher();
-
-} else {
- var _debug = document.getElementById( 'debug');
- if( _debug){
- pettanr.util.removeAllChildren( _debug);
- _debug.parentNode.removeChild( _debug);
- _debug = null;
- }
-}
-
-/* ----------------------------------------
- * Image Group Exproler
- * - overlay
- */
-pettanr.premiumSatge = pettanr.view.registerApplication( function(){
- var ICON_ARRAY = [],
- WHEEL_DELTA = 64,
- ARTIST_TREE = pettanr.driver.createArtistTree(),
- ARTIST_ROOT_FILE = ARTIST_TREE.getRootFile(),
- instance = this,
- winW, winH,
- wrapX,
- elmWrap = document.getElementById( 'image-group-wrapper' ),
- elmContainer = document.getElementById( 'image-group-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-group-item';
- data.className = 'image-group-item-title';
- return ret;
- })(),
- jqContainer,
- size = pettanr.util.getElementSize( elmIconOrigin ),
- itemW = size.width,
- itemH = size.height,
- elmName = document.getElementById( 'image-group-name' ),
- elmButton = document.getElementById( 'image-group-button' ),
- buttonW = pettanr.util.getElementSize( elmButton ).width,
- //onUpdateFunction,
- onUpdateFunction = null,
- onUpdateData = null,
- artistID = -1,
- onEnterInterval = null;
-
- elmButton.onclick = clickOK;
-
- var BASE_PATH = pettanr.CONST.RESOURCE_PICTURE_PATH,
- THUMB_PATH = BASE_PATH, // + 'thumbnail/',
- LIMIT_FILESIZE = 1024 * 10; // 10KB
-
- var ImageGroupIconClass = function( INDEX, data ){
- var elmIconWrap = elmIconOrigin.cloneNode( true ),
- elmIconTitle = pettanr.util.getElementsByClassName( elmIconWrap, 'image-group-item-title' )[ 0 ],
- 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,
- timer = null,
- onEnterFlag = false,
- instance = this;
- elmContainer.appendChild( elmIconWrap );
- elmIconWrap.style.left = ( INDEX * itemW ) + 'px';
- elmIconTitle.appendChild( document.createTextNode( data.filesize + 'bytes' ) );
-
- function onImageLoad( url, _imgW, _imgH ){
- data.width = _imgW = _imgW || data.width || 64;
- data.height = _imgH = _imgH || data.height || 64;
- elmIconTitle.firstChild.data = _imgW + 'x' + _imgH;
- var zoom = 128 /( _imgW > _imgH ? _imgW : _imgH ),
- 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(){
- onUpdateData = data;
- pettanr.premiumSatge.shutdown();
- }
-
- function asyncDraw(){
- reversibleImage = pettanr.image.createReversibleImage( LOW_SRC || SRC, itemW, itemH, onImageLoad );
- elmIconWrap.appendChild( reversibleImage.elm );
- onEnterFlag = true;
- timer = null;
- }
-
- this.onEnter = function( delay ){
- timer = window.setTimeout( asyncDraw, delay );
- delete instance.onEnter;
- }
- this.destroy = function(){
- delete instance.destroy;
- timer && window.clearTimeout( timer );
- reversibleImage && reversibleImage.destroy();
- pettanr.util.removeAllChildren( elmIconWrap );
- elmContainer.removeChild( elmIconWrap );
- elmIconWrap.onclick = '';
- reversibleImage = elmIconWrap = elmIconTitle = data = timer = null;
- }
- }
-
- function onEnterShowImage(){
- var l = ICON_ARRAY.length,
- _start = -wrapX /itemW -1,
- _end = _start + winW /itemW +1,
- _icon;
- for( var i=0, c = 0; i<l; ++i){
- _icon = ICON_ARRAY[ i ];
- if( _start < i && i < _end && _icon.onEnter ){
- _icon.onEnter( c * 100 );
- c++;
- }
- }
- onEnterInterval !== null && window.clearTimeout( onEnterInterval );
- onEnterInterval = null;
- }
- function clickOK(){
- pettanr.premiumSatge.shutdown();
- }
- function onMouseWheel( e, delta ){
- if( winW < containerW){
- wrapX += delta * WHEEL_DELTA;
- wrapX = wrapX > 0 ? 0 : wrapX < winW -containerW ? winW -containerW : wrapX;
- jqContainer.css( { left: wrapX});
-
- onEnterInterval !== null && window.clearTimeout( onEnterInterval );
- onEnterInterval = window.setTimeout( onEnterShowImage, 500 );
- }
- //e.stopPropagation();
- return false;
- }
-
- function drawIcons(){
- while( ICON_ARRAY.length > 0 ){
- ICON_ARRAY.shift().destroy();
- }
-
- var _index = ARTIST_ROOT_FILE.search( {
- id: artistID,
- type: pettanr.driver.FILE_TYPE.ARTIST
- })[ 0 ],
- _artistFile = ARTIST_ROOT_FILE.getChildFileByIndex( _index ),
- _file;
- if( _artistFile !== null ){
- for(var i=0, l=_artistFile.getChildFileLength(); i<l; ++i ){
- _file = _artistFile.getChildFileByIndex( i );
- ICON_ARRAY.push( new ImageGroupIconClass( i, pettanr.driver._getAPI().getFileData( _file ) ));
- _file.destroy();
- }
- elmName.firstChild.data = _artistFile.getName();
- _artistFile.destroy();
- }
- }
-
- function onFadeout(){
- while( ICON_ARRAY.length > 0 ){
- ICON_ARRAY.shift().destroy();
- }
- onUpdateFunction !== null && onUpdateData !== null && onUpdateFunction( onUpdateData );
- onUpdateFunction = onUpdateData = null;
- }
-
- /* grobal method */
- // this.rootElement = elmWrap;
- this.displayName = 'premiumStage';
- this.ID = 'premiumStage';
- this.rootElement = elmWrap;
- this.MIN_WIDTH = 320;
- this.MIN_HEIGHT = 320;
- this.init = function(){
- jqContainer = $( elmContainer ).mousewheel( onMouseWheel );
-
- // よくない! 一時的な処理,,,
- //var tree = pettanr.driver.createPictureTree();
- //tree.addTreeEventListener( pettanr.file.TREE_EVENT.UPDATE, drawIcons );
- // pettanr.file.FILE_EVENT.GET_SEQENTIAL_FILES
- delete instance.init;
- }
- this.onOpen = function( _windowW, _windowH, _ARTISTIDorFILE, _onUpdateFunction ){
- instance.init && instance.init();
-
- if( pettanr.driver.isPettanrFileInstance( _ARTISTIDorFILE ) === true ){
- var _data = pettanr.driver._getAPI().getFileData( _ARTISTIDorFILE );
- if( _ARTISTIDorFILE.getType() === pettanr.driver.FILE_TYPE.ARTIST || pettanr.driver._getMyPicturesData() === _data ){
- artistID = _data.id || -1;
- }
- } else
- if( Type.isNumber( _ARTISTIDorFILE ) === true ){
- artistID = _ARTISTIDorFILE;
- }
-
- onUpdateFunction = _onUpdateFunction || null;
- onUpdateData = null;
-
- drawIcons();
-
- wrapX = 0;
- containerW = ICON_ARRAY.length * itemW;
-
- winW = _windowW;
- winH = _windowH;
- var w = winW > containerW ? winW : containerW,
- h = _windowH > containerH ? containerH : _windowH,
- MATH_FLOOR = Math.floor;
-
- jqContainer.css( {
- width: w,
- height: 0,
- left: 0,
- top: MATH_FLOOR( _windowH /2)
- }).stop().animate( {
- height: h,
- top: MATH_FLOOR( _windowH /2 -h /2)
- }, 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,
- MATH_FLOOR = Math.floor,
- offsetW = MATH_FLOOR( _windowW /2 -winW /2);
-
- winW = _windowW;
- winH = _windowH;
- if( offsetW <= 0){ // smaller
- jqContainer.css( {
- left: offsetW,
- width: w
- }).animate( {
- left: 0,
- top: MATH_FLOOR( _windowH /2 -h /2)
- });
- } else {
- jqContainer.css( { // bigger
- left: 0,
- width: w,
- borderLeftWidth: offsetW
- }).animate( {
- top: MATH_FLOOR( _windowH /2 -h /2),
- borderLeftWidth: 0
- });
- }
- 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 )
- }, onFadeout );
- onEnterInterval !== null && window.clearTimeout( onEnterInterval );
- onEnterInterval = null;
- }
-});
-
-
-/* ----------------------------------------
- * Text Editor
- * - overlay
- */
-pettanr.textEditor = pettanr.view.registerApplication( function(){
- var jqWrap, jqTextarea, jqButton,
- textElement, onUpdateFunction,
- ID = 'textEditor',
- panelX, panelY,
- instance = this;
- //pettanr.key.addKeyDownEvent( ID, 69, false, false, clickOK);
-
- function clickOK(){
- textElement && textElement.text( jqTextarea.val() );
- window.setTimeout( asyncCallback, 0 );
- }
-
- function asyncCallback(){
- onUpdateFunction && onUpdateFunction( textElement );
- onUpdateFunction = textElement = null;
- pettanr.textEditor.shutdown();
- }
-
- function keyCancel( e ){
- if( e.keyCode === 69 && e.shiftKey === false && e.ctrlKey === true){
- clickOK();
- e.preventDefault();
- e.keyCode = 0;
- e.cancelBubble = true;
- e.returnValue = false;
- return false;
- }
- }
- function textareaFitHeight(){
- var rows = 0;
- while( jqTextarea.height() < textElement.h ){
- rows++;
- jqTextarea.attr( 'rows', rows );
- }
- rows > 1 && jqTextarea.attr( 'rows', --rows );
- }
-
- /* grobal method */
- // this.rootElement = elmWrap;
- this.displayName = 'textEditor';
- this.ID = 'textEditor';
- this.rootElement = document.getElementById( 'speach-editor-wrapper' );
- this.MIN_WIDTH = 320;
- this.MIN_HEIGHT = 320;
- this.init = function(){
- jqWrap = $( '#speach-editor-wrapper' ).hide();
- jqTextarea = $( '#speach-editor' ).keydown( keyCancel );
- jqButton = $( '#speach-edit-complete-button').click( clickOK );
- delete instance.init;
- }
- this.onOpen = function( _w, _h, _panelX, _panelY, _textElement, _onUpdateFunction ){
- instance.init && instance.init();
-
- panelX = _panelX;
- panelY = _panelY;
- textElement = _textElement;
- onUpdateFunction = _onUpdateFunction || null;
-
- jqWrap.show();
- instance.onPaneResize( _w, _h );
- jqTextarea.val( _textElement.text() ).focus();
-
- /*
- * ie6,7は、textarea { width:100%}でも高さが変わらない。rowsを設定。
- */
- pettanr.ua.isIE === true && pettanr.ua.ieVersion <= 7 && setTimeout( textareaFitHeight, 0);
- }
- this.onPaneResize = function( _w, _h ){
- jqWrap.css( {
- left: textElement.x + panelX,
- top: textElement.y + panelY,
- width: textElement.w,
- height: textElement.h
- });
- }
- this.onClose = function(){
- jqWrap.hide();
- }
-});
-
-
-pettanr.reader = pettanr.view.registerApplication( function(){
- var jqWrap, jqPanelContainer,
- windowW, windowH,
- headerH = pettanr.util.getElementSize( document.getElementById( 'comic-reader-header' ) ).height,
- consoleH = pettanr.util.getElementSize( document.getElementById( 'comic-reader-console' ) ).height,
- panelMargin,
- elmContainer = document.getElementById( 'comic-reader-panel-container' ),
- elmTitle = document.getElementById( 'comic-reader-title' ).firstChild,
- elmAuthor = document.getElementById( 'comic-reader-author' ).firstChild,
- elmBackButton = document.getElementById( 'comic-reader-back-button' ),
- elmNextButton = document.getElementById( 'comic-reader-forward-button' ),
- ID = 'comicReader',
- bindWorker = null,
- currentFile = null;
- comicData = null,
- currentPanel = null,
- currentIndex = 0,
- numPanel = 0,
- instance = this;
-
- function onBackClick(){
- currentIndex -= ( currentIndex > 0 ? 1 : 0 );
- slide();
- return false;
- }
- function onNextClick(){
- currentIndex += ( currentIndex < numPanel - 1 ? 1 : 0 );
- slide();
- return false;
- }
- function slide(){
- var elm = elmContainer.childNodes[ currentIndex ],
- h = windowH - headerH - consoleH,
- top = headerH;
- if( elm ){
- top = headerH - elm.offsetTop + Math.floor( ( h - elm.offsetHeight ) / 2 );
- }
-
- jqPanelContainer.stop().animate( {
- top: top
- });
- }
- function getCurrentTopPosition(){
-
- }
- function draw(){
- var fileData, title, author;
-
- if( pettanr.driver.isPettanrFileInstance( currentFile ) === true ){
- if( currentFile.getType() === pettanr.driver.FILE_TYPE.COMIC ){
- fileData = currentFile.read();
- title = fileData.title;
- author = fileData.author.name;
- comicData = fileData;
- numPanel = currentFile.getChildFileLength();
- } else
- if( currentFile.getType() === pettanr.driver.FILE_TYPE.PANEL ){
- fileData = currentFile.read();
- title = fileData.comic.title;
- author = fileData.comic.author.name;
- comicData = fileData;
- numPanel = 1;
- }
- } else {
-
- }
-
- if( comicData !== null ){
- elmTitle.data = title;
- elmAuthor.data = author;
- bindWorker.json( comicData );
- window.setTimeout( asyncResize, 0 );
- }
- }
- function asyncResize(){
- instance.onPaneResize( windowW, windowH );
- }
-
- /* grobal method */
- // this.rootElement = elmWrap;
- this.displayName = ID;
- this.ID = ID;
- this.rootElement = document.getElementById( 'comic-reader-wrapper' );
- this.MIN_WIDTH = 320;
- this.MIN_HEIGHT = 320;
- this.init = function(){
- jqWrap = $( instance.rootElement );
- jqPanelContainer = $( elmContainer );
-
- elmBackButton.onclick = onBackClick;
- elmNextButton.onclick = onNextClick;
-
- bindWorker = pettanr.bind.createBindWorker( elmContainer, null, false, false );
-
- delete instance.init;
- }
- this.onOpen = function( _w, _h, _file ){
- instance.init && instance.init();
- numPanel = currentIndex = 0;
-
- jqWrap.show();
- jqPanelContainer.css({
- left: _w / 2,
- top: _h
- });
- windowW = _w;
- windowH = _h;
- if( pettanr.file.isFileInstance( _file ) === true ){
- currentFile = _file;
- _file.addEventListener( pettanr.file.FILE_EVENT.GET_SEQENTIAL_FILES, draw );
- draw();
- }
- }
- this.onPaneResize = function( _windowW, _windowH ){
- windowW = _windowW;
- windowH = _windowH;
- var panelH = elmContainer.offsetHeight,
- panelW = elmContainer.offsetWidth,
- h = _windowH - headerH - consoleH;
- jqPanelContainer.stop().animate(
- {
- left: Math.floor( ( _windowW - panelW ) / 2 ),
- top: headerH + ( panelH < h ? Math.floor( ( h - panelH ) / 2 ) : 0 )
- }
- );
- }
- this.onClose = function(){
- jqWrap.hide();
- currentFile.addEventListener( pettanr.file.FILE_EVENT.GET_SEQENTIAL_FILES, draw );
- currentFile = comicData = currentPanel = null;
- }
-});
-
-// i18n
-// login
-// lib
-
-pettanr.fn( pettanr.view);
-pettanr.fn( pettanr.overlay);
-pettanr.fn( pettanr.key);
-pettanr.fn( pettanr.balloon);
-
-pettanr.fn( pettanr.editor);
-
-pettanr.fn( pettanr.file);
-pettanr.fn( pettanr.finder);
-pettanr.fn( pettanr.gallery);
-pettanr.fn( pettanr.cabinet);
-
-$(window).ready( pettanr.init);
+++ /dev/null
-/*\r
- * pettanR work.js\r
- * version 0.4.36\r
- * \r
- * author:\r
- * itozyun\r
- * licence:\r
- * 3-clause BSD\r
- *\r
- * \r
- * ----------------------------------------\r
- * naming rules\r
- * \r
- * Class\r
- * ThisIsClass\r
- * \r
- * const\r
- * THIS_IS_CONST = 'this is const';\r
- * \r
- * var\r
- * thisIsVar\r
- * \r
- * value of jquery\r
- * jqWrapper, JQ_WRAPPER\r
- * \r
- * value of dom element\r
- * elmWrapper, ELM_WRAP\r
- * \r
- * value of vml element\r
- * vmlImg, VML_SHAPE\r
- * \r
- */\r
-\r
-\r
-/* ----------------------------------------\r
- * pettanr.editor\r
- * - MENU_BAR_CONTROL\r
- * - HISTORY_CONTROL\r
- * - SAVE_CONTROL\r
- * - WINDOW_CONTROL\r
- * - WindowClass\r
- * - INFOMATION_WINDOW\r
- * - TOOL_BOX_WINDOW\r
- * - HELP_DOCUMENTS_WINDOW\r
- * - PANEL_CONTROL\r
- * - GRID_CONTROL\r
- * - WHITE_GLASS_CONTROL\r
- * - PANEL_CONTROL\r
- * \r
- * \r
- * - PanelResizerClass\r
- * - PANEL_RESIZER_TOP\r
- * - PANEL_RESIZER_BOTTOM\r
- * - CONSOLE_CONTROLER\r
- * \r
- * - TAIL_OPERATOR\r
- * - RESIZE_OPERATOR\r
- * - POSITION_OPERATOR\r
- * - COMIC_ELEMENT_OPERATION_MANAGER\r
- * \r
- * - ImageElementClass\r
- * - TextElementClass\r
- * \r
- * - COMIC_ELEMENT_CONTROL\r
- * \r
- * \r
- */\r
-pettanr.editor = pettanr.view.registerApplication( function(){\r
-\r
- var PANEL_ELEMENT_TYPE_IMAGE = 0,\r
- PANEL_ELEMENT_TYPE_TEXT = 1,\r
- MOUSE_LISTENER_ARRAY = [],\r
- PANEL_ELEMENT_ARRAY = [],\r
- ELM_MOUSE_EVENT_CHATCHER = document.getElementById( 'mouse-operation-catcher'),\r
- MIN_PANEL_HEIGHT = 20,\r
- MIN_ELEMENT_SIZE = 19,\r
- MOUSE_HIT_AREA = 10,\r
- jqMouseEventChacher,\r
- jqEditor,\r
- windowW, windowH,\r
- currentListener = null,\r
- currentCursor = '',\r
- instance = this,\r
- option,\r
- comicID = -1,\r
- panelID = -1,\r
- panelTimming = -1,\r
- phase = -1,\r
- log;\r
-\r
-/* ----------------------------------------\r
- * MENU BAR\r
- * - mouseEventListener\r
- * - controler\r
- * \r
- * div\r
- * div.title\r
- * ul\r
- * li\r
- * a\r
- * span\r
- * kbd shortcut\r
- */\r
- var MENU_BAR_CONTROL = ( function(){\r
- var ELM_BAR = document.getElementById( 'menu-bar'),\r
- ELM_ITEM_CLASSNAME = 'menu-bar-item',\r
- ELM_ITEM_ORIGN = ( function(){\r
- var ret = document.createElement( 'div'),\r
- div = document.createElement( 'div'),\r
- ul = document.createElement( 'ul');\r
- ret.className = ELM_ITEM_CLASSNAME;\r
- ret.appendChild( div);\r
- ret.appendChild( ul);\r
- return ret;\r
- })(),\r
- ELM_SELECTION_ORIGN = ( function(){\r
- var ret = document.createElement( 'li'),\r
- a = document.createElement( 'a'),\r
- span = document.createElement( 'span'),\r
- key = document.createElement( 'kbd');\r
- a.appendChild( span);\r
- a.appendChild( key);\r
- ret.appendChild( a);\r
- a.href = '#';\r
- return ret;\r
- })(),\r
- ITEM_ARRAY = [],\r
- barH = pettanr.util.getElementSize( ELM_BAR).height,\r
- itemW = pettanr.util.getElementSize( ELM_ITEM_ORIGN).width,\r
- selectionW = pettanr.util.getElementSize( ELM_ITEM_ORIGN.getElementsByTagName( 'ul')[ 0]).width,\r
- jqStage, jqBar;\r
- ELM_BAR.style.top = ( -barH) +'px';\r
-\r
- var MenubarSelectionClass = function( container, title, shortcut, visible, separateAfter ){\r
- var ELM_WRAPPER = ELM_SELECTION_ORIGN.cloneNode( true),\r
- ELM_TITLE = ELM_WRAPPER.getElementsByTagName( 'span')[ 0],\r
- elmShortcut = ELM_WRAPPER.getElementsByTagName( 'kbd')[ 0];\r
- \r
- if( shortcut){\r
- elmShortcut.innerHTML = shortcut;\r
- } else {\r
- elmShortcut.parentNode.removeChild( elmShortcut);\r
- }\r
- elmShortcut = null;\r
- \r
- container.appendChild( ELM_WRAPPER);\r
- \r
- updateTitle( title);\r
- updateVisible( visible);\r
- \r
- function updateTitle( _title){\r
- ELM_TITLE.innerHTML = title = _title;\r
- }\r
- function updateVisible( _visible){\r
- if( _visible !== undefined){\r
- visible = !!_visible;\r
- ELM_WRAPPER.className = visible === true ? '' : 'disabled';\r
- };\r
- }\r
- return {\r
- elm: ELM_WRAPPER,\r
- title: function( _title){\r
- _title !== undefined && updateTitle( _title);\r
- return title;\r
- },\r
- visible: function( _visible){\r
- visible !== !!_visible && updateVisible( _visible);\r
- return visible;\r
- },\r
- separateAfter: separateAfter\r
- }\r
- }\r
-\r
- var MenuBarItemClass = function( title){\r
- var ELM_WRAPPER = ELM_ITEM_ORIGN.cloneNode( true),\r
- ELM_TITLE = ELM_WRAPPER.getElementsByTagName( 'div')[ 0],\r
- ELM_SELECTION = ELM_WRAPPER.getElementsByTagName( 'ul')[ 0],\r
- INDEX = ITEM_ARRAY.length,\r
- SELECTION_CALLBACK_ARRAY = [],\r
- numSelection = 0,\r
- visible = false;\r
- ELM_TITLE.innerHTML = title;\r
- \r
- ELM_WRAPPER.style.left = ( itemW * INDEX) +'px';\r
- ELM_BAR.appendChild( ELM_WRAPPER);\r
- \r
- function onClick( e){\r
- var i = pettanr.util.getChildIndex( this.parentNode, this);\r
- i !== -1 && this.className !== 'disabled' && SELECTION_CALLBACK_ARRAY[ i]( i);\r
- e.stopPropagation();\r
- return false;\r
- }\r
- return {\r
- elm: ELM_WRAPPER,\r
- onClick: onClick,\r
- init: function(){\r
- $( ELM_SELECTION).children( 'li').click( onClick);\r
- delete this.init;\r
- },\r
- show: function(){\r
- if( visible === true) return;\r
- jqStage.append( ELM_WRAPPER);\r
- ELM_WRAPPER.className = ELM_ITEM_CLASSNAME +'-focus';\r
- this.onShow && setTimeout( this.onShow, 0);\r
- visible = true;\r
- },\r
- hide: function(){\r
- if( visible === false) return;\r
- ELM_BAR.appendChild( ELM_WRAPPER);\r
- ELM_WRAPPER.className = ELM_ITEM_CLASSNAME;\r
- this.onHide && setTimeout( this.onHide, 0);\r
- visible = false;\r
- },\r
- createSelection: function( title, shortcut, callback, visible, separateBefore, separateAfter){\r
- var ret = MenubarSelectionClass.apply( {}, [ ELM_SELECTION, title, shortcut, visible, separateAfter]),\r
- before = SELECTION_CALLBACK_ARRAY.length > 0 ? SELECTION_CALLBACK_ARRAY[ SELECTION_CALLBACK_ARRAY.length -1] : null;\r
- SELECTION_CALLBACK_ARRAY.push( callback);\r
- if( before !== null && ( separateBefore === true || before.separateAfter === true)){\r
- ret.elm.style.borderTop = '1px solid #ccc';\r
- }\r
- return ret;\r
- }\r
- }\r
- }\r
-\r
- \r
- function createMenubarItem( title){\r
- var _item = new MenuBarItemClass( title);\r
- ITEM_ARRAY.push( _item);\r
- return _item;\r
- }\r
- return {\r
- init: function(){\r
- jqStage = jqEditor;\r
- jqBar = $( ELM_BAR).animate( { top: 0});\r
-\r
- var l = ITEM_ARRAY.length;\r
- for( var i=0; i<l; ++i){\r
- ITEM_ARRAY[ i].init();\r
- }\r
-\r
- delete MENU_BAR_CONTROL.init;\r
- },\r
- open: function(){\r
- MENU_BAR_CONTROL.init && MENU_BAR_CONTROL.init();\r
- // ELM_BAR.style.top = ( -barH) +'px';\r
- // anime\r
- },\r
- close: function(){\r
- var l = ITEM_ARRAY.length;\r
- for( var i=0; i<l; ++i){\r
- ITEM_ARRAY[ i].hide();\r
- }\r
- },\r
- h: barH,\r
- onMouseMove: function( _mouseX, _mouseY){\r
- if( barH >= _mouseY){\r
- return true;\r
- }\r
- var l = ITEM_ARRAY.length;\r
- for( var i=0; i<l; ++i){\r
- ITEM_ARRAY[ i].hide();\r
- }\r
- return false;\r
- },\r
- onMouseUp: function( _mouseX, _mouseY){\r
- return false;\r
- },\r
- onMouseDown: function( _mouseX, _mouseY){\r
- var l = ITEM_ARRAY.length;\r
- if( barH < _mouseY || itemW * l < _mouseX) return false;\r
- for( var i=0; i<l; ++i){\r
- if( i * itemW <= _mouseX && _mouseX < ( i +1) * itemW){\r
- ITEM_ARRAY[ i].show();\r
- } else {\r
- ITEM_ARRAY[ i].hide();\r
- }\r
- }\r
- return true;\r
- },\r
- busy: function( _busy){\r
- return false;\r
- },\r
- onWindowResize: function( _windowW, _windowH){\r
- \r
- },\r
- QUIT: createMenubarItem( 'Quit'),\r
- EDIT: createMenubarItem( 'Edit'),\r
- WINDOW: createMenubarItem( 'Window'),\r
- HELP: pettanr.util.extend( createMenubarItem( 'Help'), {\r
- createAjaxSelection: function( callback){\r
- var elmLoading = document.createElement( 'li'),\r
- that = this,\r
- elmSelection = this.elm.getElementsByTagName( 'ul')[ 0];\r
- elmSelection.appendChild( elmLoading);\r
- elmLoading.className = 'loading';\r
- elmLoading.style.height = '90px'; \r
-\r
- this.onShow = callback;\r
- callback = null;\r
- \r
- delete this.createAjaxSelection;\r
- return function(){\r
- elmSelection.removeChild( elmLoading);\r
- $( elmSelection).children( 'li').click( that.onClick);\r
- elmLoading = elmSelection = null;\r
- delete that.onShow;\r
- that = null;\r
- }\r
- }\r
- })\r
- }\r
- })();\r
-\r
-\r
-/* ----------------------------------------\r
- * HISTORY_CONTROL\r
- * - controler\r
- */\r
- var HISTORY_CONTROL = ( function() {\r
- var STACK_BACK = [],\r
- STACK_FORWARD = [],\r
- MENUBAR_BACK = MENU_BAR_CONTROL.EDIT.createSelection( 'back', 'ctrl + z', back, false),\r
- MENUBAR_FORWARD = MENU_BAR_CONTROL.EDIT.createSelection( 'forward', 'ctrl + y', forward, false, false, true),\r
- log;\r
- \r
- pettanr.key.addKeyDownEvent( pettanr.view.EDITOR, 90, false, true, back); // ctrl + Z\r
- pettanr.key.addKeyDownEvent( pettanr.view.EDITOR, 90, true, true, forward); // ctrl + shift + Z\r
- pettanr.key.addKeyDownEvent( pettanr.view.EDITOR, 89, false, true, forward); // ctrl + Y\r
-\r
- function back(){\r
- /*\r
- * currentを控えてSTACK_FORWARD.push(current)\r
- * STACK_BACK.pop()を実行してcurrentに\r
- */\r
- if( STACK_BACK.length === 0) return;\r
-\r
- var state = STACK_BACK.pop();\r
- state && state.fn( state.argBack);\r
- MENUBAR_BACK.visible( STACK_BACK.length !== 0);\r
- SAVE_CONTROL.panelUpdated( STACK_BACK.length !== 0);\r
- \r
- STACK_FORWARD.push( state);\r
- MENUBAR_FORWARD.visible( true);\r
- }\r
- function forward(){\r
- if( STACK_FORWARD.length === 0) return;\r
- \r
- var state = STACK_FORWARD.pop();\r
- state.fn( state.argForword);\r
- MENUBAR_FORWARD.visible( STACK_FORWARD.length !== 0);\r
- \r
- STACK_BACK.push( state);\r
- MENUBAR_BACK.visible( true);\r
- SAVE_CONTROL.panelUpdated( true);\r
- }\r
- function destroyStack( _stack, _destroy){\r
- _stack.fn = null;\r
- \r
- var _argBack = _stack.argBack,\r
- _argForword = _stack.argForword,\r
- _value;\r
- if( Type.isArray( _argBack ) === true ){ // isArray\r
- while( _argBack.length > 0){\r
- _value = _argBack.shift();\r
- _destroy === true && Type.isFunction( _value.destroy ) === true && _value.destroy();\r
- }\r
- }\r
- if( Type.isArray( _argForword ) === true ){\r
- while( _argForword.length > 0){\r
- _value = _argForword.shift();\r
- _destroy === true && Type.isFunction( _value.destroy ) === true && _value.destroy();\r
- } \r
- } \r
- }\r
- return {\r
- init: function(){\r
- log = $( '#history-log');\r
- delete HISTORY_CONTROL.init;\r
- },\r
- open: function(){\r
- HISTORY_CONTROL.init && HISTORY_CONTROL.init();\r
- },\r
- close: function(){\r
- MENUBAR_BACK.visible( false);\r
- MENUBAR_FORWARD.visible( false);\r
- while( STACK_BACK.length > 0){\r
- destroyStack( STACK_BACK.shift(), true );\r
- }\r
- while( STACK_FORWARD.length > 0){\r
- destroyStack( STACK_FORWARD.shift(), true );\r
- }\r
- },\r
- saveState: function( _function, _argBack, _argForword, _destroy) {\r
- STACK_BACK.push( {\r
- fn: _function,\r
- argBack: _argBack,\r
- argForword: _argForword,\r
- destroy: _destroy\r
- });\r
- MENUBAR_BACK.visible( true);\r
- SAVE_CONTROL.panelUpdated( true);\r
- \r
- var _stack;\r
- while( STACK_FORWARD.length > 0){\r
- _stack = STACK_FORWARD.shift();\r
- destroyStack( _stack, _stack.destroy );\r
- }\r
- MENUBAR_FORWARD.visible( false);\r
- } \r
- }\r
- })();\r
-\r
-/* ----------------------------------------\r
- * SAVE_CONTROL\r
- * - controler\r
- */\r
- var SAVE_CONTROL = ( function(){\r
- var SAVE = MENU_BAR_CONTROL.QUIT.createSelection( 'save', 'ctrl + S', quit, false),\r
- SAVE_AND_QUIT = MENU_BAR_CONTROL.QUIT.createSelection( 'save & quit', null, quit, false, false, true),\r
- EXPORT = MENU_BAR_CONTROL.QUIT.createSelection( 'export', null, onExport, true, false, true),\r
- QUIT = MENU_BAR_CONTROL.QUIT.createSelection( 'quit', null, quit, true, true),\r
- updated = false;\r
- \r
- function quit(){\r
- pettanr.editor.shutdown();\r
- }\r
- \r
- function onExport(){\r
- pettanr.outputConsole.bootInOverlay(\r
- comicID, panelID, panelTimming,\r
- PANEL_CONTROL.w(), PANEL_CONTROL.h(),\r
- 2, // border, BackgroundImage\r
- PANEL_ELEMENT_ARRAY\r
- );\r
- }\r
- return {\r
- open: function(){},\r
- close: function(){},\r
- quit: quit,\r
- panelUpdated: function( _updated){\r
- if( _updated !== undefined && updated !== _updated ){\r
- SAVE.visible( !!_updated );\r
- SAVE_AND_QUIT.visible( !!_updated );\r
- updated = !!_updated;\r
- }\r
- return updated;\r
- },\r
- save: function(){\r
- \r
- }\r
- }\r
- })();\r
-\r
-/* ----------------------------------------\r
- * WINDOWS_CONTROL\r
- * - contloler\r
- * - mouseEventListener\r
- */ \r
- var WINDOWS_CONTROL = ( function(){\r
- /*\r
- * 表示上手前にあるwindowは、WINDOW_ARRAYの先頭にあり、htmlでは後ろにある。\r
- */\r
- var DEFAULT_MIN_WINDOW_WIDTH = 200,\r
- DEFAULT_MIN_WINDOW_HEIGHT = 200,\r
- WINDOW_ARRAY = [],\r
- WINDOW_BODY_BODER_SIZE = 1,\r
- jqContainer,\r
- currentWindow,\r
- currentWindowIndex = -1,\r
- log;\r
-\r
- var jqWindowOrigin,\r
- closeButtonWidth;\r
- var WindowClass = function( bodyTempleteID, title, x, y, w, h, visible, CLOSE_BUTTON_ENABLED, RESIZE_BUTTON_ENABLED, minWindowW, minWindowH){\r
- var MOUSE_CURSOR = updateMouseCursor,\r
- MENUBAR_SELWCTION = MENU_BAR_CONTROL.WINDOW.createSelection( \r
- ( visible !== true ? 'show ' : 'hide ') +title,\r
- null, onMenuClick, true\r
- ),\r
- jqStage,\r
- jqWrapper, jqHeader, jqFooter = null,\r
- elmBody, elmBodyStyle,\r
- startX, startY, startW, startH,\r
- offsetX, offsetY,\r
- headerH, bodyH, footerH = 0,\r
- isDragging = false,\r
- isResizing = false,\r
- bodyIsTachable = false,\r
- instance;\r
-\r
- function onMenuClick(){\r
- visible === true ? instance.close() : instance.open();\r
- }\r
- function update( _x, _y, _w, _h){\r
- _x = _x !== undefined ? _x : x;\r
- _y = _y !== undefined ? _y : y;\r
- _y = _y > MENU_BAR_CONTROL.h ? _y : MENU_BAR_CONTROL.h;\r
- _w = _w !== undefined ? _w : w;\r
- _h = _h !== undefined ? _h : h;\r
- jqWrapper.css( {\r
- left: _x,\r
- top: _y,\r
- width: _w,\r
- height: _h\r
- });\r
- bodyH = _h -headerH -footerH;\r
- elmBodyStyle.height = bodyH +'px';\r
- ( w !== _w || h !== _h) && instance.onResize && instance.onResize( _w, bodyH);\r
- x = _x;\r
- y = _y;\r
- w = _w;\r
- h = _h;\r
- }\r
- function bodyBackOrForward( isBack){\r
- if( !instance) return;\r
- if( bodyIsTachable === !isBack) return;\r
- elmBodyStyle.position = isBack === true ? 'relative' : 'absolute';\r
- elmBodyStyle.left = isBack === true ? 0 : x +'px';\r
- elmBodyStyle.top = isBack === true ? 0 : y +headerH +'px';\r
- elmBodyStyle.width = isBack === true ? '' : ( w -WINDOW_BODY_BODER_SIZE *2) +'px';\r
- bodyIsTachable === isBack && isBack === true ? jqHeader.after( elmBody) : jqStage.append( elmBody);\r
- bodyIsTachable = !isBack;\r
- }\r
- function onWindowResize( e){\r
- bodyBackOrForward( true);\r
- isResizing = true;\r
- startX = x;\r
- startY = y;\r
- startW = w;\r
- startH = h;\r
- offsetX = e.pageX;\r
- offsetY = e.pageY;\r
- MOUSE_CURSOR( 'nw-resize');\r
- e.stopPropagation();\r
- return false;\r
- }\r
- return {\r
- init: function( jqContainer){\r
- /*\r
- * setTimeout で呼ばれるグローバルメソッド内では、this でなく instance を使う.\r
- */\r
- instance = this;\r
- \r
- jqWindowOrigin = jqWindowOrigin || ( function(){\r
- return $( $( '#windowTemplete').remove().html());\r
- })();\r
- closeButtonWidth = closeButtonWidth || ( function(){\r
- return pettanr.util.getElementSize( jqWindowOrigin.clone( true).find( '.window-close-button').get( 0)).width;\r
- })();\r
- \r
- jqStage = jqEditor;\r
- this.$ = jqWrapper = jqWindowOrigin.clone( true);\r
- jqHeader = jqWrapper.children( '.window-header').eq( 0).html( title);\r
- headerH = pettanr.util.getElementSize( jqHeader.get( 0)).height;\r
- elmBody = jqWrapper.children( '.window-body').get( 0);\r
- elmBodyStyle = elmBody.style;\r
- \r
- if( bodyTempleteID) {\r
- jqWrapper.find( '.window-body-insert-position').replaceWith( $( $( '#' +bodyTempleteID).remove().html()));\r
- } else {\r
- jqWrapper.find( '.window-body-insert-position').remove();\r
- }\r
- CLOSE_BUTTON_ENABLED !== true && jqWrapper.find( '.window-close-button').remove();\r
- \r
- this.onInit && this.onInit();\r
- delete this.init;\r
- },\r
- x: function(){ return x;},\r
- y: function(){ return y;},\r
- w: function(){ return w;},\r
- h: function(){ return h;},\r
- $: null,\r
- title: function( _title){\r
- typeof _title === 'string' && jqHeader.html( _title);\r
- title = typeof _title === 'string' ? _title : title;\r
- return title;\r
- },\r
- visible: visible,\r
- firstOpen: function(){\r
- if( RESIZE_BUTTON_ENABLED === true){\r
- footerH = pettanr.util.getElementSize( jqWrapper.find( '.window-footer').get( 0)).height;\r
- //jqWrapper.find( '.window-resize-button').eq( 0).mousedown( onWindowResize);\r
- } else {\r
- jqWrapper.find( '.window-footer').remove();\r
- }\r
- this.onFirstOpen && this.onFirstOpen( w, h -headerH -footerH);\r
- \r
- update( x, y, w, h);\r
- \r
- delete this.firstOpen;\r
- },\r
- open: function(){\r
- if( visible === true) return;\r
- instance.visible = visible = true;\r
- openWindow( instance);\r
- MENUBAR_SELWCTION.title( 'hide ' +title);\r
- \r
- for( var i=0, l = WINDOW_ARRAY.length; i<l; ++i){\r
- if( WINDOW_ARRAY[ i] === instance){\r
- WINDOW_ARRAY.splice( i, 1);\r
- WINDOW_ARRAY.unshift( instance);\r
- currentWindow = null;\r
- currentWindowIndex = -1;\r
- }\r
- }\r
- },\r
- onFadeIn: function(){\r
- instance.firstOpen && instance.firstOpen();\r
- instance.onOpen && setTimeout( callOnOpen, 0);\r
- function callOnOpen(){\r
- instance.onOpen( w, bodyH);\r
- }\r
- },\r
- onFadeOut: function(){\r
- var elmWrapper = jqWrapper.get(0);\r
- elmWrapper.parentNode.removeChild( elmWrapper);\r
- instance.onClose && setTimeout( instance.onClose, 0);\r
- },\r
- close: function(){\r
- if( visible === false) return;\r
- instance.visible = visible = false;\r
- jqWrapper.fadeOut( instance.onFadeOut);\r
- MENUBAR_SELWCTION.title( 'show ' +title);\r
- },\r
- bodyBackOrForward: bodyBackOrForward,\r
- onMouseDown: function( _mouseX, _mouseY){\r
- if( RESIZE_BUTTON_ENABLED === true && x +w -20 <= _mouseX && _mouseX < x +w && y +headerH +bodyH < _mouseY && _mouseY <= y +h){\r
- bodyBackOrForward( true);\r
- isResizing = true;\r
- startX = x;\r
- startY = y;\r
- startW = w;\r
- startH = h;\r
- offsetX = _mouseX;\r
- offsetY = _mouseY;\r
- MOUSE_CURSOR( 'nw-resize');\r
- return;\r
- }\r
- \r
- if( x > _mouseX || y > _mouseY || x +w < _mouseX || y +headerH < _mouseY ) return;\r
- if( CLOSE_BUTTON_ENABLED === true && x +w -closeButtonWidth < _mouseX){\r
- instance.close();\r
- return;\r
- }\r
- \r
- isDragging = true;\r
- MOUSE_CURSOR( 'move'); \r
- startX = x;\r
- startY = y;\r
- startW = w;\r
- startH = h;\r
- offsetX = _mouseX;\r
- offsetY = _mouseY;\r
- },\r
- onMouseUp: function( _mouseX, _mouseY){\r
- isDragging = isResizing = false;\r
- MOUSE_CURSOR( '');\r
- },\r
- onMouseMove: function( _mouseX, _mouseY){\r
- var _updateX = _mouseX -offsetX,\r
- _updateY = _mouseY -offsetY;\r
- \r
- if( isResizing === true){\r
- var _w = startW +_updateX,\r
- _h = startH +_updateY;\r
- update( startX, startY, _w < minWindowW ? minWindowW : _w, _h < minWindowH ? minWindowH : _h);\r
- return;\r
- } else\r
- if( isDragging === true) {\r
- update( startX +_updateX, startY +_updateY);\r
- return;\r
- } else\r
- if( x > _mouseX || x +w < _mouseX ) return;\r
- \r
- ( y <= _mouseY && y +headerH >= _mouseY ) ?\r
- MOUSE_CURSOR( 'pointer') : // hit to header\r
- MOUSE_CURSOR( '');\r
- bodyBackOrForward( y +headerH > _mouseY || y +headerH +bodyH < _mouseY);\r
- },\r
- onMouseOut: function( _mouseX, _mouseY){\r
- bodyIsTachable === true && bodyBackOrForward( true);\r
- isDragging = false;\r
- MOUSE_CURSOR( '');\r
- },\r
- busy: function(){\r
- return isDragging === true || isResizing === true;\r
- },\r
- bodyHeight: function(){\r
- return bodyH;\r
- }\r
- }\r
- };\r
- \r
- function getCurrentIndex( _mouseX, _mouseY){\r
- if( currentWindow && currentWindow.busy() === true) return currentWindowIndex;\r
- var l = WINDOW_ARRAY.length,\r
- _currentWindow = null,\r
- _win, _x, _y;\r
- currentWindowIndex = -1;\r
- for( var i=0; i<l; i++){\r
- _win = WINDOW_ARRAY[ i];\r
- if( _win.visible !== true) continue;\r
- _x = _win.x();\r
- _y = _win.y();\r
- if( _x <= _mouseX && _y <= _mouseY && _x +_win.w() >= _mouseX && _y +_win.h() >= _mouseY){\r
- _currentWindow = _win;\r
- currentWindowIndex = i;\r
- break;\r
- }\r
- }\r
- currentWindow && currentWindow !== _currentWindow && currentWindow.onMouseOut( _mouseX, _mouseY);\r
- currentWindow = _currentWindow;\r
- return currentWindowIndex;\r
- }\r
- function openWindow( _window){\r
- if( _window.visible !== true) return;\r
- var _jqWindow = _window.$;\r
- jqContainer.append( _jqWindow);// appendした後に fadeIn() しないと ie で filterが適用されない.\r
- _jqWindow.fadeIn( _window.onFadeIn);\r
- return;\r
- }\r
- \r
- return {\r
- init: function(){\r
- jqContainer = $( '#window-container');\r
- \r
- var l = WINDOW_ARRAY.length,\r
- _window;\r
- for( var i=l-1; i >= 0; --i){\r
- _window = WINDOW_ARRAY[ i];\r
- _window.init && _window.init( jqContainer);\r
- _window.visible === true && openWindow( _window);\r
- }\r
- log = $( '#window-log');\r
- \r
- delete WINDOWS_CONTROL.init;\r
- },\r
- open: function(){\r
- WINDOWS_CONTROL.init && WINDOWS_CONTROL.init();\r
- },\r
- close: function(){\r
- \r
- },\r
- onMouseMove: function( _mouseX, _mouseY){\r
- var _index = getCurrentIndex( _mouseX, _mouseY);\r
- if( _index === 0){\r
- currentWindow.onMouseMove( _mouseX, _mouseY);\r
- return true;\r
- } else\r
- if( _index > 0){ // 先頭のクリックでない場合\r
- // Array を前に\r
- WINDOW_ARRAY.splice( currentWindowIndex, 1);\r
- WINDOW_ARRAY.unshift( currentWindow);\r
- // Domを最後に\r
- jqContainer.append( currentWindow.$);\r
- currentWindowIndex = 0;\r
- return true;\r
- }\r
- return false;\r
- },\r
- onMouseUp: function( _mouseX, _mouseY){\r
- if( getCurrentIndex( _mouseX, _mouseY) === 0){\r
- currentWindow.onMouseUp( _mouseX, _mouseY);\r
- return true;\r
- }\r
- return false;\r
- },\r
- onMouseDown: function( _mouseX, _mouseY){\r
- if( getCurrentIndex( _mouseX, _mouseY) === 0){\r
- currentWindow.onMouseDown( _mouseX, _mouseY);\r
- return true;\r
- }\r
- return false;\r
- },\r
- busy: function(){\r
- return currentWindow !== null;\r
- },\r
- onWindowResize: function( _windowW, _windowH){\r
- /*\r
- * 画面外に出るwindowの移動\r
- */\r
- },\r
- createWindow: function( EXTENDS, bodyTempleteID, title, x, y, w, h, opt_visible, opt_closeButtonEnabled, opt_resizeButtonEnabled, opt_minWindowW, opt_minWindowH){\r
- opt_visible = opt_visible !== false;\r
- opt_closeButtonEnabled = opt_closeButtonEnabled === true;\r
- opt_resizeButtonEnabled = opt_resizeButtonEnabled === true;\r
- opt_minWindowW = opt_minWindowW || ( w < DEFAULT_MIN_WINDOW_WIDTH) ? w : DEFAULT_MIN_WINDOW_WIDTH;\r
- opt_minWindowH = opt_minWindowH || ( h < DEFAULT_MIN_WINDOW_HEIGHT) ? h : DEFAULT_MIN_WINDOW_HEIGHT;\r
- \r
- var _window = pettanr.util.extend(\r
- new WindowClass(\r
- bodyTempleteID, title, x, y, w, h, opt_visible, opt_closeButtonEnabled, opt_resizeButtonEnabled, opt_minWindowW, opt_minWindowH\r
- ),\r
- EXTENDS\r
- );\r
- WINDOW_ARRAY.unshift( _window);\r
- WINDOWS_CONTROL.init === undefined && _window.init( jqContainer);\r
- WINDOWS_CONTROL.init === undefined && openWindow( _window);\r
- return _window;\r
- }\r
- }\r
- })();\r
-\r
-/* ----------------------------------------\r
- * TOOL_BOX_WINDOW\r
- * - window\r
- */\r
- var TOOL_BOX_WINDOW = ( function(){\r
- var addImageButton, addTextButton, editBgButton, switchGridButton, popupHelpButton, postButton,\r
- instance;\r
- \r
- pettanr.key.addKeyDownEvent( pettanr.view.EDITOR, 73, false, true, addImage);\r
- MENU_BAR_CONTROL.EDIT.createSelection( 'Add Image', 'ctrl + I', addImage, true, true, false);\r
- \r
- pettanr.key.addKeyDownEvent( pettanr.view.EDITOR, 84, false, true, addText);\r
- MENU_BAR_CONTROL.EDIT.createSelection( 'Add Text', 'ctrl + T', addText, true, false, true);\r
-\r
- pettanr.key.addKeyDownEvent( pettanr.view.EDITOR, 71, false, true, switchGrid);\r
- MENU_BAR_CONTROL.EDIT.createSelection( 'show Grid', 'ctrl + G', switchGrid, true, true, true);\r
-\r
- function addImage( e){\r
- IMAGE_EXPLORER_WINDOW.open();// setTimeout( IMAGE_EXPLORER_WINDOW.open, 0);\r
- instance.bodyBackOrForward( true );\r
- e && e.preventDefault && e.preventDefault();\r
- return false;\r
- }\r
- function addText( e){\r
- setTimeout( COMIC_ELEMENT_CONTROL.createTextElement, 0);\r
- e && e.preventDefault && e.preventDefault();\r
- return false;\r
- }\r
- function switchGrid( e){\r
- setTimeout( GRID_CONTROL.update, 0);\r
- e && e.preventDefault && e.preventDefault();\r
- return false;\r
- }\r
- function popupHelp( e){\r
- instance.bodyBackOrForward( true);\r
- setTimeout( HELP_DOCUMENTS_WINDOW.open, 0);\r
- e && e.preventDefault && e.preventDefault();\r
- return false;\r
- }\r
- function editBG( e){\r
- instance.bodyBackOrForward( true);\r
- setTimeout( INFOMATION_WINDOW.open, 0); \r
- e && e.preventDefault && e.preventDefault();\r
- return false;\r
- }\r
- \r
- return WINDOWS_CONTROL.createWindow(\r
- {\r
- onInit: function(){\r
- instance = this;\r
- delete this.onInit;\r
- },\r
- onFirstOpen: function(){\r
- addImageButton = $( '#toolbox-add-image-button').click( addImage);\r
- addTextButton = $( '#toolbox-add-text-button').click( addText);\r
- editBgButton = $( '#toolbox-edit-bg-button').click( editBG);\r
- switchGridButton = $( '#toolbox-switch-grid').click( switchGrid);\r
- popupHelpButton = $( '#toolbox-popup-help-button').click( popupHelp);\r
- \r
- postButton = $( '#toolbox-post-button');\r
- \r
- delete this.onFirstOpen;\r
- }\r
- },\r
- 'toolbox-window', 'Tool box', 0, 215, 110, 290, true\r
- );\r
- })();\r
- \r
- \r
-/* ----------------------------------------\r
- * IMAGE_EXPROLER\r
- * - window\r
- */\r
- var IMAGE_EXPLORER_WINDOW = ( function(){\r
- var instance, finder;\r
- \r
- function onFileSelect( _file ){\r
- // 他の image ファイルも許可する?\r
- if( pettanr.driver.isPettanrFileInstance( _file ) === true ){\r
- if( _file.getType() === pettanr.driver.FILE_TYPE.PICTURE ){\r
- COMIC_ELEMENT_CONTROL.onImageSelect( pettanr.driver._getAPI().getFileData( _file ) );\r
- }\r
- }\r
- }\r
- \r
- return WINDOWS_CONTROL.createWindow(\r
- {\r
- onInit: function(){\r
- instance = this;\r
- delete this.onInit;\r
- },\r
- onOpen: function( _w, _h){\r
- finder = finder || pettanr.finder.createFinder(\r
- pettanr.editor,\r
- document.getElementById( 'image-exproler-container'),\r
- pettanr.driver.createPictureTree(),\r
- null, null,\r
- onFileSelect,\r
- COMIC_ELEMENT_CONTROL.onImageSelect\r
- );\r
-\r
- finder.resize( _w, _h );\r
- },\r
- onResize: function( _w, _h ){\r
- finder.resize( _w, _h );\r
- }\r
- },\r
- 'image-exproler', 'Album', 0, 215, 600, 350, false, true, true, 300, 300\r
- );\r
- })();\r
- \r
- \r
-/* ----------------------------------------\r
- * INFOMATION_WINDOW\r
- * - window\r
- */ \r
- var INFOMATION_WINDOW = ( function(){\r
- var FADE_EFFECT_ENABLED = true, //pettanr.ua.isIE === false || pettanr.ua.ieVersion >= 8,\r
- FADE_IN_EFFECT = FADE_EFFECT_ENABLED === true ? 'fadeIn' : 'show',\r
- FADE_OUT_EFFECT = FADE_EFFECT_ENABLED === true ? 'fadeOut' : 'hide',\r
- backgroundInfomationElm,\r
- jqComicElementInformation,\r
- inputX, inputY, inputZ, inputA, inputW, inputH, inputAspectRatio,\r
- inputPercentW, inputPercentH,\r
- currentComicElement = null,\r
- currentElementType = -1,\r
- currentLock = false;\r
-\r
- return WINDOWS_CONTROL.createWindow(\r
- {\r
- onFirstOpen: function( _w, _h){\r
- backgroundInfomationElm = $( '#panel-background-information');\r
- \r
- jqComicElementInformation = $( '#comic-element-infomation').hide().css( {\r
- height: _h\r
- });\r
- var TAB_GROUP_ID = 'comic-element-attribute';\r
- var CREATER = pettanr.form.createInputText;//pettanr.key.createEditableText;\r
- inputX = CREATER( document.getElementById( 'comic-element-x'), null, TAB_GROUP_ID);\r
- inputY = CREATER( document.getElementById( 'comic-element-y'), null, TAB_GROUP_ID);\r
- inputZ = CREATER( document.getElementById( 'comic-element-z'), null, TAB_GROUP_ID);\r
- inputA = CREATER( document.getElementById( 'comic-element-a'), null, TAB_GROUP_ID);\r
- inputW = CREATER( document.getElementById( 'comic-element-w'), null, TAB_GROUP_ID);\r
- inputH = CREATER( document.getElementById( 'comic-element-h'), null, TAB_GROUP_ID);\r
- inputPercentW = CREATER( document.getElementById( 'comic-element-w-percent'), null, TAB_GROUP_ID);\r
- inputPercentH = CREATER( document.getElementById( 'comic-element-h-percent'), null, TAB_GROUP_ID);\r
- inputAspectRatio = $( '#comic-element-keep-aspect');\r
- delete this.onFirstOpen;\r
- },\r
- onResize: function( _w, _h){\r
- jqComicElementInformation.css( {\r
- height: _h\r
- });\r
- },\r
- update: function( currentElement ){\r
- \r
- if( currentLock === true && currentElement === null) return;\r
- \r
- var _elementType = currentElement === null ? -1 : currentElement.type,\r
- x = currentElement !== null ? currentElement.x : 0,\r
- y = currentElement !== null ? currentElement.y : 0,\r
- z = currentElement !== null ? currentElement.z : 0,\r
- a = _elementType === PANEL_ELEMENT_TYPE_TEXT ? Math.floor( currentElement.angle()) : 0,\r
- w = currentElement !== null ? currentElement.w : 0,\r
- h = currentElement !== null ? currentElement.h : 0,\r
- actualW = _elementType === PANEL_ELEMENT_TYPE_IMAGE ? currentElement.actualW() : 1,\r
- actualH = _elementType === PANEL_ELEMENT_TYPE_IMAGE ? currentElement.actualH() : 1,\r
- wPercent = _elementType === PANEL_ELEMENT_TYPE_IMAGE ? Math.floor( w / actualW *100) : 0,\r
- hPercent = _elementType === PANEL_ELEMENT_TYPE_IMAGE ? Math.floor( h / actualH *100) : 0,\r
- keepAspect = currentElement !== null && currentElement.keepAspect === true;\r
- \r
- if( currentElementType !== _elementType){\r
- if( _elementType !== -1){\r
- if( _elementType === 1){\r
- inputA.visible( true);\r
- inputPercentW.visible( false);\r
- inputPercentH.visible( false);\r
- inputAspectRatio.hide();\r
- } else {\r
- inputA.visible( false);\r
- inputPercentW.visible( true);\r
- inputPercentH.visible( true);\r
- inputAspectRatio.show();\r
- }\r
- currentElementType === -1 && jqComicElementInformation.stop().css( {\r
- filter: '',\r
- opacity: ''\r
- })[ FADE_IN_EFFECT]();\r
- } else {\r
- currentElementType !== -1 && jqComicElementInformation.stop().css({\r
- filter: '',\r
- opacity: ''\r
- })[ FADE_OUT_EFFECT]();\r
- }\r
- currentElementType = _elementType;\r
- }\r
- if( currentElementType !== -1){\r
- inputX.value( x);\r
- inputY.value( y);\r
- inputZ.value( z);\r
- _elementType === 1 && inputA.value( a);\r
- inputW.value( w);\r
- inputH.value( h);\r
- _elementType === 0 && inputPercentW.value( wPercent);\r
- _elementType === 0 && inputPercentH.value( hPercent); \r
- } else {\r
- \r
- }\r
- },\r
- lock: function( _currentLock){\r
- currentLock = !!_currentLock;\r
- this.bodyBackOrForward( !currentLock);\r
- }\r
- },\r
- 'infomation-window', 'Infomation', 0, 30, 200, 180, true\r
- );\r
- })();\r
-\r
-/* ----------------------------------------\r
- * HELP_WINDOW\r
- * - window\r
- */\r
- var HELP_DOCUMENTS_WINDOW = ( function(){\r
- var visible = true,\r
- jqAjaxContents,\r
- jqNaviItems,\r
- jqPages,\r
- currentPageIndex = 0,\r
- numPage = 0,\r
- HELP = MENU_BAR_CONTROL.HELP,\r
- onLoadFunction = HELP.createAjaxSelection( onAjaxStart),\r
- instance;\r
-\r
- function onAjaxStart( _pageIndex){\r
- currentPageIndex = _pageIndex || currentPageIndex;\r
- if( onHelpLoad !== null){\r
- $.ajax({\r
- url: 'help/jp.xml',\r
- dataType: 'xml',\r
- success: onHelpLoad\r
- });\r
- onHelpLoad = null;\r
- }\r
- onAjaxStart = new Function;\r
- }\r
- var onHelpLoad = function( _xml){\r
- var jqXML = $( _xml),\r
- helpTitle = jqXML.find( 'pages').eq( 0).attr( 'title'),\r
- elmNavi = document.createElement( 'div'),\r
- elmItemOrigin = document.createElement( 'a'),\r
- elmPages = document.createElement( 'div'),\r
- elmPageOrigin = document.createElement( 'div'),\r
- elmTitleOrigin = document.createElement( 'h2'),\r
- elmPage;\r
- elmNavi.className = 'sidenavi';\r
- elmItemOrigin.className = 'sidenavi-item';\r
- elmItemOrigin.href = '#';\r
- elmPages.className = 'page-contents';\r
- elmPageOrigin.className = 'page-content main';\r
- elmPageOrigin.appendChild( elmTitleOrigin);\r
- \r
- //helpTitle && instance.title( helpTitle);\r
- \r
- jqXML.find( 'page').each( function(){\r
- var xmlPage = $( this),\r
- title = xmlPage.attr( 'title'),\r
- content = xmlPage.text();\r
- \r
- elmItemOrigin.innerHTML = title;\r
- elmNavi.appendChild( elmItemOrigin.cloneNode( true));\r
- \r
- elmTitleOrigin.innerHTML = title;\r
- \r
- elmPage = elmPageOrigin.cloneNode( true);\r
- elmPage.innerHTML = content;\r
- \r
- pettanr.util.cleanElement( elmPage);\r
- \r
- if( elmPage.childNodes.length > 0){\r
- elmPage.insertBefore( elmTitleOrigin.cloneNode( true), elmPage.childNodes[0]);\r
- } else {\r
- elmPage.appendChild( elmTitleOrigin.cloneNode( true));\r
- }\r
- elmPages.appendChild( elmPage);\r
- \r
- HELP.createSelection( title, null, onSelectionClick, true);\r
- ++numPage;\r
- });\r
- onLoadFunction();\r
- onLoadFunction = null;\r
- \r
- jqAjaxContents.removeClass( 'loading').append( elmNavi, elmPages);\r
- \r
- jqNaviItems = jqAjaxContents.find( 'a.' +elmItemOrigin.className).click( onNaviClick);\r
- jqPages = jqAjaxContents.find( '.page-content');\r
- jqPages.find( 'a').click( onInnerLinkClick);\r
- \r
- setTimeout( jumpPage, 0);\r
- }\r
- function onSelectionClick( _pageIndex){\r
- HELP_DOCUMENTS_WINDOW.open();\r
- jumpPage( _pageIndex);\r
- }\r
- function jumpPage( _index){\r
- if( typeof _index === 'number' && 0 <= _index && _index < numPage && currentPageIndex !== _index){\r
- currentPageIndex = _index;\r
- }\r
- jqNaviItems.removeClass( 'current').eq( currentPageIndex).addClass( 'current');\r
- jqPages.hide().eq( currentPageIndex).show();\r
- }\r
- function onNaviClick( e){\r
- // this は <a>\r
- jumpPage( pettanr.util.getChildIndex( this.parentNode, this));\r
- e.stopPropagation();\r
- return false;\r
- }\r
- function onInnerLinkClick( e){\r
- var jump = ( this.href || '').split( '#jump'),\r
- n = jump[1];\r
- if( !n) return;\r
- jumpPage( '' + parseFloat( n) === n ? parseFloat( n) : -1);\r
- e.stopPropagation();\r
- return false; \r
- }\r
- return WINDOWS_CONTROL.createWindow(\r
- {\r
- onInit: function(){\r
- instance = this;\r
- jqAjaxContents = this.$.find( '.window-body').addClass( 'loading');\r
- delete this.onInit;\r
- },\r
- onFirstOpen: function( _w, _h){\r
- jqAjaxContents.css( { height: _h});\r
- onAjaxStart();\r
- delete this.onFirstOpen;\r
- },\r
- onResize: function( _w, _h){\r
- jqAjaxContents && jqAjaxContents.css( { height: _h});\r
- }\r
- },\r
- null, 'Help', 0, 215, 400, 350, false, true, true, 300, 300\r
- );\r
- })();\r
-\r
-/* ----------------------------------------\r
- * GRID_CONTROL\r
- * - control\r
- * - panelResizeListener\r
- */\r
- var GRID_CONTROL = ( function(){\r
- var ELM_GRID = document.getElementById( 'grid'),\r
- BG_URL = "url('images/grid.gif')",\r
- jqGrid,\r
- visible = false;\r
-\r
- return {\r
- init: function(){\r
- jqGrid = $( ELM_GRID);\r
- delete GRID_CONTROL.init;\r
- },\r
- open: function(){\r
- GRID_CONTROL.init && GRID_CONTROL.init();\r
- },\r
- close: function(){\r
- \r
- },\r
- onPanelResize: function( _panelX, _panelY){\r
- ELM_GRID.style.backgroundPosition = [ _panelX % 10, 'px ', _panelY % 10, 'px'].join( '');\r
- ELM_GRID.style.height = windowH +'px';\r
- },\r
- enabled: function(){\r
- return visible;\r
- },\r
- update: function(){\r
- jqGrid.css( {\r
- opacity: '',\r
- fliter: ''\r
- }).stop()[ visible === true ? 'fadeOut' : 'fadeIn']();\r
- \r
- visible = !visible;\r
- \r
- if( visible === true && BG_URL !== null){\r
- ELM_GRID.style.backgroundImage = BG_URL;\r
- BG_URL = null;\r
- }\r
- return visible; \r
- }\r
- }\r
- })();\r
- \r
-/* ----------------------------------------\r
- * WHITE_GLASS_CONTROL\r
- * - panelResizeListener\r
- */\r
- var WHITE_GLASS_CONTROL = ( function(){\r
- var styleTop = document.getElementById( 'whiteGlass-top').style,\r
- styleLeft = document.getElementById( 'whiteGlass-left').style,\r
- styleRight = document.getElementById( 'whiteGlass-right').style,\r
- styleBottom = document.getElementById( 'whiteGlass-bottom').style;\r
-\r
- return {\r
- onPanelResize: function( _panelX, _panelY, _panelW, _panelH){\r
- var _w = _panelW,\r
- _h = _panelH,\r
- marginTop = _panelY,\r
- marginBottom = windowH -_h -marginTop,\r
- marginX = _panelX,\r
- rightWidth = windowW -_w -marginX;\r
- \r
- styleTop.height = ( marginTop < 0 ? 0 : marginTop) +'px';\r
- \r
- styleLeft.top = marginTop +'px';\r
- styleLeft.width = ( marginX < 0 ? 0 : marginX) +'px';\r
- styleLeft.height = ( _h + marginBottom) +'px';\r
- \r
- styleRight.top = marginTop +'px';\r
- styleRight.left = _w +marginX +'px';\r
- styleRight.width = ( rightWidth < 0 ? 0 : rightWidth) +'px';\r
- styleRight.height = ( _h + marginBottom) +'px';\r
- \r
- styleBottom.top = ( _h +marginTop) +'px';\r
- styleBottom.left = marginX +'px';\r
- styleBottom.width = _w +'px';\r
- styleBottom.height = ( marginBottom < 0 ? 0 : marginBottom) +'px';\r
- }\r
- }\r
- })();\r
-\r
-\r
-/* ----------------------------------------\r
- * PANEL_CONTROL\r
- * - controler\r
- * - mouseEventListener\r
- * \r
- * panel-border の表示と onPanelResize の通知.\r
- * panel drag.\r
- * \r
- */\r
- var PANEL_CONTROL = ( function(){\r
- var ELM_PANEL = document.getElementById('panel-tools-container'),\r
- ELM_PANEL_STYLE = ELM_PANEL.style,\r
- DEFAULT_PANEL_WIDTH = 400,\r
- DEFAULT_PANEL_HEIGHT = 300,\r
- borderSize = 2,\r
- panelW, panelH, panelX, panelY,\r
- offsetX, offsetY, startX, startY,\r
- isDragging = false,\r
- isDraggable = false;\r
- \r
- pettanr.key.addKeyUpdateEvent( pettanr.view.EDITOR, 32, false, false, onSpaceUpdate);\r
- \r
- function onSpaceUpdate(e){\r
- if( e.type === 'keyup'){\r
- currentListener === null && updateMouseCursor( '');\r
- isDraggable = false;\r
- } else {\r
- currentListener === null && updateMouseCursor( 'move');\r
- isDraggable = true;\r
- }\r
- }\r
- \r
- return {\r
- open: function( _panelW, _panelH, _borderSize ){\r
- panelW = Type.isFinite( _panelW ) === true ? _panelW : DEFAULT_PANEL_WIDTH;\r
- panelH = Type.isFinite( _panelH ) === true ? _panelH : DEFAULT_PANEL_HEIGHT;\r
- //panelX = Math.floor( ( windowW -panelW) /2);\r
- //panelY = Math.floor( ( windowH -panelH) /2);\r
- borderSize = Type.isFinite( _borderSize ) === true ? _borderSize : borderSize;\r
- \r
- //setTimeout( PANEL_CONTROL.resize, 0);\r
- },\r
- close: function(){\r
- \r
- },\r
- x: function(){\r
- return panelX;\r
- },\r
- y: function(){\r
- return panelY;\r
- },\r
- w: function(){\r
- return panelW;\r
- },\r
- h: function(){\r
- return panelH;\r
- },\r
- resize: function( isResizerTopAction, _x, _y, _w, _h){\r
- panelX = _x !== undefined ? _x : panelX;\r
- panelY = _y !== undefined ? _y : panelY;\r
- panelW = _w !== undefined ? _w : panelW;\r
- panelH = _h !== undefined ? _h : panelH;\r
- \r
- ELM_PANEL_STYLE.left = ( panelX -borderSize) +'px';\r
- ELM_PANEL_STYLE.top = ( panelY -borderSize) +'px';\r
- ELM_PANEL_STYLE.width = panelW +'px';\r
- ELM_PANEL_STYLE.height = panelH +'px';\r
- \r
- PANEL_RESIZER_TOP.onPanelResize( panelX, panelY, panelW, panelH);\r
- PANEL_RESIZER_BOTTOM.onPanelResize( panelX, panelY, panelW, panelH);\r
- GRID_CONTROL.onPanelResize( panelX, panelY);\r
- WHITE_GLASS_CONTROL.onPanelResize( panelX, panelY, panelW, panelH);\r
- COMIC_ELEMENT_CONTROL.onPanelResize( panelX, panelY, panelW, panelH, isResizerTopAction === true);\r
- },\r
- onWindowResize: function( _windowW, _windowH){\r
- panelX = Math.floor(( _windowW - panelW) / 2);\r
- panelY = Math.floor(( _windowH - panelH) / 2);\r
- PANEL_CONTROL.resize();\r
- },\r
- onMouseMove: function( _mouseX, _mouseY){\r
- if( isDraggable === true && isDragging === true){\r
- PANEL_CONTROL.resize( false, startX +_mouseX -offsetX, startY +_mouseY -offsetY);\r
- }\r
- },\r
- onMouseUp: function( _mouseX, _mouseY){\r
- if( isDraggable === true){\r
- isDragging = false;\r
- updateMouseCursor( '');\r
- }\r
- },\r
- onMouseDown: function( _mouseX, _mouseY){\r
- if( isDraggable === true){\r
- offsetX = _mouseX;\r
- offsetY = _mouseY;\r
- startX = panelX;\r
- startY = panelY;\r
- isDragging = true;\r
- updateMouseCursor( 'move');\r
- return true;\r
- }\r
- },\r
- busy: function(){\r
- return isDragging === true;\r
- } \r
- }\r
- })();\r
-\r
-/* --------------------------------------------------------------------------------------------\r
- * PanelResizerClass\r
- * - mouseEventListener\r
- */\r
- var PanelResizerClass = function( ID, isTop){\r
- var ELM = document.getElementById( ID),\r
- BORDER_WIDTH = 2,\r
- RESIZER_HEIGHT = 30,\r
- x = -BORDER_WIDTH /2,\r
- y = isTop === true ? ( -5 -RESIZER_HEIGHT -BORDER_WIDTH) : 0,\r
- w,\r
- h = RESIZER_HEIGHT,\r
- panelX, panelY, panelW, panelH,\r
- offsetY, startY, startH,\r
- isDragging = false,\r
- MOUSE_CURSOR = updateMouseCursor;\r
- \r
- function restoreState( arg){\r
- if( arg && arg.length > 3){\r
- PANEL_CONTROL.resize( isTop, arg[ 0] || panelX, arg[ 1] || panelY, arg[ 2] || panelW, arg[ 3] || panelH);\r
- }\r
- }\r
- \r
- this.onMouseDown = function( _mouseX, _mouseY){\r
- var _x = _mouseX -panelX,\r
- _y = _mouseY -panelY;\r
- if( _x < x || x + w < _x || _y < y || y + h < _y) return false;\r
- offsetY = _y;\r
- startY = panelY;\r
- startH = panelH;\r
- isDragging = true;\r
- MOUSE_CURSOR( 'n-resize');\r
- return true;\r
- }\r
- this.onMouseMove = function( _mouseX, _mouseY){\r
- var _x = _mouseX -panelX,\r
- _y = _mouseY -panelY;\r
- if( isDragging !== true){\r
- if( _x < x || x + w < _x || _y < y || y + h < _y) return false;\r
- COMIC_ELEMENT_OPERATION_MANAGER.hide();\r
- MOUSE_CURSOR( 'pointer');\r
- return true;\r
- } else {\r
- var move = _y -offsetY;\r
- if( isTop === true){\r
- if( panelH - move < MIN_PANEL_HEIGHT){\r
- move = panelH -MIN_PANEL_HEIGHT;\r
- }\r
- PANEL_CONTROL.resize( true, panelX, panelY + move, panelW, panelH - move);\r
- } else {\r
- var _h = startH +move;\r
- if( 0 < _h && _h < windowH -panelY -RESIZER_HEIGHT -5 -BORDER_WIDTH){\r
- PANEL_CONTROL.resize( false, panelX, panelY, panelW, _h < MIN_PANEL_HEIGHT ? MIN_PANEL_HEIGHT : _h);\r
- }\r
- }\r
- }\r
- return true;\r
- }\r
- this.onMouseUp = function( _mouseX, _mouseY){\r
- if( isDragging !== true) return;\r
- ( startY !== panelY || startH !== panelH) && HISTORY_CONTROL.saveState( restoreState, [ NaN, startY, NaN, startH], [ NaN, panelY, NaN, panelH]);\r
- isDragging = false;\r
- MOUSE_CURSOR( '');\r
- }\r
- this.busy = function(){\r
- return isDragging\r
- }\r
- this.onPanelResize = function( _x, _y, _w, _h){\r
- panelX = _x;\r
- panelY = _y;\r
- if( panelW !== _w){\r
- ELM.style.width = ( _w +2) +'px';\r
- panelW = _w;\r
- }\r
- panelH = _h;\r
- y = isTop === true ? y : ( panelH +5 +BORDER_WIDTH);\r
- w = panelW +2;\r
- }\r
- };\r
- var PANEL_RESIZER_TOP = new PanelResizerClass( 'panel-resizer-top', true ),\r
- PANEL_RESIZER_BOTTOM = new PanelResizerClass( 'panel-resizer-bottom', false );\r
- \r
- PanelResizerClass = undefined;\r
-\r
-/* --------------------------------------------------------------------------------------------\r
- * CONSOLE_CONTROLER\r
- */\r
- var CONSOLE_CONTROLER = ( function(){\r
- var LAYER_BACK_BUTTON = MENU_BAR_CONTROL.EDIT.createSelection( 'layer back', 'ctrl + B', layerBack, false, true, false),\r
- LAYER_FORWARD_BUTTON = MENU_BAR_CONTROL.EDIT.createSelection( 'layer forward', 'ctrl + F', layerForward, false, false, false),\r
- DELETE_BUTTON = MENU_BAR_CONTROL.EDIT.createSelection( 'delete', 'ctrl + D', del, false, true, true),\r
- EDIT_BUTTON = MENU_BAR_CONTROL.EDIT.createSelection( 'Edit Text', 'ctrl + E', edit, false, true, false),\r
- CHANGE_BUTTON = MENU_BAR_CONTROL.EDIT.createSelection( 'change', 'ctrl + U', change, false, false, true),\r
- SAVE = HISTORY_CONTROL.saveState,\r
- jqStage,\r
- jqConsoleParent,\r
- jqConsoleWrapper,\r
- jqConsoleTail,\r
- jqImgConsole, jqTextConsole,\r
- currentElement = null,\r
- currentType = -1,\r
- visible = false,\r
- imgConsoleWidth, imgConsoleHeight,\r
- textConsoleWidth, textConsoleHeight,\r
- consoleWidth, consoleHeight,\r
- consoleX, consoleY,\r
- tailSize = 10,\r
- buttonClickable = false;\r
- \r
- pettanr.key.addKeyDownEvent( pettanr.view.EDITOR, 66, false, true, layerBack);\r
- pettanr.key.addKeyDownEvent( pettanr.view.EDITOR, 70, false, true, layerForward);\r
- \r
- pettanr.key.addKeyDownEvent( pettanr.view.EDITOR, 68, false, true, del);\r
- pettanr.key.addKeyDownEvent( pettanr.view.EDITOR, 69, false, true, edit);\r
- pettanr.key.addKeyDownEvent( pettanr.view.EDITOR, 85, false, true, change);\r
- \r
- function buttonBackOrForward( isBack){\r
- var offest = jqConsoleWrapper.offset();\r
- jqConsoleWrapper.css( {\r
- position: isBack === true ? '' : 'absolute',\r
- left: isBack === true ? consoleX : offest.left,\r
- top: isBack === true ? consoleY : offest.top\r
- });\r
- buttonClickable === isBack && ( isBack === true ? jqConsoleParent : jqStage).append( jqConsoleWrapper);\r
- buttonClickable = !isBack;\r
- }\r
- function layerBack(){\r
- if( currentElement === null) return;\r
- if( COMIC_ELEMENT_CONTROL.replace( currentElement, false) === false) return;\r
- INFOMATION_WINDOW.update( currentElement);\r
- SAVE( COMIC_ELEMENT_CONTROL.restoreReplace, [ currentElement, true], [ currentElement, false]);\r
- var _z = currentElement.z;\r
- LAYER_BACK_BUTTON.visible( _z > 0);\r
- LAYER_FORWARD_BUTTON.visible( _z < PANEL_ELEMENT_ARRAY.length -1);\r
- }\r
- function layerForward(){\r
- if( currentElement === null) return;\r
- if( COMIC_ELEMENT_CONTROL.replace( currentElement, true) === false) return;\r
- INFOMATION_WINDOW.update( currentElement);\r
- SAVE( COMIC_ELEMENT_CONTROL.restoreReplace, [ currentElement, false], [ currentElement, true]);\r
- var _z = currentElement.z;\r
- LAYER_BACK_BUTTON.visible( _z > 0);\r
- LAYER_FORWARD_BUTTON.visible( _z < PANEL_ELEMENT_ARRAY.length -1);\r
- }\r
- function del(){\r
- if( currentElement === null) return;\r
- buttonBackOrForward( true);\r
- COMIC_ELEMENT_CONTROL.remove( currentElement);\r
- SAVE( COMIC_ELEMENT_CONTROL.restore, [ true, currentElement], [ false, currentElement], true);\r
- COMIC_ELEMENT_OPERATION_MANAGER.hide();\r
- }\r
- function edit(){\r
- if( currentElement === null || currentElement.type !== PANEL_ELEMENT_TYPE_TEXT) return;\r
- pettanr.textEditor.bootInOverlay( PANEL_CONTROL.x(), PANEL_CONTROL.y(), currentElement );\r
- buttonBackOrForward( true );\r
- }\r
- function change(){\r
- if( currentElement === null) return;\r
- buttonBackOrForward( true);\r
- pettanr.premiumSatge.bootInOverlay( currentElement.getArtistID(), currentElement.resourcePicture );\r
- }\r
- function onImageSelect( resourcePicture ){\r
- currentElement.resourcePicture( resourcePicture );\r
- }\r
- return {\r
- init: function(){\r
- jqStage = jqEditor;\r
- jqConsoleTail = $( '#comic-element-consol-tail');\r
- jqImgConsole = $( '#image-element-consol').hide();\r
- var imgConsoleSize = pettanr.util.getElementSize( jqImgConsole.get( 0));\r
- imgConsoleWidth = imgConsoleSize.width;\r
- imgConsoleHeight = imgConsoleSize.height;\r
- \r
- jqTextConsole = $( '#text-element-consol').hide();\r
- var textConsoleSize = pettanr.util.getElementSize( jqTextConsole.get( 0));\r
- textConsoleWidth = textConsoleSize.width;\r
- textConsoleHeight = textConsoleSize.height;\r
- \r
- jqConsoleWrapper = $( '#comic-element-consol-wrapper').hide();\r
- jqConsoleParent = jqConsoleWrapper.parent();\r
- \r
- $( '#edit-text-button').click( edit);\r
- $( '#delete-image-button, #delete-text-button').click( del);\r
- $( '#change-image-button').click( change);\r
- $( '#layer-forward-button, #forward-text-button').click( layerForward);\r
- $( '#layer-back-button, #back-text-button').click( layerBack);\r
- \r
- delete CONSOLE_CONTROLER.init;\r
- },\r
- show: function( _currentElement, _w, _h ){\r
- CONSOLE_CONTROLER.init && CONSOLE_CONTROLER.init();\r
- \r
- visible === false && jqConsoleWrapper.show();\r
- visible = true;\r
- currentElement = _currentElement;\r
- var _currentType = _currentElement.type,\r
- _z = _currentElement.z;\r
- if( currentType !== _currentType){\r
- currentType = _currentType;\r
- jqImgConsole.toggle( _currentType === PANEL_ELEMENT_TYPE_IMAGE);\r
- jqTextConsole.toggle( _currentType === PANEL_ELEMENT_TYPE_TEXT);\r
- consoleWidth = _currentType === PANEL_ELEMENT_TYPE_IMAGE ? imgConsoleWidth : textConsoleWidth;\r
- consoleHeight = _currentType === PANEL_ELEMENT_TYPE_IMAGE ? imgConsoleHeight : textConsoleHeight;\r
- }\r
- consoleX = Math.floor( ( _w -consoleWidth) /2);\r
- \r
- LAYER_BACK_BUTTON.visible( _z > 0);\r
- LAYER_FORWARD_BUTTON.visible( _z < PANEL_ELEMENT_ARRAY.length -1);\r
- DELETE_BUTTON.visible( true);\r
- EDIT_BUTTON.visible( _currentType === PANEL_ELEMENT_TYPE_TEXT);\r
- CHANGE_BUTTON.visible( false);\r
- \r
- if( _w > consoleWidth * 1.5 && _h > consoleHeight * 1.5){\r
- consoleY = Math.floor( ( _h -consoleHeight) /2);\r
- jqConsoleWrapper.css( {\r
- left: consoleX,\r
- top: consoleY\r
- }).removeClass( 'console-out');\r
- } else {\r
- consoleY = _h +tailSize;\r
- jqConsoleWrapper.css( {\r
- left: consoleX,\r
- top: consoleY\r
- }).addClass( 'console-out');\r
- }\r
- },\r
- hide: function (){\r
- visible === true && jqConsoleWrapper.hide();\r
- visible = false;\r
- currentElement = null;\r
- LAYER_BACK_BUTTON.visible( false);\r
- LAYER_FORWARD_BUTTON.visible( false);\r
- DELETE_BUTTON.visible( false);\r
- EDIT_BUTTON.visible( false);\r
- CHANGE_BUTTON.visible( false);\r
- },\r
- x: function(){ return consoleX;},\r
- y: function(){ return consoleY;},\r
- w: function(){ return consoleWidth;},\r
- h: function(){ return consoleHeight;},\r
- onMouseMove: function( _mouseX, _mouseY){\r
- if( consoleX > _mouseX || consoleY > _mouseY || consoleX +consoleWidth < _mouseX || consoleY +consoleHeight < _mouseY){\r
- buttonClickable === true && buttonBackOrForward( true);\r
- return false;\r
- }\r
- buttonClickable === false && buttonBackOrForward( false);\r
- return true;\r
- },\r
- onMouseOut: function( _mouseX, _mouseY){\r
- buttonClickable === true && buttonBackOrForward( true);\r
- }\r
- }\r
- })();\r
-\r
-/* --------------------------------------------------------------------------------------------\r
- * TAIL_OPERATOR\r
- * - comicElementOperator\r
- */\r
- var TAIL_OPERATOR = ( function(){\r
- var MOUSE_CURSOR = updateMouseCursor,\r
- ELM_MOVER = document.getElementById( 'balloon-tail-mover'),\r
- SIZE = pettanr.util.getElementSize( ELM_MOVER).width,\r
- SIN = Math.sin,\r
- COS = Math.cos,\r
- ATAN = Math.atan,\r
- FLOOR = Math.floor,\r
- DEG_TO_RAD = Math.PI / 180,\r
- RAD_TO_DEG = 1 / DEG_TO_RAD,\r
- currentText = null,\r
- tailX, tailY,\r
- x, y, w, h,\r
- balloonW, balloonH, balloonA, radA,\r
- visible = false,\r
- startA;\r
- \r
- return {\r
- update: function ( _w, _h, _a ){\r
- balloonW = _w !== undefined ? _w : balloonW;\r
- balloonH = _h !== undefined ? _h : balloonH;\r
- balloonA = _a !== undefined ? _a : balloonA;\r
- radA = ( balloonA - 90 ) * DEG_TO_RAD;\r
- tailX = FLOOR( ( ( COS( radA ) / 2 + 0.5 ) * ( balloonW + SIZE )) - SIZE / 2);\r
- tailY = FLOOR( ( ( SIN( radA ) / 2 + 0.5 ) * ( balloonH + SIZE )) - SIZE / 2);\r
- ELM_MOVER.style.left = tailX +'px';\r
- ELM_MOVER.style.top = tailY +'px';\r
- //log.html( [ balloonW, balloonH, balloonA].join());\r
- },\r
- show: function( _currentText){\r
- /*\r
- * visibilityのほうがいい, display:none だと ie で描画が狂う\r
- */\r
- ELM_MOVER.style.visibility = '';\r
- TAIL_OPERATOR.update( _currentText.w, _currentText.h, _currentText.angle() );\r
- currentText = _currentText;\r
- },\r
- hitTest: function( _mouseX, _mouseY){\r
- var _x = tailX -SIZE / 2,\r
- _y = tailY -SIZE / 2;\r
- ret = _x <= _mouseX && _y <= _mouseY && _x +SIZE >= _mouseX && _y +SIZE >= _mouseY;\r
- ret === true && MOUSE_CURSOR( 'move');\r
- return ret;\r
- },\r
- hide: function(){\r
- ELM_MOVER.style.visibility = 'hidden';\r
- currentText = null;\r
- },\r
- onStart: function( _currentText, _mouseX, _mouseY){\r
- if( _currentText.type !== PANEL_ELEMENT_TYPE_TEXT ) return false;\r
- x = _currentText.x;\r
- y = _currentText.y;\r
- if( TAIL_OPERATOR.hitTest( _mouseX -x, _mouseY -y ) === true){\r
- w = _currentText.w;\r
- h = _currentText.h;\r
- currentText = _currentText;\r
- startA = _currentText.angle();\r
- return true;\r
- }\r
- return false;\r
- },\r
- onDrag: function( _mouseX, _mouseY){\r
- _mouseX = _mouseX - x - w / 2;\r
- _mouseY = _mouseY - y - h / 2; //Balloonの中心を0,0とする座標系に変換\r
- TAIL_OPERATOR.update( w, h,\r
- _mouseX !== 0 ?\r
- ATAN( _mouseY / _mouseX ) * RAD_TO_DEG + ( _mouseX > 0 ? 90 : 270 ) :\r
- _mouseY > 0 ? 180 : 0\r
- );\r
- currentText && currentText.angle( FLOOR( balloonA + 0.5 ));\r
- INFOMATION_WINDOW.update( currentText );\r
- },\r
- onFinish: function(){\r
- startA !== currentText.angle() && COMIC_ELEMENT_OPERATION_MANAGER.saveStatus( x, y, w, h, startA);\r
- startA !== currentText.angle() && COMIC_ELEMENT_OPERATION_MANAGER.resize( x, y, w, h, currentText.angle());\r
- currentText = null;\r
- },\r
- onCancel: function(){\r
- currentText.angle( startA);\r
- COMIC_ELEMENT_OPERATION_MANAGER.resize( x, y, w, h, startA);\r
- currentText = null;\r
- }\r
- }\r
- })();\r
-\r
-/* --------------------------------------------------------------------------------------------\r
- * RESIZE_OPERATOR\r
- * - comicElementOperator\r
- */\r
- var RESIZE_OPERATOR = ( function(){\r
- var MOUSE_CURSOR = updateMouseCursor,\r
- GRID_ENABLED = GRID_CONTROL.enabled;\r
- \r
- var HIT_AREA = MOUSE_HIT_AREA,\r
- POSITION_ARRAY = [],\r
- FLOOR = Math.floor,\r
- CURSOR_AND_FLIP = [\r
- { cursor: 'n-resize', v: 3},\r
- { cursor: 'e-resize', h: 2},\r
- { cursor: 'e-resize', h: 1},\r
- { cursor: 'n-resize', v: 0},\r
- { cursor: 'nw-resize', h: 5, v: 6, vh: 7},\r
- { cursor: 'ne-resize', h: 4, v: 7, vh: 6},\r
- { cursor: 'ne-resize', h: 7, v: 4, vh: 5},\r
- { cursor: 'nw-resize', h: 6, v: 5, vh: 4}\r
- ],\r
- elmResizerContainer = document.getElementById( 'comic-element-resizer-container'),\r
- elmResizerContainerStyle = elmResizerContainer.style,\r
- elmResizerTopStyle = document.getElementById( 'comic-element-resizer-top').style,\r
- elmResizerLeftStyle = document.getElementById( 'comic-element-resizer-left').style,\r
- elmResizerRightStyle = document.getElementById( 'comic-element-resizer-right').style,\r
- elmResizerBottomStyle = document.getElementById( 'comic-element-resizer-bottom').style,\r
- x, y, w, h,\r
- currentIndex = -1,\r
- currentElement,\r
- currentIsTextElement = false;\r
- \r
- elmResizerContainerStyle.display = 'none';\r
- \r
- var RESIZE_WORK_ARRAY = [\r
- { x: 0, w: 0, y: 1, h: -1}, //top\r
- { x: 1, w: -1, y: 0, h: 0}, //left\r
- { x: 0, w: 1, y: 0, h: 0}, //right\r
- { x: 0, w: 0, y: 0, h: 1}, //bottom\r
- { x: 1, w: -1, y: 1, h: -1}, //top-left\r
- { x: 0, w: 1, y: 1, h: -1}, //top-right\r
- { x: 1, w: -1, y: 0, h: 1}, //bottom-left\r
- { x: 0, w: 1, y: 0, h: 1} //bottom-right\r
- ],\r
- startX, startY, startW, startH, startFilpV, startFilpH, startAspect,\r
- baseX, baseY, baseW, baseH,\r
- currentX, currentY, currentW, currentH,\r
- offsetX, offsetY,\r
- lock = false,\r
- error = 0;\r
- \r
- function draw( _x, _y, _w, _h){\r
- x = _x !== undefined ? _x : x;\r
- y = _y !== undefined ? _y : y;\r
- w = _w !== undefined ? _w : w;\r
- h = _h !== undefined ? _h : h;\r
- try {\r
- elmResizerContainerStyle.left = x +'px';\r
- elmResizerContainerStyle.top = y +'px';\r
- elmResizerContainerStyle.width = w +'px';\r
- elmResizerContainerStyle.height = h +'px';\r
- elmResizerTopStyle.left = FLOOR( w /2 -10 /2) +'px';\r
- elmResizerLeftStyle.top = FLOOR( h /2 -10 /2) +'px';\r
- elmResizerRightStyle.top = FLOOR( h /2 -10 /2) +'px';\r
- elmResizerBottomStyle.left = FLOOR( w /2 -10 /2) +'px'; \r
- } catch(e){\r
- alert( [x, y, w, h].join( ','));\r
- return;\r
- }\r
-\r
- \r
- POSITION_ARRAY.splice( 0, POSITION_ARRAY.length);\r
- POSITION_ARRAY.push(\r
- {x: x +5, y: y -HIT_AREA, w: w -5 *2, h: HIT_AREA +5},\r
- {x: x -HIT_AREA, y: y +HIT_AREA +5, w: HIT_AREA +5, h: h -5 *2},\r
- {x: x +w -5, y: y +HIT_AREA +5, w: HIT_AREA +5, h: h -5 *2},\r
- {x: x +5, y: y +h -5, w: w -5 *2, h: HIT_AREA +5},\r
- {x: x -HIT_AREA, y: y -HIT_AREA, w: HIT_AREA +5, h: HIT_AREA +5},\r
- {x: x +w -HIT_AREA, y: y -HIT_AREA, w: HIT_AREA +5, h: HIT_AREA +5},\r
- {x: x -HIT_AREA, y: y +h -5, w: HIT_AREA +5, h: HIT_AREA +5},\r
- {x: x +w -5, y: y +h -5, w: HIT_AREA +5, h: HIT_AREA +5}\r
- );\r
- }\r
- \r
- function update( _x, _y, _w, _h){\r
- x = _x !== undefined ? _x : currentX;\r
- y = _y !== undefined ? _y : currentY;\r
- w = _w !== undefined ? _w : currentW;\r
- h = _h !== undefined ? _h : currentH;\r
- \r
- if( currentIsTextElement === false && currentIndex > 3 && pettanr.key.shiftEnabled() === true){\r
- if( startAspect >= 1){\r
- _w = w;\r
- w = Math.floor( startAspect * h);\r
- x = x +( currentIndex % 2 === 0 ? _w -w : 0);\r
- } else {\r
- _h = h;\r
- h = Math.floor( w / startAspect);\r
- y = y + ( currentIndex <= 5 ? _h -h : 0);\r
- }\r
- }\r
- draw( x, y, w, h);\r
- currentElement.resize( x, y, w, h);\r
- currentIsTextElement === true && TAIL_OPERATOR.update( w, h);\r
- CONSOLE_CONTROLER.show( currentElement, w, h);\r
- INFOMATION_WINDOW.update( currentElement);\r
- }\r
- \r
- function flip( _flipH, _flipV){\r
- var p = CURSOR_AND_FLIP[ currentIndex];\r
- currentIndex = _flipH === true || _flipV === true ? p[\r
- _flipH === true && _flipV === true ? 'vh' : ( _flipH === true ? 'h' : 'v')\r
- ] : currentIndex;\r
- MOUSE_CURSOR( CURSOR_AND_FLIP[ currentIndex].cursor);\r
- elmResizerContainer.className = 'current-resizer-is-' +currentIndex;\r
- currentElement.flip( _flipH, _flipV);\r
- }\r
- return {\r
- update: draw,\r
- index: function( _mouseX, _mouseY){\r
- var p, i;\r
- for( i=4; i<8; i++){\r
- p = POSITION_ARRAY[ i];\r
- if( p.x <= _mouseX && p.y <= _mouseY && p.x + p.w >= _mouseX && p.y +p.h >= _mouseY){\r
- MOUSE_CURSOR( CURSOR_AND_FLIP[ i].cursor);\r
- elmResizerContainer.className = 'current-resizer-is-' +i;\r
- return currentIndex = i;\r
- }\r
- }\r
- for( i=0; i<4; i++){\r
- p = POSITION_ARRAY[ i];\r
- if( p.x <= _mouseX && p.y <= _mouseY && p.x + p.w >= _mouseX && p.y +p.h >= _mouseY){\r
- MOUSE_CURSOR( CURSOR_AND_FLIP[ i].cursor);\r
- elmResizerContainer.className = 'current-resizer-is-' +i;\r
- return currentIndex = i;\r
- }\r
- }\r
- MOUSE_CURSOR( '');\r
- elmResizerContainer.className = '';\r
- return -1;\r
- },\r
- show: function( _currentElement){\r
- currentElement = _currentElement;\r
- currentIsTextElement = _currentElement.type === PANEL_ELEMENT_TYPE_TEXT;\r
- elmResizerContainerStyle.display = '';\r
- },\r
- hide: function(){\r
- currentElement = null;\r
- elmResizerContainerStyle.display = 'none';\r
- },\r
- onStart: function( _currentElement, _mouseX, _mouseY){\r
- currentElement = _currentElement;\r
- currentIsTextElement = _currentElement.type === PANEL_ELEMENT_TYPE_TEXT;\r
- if( _currentElement.keepSize === true) return false;\r
- currentIndex = this.index( _mouseX, _mouseY);\r
- if( currentIndex === -1) return false;\r
- offsetX = _mouseX;\r
- offsetY = _mouseY;\r
- startX = baseX = _currentElement.x;\r
- startY = baseY = _currentElement.y;\r
- startW = baseW = _currentElement.w;\r
- startH = baseH = _currentElement.h;\r
- if( _currentElement.type === PANEL_ELEMENT_TYPE_IMAGE){\r
- startFilpV = _currentElement.flipV();\r
- startFilpH = _currentElement.flipH(); \r
- }\r
- startAspect = startW /startH;\r
- return true;\r
- },\r
- onDrag: function( _mouseX, _mouseY){\r
- var com = RESIZE_WORK_ARRAY[ currentIndex],\r
- moveX = _mouseX -offsetX,\r
- moveY = _mouseY -offsetY,\r
- _updated = moveX !== 0 || moveY !== 0,\r
- _x, _y, _w, _h,\r
- _thisError = 0;\r
- \r
- var _memoryX = 0,\r
- _memoryY = 0,\r
- _momoryW = 0,\r
- _momoryH = 0;\r
- /*\r
- * Opera 11+ often forget values, why ??\r
- */\r
- while( _x === undefined || _y === undefined || _w === undefined || _h === undefined){\r
- _x = _x !== undefined ? _x : baseX +moveX *com.x;\r
- _y = _y !== undefined ? _y : baseY +moveY *com.y;\r
- _w = _w !== undefined ? _w : baseW +moveX *com.w;\r
- _h = _h !== undefined ? _h : baseH +moveY *com.h;\r
- error += _thisError === 0 ? 0 : 1;\r
- ++_thisError;\r
- if( _thisError > 9999){\r
- ++error\r
- //alert( 'opera error' +error);\r
- this.onCancel;\r
- return;\r
- }\r
- }\r
- \r
- if( _w >= MIN_ELEMENT_SIZE && _h >= MIN_ELEMENT_SIZE){\r
- \r
- } else \r
- if( _w >= -MIN_ELEMENT_SIZE && _h >= -MIN_ELEMENT_SIZE){\r
- //return;\r
- if( _w < MIN_ELEMENT_SIZE){\r
- //_x += Math.abs( MIN_ELEMENT_SIZE -_w);\r
- _x = currentX;\r
- _w = MIN_ELEMENT_SIZE;\r
- }\r
- if( _h < MIN_ELEMENT_SIZE){\r
- //_y += Math.abs( MIN_ELEMENT_SIZE -_h);\r
- _y = currentY;\r
- _h = MIN_ELEMENT_SIZE;\r
- }\r
- } else \r
- if( currentElement.type === PANEL_ELEMENT_TYPE_TEXT){\r
- return;\r
- } else \r
- if( _w < -MIN_ELEMENT_SIZE || _h < -MIN_ELEMENT_SIZE){\r
-\r
- if( _w < -MIN_ELEMENT_SIZE && _h > MIN_ELEMENT_SIZE){\r
- // flipH\r
- _memoryX = _x;\r
- baseX = _x = _x +_w;\r
- baseY = _y;\r
- baseW = _w = _memoryX -_x;\r
- baseH = _h;\r
- flip( true, false);\r
- flipV = currentElement.flipV();\r
- } else \r
- if( _w > MIN_ELEMENT_SIZE && _h < -MIN_ELEMENT_SIZE){\r
- // flipV\r
- _memoryY = _y;\r
- baseX = _x;\r
- baseY = _y = _y +_h;\r
- baseW = _w;\r
- baseH = _h = _memoryY -_y;\r
- flip( false, true);\r
- flipH = currentElement.flipH();\r
- } else {\r
- // flipVH\r
- _memoryX = _x;\r
- _memoryY = _y;\r
- baseX = _x = _x +_w;\r
- baseY = _y = _y +_h;\r
- baseW = _w = _memoryX -_x;\r
- baseH = _h = _memoryY -_y;\r
- flip( true, true);\r
- flipV = currentElement.flipV();\r
- flipH = currentElement.flipH();\r
- }\r
- _updated = true;\r
- offsetX = _mouseX;\r
- offsetY = _mouseY; \r
- }\r
- currentX = _x;\r
- currentY = _y;\r
- currentW = _w;\r
- currentH = _h;\r
- _updated === true && update( _x, _y, _w, _h);\r
- \r
- log.html( [\r
- 'currentIndex:', currentIndex, \r
- 'baseW', baseW, 'baseH', baseH,'<br>',\r
- 'mouse', _mouseX, _mouseY,'<br>',\r
- 'move', moveX, moveY,'<br>',\r
- 'xy', _x, _y, 'wh',_w, _h,'<br>',\r
- 'com.w', com.w, 'com.h', com.h,'<br>',\r
- 'current',currentW, currentH,'<br>',\r
- 'result', y, h,\r
- 'err', error\r
- ].join( ' , '));\r
- },\r
- onFinish: function(){\r
- MOUSE_CURSOR( '');\r
- if( w === startW && h === startH && x === startX && y === startY) return;\r
- COMIC_ELEMENT_OPERATION_MANAGER.resize( x, y, w, h);\r
- currentElement.resize( x, y, w, h);\r
- COMIC_ELEMENT_OPERATION_MANAGER.saveStatus( startX, startY, startW, startH, undefined, startFilpV, startFilpH);\r
- },\r
- onCancel: function(){\r
- MOUSE_CURSOR( '');\r
- COMIC_ELEMENT_OPERATION_MANAGER.resize( startX, startY, startW, startH);\r
- currentElement.type === PANEL_ELEMENT_TYPE_IMAGE ?\r
- currentElement.animate( startX, startY, startW, startH, startFilpV, startFilpH) :\r
- currentElement.animate( startX, startY, startW, startH, angle);\r
- },\r
- lock: function( _lock){\r
- if( _lock !== undefined){\r
- elmResizerContainerStyle.borderColor = _lock === true ? 'blue' : '';\r
- lock = _lock;\r
- }\r
- return lock;\r
- },\r
- onShiftUpdate: update,\r
- onCtrlUpdate: update\r
- }\r
- })();\r
-\r
-/* --------------------------------------------------------------------------------------------\r
- * POSITION_OPERATOR\r
- * - comicElementOperator\r
- */\r
- var POSITION_OPERATOR = ( function(){\r
- var MOUSE_CURSOR = updateMouseCursor,\r
- GRID_ENABLED = GRID_CONTROL.enabled;\r
- \r
- var currentElement,\r
- startX, startY,\r
- x, y,\r
- offsetX, offsetY,\r
- isCopy = false;\r
- \r
- function update( _x, _y){\r
- x = _x !== undefined ? _x : x;\r
- y = _y !== undefined ? _y : y;\r
- RESIZE_OPERATOR.update( x, y);\r
- currentElement.resize( x, y);\r
- INFOMATION_WINDOW.update( currentElement);\r
- }\r
- \r
- return {\r
- onStart: function( _currentElement, _mouseX, _mouseY){\r
- currentElement = _currentElement;\r
- offsetX = _mouseX;\r
- offsetY = _mouseY;\r
- startX = x = _currentElement.x;\r
- startY = y = _currentElement.y;\r
- MOUSE_CURSOR( 'move');\r
- },\r
- onDrag: function( _mouseX, _mouseY){\r
- var moveX = _mouseX -offsetX,\r
- moveY = _mouseY -offsetY,\r
- _x = startX +moveX,\r
- _y = startY +moveY;\r
- if( GRID_ENABLED() === true){\r
- _x = Math.floor( _x / 10) * 10;\r
- _y = Math.floor( _y / 10) * 10;\r
- }\r
- update( _x, _y);\r
- },\r
- onFinish: function(){\r
- MOUSE_CURSOR( '');\r
- if( x === startX && y === startY) return;\r
- COMIC_ELEMENT_OPERATION_MANAGER.resize( x, y);\r
- currentElement.resize( x, y);\r
- COMIC_ELEMENT_OPERATION_MANAGER.saveStatus( startX, startY);\r
- },\r
- onCancel: function(){\r
- MOUSE_CURSOR( '');\r
- COMIC_ELEMENT_OPERATION_MANAGER.resize( startX, startY);\r
- currentElement.animate( startX, startY);\r
- },\r
- onShiftUpdate: update,\r
- onCtrlUpdate: update\r
- }\r
- })();\r
-\r
-\r
-/* --------------------------------------------------------------------------------------------\r
- * COMIC_ELEMENT_OPERATION_MANAGER\r
- */\r
- var COMIC_ELEMENT_OPERATION_MANAGER = ( function(){\r
- var MOUSE_CURSOR = updateMouseCursor,\r
- SAVE = HISTORY_CONTROL.saveState,\r
- GRID_ENABLED = GRID_CONTROL.enabled,\r
- HIT_AREA = MOUSE_HIT_AREA,\r
- currentIsTextElement = false,\r
- currentOperator = null,\r
- currentElement = null,\r
- currentx, currenty, currentw, currenth, angle, flipV, flipH;\r
-\r
- function resize( _x, _y, _w, _h, _angle){\r
- currentx = _x !== undefined ? _x : currentx;\r
- currenty = _y !== undefined ? _y : currenty;\r
- currentw = _w !== undefined ? _w : currentw;\r
- currenth = _h !== undefined ? _h : currenth;\r
- angle = _angle !== undefined ? _angle : angle;\r
-\r
- RESIZE_OPERATOR.update( currentx, currenty, currentw, currenth);\r
- currentIsTextElement === true && TAIL_OPERATOR.update( currentw, currenth, angle);\r
- CONSOLE_CONTROLER.show( currentElement, currentw, currenth);\r
- INFOMATION_WINDOW.update( currentElement);\r
- }\r
- function show( _currentElement){\r
- currentElement === null && RESIZE_OPERATOR.show( _currentElement);\r
- if( currentElement !== _currentElement){\r
- currentElement = _currentElement;\r
- \r
- currentIsTextElement = ( _currentElement.type === PANEL_ELEMENT_TYPE_TEXT);\r
- currentIsTextElement === true ? TAIL_OPERATOR.show( _currentElement) : TAIL_OPERATOR.hide();\r
- \r
- flipV = currentIsTextElement === false ? _currentElement.flipV() : 0;\r
- flipH = currentIsTextElement === false ? _currentElement.flipH() : 0;\r
- \r
- resize(\r
- _currentElement.x, _currentElement.y, _currentElement.w, _currentElement.h,\r
- currentIsTextElement === true ? _currentElement.angle() : 0\r
- );\r
- }\r
- }\r
-\r
- pettanr.key.addKeyUpdateEvent( pettanr.view.EDITOR, 16, undefined, undefined, function( e){\r
- currentOperator !== null && currentOperator.onShiftUpdate && currentOperator.onShiftUpdate();\r
- });\r
- pettanr.key.addKeyUpdateEvent( pettanr.view.EDITOR, 17, undefined, undefined, function( e){\r
- currentOperator !== null && currentOperator.onCtrlUpdate && currentOperator.onCtrlUpdate();\r
- });\r
- pettanr.key.addKeyDownEvent( pettanr.view.EDITOR, 27, false, false, function( e){\r
- currentOperator !== null && currentOperator.onCancel && currentOperator.onCancel();\r
- currentOperator = null;\r
- });\r
- return {\r
- open: function(){\r
- this.hide();\r
- },\r
- close: function(){\r
- \r
- },\r
- hide: function(){\r
- currentElement !== null && RESIZE_OPERATOR.hide();\r
- currentElement = null;\r
- MOUSE_CURSOR( '');\r
- TAIL_OPERATOR.hide();\r
- CONSOLE_CONTROLER.hide();\r
- INFOMATION_WINDOW.update( null);\r
- },\r
- resize: resize,\r
- restoreState: function( arg){\r
- if( arg && arg.length !== 8) return;\r
- var _currentElement = arg[ 0],\r
- _x = arg[ 1], _y = arg[ 2], _w = arg[ 3], _h = arg[ 4],\r
- _a = arg[ 5],\r
- _flipV = arg[ 6], _flipH = arg[ 7];\r
- if( !_currentElement && !currentOperator) return;\r
- _currentElement.type === PANEL_ELEMENT_TYPE_IMAGE ?\r
- _currentElement.animate( _x, _y, _w, _h, _flipV, _flipH) :\r
- _currentElement.animate( _x, _y, _w, _h, _a);\r
- currentOperator !== null && currentOperator.onCancel && currentOperator.onCancel();\r
- currentOperator = null;\r
- currentElement === _currentElement ? resize( _x, _y, _w, _h, _a) : show( _currentElement);\r
- },\r
- saveStatus: function( startX, startY, startW, startH, startA, startFilpV, startFilpH){\r
- startX = startX !== undefined ? startX : currentx;\r
- startY = startY !== undefined ? startY : currenty;\r
- startW = startW !== undefined ? startW : currentw;\r
- startH = startH !== undefined ? startH : currenth;\r
- startA = startA !== undefined ? startA : angle;\r
- startFilpV = startFilpV !== undefined ? startFilpV : flipV;\r
- startFilpH = startFilpH !== undefined ? startFilpH : flipH;\r
- currentElement && SAVE( COMIC_ELEMENT_OPERATION_MANAGER.restoreState,\r
- [ currentElement, startX, startY, startW, startH, startA, startFilpV, startFilpH],\r
- [ currentElement, currentx, currenty, currentw, currenth, angle, flipV, flipH]\r
- );\r
- },\r
- busy: function(){\r
- return currentOperator !== null;\r
- },\r
- hitTest: function( _mouseX, _mouseY, _panelElement ){\r
- var _x, _y, _w, _h;\r
- if( _panelElement === currentElement){\r
- var _consoleX = CONSOLE_CONTROLER.x();\r
- _x = currentx +( _consoleX < 0 ? _consoleX : 0) -HIT_AREA;\r
- _y = currenty -HIT_AREA;\r
- var _consoleW = CONSOLE_CONTROLER.w();\r
- _w = ( _consoleW < currentw ? currentw : _consoleW) +HIT_AREA *2;\r
- var _consoleY = CONSOLE_CONTROLER.y();\r
- _h = ( _consoleY < currenth ? currenth : _consoleY +CONSOLE_CONTROLER.h()) +HIT_AREA *2;\r
- } else {\r
- _x = _panelElement.x -HIT_AREA;\r
- _y = _panelElement.y -HIT_AREA;\r
- _w = _panelElement.w +HIT_AREA *2;\r
- _h = _panelElement.h +HIT_AREA *2;\r
- }\r
- log.html( [ _x, _y, _w, _h ].join( ' ') );\r
- return _x <= _mouseX && _mouseX <= _x + _w && _y <= _mouseY && _mouseY <= _y + _h;\r
- },\r
- onMouseDown: function( _currentElement, _mouseX, _mouseY){\r
- //show( _currentElement);\r
- if( currentIsTextElement === true && TAIL_OPERATOR.onStart( _currentElement, _mouseX, _mouseY) === true){\r
- currentOperator = TAIL_OPERATOR;\r
- } else\r
- if( RESIZE_OPERATOR.onStart( _currentElement, _mouseX, _mouseY) === true){\r
- currentOperator = RESIZE_OPERATOR;\r
- } else {\r
- POSITION_OPERATOR.onStart( _currentElement, _mouseX, _mouseY)\r
- currentOperator = POSITION_OPERATOR;\r
- }\r
- },\r
- onMouseMove: function( _currentElement, _mouseX, _mouseY){\r
- show( _currentElement);\r
- if( currentOperator !== null){\r
- currentOperator.onDrag( _mouseX, _mouseY); \r
- } else\r
- if( currentElement !== null){\r
- CONSOLE_CONTROLER.onMouseMove( _mouseX -currentx, _mouseY -currenty);\r
- if( currentIsTextElement === false || TAIL_OPERATOR.hitTest( _mouseX -currentx, _mouseY -currenty) === false){\r
- RESIZE_OPERATOR.index( _mouseX, _mouseY);\r
- }\r
- }\r
- },\r
- onMouseUp: function( _currentElement, _mouseX, _mouseY){\r
- currentOperator !== null && currentOperator.onFinish();\r
- currentOperator = null;\r
- }\r
- }\r
- })();\r
- /*\r
- * // COMIC_ELEMENT_OPERATION_MANAGER\r
- */\r
-\r
- var AbstractComicElement = function( COMIC_ELM_TYPE ){\r
- this.type = COMIC_ELM_TYPE;\r
- this.hitTest = function( _mouseX, _mouseY ){\r
- return COMIC_ELEMENT_OPERATION_MANAGER.hitTest( _mouseX, _mouseY, this );\r
- }\r
- this.shift = function( _shiftX, _shiftY ){\r
- this.resize( this.x + _shiftX, this.y + _shiftY);\r
- }\r
- this.busy = function(){\r
- return COMIC_ELEMENT_OPERATION_MANAGER.busy();\r
- }\r
- this.onMouseMove = function( _mouseX, _mouseY ){\r
- COMIC_ELEMENT_OPERATION_MANAGER.onMouseMove( this, _mouseX, _mouseY );\r
- }\r
- this.onMouseUp = function( _mouseX, _mouseY ){\r
- COMIC_ELEMENT_OPERATION_MANAGER.onMouseUp( this, _mouseX, _mouseY );\r
- }\r
- this.onMouseDown = function( _mouseX, _mouseY ){\r
- COMIC_ELEMENT_OPERATION_MANAGER.onMouseDown( this, _mouseX, _mouseY );\r
- }\r
- };\r
-\r
-/* --------------------------------------------------------------------------------------------\r
- * ImageElementClass\r
- */\r
- var jqImageElementOrigin;\r
- var ImageElementClass = function( data ){\r
- jqImageElementOrigin = jqImageElementOrigin || $( $( '#imgElementTemplete' ).remove().html() );\r
- \r
- var jqWrap = jqImageElementOrigin.clone( true ),\r
- flipH = data.width < 0 ? -1 : 1,\r
- flipV = data.height < 0 ? -1 : 1,\r
- resourcePicture = data.resource_picture,\r
- actualW = data.resource_picture.width,\r
- actualH = data.resource_picture.height,\r
- reversibleImage = null,\r
- instance = this,\r
- x, y, z, w, h;\r
- function flipReversibleImage(){\r
- reversibleImage && reversibleImage.resize( flipH * w, flipV * h );\r
- }\r
- function updateResourcePicture( _resourcePicture ){\r
- resourcePicture = _resourcePicture;\r
- \r
- actualW = _resourcePicture.width;\r
- actualH = _resourcePicture.height;\r
- \r
- var _reversibleImage = pettanr.image.createReversibleImage( \r
- [ pettanr.CONST.RESOURCE_PICTURE_PATH, _resourcePicture.id, '.', _resourcePicture.ext ].join(''),\r
- flipH * w, flipV * h\r
- );\r
- if( reversibleImage !== null ){\r
- jqWrap.children( reversibleImage.elm ).replaceWith( _reversibleImage.elm );\r
- reversibleImage.destroy();\r
- } else {\r
- jqWrap.append( _reversibleImage.elm );\r
- }\r
- reversibleImage = _reversibleImage;\r
- }\r
- /* global methods */\r
- this.$ = jqWrap;\r
- //this.x = x;\r
- //this.y = y;\r
- //this.w = w;\r
- //this.h = h; \r
- this.z = data.z;\r
- this.timing = data.t || PANEL_ELEMENT_ARRAY.length + 1;\r
- this.keepSize = false;\r
- this.init = function(){\r
- updateResourcePicture( data.resource_picture );\r
- instance.resize( data.x, data.y, Math.abs( data.width ), Math.abs( data.height ) );\r
- delete instance.init;\r
- }\r
- this.flip = function( _updateH, _updateV ){\r
- if( _updateH !== true && _updateV !== true ) return;\r
- flipH = _updateH === true ? -flipH : flipH;\r
- flipV = _updateV === true ? -flipV : flipV;\r
- reversibleImage.resize( flipH * w, flipV * h );\r
- }\r
- this.flipV = function(){ return flipV;}\r
- this.flipH = function(){ return flipH;}\r
- this.resourcePicture = function( _resourcePicture ){\r
- if( _resourcePicture && _resourcePicture !== resourcePicture ){\r
- HISTORY_CONTROL.saveState( updateResourcePicture, resourcePicture, _resourcePicture );\r
- updateResourcePicture( _resourcePicture );\r
- }\r
- return resourcePicture;\r
- }\r
- this.getArtistID = function(){\r
- return resourcePicture.artist_id || resourcePicture.artist.id || -1;\r
- }\r
- this.actualW = function(){ return actualW;}\r
- this.actualH = function(){ return actualH;}\r
- this.resize = function( _x, _y, _w, _h, animate ){\r
- instance.x = x = Type.isFinite( _x ) === true ? _x : x;\r
- instance.y = y = Type.isFinite( _y ) === true ? _y : y;\r
- instance.w = w = Type.isFinite( _w ) === true ? _w : w;\r
- instance.h = h = Type.isFinite( _h ) === true ? _h : h;\r
- jqWrap[ animate === true ? 'animate' : 'css' ]( { \r
- left: x,\r
- top: y,\r
- width: w,\r
- height: h\r
- }, 250, flipReversibleImage );\r
- animate !== true && flipReversibleImage();\r
- }\r
- this.animate = function ( _x, _y, _w, _h, _flipH, _flipV ){\r
- flipH = _flipH !== undefined ? _flipH : flipH;\r
- flipV = _flipV !== undefined ? _flipV : flipV;\r
- instance.resize( _x, _y, _w, _h, true );\r
- }\r
- this.destroy = function(){\r
- delete instance.destroy;\r
- \r
- reversibleImage.destroy();\r
- jqWrap.stop().remove();\r
- jqWrap = reversibleImage = resourcePicture = data = instance = null;\r
- }\r
- }\r
- ImageElementClass.prototype = new AbstractComicElement( PANEL_ELEMENT_TYPE_IMAGE );\r
-/*\r
- * / ImageElementClass\r
- * --------------------------------------------------------------------------------------------\r
- */\r
-\r
-\r
-/* --------------------------------------------------------------------------------------------\r
- * TextElementClass\r
- * \r
- * type\r
- * 0.none\r
- * 1.speach balloon\r
- * 2.think\r
- * 3.bom\r
- * 4.black-box( dq style)\r
- * 5.blue-box( ff style)\r
- * \r
- */\r
- var jqTextElementOrigin;\r
- var TextElementClass = function( data ){\r
- jqTextElementOrigin = jqTextElementOrigin || ( function(){\r
- var _OLD_IE = $( $( '#textElementTempleteForOldIE').remove().html()),\r
- _MODERN = $( $( '#textElementTemplete').remove().html());\r
- return pettanr.ua.isIE === true && pettanr.ua.ieRenderingVersion < 8 ? _OLD_IE : _MODERN;\r
- })();\r
- \r
- var JQ_WRAPPER = jqTextElementOrigin.clone( true ),\r
- elmText = JQ_WRAPPER.find( 'td,.speach-inner' ).get( 0 ),\r
- type = data.balloon_template_id,\r
- text = ( function(){\r
- var _speachs = data.speeches_attributes;\r
- for( var k in _speachs ){\r
- return _speachs[ k ].content || '';\r
- }\r
- return '';\r
- })(),\r
- balloon = pettanr.balloon.createBalloon( data.width, data.height, data.tail, type ),\r
- x, y, w, h, a,\r
- instance = this;\r
- \r
- JQ_WRAPPER.find( 'img' ).eq( 0 ).replaceWith( balloon.elm );\r
- \r
- function updateType( _type ){\r
- if( type !== _type ){\r
- type = _type || type;\r
- balloon.type( type );\r
- }\r
- }\r
- function updateAngle( _a ){\r
- if( _a !== undefined && a !== _a ){\r
- a = _a !== undefined ? _a : a;\r
- balloon.angle( a );\r
- }\r
- }\r
- function updateText( _text ){\r
- text = _text || text || '';\r
- elmText.firstChild.data = text;\r
- }\r
- function resizeBalloon(){\r
- balloon && balloon.resize( a, w, h );\r
- }\r
- \r
- /* global methods */\r
- this.$ = JQ_WRAPPER;\r
- //this.x = x;\r
- //this.y = y;\r
- //this.w = w;\r
- //this.h = h;\r
- this.z = data.z;\r
- this.timing = data.t || PANEL_ELEMENT_ARRAY.length + 1;\r
- this.init = function(){\r
- updateText();\r
- instance.resize( data.x, data.y, data.width, data.height, data.tail );\r
- delete instance.init;\r
- };\r
- this.angle = function( _a ){\r
- _a !== undefined && instance.resize( x, y, w, h, _a );\r
- return a;\r
- };\r
- this.text = function( _text ){\r
- if( _text && text !== _text) {\r
- HISTORY_CONTROL.saveState( updateText, text || '', _text );\r
- updateText( _text );\r
- }\r
- return text;\r
- };\r
- this.resize = function( _x, _y, _w, _h, _a, animate ){\r
- instance.x = x = _x !== undefined ? _x : x;\r
- instance.y = y = _y !== undefined ? _y : y;\r
- instance.w = w = _w !== undefined ? _w : w;\r
- instance.h = h = _h !== undefined ? _h : h;\r
- a = _a !== undefined ? _a : a;\r
- \r
- JQ_WRAPPER[ animate === true ? 'animate' : 'css']( {\r
- left: x,\r
- top: y,\r
- width: w,\r
- height: h\r
- }, 250, resizeBalloon\r
- ); \r
- animate !== true && resizeBalloon();\r
- };\r
- this.animate = function ( _x, _y, _w, _h, _a ){\r
- instance.resize( _x, _y, _w, _h, _a, true );\r
- };\r
- this.destroy = function(){\r
- delete instance.destroy;\r
- \r
- JQ_WRAPPER.stop().remove();\r
- balloon.destroy();\r
- JQ_WRAPPER = elmText = data = balloon = instance = null;\r
- };\r
- }\r
- TextElementClass.prototype = new AbstractComicElement( PANEL_ELEMENT_TYPE_TEXT );\r
-\r
-/* --------------------------------------------------------------------------------------------\r
- * COMIC_ELEMENT_CONTROL\r
- * - mouseEventListener\r
- */\r
- var COMIC_ELEMENT_CONTROL = ( function(){\r
- var SAVE = HISTORY_CONTROL.saveState,\r
- ELM_CONTAINER = document.getElementById( 'comic-element-container'),\r
- currentElement = null,\r
- currentLockTest = false,\r
- currentLock = false,\r
- panelX, panelY, panelW, panelH,\r
- startX, startY;\r
- /*\r
- * append, remove, replace\r
- * \r
- * comicElement には、z-position と dom-index がある。\r
- * z-position は 表示上の位置。大きいほど前に表示される( z-index)\r
- * dom-index は 意味上の順番。htmlタグの登場順で、検索結果や音声読み上げブラウザで正しく意味が取れる順番。\r
- * \r
- * editerでは、実際には z-index は使わず、htmlの順序で前後を表現する。\r
- * dom-index は、数値のみ保持して、投稿時にcomicElementを適宜に並び替える。\r
- * \r
- * append comicElement\r
- * 1. 新しい comicElement の z-position を得る\r
- * 2. z の同じ comicElementを見つけ、その前に加える。または一番先頭へ。(PANEL_ELEMENT_ARRAY)\r
- * zが大きいほど、PANEL_ELEMENT_ARRAYの先頭へ。\r
- * 3. dom位置は、PANEL_ELEMENT_ARRAY とは反対に、前のものほど後ろへ。\r
- * \r
- * \r
- * remove comicElement\r
- * 1. remove\r
- * 2. renumber z\r
- */\r
- function appendComicElement( _panelElement ) {\r
- var z = Type.isFinite( _panelElement.z ) === true ? _panelElement.z : -1,\r
- l = PANEL_ELEMENT_ARRAY.length,\r
- _jqElm = _panelElement.$.stop().css( {\r
- filter: '',\r
- opacity: ''\r
- });\r
- if( z < 0 ){\r
- PANEL_ELEMENT_ARRAY.unshift( _panelElement );\r
- // ELM_CONTAINER.appendChild( _jqElm.get( 0 ));\r
- renumber();\r
- _jqElm.fadeIn();\r
- } else {\r
- for( var i = 0; i < l; ++i ){\r
- if( PANEL_ELEMENT_ARRAY[ i ].z < z ) break;\r
- }\r
- if( i === l ){\r
- PANEL_ELEMENT_ARRAY.push( _panelElement );\r
- //ELM_CONTAINER.appendChild( _jqElm.get( 0 ));\r
- } else {\r
- PANEL_ELEMENT_ARRAY.splice( i, 0, _panelElement );\r
- //PANEL_ELEMENT_ARRAY[ insertIndex ].$.before( _jqElm );\r
- }\r
- renumber();\r
- _jqElm.fadeIn();\r
- }\r
- }\r
- function removeComicElement( _panelElement ) {\r
- var l = PANEL_ELEMENT_ARRAY.length;\r
- for( var i=0; i<l; ++i ){\r
- if( PANEL_ELEMENT_ARRAY[ i ] === _panelElement ){\r
- PANEL_ELEMENT_ARRAY.splice( i, 1 );\r
- renumber();\r
- _panelElement.$.stop().css( {\r
- filter: '',\r
- opacity: ''\r
- }).fadeOut( onFadeOut );\r
- currentElement = currentElement === _panelElement ? null : currentElement;\r
- return;\r
- }\r
- }\r
- }\r
- function onFadeOut(){\r
- this.parentNode.removeChild( this );\r
- } \r
- function restoreComicElement( arg ){\r
- var isAppend = arg[ 0 ],\r
- comicElement = arg[ 1 ];\r
- isAppend === true ? appendComicElement( comicElement ) : removeComicElement( comicElement );\r
- }\r
- /*\r
- * PANEL_ELEMENT_ARRAY の順番を基準に、zの再計算\r
- * jqElmの並び替え。\r
- */\r
- function renumber(){\r
- var l = PANEL_ELEMENT_ARRAY.length,\r
- _panelElement, jqElm, jqNext;\r
- for( var i=0; i < l; ++i){\r
- _panelElement = PANEL_ELEMENT_ARRAY[ i ];\r
- jqElm = _panelElement.$;\r
- i === 0 && ELM_CONTAINER.appendChild( jqElm.get( 0 ));\r
- jqNext && jqNext.before( jqElm );\r
- if( phase === 1 ) _panelElement.z = l - i - 1;\r
- jqNext = jqElm;\r
- }\r
- }\r
- function replaceComicElement( _panelElement, goForward ){\r
- // PANEL_ELEMENT_ARRAYの再構築\r
- var l = PANEL_ELEMENT_ARRAY.length,\r
- i = -1;\r
- for( var j = 0; j < l; ++j ){\r
- if( PANEL_ELEMENT_ARRAY[ j ] === _panelElement ){\r
- i = j;\r
- break;\r
- };\r
- }\r
- if( i === -1) return false;\r
- if( goForward === true ){\r
- if( i === 0 ) return false;\r
- PANEL_ELEMENT_ARRAY.splice( i, 1 );\r
- PANEL_ELEMENT_ARRAY.splice( i - 1, 0, _panelElement );\r
- } else {\r
- if( i === l - 1 ) return false;\r
- PANEL_ELEMENT_ARRAY.splice( i, 1 );\r
- PANEL_ELEMENT_ARRAY.splice( i + 1, 0, _panelElement );\r
- }\r
- renumber( true );\r
- return true;\r
- }\r
- function restoreReplaceElement( arg ){\r
- replaceComicElement( arg[ 0], arg[ 1]);\r
- }\r
- function onTextInput( _panelElement ){\r
- appendComicElement( _panelElement );\r
- SAVE( restoreComicElement, [ false, _panelElement ], [ true, _panelElement ], true );\r
- }\r
- \r
- return {\r
- init: function(){\r
- log = $( '#operation-catcher-log');\r
- \r
- delete COMIC_ELEMENT_CONTROL.init;\r
- },\r
- open: function(){\r
- COMIC_ELEMENT_CONTROL.init && COMIC_ELEMENT_CONTROL.init();\r
- },\r
- close: function(){\r
- var _comicElm;\r
- while( PANEL_ELEMENT_ARRAY.length > 0){\r
- _comicElm = PANEL_ELEMENT_ARRAY.shift();\r
- _comicElm.destroy && _comicElm.destroy();\r
- }\r
- },\r
- remove: removeComicElement,\r
- restore: restoreComicElement,\r
- replace: replaceComicElement,\r
- restoreReplace: restoreReplaceElement,\r
- onPanelResize : function ( _panelX, _panelY, _panelW, _panelH, isResizerTopAction ){\r
- /*\r
- * リサイズが、ResizerTopによって行われた場合、comicElementのyを動かして見かけ上動かないようにする。\r
- */ \r
- if( isResizerTopAction === true){\r
- var _shiftX = _panelW -panelW,\r
- _shiftY = _panelH -panelH,\r
- l = PANEL_ELEMENT_ARRAY.length;\r
- for( var i = 0; i < l; i++){\r
- PANEL_ELEMENT_ARRAY[ i].shift( _shiftX, _shiftY);\r
- }\r
- }\r
- panelX = _panelX;\r
- panelY = _panelY;\r
- panelW = _panelW;\r
- panelH = _panelH;\r
- \r
- ELM_CONTAINER.style.width = _panelW +'px';\r
- ELM_CONTAINER.style.height = _panelH +'px';\r
- ELM_CONTAINER.style.left = _panelX +'px';\r
- ELM_CONTAINER.style.top = _panelY +'px';\r
- },\r
- onMouseMove: function( _mouseX, _mouseY ){\r
- var l = PANEL_ELEMENT_ARRAY.length,\r
- _x = _mouseX -panelX,\r
- _y = _mouseY -panelY,\r
- _elm = currentElement;\r
- \r
- if( _elm !== null){\r
- currentLockTest = currentLockTest === true && _x === 0 && _y === 0;\r
- if( _elm.busy() === true ){\r
- _elm.onMouseMove( _x, _y);\r
- return true;\r
- }\r
- if( _elm.hitTest( _x, _y) === true ){\r
- _elm.onMouseMove( _x, _y ); // cursor\r
- return true;\r
- }\r
- if( currentLock === true){\r
- currentLockTest = true;\r
- return true;\r
- }\r
- }\r
- for( var i=0; i<l; i++){\r
- _elm = PANEL_ELEMENT_ARRAY[ i ];\r
- // hitTest\r
- if( _elm.hitTest( _x, _y ) === true ){\r
- _elm.onMouseMove( _x, _y ); // cursor\r
- log.html( [ _x, _y, i].join( ','));\r
- currentElement = _elm;\r
- return true;\r
- } else {\r
- log.html( [ _elm.x, _elm.y, i].join( ','));\r
- }\r
- }\r
- currentElement = null; \r
- COMIC_ELEMENT_OPERATION_MANAGER.hide();\r
- return false;\r
- },\r
- onMouseUp: function( _mouseX, _mouseY){\r
- var ret = currentElement !== null && currentElement.busy() === true;\r
- ret === true && currentElement.onMouseUp( _mouseX -startX || panelX, _mouseY -startY || panelY);\r
- currentLock = currentLockTest === true && currentElement.hitTest( _mouseX -panelX, _mouseY -panelY) === true;\r
- RESIZE_OPERATOR.lock( currentLock);\r
- INFOMATION_WINDOW.lock( currentLock);\r
- return ret;\r
- },\r
- onMouseDown: function( _mouseX, _mouseY){\r
- startX = panelX;\r
- startY = panelY;\r
- if( currentElement === null) return false\r
- currentElement.onMouseDown( _mouseX -startX, _mouseY -startY);\r
- currentLockTest = true;\r
- return true;\r
- },\r
- busy: function(){\r
- return currentElement !== null;\r
- },\r
- createImageElement: function( data ){\r
- if( Type.isObject( data ) === false ){\r
- pettanr.premiumSatge.bootInOverlay( 1, COMIC_ELEMENT_CONTROL.onImageSelect );\r
- } else {\r
- COMIC_ELEMENT_CONTROL.onImageSelect( data, true );\r
- }\r
- },\r
- onImageSelect: function( data, isPanelPictureData ){\r
- var _panelElement;\r
- if( isPanelPictureData !== true ){\r
- _panelElement = new ImageElementClass( {\r
- resource_picture:data,\r
- x: Math.floor( panelW / 2 - data.width / 2 ),\r
- y: Math.floor( panelH / 2 - data.height / 2 ),\r
- z: -1,\r
- t: PANEL_ELEMENT_ARRAY.length + 1,\r
- width: 1,\r
- height: 1\r
- });\r
- _panelElement.init && _panelElement.init();\r
- appendComicElement( _panelElement );\r
- _panelElement.animate( undefined, undefined, Math.abs( data.width ), Math.abs( data.height ) );\r
- } else {\r
- _panelElement = new ImageElementClass( data );\r
- _panelElement.init && _panelElement.init();\r
- appendComicElement( _panelElement );\r
- }\r
- SAVE( restoreComicElement, [ false, _panelElement], [ true, _panelElement ], true );\r
- },\r
- createTextElement: function( data ){\r
- var _panelElement;\r
- if( Type.isObject( data ) === false ){\r
- data = {\r
- balloon_template_id:1,\r
- size: 1,\r
- tail: 90,\r
- x: Math.floor( panelW /2 - 100 +Math.random() *10 ),\r
- y: Math.floor( panelH /2 - 100 +Math.random() *10 ),\r
- z: -1,\r
- t: PANEL_ELEMENT_ARRAY.length + 1,\r
- width: 200,\r
- height: 200,\r
- speeches_attributes: {\r
- text1: {\r
- content: 'Hello'\r
- }\r
- }\r
- }\r
- _panelElement = new TextElementClass( data );\r
- _panelElement.init();\r
- pettanr.textEditor.bootInOverlay( PANEL_CONTROL.x(), PANEL_CONTROL.y(), _panelElement, onTextInput );\r
- } else {\r
- _panelElement = new TextElementClass( data );\r
- _panelElement.init();\r
- onTextInput( _panelElement );\r
- }\r
- }\r
- }\r
- })();\r
-\r
- /*\r
- * end of COMIC_ELEMENT_CONTROL\r
- */\r
-\r
-\r
-\r
- function updateMouseCursor( _cursor){\r
- if( currentCursor !== _cursor){\r
- currentCursor = _cursor;\r
- setTimeout( update, 0);\r
- }\r
- function update(){\r
- ELM_MOUSE_EVENT_CHATCHER.style.cursor = currentCursor;\r
- }\r
- }\r
- function centering(){\r
- instance.onPaneResize( windowW, windowH);\r
- } \r
- function mouseEventRellay( e){\r
- var _mouseX = e.pageX,\r
- _mouseY = e.pageY,\r
- rellayMethod = e.type === 'mousedown' ?\r
- 'onMouseDown' :\r
- ( e.type === 'mousemove' ? 'onMouseMove' : 'onMouseUp');\r
- if( currentListener !== null && currentListener.busy() === true){\r
- currentListener[ rellayMethod]( _mouseX, _mouseY);\r
- } else {\r
- currentListener = null;\r
- var l = MOUSE_LISTENER_ARRAY.length,\r
- _listener;\r
- for( var i=0; i<l; ++i){\r
- _listener = MOUSE_LISTENER_ARRAY[ i];\r
- if( _listener[ rellayMethod]( _mouseX, _mouseY) === true){\r
- currentListener = _listener;\r
- break;\r
- }\r
- }\r
- }\r
- // 文字選択の禁止\r
- //!document.selection && window.getSelection().removeAllRanges();\r
- e.stopPropagation();\r
- return false;\r
- }\r
-\r
- /* grobal method */\r
- this.rootElement = document.getElementById( 'editor' );\r
- this.displayName = pettanr.view.EDITOR;\r
- this.ID = pettanr.view.EDITOR;\r
- this.MIN_WIDTH = 320;\r
- this.MIN_HEIGHT = 320;\r
- this.firstOpen = function(){\r
- /*\r
- * MOUSE_LISTENER_ARRAY は、表示順に格納.手前の要素が最初\r
- * MENU_BAR_CONTROL,\r
- * WINDOW_CONTROL,\r
- * COMIC_ELEMENT_CONTROL,\r
- * PANEL_CONTROL\r
- * .busy() === true なら、そのままonMouseMove()にイベントを流す.\r
- * onMouseMove()に流してみて、false が帰れば、次にリスナーにも流す.\r
- */\r
- MOUSE_LISTENER_ARRAY.push( MENU_BAR_CONTROL, WINDOWS_CONTROL, PANEL_RESIZER_TOP, PANEL_RESIZER_BOTTOM, COMIC_ELEMENT_CONTROL, PANEL_CONTROL);\r
- /*\r
- * centering\r
- */\r
- pettanr.key.addKeyDownEvent( pettanr.view.EDITOR, 96, false, true, centering); // ctrl + 0\r
- pettanr.key.addKeyDownEvent( pettanr.view.EDITOR, 48, false, true, centering); // ctrl + 0\r
- MENU_BAR_CONTROL.EDIT.createSelection( 'centering', 'ctrl + 0', centering, true, true, true);\r
- /*\r
- * jqMouseEventChacher は透明な要素で、\r
- * マウスイベントをcurrentElement(currentElement)に伝えるのが仕事\r
- * このような実装になるのは、ここの表示オブジェクトにイベントを設定した場合、表示が追いつかずマウスカーソルが外れたタイミングでイベントが終わってしまうため。\r
- */ \r
- jqMouseEventChacher = $( ELM_MOUSE_EVENT_CHATCHER)\r
- .mousemove( mouseEventRellay)\r
- .mousedown( mouseEventRellay)\r
- .mouseup( mouseEventRellay)\r
- .mouseout( mouseEventRellay);\r
- \r
- delete instance.firstOpen;\r
- }\r
- this.onOpen = function( _w, _h, _file ){\r
- comicID = -1;\r
- panelID = -1;\r
- panelTimming = -1;\r
- phase = 0;\r
- \r
- var panelW, panelH,\r
- borderSize,\r
- fileData, panelElements, panelElm;\r
- \r
- if( pettanr.file.isFileInstance( _file ) === true ){\r
- if( pettanr.driver.isPettanrFileInstance( _file ) === true ){\r
- if( _file.getType() === pettanr.driver.FILE_TYPE.COMIC ){\r
- fileData = _file.read();\r
- panelW = fileData.width;\r
- panelH = fileData.height;\r
- comicID = fileData.id || -1;\r
- } else\r
- if( _file.getType() === pettanr.driver.FILE_TYPE.PANEL ){\r
- fileData = _file.read();\r
- panelW = fileData.width;\r
- panelH = fileData.height;\r
- borderSize = fileData.border;\r
- panelElements = fileData.panel_elements;\r
- comicID = fileData.comic ? fileData.comic.id || -1 : -1;\r
- panelID = fileData.id || -1;\r
- panelTimming = fileData.t || -1;\r
- if( Type.isArray( panelElements ) === true ){\r
- for( var i=0; i<panelElements.length; ++i){\r
- panelElm = panelElements[ i ];\r
- if( panelElm.resource_picture ){\r
- COMIC_ELEMENT_CONTROL.createImageElement( panelElm );\r
- } else\r
- if( panelElm.balloon_template_id ){\r
- COMIC_ELEMENT_CONTROL.createTextElement( panelElm );\r
- }\r
- } \r
- }\r
- }\r
- } else {\r
- \r
- }\r
- }\r
- jqEditor = jqEditor || $( '#editor');\r
- \r
- HISTORY_CONTROL.open();\r
- \r
- WINDOWS_CONTROL.open();\r
- \r
- GRID_CONTROL.open();\r
- PANEL_CONTROL.open( panelW, panelH, borderSize );\r
- \r
- COMIC_ELEMENT_OPERATION_MANAGER.open();\r
- COMIC_ELEMENT_CONTROL.open();\r
- \r
- instance.firstOpen !== undefined && instance.firstOpen();\r
- \r
- // last\r
- MENU_BAR_CONTROL.open();\r
- \r
- windowW = _w;\r
- windowH = _h;\r
- instance.onPaneResize( _w, _h );\r
- \r
- phase = 1;\r
- }\r
- this.onClose = function(){\r
- phase = 2;\r
- HISTORY_CONTROL.close();\r
- \r
- WINDOWS_CONTROL.close();\r
- \r
- GRID_CONTROL.close();\r
- PANEL_CONTROL.close();\r
- \r
- COMIC_ELEMENT_OPERATION_MANAGER.close();\r
- COMIC_ELEMENT_CONTROL.close();\r
- \r
- // last\r
- MENU_BAR_CONTROL.open();\r
- \r
- phase = -1;\r
- }\r
- this.onPaneResize = function( _windowW, _windowH){\r
- windowW = _windowW || windowW;\r
- windowH = _windowH || windowH;\r
- /*\r
- * ieは +'px'が不要みたい\r
- */\r
- jqEditor.get( 0).style.height = _windowH +'px';\r
- ELM_MOUSE_EVENT_CHATCHER.style.height = _windowH +'px';\r
- \r
- WINDOWS_CONTROL.onWindowResize( _windowW, _windowH);\r
- MENU_BAR_CONTROL.onWindowResize( _windowW, _windowH);\r
- PANEL_CONTROL.onWindowResize( _windowW, _windowH);\r
- }\r
-});\r
-\r
-\r
-pettanr.comicConsole = pettanr.view.registerApplication( function(){\r
- var jqWrap,\r
- ID = 'comicConsole',\r
- elmWrap = document.getElementById( 'comic-console-wrapper' ),\r
- elmHeader = document.getElementById( 'comic-console-header' ),\r
- elmProgress = document.getElementById( 'comic-console-progress' ),\r
- inputTitle, inputW, inputH,\r
- comboboxVisible, comboboxEditable,\r
- buttonSubmit, buttonCancel,\r
- elmUploader = null,\r
- elmScript = null,\r
- elmIframe = null,\r
- elmForm = null,\r
- timer = null,\r
- isUploading = false,\r
- instance = this;\r
- //pettanr.key.addKeyDownEvent( ID, 69, false, false, clickOK);\r
- \r
- function clickOK(){\r
- if( !elmForm || !elmIframe || isUploading === true ) return false;\r
- // validate\r
- isUploading = true;\r
- elmProgress.innerHTML = '■';\r
- copyAndSubmit();\r
- }\r
-\r
- function copyAndSubmit(){\r
- var _inputList = elmForm.getElementsByTagName( 'input' ),\r
- _input, _name;\r
- for( var i=0, l= _inputList.length; i<l; ++i){\r
- _input = _inputList[ i ];\r
- _name = _input.name;\r
- if( _name === 'comic[title]'){\r
- _input.value = inputTitle.value();\r
- } else\r
- if( _name === 'comic[width]'){\r
- _input.value = inputW.value();\r
- } else\r
- if( _name === 'comic[height]'){\r
- _input.value = inputH.value();\r
- }\r
- }\r
- var _selectList = elmForm.getElementsByTagName( 'select' ),\r
- _select, _optionList;\r
- for( i=0, l= _selectList.length; i<l; ++i){\r
- _select = _selectList[ i ];\r
- _name = _select.name;\r
- _optionList = _select.getElementsByTagName( 'option' )\r
- if( _name === 'comic[visible]'){\r
- _select.selectedIndex = comboboxVisible.selectIndex();\r
- } else\r
- if( _name === 'comic[editable]'){\r
- _select.selectedIndex = comboboxEditable.selectIndex();\r
- }\r
- }\r
- try {\r
- elmForm.submit();\r
- } catch( e){\r
- elmProgress.innerHTML = 'submit() err..';\r
- isUploading = false;\r
- setTimeout( clickCancel , 3000);\r
- return;\r
- }\r
- if( pettanr.ua.isIE){\r
- elmIframe.onreadystatechange = detectIframe;\r
- } else {\r
- elmIframe.onload = onIframeUpdate;\r
- }\r
- elmProgress.innerHTML = 'uploading..';\r
- }\r
- /*\r
- * ie の 場合、readyState をチェック.\r
- */\r
- function detectIframe(){\r
- if ( elmIframe.readyState === 'complete') {\r
- elmIframe.onreadystatechange = new Function();\r
- elmIframe.onreadystatechange = null;\r
- onIframeUpdate();\r
- }\r
- }\r
- function onIframeUpdate(){\r
- elmIframe.onload = null;\r
- ( elmIframe.contentWindow || elmIframe.contentDocument.parentWindow ).close();\r
- elmIframe = null;\r
- elmProgress.innerHTML = 'success!';\r
- setTimeout( clickCancel , 1000);\r
- isUploading = false;\r
- }\r
- \r
- function clickCancel(){\r
- if( isUploading === true) return false;\r
- pettanr.comicConsole.shutdown();\r
- }\r
- function detectForm(){\r
- elmForm = elmUploader.getElementsByTagName( 'form' )[ 0 ];\r
- if( elmForm ){\r
- var selectList = elmForm.getElementsByTagName( 'select' ),\r
- select,\r
- j, m,\r
- optionList, option;\r
- for( var i=0, l=selectList.length; i<l; ++i ){\r
- select = selectList[ i ];\r
- optionList = select.getElementsByTagName( 'option' );\r
- for( j=0, m=optionList.length; j<m; ++j ){\r
- option = optionList[ j ];\r
- if( select.name === 'comic[visible]' ){\r
- comboboxVisible.createOption( option.innerHTML, option.value, option.selected );\r
- } else\r
- if( select.name === 'comic[editable]' ){\r
- comboboxEditable.createOption( option.innerHTML, option.value, option.selected );\r
- }\r
- }\r
- }\r
- \r
- window.clearInterval( timer);\r
- timer = null;\r
- pettanr.util.createIframe( 'targetFrameCreateComic', onCreateIframe );\r
- elmProgress.innerHTML = 'create iframe';\r
- }\r
- }\r
- function onCreateIframe( _iframe ){\r
- elmUploader.appendChild( _iframe );\r
- elmIframe = _iframe;\r
- elmForm.target = _iframe.name;\r
- elmProgress.innerHTML = '';\r
- }\r
-\r
- /* grobal method */\r
- this.rootElement = document.getElementById( 'comic-console-wrapper' );\r
- this.displayName = ID;\r
- this.ID = ID;\r
- this.MIN_WIDTH = 320;\r
- this.MIN_HEIGHT = 320;\r
- this.init = function(){\r
- jqWrap = $( '#comic-console-wrapper').hide();\r
- \r
- inputTitle = pettanr.form.createInputText( document.getElementById( 'comic-console-title'), null, ID);\r
- inputW = pettanr.form.createInputText( document.getElementById( 'comic-console-width'), null, ID);\r
- inputH = pettanr.form.createInputText( document.getElementById( 'comic-console-height'), null, ID);\r
- comboboxVisible = pettanr.form.createCombobox( document.getElementById( 'comic-console-visible'), null, ID);\r
- comboboxEditable = pettanr.form.createCombobox( document.getElementById( 'comic-console-editable'), null, ID);\r
- buttonSubmit = pettanr.form.createButton( document.getElementById( 'comic-console-post-button'), clickOK, ID);\r
- buttonCancel = pettanr.form.createButton( document.getElementById( 'comic-console-cancel-button'), clickCancel, ID);\r
- \r
- delete instance.init;\r
- }\r
- this.onOpen = function( w, h ){\r
- instance.init && instance.init();\r
- \r
- jqWrap.show();\r
- \r
- inputTitle.focus();\r
- \r
- elmUploader = document.createElement( 'div' );\r
- elmUploader.id = 'newcomic';\r
- elmUploader.style.cssText = 'height:1px;line-height:1px;visibility:hidden;overflow:hidden;';\r
- elmWrap.appendChild( elmUploader);\r
- \r
- var elmScript = document.createElement( 'script');\r
- elmScript.type = 'text\/javascript';\r
- elmScript.src = pettanr.CONST.CREATE_COMIC_JS;\r
- elmWrap.appendChild( elmScript );\r
- \r
- elmProgress.innerHTML = 'loading form.';\r
- \r
- if( timer === null){\r
- timer = window.setInterval( detectForm, 250);\r
- }\r
- \r
- instance.onPaneResize( w, h );\r
- }\r
- this.onPaneResize = function( _windowW, _windowH){\r
- jqWrap.css(\r
- {\r
- left: Math.floor( ( _windowW - jqWrap.width()) /2),\r
- top: Math.floor( ( _windowH - jqWrap.height()) /2)\r
- }\r
- );\r
- }\r
- this.onClose = function(){\r
- elmForm !== null && $( elmUploader ).remove();\r
- elmForm = null;\r
- isUploading = false;\r
- \r
- if( elmScript !== null ){\r
- document.body.removeChild( elmScript);\r
- elmScript = null; \r
- }\r
- if( timer !== null){\r
- window.clearInterval( timer);\r
- timer = null;\r
- }\r
- \r
- jqWrap.hide();\r
- }\r
-});\r
-\r
-pettanr.uploadConsole = pettanr.view.registerApplication( function(){\r
- var jqWrap, windowW, windowH,\r
- ID = 'uploadConsole',\r
- TARGET_FRAME_NAME = 'targetFrame',\r
- elmContainer = document.getElementById( 'uploader'),\r
- elmProgress = document.getElementById( 'upload-console-progress'),\r
- timer = null,\r
- elmScript = null,\r
- elmForm = null,\r
- elmFile = null,\r
- elmIframe = null,\r
- isUploading = false,\r
- instance = this;\r
- /*\r
- * upload ボタンが押されたらまず iframe をつくる.\r
- */\r
- function clickOK(){\r
- if( !elmForm || !elmIframe || isUploading === true ) return false;\r
- if( elmFile.value.length === 0) return false;\r
- elmProgress.innerHTML = 'uploading.';\r
- isUploading = true;\r
- submit();\r
- return false;\r
- }\r
- /*\r
- * form の target に iframe を指定したのち submit();\r
- */\r
- function submit(){\r
- try {\r
- elmForm.submit();\r
- } catch( e){\r
- elmProgress.innerHTML = 'submit() err..';\r
- isUploading = false;\r
- setTimeout( clickCancel , 3000);\r
- return;\r
- }\r
- \r
- if( pettanr.ua.isIE){\r
- elmIframe.onreadystatechange = detectIframe;\r
- } else {\r
- elmIframe.onload = onLoad;\r
- }\r
- elmProgress.innerHTML = 'uploading..';\r
- }\r
- /*\r
- * ie の 場合、readyState をチェック.\r
- */\r
- function detectIframe(){\r
- if ( elmIframe.readyState === 'complete') {\r
- elmIframe.onreadystatechange = new Function();\r
- elmIframe.onreadystatechange = null;\r
- onLoad();\r
- }\r
- }\r
- function onLoad(){\r
- elmIframe.onload = null;\r
- ( elmIframe.contentWindow || elmIframe.contentDocument.parentWindow ).close();\r
- elmProgress.innerHTML = 'success!';\r
- setTimeout( clickCancel , 1000);\r
- isUploading = false;\r
- }\r
- \r
- function detectForm(){\r
- elmForm = elmContainer.getElementsByTagName( 'form' )[ 0 ];\r
- if( elmForm){\r
- var _inputList = elmForm.getElementsByTagName( 'input' ),\r
- _input;\r
- for( var i=0, l= _inputList.length; i<l; ++i){\r
- _input = _inputList[ i ];\r
- if( _input.type === 'file'){\r
- elmFile = _input;\r
- }\r
- if( _input.type === 'submit'){\r
- _input.style.display = 'none';\r
- }\r
- }\r
- window.clearInterval( timer);\r
- timer = null;\r
- pettanr.util.createIframe( TARGET_FRAME_NAME, onCreateIframe);\r
- elmProgress.innerHTML = 'create iframe';\r
- }\r
- }\r
- function onCreateIframe( _iframe ){\r
- elmContainer.appendChild( _iframe );\r
- elmIframe = _iframe;\r
- elmForm.target = _iframe.name;\r
- elmProgress.innerHTML = '';\r
- instance.onPaneResize( windowW, windowH );\r
- }\r
- /*\r
- * \r
- */\r
- function clickCancel(){\r
- if( isUploading === true) return false;\r
- pettanr.uploadConsole.shutdown();\r
- return false;\r
- }\r
-\r
- /* grobal method */\r
- this.rootElement = document.getElementById( 'upload-console-wrapper' );\r
- this.displayName = ID;\r
- this.ID = ID;\r
- this.MIN_WIDTH = 320;\r
- this.MIN_HEIGHT = 320;\r
- this.init = function(){\r
- jqWrap = $( '#upload-console-wrapper').hide();\r
- $( '#upload-console-post-button').click( clickOK );\r
- $( '#upload-console-cancel-button').click( clickCancel );\r
-\r
- delete instance.init;\r
- }\r
- this.onOpen = function( w, h){\r
- instance.init && instance.init();\r
- /*\r
- * ie 6, 7 で fadeIn 中の要素に appendChild すると クラッシュするので、document.body に追加.\r
- */ \r
- elmScript = document.createElement( 'script');\r
- elmScript.type = 'text\/javascript';\r
- elmScript.src = pettanr.CONST.UPLOAD_PICTURE_JS;\r
- document.body.appendChild( elmScript);\r
- \r
- jqWrap.show();\r
-\r
- if( timer === null){\r
- timer = window.setInterval( detectForm, 250);\r
- }\r
- \r
- elmProgress.innerHTML = 'loading form.';\r
- \r
- instance.onPaneResize( w, h);\r
- }\r
- this.onPaneResize = function( _windowW, _windowH){\r
- windowW = _windowW;\r
- windowH = _windowH;\r
- jqWrap.css(\r
- {\r
- left: Math.floor( ( _windowW -jqWrap.width()) /2),\r
- top: Math.floor( ( _windowH -jqWrap.height()) /2)\r
- }\r
- );\r
- }\r
- this.onClose = function(){\r
- elmForm !== null && $( elmContainer.children ).remove();\r
- elmForm = elmFile = elmIframe = null;\r
- isUploading = false;\r
- \r
- if( elmScript !== null ){\r
- document.body.removeChild( elmScript);\r
- elmScript = null; \r
- }\r
- if( timer !== null){\r
- window.clearInterval( timer);\r
- timer = null;\r
- }\r
- jqWrap.hide();\r
- }\r
-});\r
-\r
-pettanr.panelConsole = pettanr.view.registerApplication( function(){\r
- var jqWrap, windowW, windowH,\r
- ID = 'panelConsole',\r
- TARGET_FRAME_NAME = 'targetFrameCreateNewPanel',\r
- elmContainer = document.getElementById( 'newpanel'),\r
- elmProgress = document.getElementById( 'panel-console-progress'),\r
- timer = null,\r
- elmScript = null,\r
- elmForm = null,\r
- elmIframe = null,\r
- isUploading = false,\r
- instance = this;\r
- /*\r
- * upload ボタンが押されたらまず iframe をつくる.\r
- */\r
- function clickOK(){\r
- if( !elmForm || !elmIframe || isUploading === true ) return false;\r
- elmProgress.innerHTML = 'uploading.';\r
- isUploading = true;\r
- submit();\r
- return false;\r
- }\r
- /*\r
- * form の target に iframe を指定したのち submit();\r
- */\r
- function submit(){\r
- try {\r
- elmForm.submit();\r
- } catch( e){\r
- elmProgress.innerHTML = 'submit() err..';\r
- isUploading = false;\r
- setTimeout( clickCancel , 3000);\r
- return;\r
- }\r
- \r
- if( pettanr.ua.isIE){\r
- elmIframe.onreadystatechange = detectIframe;\r
- } else {\r
- elmIframe.onload = onLoad;\r
- }\r
- elmProgress.innerHTML = 'uploading..';\r
- }\r
- /*\r
- * ie の 場合、readyState をチェック.\r
- */\r
- function detectIframe(){\r
- if ( elmIframe.readyState === 'complete') {\r
- elmIframe.onreadystatechange = new Function();\r
- elmIframe.onreadystatechange = null;\r
- onLoad();\r
- }\r
- }\r
- function onLoad(){\r
- elmIframe.onload = null;\r
- ( elmIframe.contentWindow || elmIframe.contentDocument.parentWindow ).close();\r
- elmProgress.innerHTML = 'success!';\r
- setTimeout( clickCancel , 1000);\r
- isUploading = false;\r
- }\r
- \r
- function detectForm(){\r
- elmForm = elmContainer.getElementsByTagName( 'form' )[ 0 ];\r
- if( elmForm){\r
- var _inputList = elmForm.getElementsByTagName( 'input' ),\r
- _input;\r
- for( var i=0, l= _inputList.length; i<l; ++i){\r
- _input = _inputList[ i ];\r
- if( _input.type === 'submit'){\r
- _input.style.display = 'none';\r
- }\r
- }\r
- window.clearInterval( timer);\r
- timer = null;\r
- pettanr.util.createIframe( TARGET_FRAME_NAME, onCreateIframe);\r
- elmProgress.innerHTML = 'create iframe';\r
- }\r
- }\r
- function onCreateIframe( _iframe ){\r
- elmContainer.appendChild( _iframe );\r
- elmIframe = _iframe;\r
- elmForm.target = _iframe.name;\r
- elmProgress.innerHTML = '';\r
- instance.onPaneResize( windowW, windowH );\r
- }\r
- /*\r
- * \r
- */\r
- function clickCancel(){\r
- if( isUploading === true) return false;\r
- pettanr.panelConsole.shutdown();\r
- return false;\r
- }\r
-\r
- /* grobal method */\r
- this.rootElement = document.getElementById( 'panel-console-wrapper' );\r
- this.displayName = ID;\r
- this.ID = ID;\r
- this.MIN_WIDTH = 320;\r
- this.MIN_HEIGHT = 320;\r
- this.init = function(){\r
- jqWrap = $( '#panel-console-wrapper').hide();\r
- $( '#panel-console-post-button').click( clickOK );\r
- $( '#panel-console-cancel-button').click( clickCancel );\r
-\r
- delete instance.init;\r
- }\r
- this.onOpen = function( w, h ){\r
- instance.init && instance.init();\r
- /*\r
- * ie 6, 7 で fadeIn 中の要素に appendChild すると クラッシュするので、document.body に追加.\r
- */ \r
- elmScript = document.createElement( 'script');\r
- elmScript.type = 'text\/javascript';\r
- elmScript.src = pettanr.CONST.CREATE_PANEL_JS;\r
- document.body.appendChild( elmScript);\r
- \r
- jqWrap.show();\r
-\r
- if( timer === null){\r
- timer = window.setInterval( detectForm, 250 );\r
- }\r
- \r
- elmProgress.innerHTML = 'loading form.';\r
- \r
- instance.onPaneResize( w, h );\r
- }\r
- this.onPaneResize = function( _windowW, _windowH ){\r
- windowW = _windowW;\r
- windowH = _windowH;\r
- jqWrap.css(\r
- {\r
- left: Math.floor( ( _windowW -jqWrap.width()) /2),\r
- top: Math.floor( ( _windowH -jqWrap.height()) /2)\r
- }\r
- );\r
- }\r
- this.onClose = function(){\r
- elmForm !== null && $( elmContainer.children ).remove();\r
- elmForm = elmIframe = null;\r
- isUploading = false;\r
- \r
- if( elmScript !== null ){\r
- document.body.removeChild( elmScript);\r
- elmScript = null; \r
- }\r
- if( timer !== null){\r
- window.clearInterval( timer);\r
- timer = null;\r
- }\r
- jqWrap.hide();\r
- }\r
-});\r
-\r
-pettanr.artistConsole = pettanr.view.registerApplication( function(){\r
- var jqWrap, windowW, windowH,\r
- ID = 'artistConsole',\r
- TARGET_FRAME_NAME = 'targetFrameRegisterArtist',\r
- elmContainer = document.getElementById( 'register'),\r
- elmProgress = document.getElementById( 'artist-console-progress'),\r
- timer = null,\r
- elmScript = null,\r
- elmForm = null,\r
- elmIframe = null,\r
- isUploading = false,\r
- instance = this;\r
- /*\r
- * upload ボタンが押されたらまず iframe をつくる.\r
- */\r
- function clickOK(){\r
- if( !elmForm || !elmIframe || isUploading === true ) return false;\r
- elmProgress.innerHTML = 'uploading.';\r
- isUploading = true;\r
- submit();\r
- return false;\r
- }\r
- /*\r
- * form の target に iframe を指定したのち submit();\r
- */\r
- function submit(){\r
- try {\r
- elmForm.submit();\r
- } catch( e){\r
- elmProgress.innerHTML = 'submit() err..';\r
- isUploading = false;\r
- setTimeout( clickCancel , 3000);\r
- return;\r
- }\r
- \r
- if( pettanr.ua.isIE){\r
- elmIframe.onreadystatechange = detectIframe;\r
- } else {\r
- elmIframe.onload = onLoad;\r
- }\r
- elmProgress.innerHTML = 'uploading..';\r
- }\r
- /*\r
- * ie の 場合、readyState をチェック.\r
- */\r
- function detectIframe(){\r
- if ( elmIframe.readyState === 'complete') {\r
- elmIframe.onreadystatechange = new Function();\r
- elmIframe.onreadystatechange = null;\r
- onLoad();\r
- }\r
- }\r
- function onLoad(){\r
- elmIframe.onload = null;\r
- ( elmIframe.contentWindow || elmIframe.contentDocument.parentWindow ).close();\r
- elmProgress.innerHTML = 'success!';\r
- setTimeout( clickCancel , 1000);\r
- isUploading = false;\r
- }\r
- \r
- function detectForm(){\r
- elmForm = elmContainer.getElementsByTagName( 'form' )[ 0 ];\r
- if( elmForm){\r
- var _inputList = elmForm.getElementsByTagName( 'input' ),\r
- _input;\r
- for( var i=0, l= _inputList.length; i<l; ++i){\r
- _input = _inputList[ i ];\r
- if( _input.type === 'submit'){\r
- _input.style.display = 'none';\r
- }\r
- }\r
- window.clearInterval( timer);\r
- timer = null;\r
- pettanr.util.createIframe( TARGET_FRAME_NAME, onCreateIframe);\r
- elmProgress.innerHTML = 'create iframe';\r
- }\r
- }\r
- function onCreateIframe( _iframe ){\r
- elmContainer.appendChild( _iframe );\r
- elmIframe = _iframe;\r
- elmForm.target = _iframe.name;\r
- elmProgress.innerHTML = '';\r
- instance.onPaneResize( windowW, windowH );\r
- }\r
- /*\r
- * \r
- */\r
- function clickCancel(){\r
- if( isUploading === true) return false;\r
- pettanr.artistConsole.shutdown();\r
- return false;\r
- }\r
-\r
- /* grobal method */\r
- this.rootElement = document.getElementById( 'artist-console-wrapper' );\r
- this.displayName = ID;\r
- this.ID = ID;\r
- this.MIN_WIDTH = 320;\r
- this.MIN_HEIGHT = 320;\r
- this.init = function(){\r
- jqWrap = $( '#artist-console-wrapper').hide();\r
- $( '#artist-console-post-button').click( clickOK );\r
- $( '#artist-console-cancel-button').click( clickCancel );\r
-\r
- delete instance.init;\r
- }\r
- this.onOpen = function( w, h ){\r
- instance.init && instance.init();\r
- /*\r
- * ie 6, 7 で fadeIn 中の要素に appendChild すると クラッシュするので、document.body に追加.\r
- */ \r
- elmScript = document.createElement( 'script' );\r
- elmScript.type = 'text\/javascript';\r
- elmScript.src = pettanr.CONST.REGISTER_ARTIST_JS;\r
- document.body.appendChild( elmScript );\r
- \r
- jqWrap.show();\r
-\r
- if( timer === null){\r
- timer = window.setInterval( detectForm, 250 );\r
- }\r
- \r
- elmProgress.innerHTML = 'loading form.';\r
- \r
- instance.onPaneResize( w, h );\r
- }\r
- this.onPaneResize = function( _windowW, _windowH ){\r
- windowW = _windowW;\r
- windowH = _windowH;\r
- jqWrap.css(\r
- {\r
- left: Math.floor( ( _windowW -jqWrap.width()) /2),\r
- top: Math.floor( ( _windowH -jqWrap.height()) /2)\r
- }\r
- );\r
- }\r
- this.onClose = function(){\r
- elmForm !== null && $( elmContainer.children ).remove();\r
- elmForm = elmIframe = null;\r
- isUploading = false;\r
- \r
- if( elmScript !== null ){\r
- document.body.removeChild( elmScript);\r
- elmScript = null; \r
- }\r
- if( timer !== null){\r
- window.clearInterval( timer);\r
- timer = null;\r
- }\r
- jqWrap.hide();\r
- }\r
-});\r
-\r
-pettanr.outputConsole = pettanr.view.registerApplication( function(){\r
- var FORMAT_LIST = [ 'json[POST]', 'json[GET]', 'XML', 'HTML', 'XHTML', 'MT export', 'Blogger ATOM' ];\r
- var jqWrap, jqOutputArea,\r
- comboboxFormat, inputOption,\r
- buttonGenerate, buttonClose,\r
- ID = 'outputConsole',\r
- timing = 0,\r
- comicID, panelID, panelTimming, panelW, panelH, borderSize, panelElementArray,\r
- instance = this;\r
- //pettanr.key.addKeyDownEvent( ID, 69, false, false, clickOK);\r
- \r
- function clickOK(){\r
- pettanr.outputConsole.shutdown();\r
- }\r
-\r
- function getPanelElementByTiming(){\r
- var i, l = panelElementArray.length;\r
- while( timing < l * 2){\r
- for( i=0; i<l; ++i ){\r
- if( timing === panelElementArray[ i ].timing ){\r
- ++timing;\r
- return panelElementArray[ i ];\r
- }\r
- }\r
- ++timing;\r
- }\r
- return null;\r
- }\r
-\r
- function getAsHtmlString( isAbsoluteUrl, isXHTML ){\r
- timing = 0;\r
- \r
- var HTML_ARRAY = [],\r
- l = panelElementArray.length,\r
- _panelElement;\r
-\r
- while( HTML_ARRAY.length < l ){\r
- _panelElement = getPanelElementByTiming();\r
- if( _panelElement === null) break;\r
- HTML_ARRAY.push( panelElementToHtml( _panelElement, isAbsoluteUrl, isXHTML ));\r
- }\r
-\r
- HTML_ARRAY.unshift(\r
- [\r
- '<div class="panel" ',\r
- 'style="',\r
- 'height:', panelH, 'px;',\r
- 'background-color:', ';',\r
- '"',\r
- '>'\r
- ].join( '')\r
- ); \r
- HTML_ARRAY.push( '</div>');\r
- \r
- return HTML_ARRAY.join( pettanr.LINE_FEED_CODE_TEXTAREA);\r
- }\r
-\r
- function panelElementToHtml( _panelElement, isAbsoluteUrl, isXHTML ){\r
- var url;\r
- if( _panelElement.type === 0 ){\r
- url = [ pettanr.CONST.RESOURCE_PICTURE_PATH, _panelElement.resourcePicture().id, '.', _panelElement.resourcePicture().ext ].join( '' );\r
- return [\r
- '<img ',\r
- 'src="', isAbsoluteUrl !== true ? url : pettanr.util.getAbsolutePath( url ), '" ',\r
- 'width="', _panelElement.w, '" ',\r
- 'height="', _panelElement.h, '" ',\r
- 'style="',\r
- 'left:', _panelElement.x, 'px;',\r
- 'top:', _panelElement.y, 'px;',\r
- 'z-index:', _panelElement.z, ';',\r
- '"',\r
- isXHTML !== true ? '>' : ' \/>'\r
- ].join( ''); \r
- } else {\r
- url = pettanr.balloon.getBalloonUrl( _panelElement.w, _panelElement.h, _panelElement.angle() );\r
- return [\r
- '<img ',\r
- 'src="', isAbsoluteUrl !== true ? url : pettanr.util.getAbsolutePath( url ), '" ',\r
- 'width="', _panelElement.w, '" ',\r
- 'height="', _panelElement.h, '" ',\r
- 'style="', \r
- 'left:', _panelElement.x, 'px;',\r
- 'top:', _panelElement.y, 'px;',\r
- 'z-index:', _panelElement.z, ';',\r
- '"',\r
- isXHTML !== true ? '>' : ' \/>',\r
- pettanr.LINE_FEED_CODE_TEXTAREA,\r
- '<div class="balloon" style="',\r
- 'left:', _panelElement.x, 'px;',\r
- 'top:', _panelElement.y, 'px;',\r
- 'width:', _panelElement.w, 'px;',\r
- 'height:', _panelElement.h, 'px;',\r
- 'z-index:', _panelElement.z,\r
- '"><span>', _panelElement.text(), '<\/span>', '<\/div>'\r
- \r
- ].join( ''); \r
- }\r
- }\r
- \r
- function getJsonGetString(){\r
- timing = 0;\r
- \r
- var JSON_STRING_ARRAY = [],\r
- ELEMENT_ARRAY = [],\r
- l = panelElementArray.length,\r
- cr = pettanr.LINE_FEED_CODE_TEXTAREA,\r
- _panelElement;\r
-\r
- while( ELEMENT_ARRAY.length <= l){\r
- _panelElement = getPanelElementByTiming();\r
- if( _panelElement === null ) break;\r
- \r
- ELEMENT_ARRAY.push( _panelElement.type === 0 ? getImageJsonGET( _panelElement ) : balloonToJson( _panelElement ));\r
- }\r
- return [\r
- '{', cr,\r
- '"panel": {', cr,\r
- '"id": ', panelID, ',', cr,\r
- '"border": ', borderSize, ',', cr,\r
- '"comic_id": ', comicID, ',', cr,\r
- '"resource_picture_id": 1,', cr,\r
- '"x": ', 0, ',', cr,\r
- '"y": ', 0, ',', cr,\r
- '"z": ', 0, ',', cr,\r
- panelTimming !== -1 ? ( '"t": ' + panelTimming + ',' + cr ) : '',\r
- '"width": ', panelW, ',', cr,\r
- '"height": ', panelH, ',', cr,\r
- '"panel_elements": [', cr,\r
- ELEMENT_ARRAY.join( ',' + cr ), cr,\r
- ']', cr,\r
- '}', cr,\r
- '}'\r
- ].join( '' );\r
- }\r
- function getImageJsonGET( _imageElement ){\r
- var cr = pettanr.LINE_FEED_CODE_TEXTAREA;\r
- return [\r
- '{', cr,\r
- '"resource_picture": {', cr,\r
- '"id": ', _imageElement.resourcePicture().id, ',', cr,\r
- '"ext": ', '"',_imageElement.resourcePicture().ext, '"', cr,\r
- '},', cr,\r
- '"x": ', _imageElement.x, ',', cr,\r
- '"y": ', _imageElement.y, ',', cr,\r
- '"z": ', _imageElement.z, ',', cr,\r
- '"width": ', _imageElement.flipH() * _imageElement.w, ',', cr,\r
- '"height": ', _imageElement.flipV() * _imageElement.h, ',', cr,\r
- '"t": ', timing, cr,\r
- '}'\r
- ].join( '');\r
- }\r
- \r
- function getJsonPostString(){\r
- timing = 0;\r
- \r
- var JSON_STRING_ARRAY = [],\r
- IMAGE_ARRAY = [],\r
- BALLOON_ARRAY = [],\r
- l = panelElementArray.length,\r
- _panelElement,\r
- cr = pettanr.LINE_FEED_CODE_TEXTAREA;\r
-\r
- while( IMAGE_ARRAY.length + BALLOON_ARRAY.length <= l){\r
- _panelElement = getPanelElementByTiming();\r
- if( _panelElement === null) break;\r
- _panelElement.type === 0 ? \r
- IMAGE_ARRAY.push( [ '"new', timing, '": ', imageToJson( _panelElement ) ].join( '' )) :\r
- BALLOON_ARRAY.push( [ '"new', timing, '": ', balloonToJson( _panelElement ) ].join( '' ) );\r
- }\r
- return [\r
- '{', cr,\r
- '"panel": {', cr,\r
- '"id": ', panelID, ',', cr,\r
- '"border": ', borderSize, ',', cr,\r
- '"comic_id": ', comicID, ',', cr,\r
- '"resource_picture_id": 1,', cr,\r
- '"x": ', 0, ',', cr,\r
- '"y": ', 0, ',', cr,\r
- '"z": ', 0, ',', cr,\r
- '"t": ', panelTimming, ',', cr,\r
- '"width": ', panelW, ',', cr,\r
- '"height": ', panelH, ',', cr,\r
- '"panel_pictures_attributes": {', cr,\r
- IMAGE_ARRAY.join( ',' + cr ), cr,\r
- '},', cr,\r
- '"balloons_attributes": {', cr,\r
- BALLOON_ARRAY.join( ',' + cr ), cr,\r
- '}', cr,\r
- '}', cr,\r
- '}'\r
- ].join( '' );\r
- }\r
- function imageToJson( _imageElement ){\r
- var cr = pettanr.LINE_FEED_CODE_TEXTAREA;\r
- return [\r
- '{', cr,\r
- '"resource_picture_id": ', _imageElement.resourcePicture().id, ',', cr,\r
- '"x": ', _imageElement.x, ',', cr,\r
- '"y": ', _imageElement.y, ',', cr,\r
- '"z": ', _imageElement.z, ',', cr,\r
- '"width": ', _imageElement.flipH() * _imageElement.w, ',', cr,\r
- '"height": ', _imageElement.flipV() * _imageElement.h, ',', cr,\r
- '"t": ', timing, cr,\r
- '}'\r
- ].join( '');\r
- }\r
-\r
- function balloonToJson( _textElement ){\r
- var cr = pettanr.LINE_FEED_CODE_TEXTAREA;\r
- return [\r
- '{', cr,\r
- '"balloon_template_id": ', 1, ',', cr,\r
- '"system_picture_id": ', 1, ',', cr,\r
- '"size": ', 1, ',', cr,\r
- '"tail": ', _textElement.angle(), ',', cr,\r
- '"x": ', _textElement.x, ',', cr,\r
- '"y": ', _textElement.y, ',', cr,\r
- '"z": ', _textElement.z, ',', cr,\r
- '"t": ', timing, ',', cr,\r
- '"width": ', _textElement.w, ',', cr,\r
- '"height": ', _textElement.h, ',', cr,\r
- '"speeches_attributes": {', cr,\r
- '"newf', timing, '": {', cr,\r
- '"content": "', _textElement.text(), '",', cr,\r
- '"x": ', _textElement.x, ',', cr,\r
- '"y": ', _textElement.y, ',', cr,\r
- '"t": ', timing, ',', cr,\r
- '"width": ', _textElement.w, ',', cr,\r
- '"height": ', _textElement.h, cr,\r
- '}', cr,\r
- '}', cr,\r
- '}'\r
- ].join( '');\r
- }\r
- \r
- function clickGenerate(){\r
- var i = comboboxFormat.selectIndex(),\r
- text = 'sorry...';\r
- if( i === 0 ){\r
- text = getJsonPostString();\r
- } else\r
- if( i === 1 ){\r
- text = getJsonGetString();\r
- } else\r
- if( i === 3 ){\r
- text = getAsHtmlString( false, false );\r
- } else {\r
- \r
- }\r
- jqOutputArea.val( text );\r
- }\r
- function clickClose(){\r
- pettanr.outputConsole.shutdown();\r
- return false;\r
- }\r
- \r
- /* grobal method */\r
- this.rootElement = document.getElementById( 'output-console-wrapper' );\r
- this.displayName = ID;\r
- this.ID = ID;\r
- \r
- this.MIN_WIDTH = 320;\r
- this.MIN_HEIGHT = 320;\r
- this.init = function(){\r
- jqWrap = $( '#output-console-wrapper').hide();\r
- jqOutputArea = $( '#output-area');\r
- \r
- comboboxFormat = pettanr.form.createCombobox( document.getElementById( 'output-console-format' ), null, ID );\r
- for( var i=0, l = FORMAT_LIST.length; i<l; ++i ){\r
- comboboxFormat.createOption( FORMAT_LIST[ i ], null, i === 0 );\r
- }\r
- inputOption = pettanr.form.createInputText( document.getElementById( 'output-console-option' ), null, ID );\r
- buttonGenerate = pettanr.form.createButton( document.getElementById( 'output-console-generate-button' ), clickGenerate, ID );\r
- buttonClose = pettanr.form.createButton( document.getElementById( 'output-console-close-button' ), clickClose, ID );\r
- delete instance.init;\r
- }\r
- this.onOpen = function( _w, _h, _comicID, _panelID, _panelTimming, _panelW, _panelH, _borderSize, _panelElementArray ){\r
- instance.init && instance.init();\r
- \r
- jqWrap.show();\r
- instance.onPaneResize( _w, _h );\r
- var text;\r
- \r
- comicID = _comicID;\r
- panelID = _panelID;\r
- panelTimming = _panelTimming;\r
- panelW = _panelW;\r
- panelH = _panelH;\r
- borderSize = _borderSize;\r
- panelElementArray = _panelElementArray;\r
- \r
- clickGenerate();\r
- }\r
- this.onPaneResize = function( _w, _h){\r
- jqWrap.css(\r
- {\r
- left: Math.floor( ( _w -jqWrap.width()) /2),\r
- top: Math.floor( ( _h -jqWrap.height()) /2)\r
- }\r
- );\r
- }\r
- this.onClose = function(){\r
- jqWrap.hide();\r
- jqOutputArea.val('');\r
- }\r
-});\r