OSDN Git Service

pettanR client version 0.3.0
authoritozyun <itozyun@git.sourceforge.jp>
Thu, 29 Dec 2011 17:31:06 +0000 (02:31 +0900)
committeritozyun <itozyun@git.sourceforge.jp>
Thu, 29 Dec 2011 17:31:06 +0000 (02:31 +0900)
0.3.0/all.css [new file with mode: 0644]
0.3.0/error.png [new file with mode: 0644]
0.3.0/grid.gif [new file with mode: 0644]
0.3.0/help/jp.html [new file with mode: 0644]
0.3.0/help/wellcom.png [new file with mode: 0644]
0.3.0/icons.gif [new file with mode: 0644]
0.3.0/index.html [new file with mode: 0644]
0.3.0/jquery-1.6.2.min.js [new file with mode: 0644]
0.3.0/loading.gif [new file with mode: 0644]
0.3.0/main.js [new file with mode: 0644]
README.txt

diff --git a/0.3.0/all.css b/0.3.0/all.css
new file mode 100644 (file)
index 0000000..17f7740
--- /dev/null
@@ -0,0 +1,1207 @@
+/*\r
+ * html2comic Javascript Editor -\r
+ * \r
+ *   main.css\r
+ * \r
+ *   version 0.1.0\r
+ *\r
+ * \r
+ * \r
+ */\r
+\r
+/*  VML ( v\:* don't work for ie8(ie8mode))\r
+--------------------------------------------------------------------------------------*/\r
+       v\:shape,\r
+       v\:image {\r
+               behavior:       url(#default#VML);\r
+               display:        block;\r
+       }\r
+\r
+/*  Reset\r
+--------------------------------------------------------------------------------------*/\r
+       html, body {\r
+               margin:                         0;\r
+               padding:                        0;\r
+               overflow:                       hidden;\r
+       }\r
+\r
+/*  Reset\r
+--------------------------------------------------------------------------------------*/\r
+/*\r
+Copyright (c) 2009, Yahoo! Inc. All rights reserved.\r
+Code licensed under the BSD License:\r
+http://developer.yahoo.net/yui/license.txt\r
+version: 2.7.0\r
+*/\r
+       body{\r
+               font:                   13px/1.231 arial,helvetica,clean,sans-serif;\r
+               line-height:    1;\r
+               *font-size:             small;\r
+               *font:                  x-small;\r
+       }\r
+       select, input, button, textarea, button{\r
+               font:                   99% arial,helvetica,clean,sans-serif;\r
+       }\r
+       table{\r
+               font-size:              inherit;\r
+               font:                   100%;\r
+       }\r
+       \r
+       html, body, div, span, applet, object, iframe,\r
+       h1, h2, h3, h4, h5, h6, p, blockquote, pre,\r
+       a, abbr, acronym, address, big, cite, code,\r
+       del, dfn, em, font, img, ins, kbd, q, s, samp,\r
+       small, strike, strong, sub, sup, tt, var,\r
+       b, u, i, center,\r
+       dl, dt, dd, ol, ul, li,\r
+       fieldset, form, label, legend,\r
+       table, caption, tbody, tfoot, thead {\r
+               margin:                 0;\r
+               padding:                0;\r
+               border:                 0;\r
+               outline:                0;\r
+               vertical-align: baseline;\r
+               font-family:    "Hiragino Kaku Gothic Pro","MS Pゴシック", Osaka, "ヒラギノ角ゴ Pro W3","メイリオ",Meiryo,sans-serif;\r
+       }\r
+        \r
+       p {\r
+               text-shadow:    #000 0 0 0;/* for Safari */ \r
+               -moz-opacity:   0.99;/* for Firefox */ \r
+       }\r
+       \r
+       pre, code, kbd, samp, tt {\r
+               font-family:    monospace;\r
+               line-height:    100%;\r
+               *font-size:             108%;\r
+               margin-bottom:          1em;\r
+       }\r
+\r
+       /* http://e2designer.seesaa.net/article/152168876.html */\r
+       /* http://perishablepress.com/press/2010/06/01/wrapping-content/ */\r
+       pre {\r
+               white-space: pre;           /* CSS 2.0 */\r
+               white-space: pre-wrap;      /* CSS 2.1 */\r
+               white-space: pre-line;      /* CSS 3.0 */\r
+               white-space: -pre-wrap;     /* Opera 4-6 */\r
+               white-space: -o-pre-wrap;   /* Opera 7 */\r
+               white-space: -moz-pre-wrap; /* Mozilla */\r
+               white-space: -hp-pre-wrap;  /* HP Printers */\r
+               word-wrap:   break-word;    /* IE 5+ */\r
+       }\r
+       \r
+       /* remember to define focus styles! */\r
+       :focus { outline: 0;}\r
+       \r
+       /* remember to highlight inserts somehow! */\r
+       ins { text-decoration: none;}\r
+       del { text-decoration: line-through;}\r
+       \r
+       /* http://honoo-no.com/creators/2008/02/14_211120.html */\r
+       textarea, input {\r
+               font-family: "MS Pゴシック", Osaka, "ヒラギノ角ゴ Pro W3",sans-serif;\r
+       }\r
+       ul, ol, dl {\r
+               margin-left:    2em;\r
+       }\r
+\r
+       dt {\r
+               margin:                 1em 0 0 1em;\r
+               font-weight:    bold;\r
+       }\r
+       dd {\r
+               margin:                 0.5em 0 0 2em;\r
+       }\r
+\r
+/*  ClearFix\r
+--------------------------------------------------------------------------------------*/\r
+       /* for modern brouser */\r
+       claerfix:after {   \r
+               content: ".";   \r
+               display: block;   \r
+               visibility: hidden;   \r
+               height: 0.1px;   \r
+               font-size: 0.1em;   \r
+               line-height: 0;   \r
+               clear: both;   \r
+       } \r
+       /* IE7,MacIE5 */\r
+       .clearfix {\r
+               display: inline-block;\r
+       }\r
+       /* WinIE6 below, Exclude MacIE5 \*/\r
+       * html .clearfix {\r
+               zoom: 1;\r
+       }\r
+       .clearfix {\r
+               display: block;\r
+               overflow: auto;\r
+       }\r
+       /**/\r
+\r
+\r
+/*  Typography\r
+--------------------------------------------------------------------------------------*/\r
+       a:link { color:#008;}\r
+       a:visited { color: #505;}\r
+       a { text-decoration: none;}\r
+       \r
+       a:hover {\r
+               text-decoration:        underline;\r
+               color:                          #f60;\r
+       }\r
+       \r
+       h2 {\r
+               letter-spacing:         2px;\r
+           border-bottom:              1px dotted #333333;\r
+           font-size:                  1.4em;\r
+               line-height:            1.4em;\r
+               text-align:                     center;\r
+               margin:                         0 0 1em;\r
+       }               \r
+        h3, h4 {\r
+               font-size:                      116%;\r
+               font-weight:            bold;\r
+       }\r
+       h3 {\r
+               letter-spacing:         1px;\r
+               border:                         1px #333 solid;\r
+               border-width:           0 0 1px 0.5em;\r
+               padding:                        4px 0 2px 0.6em;\r
+               margin:                         2em 0 1em;\r
+       }\r
+       h4 {\r
+               letter-spacing:         1px;\r
+               border-bottom:          1px #999 dotted;\r
+               padding:                        6px 6px 2px;\r
+               margin:                         2em 7px 1em;\r
+       }\r
+       h5, h6 {\r
+               font-size:                      1em;\r
+               padding:                        0 5px 0;\r
+               margin:                         1.5em 14px 1em;\r
+       }\r
+       h5 {\r
+               border-left:            5px #999 solid;\r
+               letter-spacing:         1px;\r
+       }\r
+       h6 {\r
+               border-left:            3px #666 double;\r
+       }\r
+       \r
+       p {\r
+               margin:                         0 0 1em;\r
+       }\r
+       \r
+       blockquote, cite {}\r
+       em {}\r
+\r
+       /* tables still need 'cellspacing="0"' in the markup */\r
+       table {\r
+               width:                          440px;\r
+               border:                         #999 solid;\r
+               border-width:           1px 1px 0 0;\r
+               border-collapse:        collapse;\r
+               empty-cells:            show;\r
+               border-spacing:         0;\r
+               line-height:            1.6em;\r
+               /*\*/\r
+               margin:                         9px auto 1em;\r
+               _margin:                        9px 15px 1em;\r
+               /* */\r
+       }\r
+\r
+       th, td {\r
+               padding:                        5px;\r
+               border:                         #999 solid;\r
+               border-width:           0 0 1px 1px;\r
+       }\r
+       \r
+/*  View Container\r
+--------------------------------------------------------------------------------------*/       \r
+       .view-container {\r
+               display:                        none;\r
+               position:                       absolute;\r
+               left:                           0;\r
+               top:                            0;\r
+               width:                          100%;\r
+               height:                         100%;\r
+       }\r
+\r
+/*  Overlay\r
+--------------------------------------------------------------------------------------*/\r
+       #overlay-container,\r
+       #overlay-shadow {\r
+               position:                       absolute;\r
+               left:                           0;\r
+               top:                            0;\r
+               width:                          100%;\r
+               height:                         100%;\r
+       }\r
+               #overlay-shadow {\r
+                       background-color:       #000;\r
+                       opacity:                        0.5;\r
+                       -moz-opacity:           0.5;\r
+                       filter:                         alpha(opacity=50);\r
+                       -ms-filter:                     alpha(opacity=50);\r
+               }\r
+               .h2c-ActiveX-disabled #overlay-shadow {\r
+                       \r
+               }\r
+               \r
+               #overlay-close-button {\r
+                       border:                                 2px solid #f00;\r
+                       color:                                  #f00;\r
+                       font-weight:                    bold;\r
+                       font-size:                              16px;\r
+                       line-height:                    16px;\r
+                       text-align:                             center;\r
+                       cursor:                                 pointer;\r
+                       overflow:                               hidden;\r
+                       width:                                  20px;\r
+                       height:                                 20px;\r
+                       padding:                                2px;\r
+                       position:                               absolute;\r
+                       top:                                    9px;\r
+                       right:                                  9px;\r
+                       border-radius:                  5px;\r
+                       -o-border-radius:               5px;\r
+                       -ms-border-radius:              5px;\r
+                       -moz-border-radius:             5px;\r
+                       -webkit-border-radius:  5px;\r
+               }\r
+\r
+/*  Button\r
+--------------------------------------------------------------------------------------*/\r
+       .button {\r
+               border:                                 1px outset #ccc;\r
+               background-color:               #eee;\r
+               color:                                  #666;\r
+               font-weight:                    bold;\r
+               text-align:                             center;\r
+               cursor:                                 pointer;\r
+               overflow:                               hidden;\r
+               height:                                 30px;\r
+               line-height:                    30px;\r
+               border-radius:                  5px;\r
+               -o-border-radius:               5px;\r
+               -ms-border-radius:              5px;\r
+               -moz-border-radius:             5px;\r
+               -webkit-border-radius:  5px;\r
+       }\r
+\r
+/*  Loading\r
+--------------------------------------------------------------------------------------*/\r
+       .loading {\r
+               background-image:               url( loading.gif);\r
+               background-position:    50% 50%;\r
+               background-repeat:              no-repeat;\r
+       }\r
+       .error {\r
+               background-image:               url( error.png);\r
+               background-position:    50% 50%;\r
+               background-repeat:              no-repeat;\r
+       }\r
+\r
+/*  img mirror\r
+--------------------------------------------------------------------------------------*/       \r
+       img.img-flip-v { /* 上下反転 */\r
+               transform:                              scale( 1, -1);\r
+               -o-transform:                   scale( 1, -1);\r
+               -ms-transform:                  scale( 1, -1);\r
+               -moz-transform:                 scale( 1, -1);\r
+               -webkit-transform:              scale( 1, -1);\r
+               filter:                                 progid:DXImageTransform.Microsoft.BasicImage( Mirror=1, Rotation=2);\r
+               -ms-filter:                             progid:DXImageTransform.Microsoft.BasicImage( Mirror=1, Rotation=2);\r
+       }\r
+       v\:image.img-flip-v {\r
+               flip:                                   y; /* vml */\r
+       } \r
+       \r
+       img.img-flip-h { /* 左右反転 */\r
+               transform:                              scale( -1, 1);\r
+               -o-transform:                   scale( -1, 1);\r
+               -ms-transform:                  scale( -1, 1);\r
+               -moz-transform:                 scale( -1, 1);\r
+               -webkit-transform:              scale( -1, 1);\r
+               filter:                                 progid:DXImageTransform.Microsoft.BasicImage( Mirror=1);\r
+               -ms-filter:                             progid:DXImageTransform.Microsoft.BasicImage( Mirror=1);\r
+       }\r
+       v\:image.img-flip-h {\r
+               flip:                                   x; /* vml */\r
+       }\r
+       \r
+       img.img-flip-vh { /* 上下左右反転 */\r
+               transform:                              scale( -1, -1);\r
+               -o-transform:                   scale( -1, -1);\r
+               -ms-transform:                  scale( -1, -1);\r
+               -moz-transform:                 scale( -1, -1);\r
+               -webkit-transform:              scale( -1, -1);\r
+               filter:                                 progid:DXImageTransform.Microsoft.BasicImage( Rotation=2);\r
+               -ms-filter:                             progid:DXImageTransform.Microsoft.BasicImage( Rotation=2);\r
+       }\r
+       v\:image.img-flip-vh {\r
+               rotation :                              180; /* vml */\r
+       }\r
+\r
+/*  img mirror with png-fix\r
+--------------------------------------------------------------------------------------*/\r
+       .img-flip-v .img-flip-with-pngfix-v,\r
+       .img-flip-vh .img-flip-with-pngfix-v {\r
+               filter:                                 flipv();\r
+       }\r
+       .img-flip-h .img-flip-with-pngfix-h,\r
+       .img-flip-vh .img-flip-with-pngfix-h {\r
+               filter:                                 fliph();\r
+       }\r
+\r
+/*  grobal-navi\r
+--------------------------------------------------------------------------------------*/\r
+       #grobal-navi {\r
+               position:                               absolute;\r
+               right:                                  20px;\r
+               top:                                    0;\r
+               text-align:                             right;\r
+               height:                                 30px;\r
+               border-right:                   1px solid #666;\r
+       }\r
+               #grobal-navi a,\r
+               #grobal-navi a:link,\r
+               #grobal-navi a:visited,\r
+               #grobal-navi a:active {\r
+                       text-align:                     center;\r
+                       color:                          #666;\r
+                       text-decoration:        none;\r
+                       display:                        block;\r
+                       float:                          left;\r
+                       width:                          80px;\r
+                       border-left:            1px solid #666;\r
+                       font-size:                      12px;\r
+                       line-height:            12px;\r
+                       padding:                        11px 0 7px;\r
+                       outline:                        0;\r
+               }\r
+               #grobal-navi a:active {\r
+                       background-color:       #333;\r
+               }\r
+               #grobal-navi a:hover {\r
+                       background-color:       #999;\r
+                       color:                          #fff;\r
+               }\r
+/*--------------------------------------------------------------------------------------\r
+ * \r
+ *  home\r
+ *  \r
+ -------------------------------------------------------------------------------------*/\r
+       #home {\r
+\r
+       }\r
+\r
+\r
+/*--------------------------------------------------------------------------------------\r
+ * \r
+ *  Editor\r
+ *  \r
+ -------------------------------------------------------------------------------------*/\r
+       #editor {\r
+               overflow:                       hidden;\r
+               background-color:       #f5f5f5;\r
+       }\r
+\r
+       /*  Text Editor\r
+       --------------------------------------------------------------------------------------*/                \r
+               #speach-editor-wrapper {\r
+                       position:               absolute;\r
+               }\r
+               #speach-editor-wrapper form {\r
+                       width:                  100%;\r
+                       height:                 100%;\r
+               }\r
+               #speach-editor {\r
+                       width:                  100%;\r
+                       height:                 100%;\r
+                       border:                 1px outset #ccc;\r
+                       outline:                1px;\r
+               }\r
+                       #speach-edit-complete-button {\r
+                               margin:         10px auto 0;\r
+                       }\r
+\r
+       /*  Image Group\r
+       --------------------------------------------------------------------------------------*/\r
+               #image-gruop-wrapper {\r
+                       position:                       absolute;\r
+                       top:                            0;\r
+                       left:                           0;\r
+               }\r
+                       #image-icon-container {\r
+                               position:                       absolute;\r
+                               top:                            0;\r
+                               left:                           0;\r
+                               height:                         200px;\r
+                               width:                          100%;\r
+                               background-color:       #fff;\r
+                               border:                         #fff solid;\r
+                               border-width:           0;                              \r
+                       }\r
+                       #image-gruop-button {\r
+                               width:                  200px;\r
+                               position:               absolute;\r
+                               left:                   0;\r
+                               bottom:                 -40px;\r
+                               _bottom:                0;\r
+                       }\r
+                       .image-gruop-item {\r
+                               width:                  150px;\r
+                               height:                 200px;\r
+                               position:               absolute;\r
+                               top:                    0;\r
+                               left:                   0;\r
+                               text-align:             center;\r
+                       }\r
+                       .image-gruop-item .reversible-image-container {\r
+                               width:                  150px;\r
+                               height:                 200px;\r
+                       }\r
+                       .image-gruop-item .reversible-image-container img {\r
+                               width:                  100%;\r
+                               height:                 100%;\r
+                       }\r
+                       .image-gruop-item-title {\r
+                               position:               absolute;\r
+                               bottom:                 0;\r
+                               left:                   0;\r
+                               text-align:             center;\r
+                               width:                  100%;\r
+                               height:                 30px;\r
+                       }\r
+                       \r
+\r
+/*  MenuBar\r
+--------------------------------------------------------------------------------------*/\r
+       #menu-bar {\r
+               position:                       absolute;\r
+               top:                            0;\r
+               left:                           0;\r
+               width:                          100%;\r
+               height:                         30px;\r
+               background-color:       #fff;\r
+               box-shadow:                     0 4px 9px #333;\r
+               -moz-box-shadow:        0 4px 9px #333;\r
+               -webkit-box-shadow:     0 4px 9px #333;\r
+               filter:progid:DXImageTransform.Microsoft.Shadow(color=#333333,direction=180,strength=9);\r
+       }\r
+               .menu-bar-item,\r
+               .menu-bar-item-focus {\r
+                       position:               absolute;\r
+                       top:                    0;\r
+                       width:                  80px;\r
+                       color:                  #666;\r
+               }\r
+                       .menu-bar-item div,\r
+                       .menu-bar-item-focus div {\r
+                               cursor:                 pointer;\r
+                               overflow:               hidden;\r
+                               height:                 30px;\r
+                               line-height:    30px;                           \r
+                               padding-left:   0.6em;\r
+                               font-size:              14px;\r
+                       }\r
+                       .menu-bar-item-focus div {\r
+                               background-color:       #66f;\r
+                               color:                          #eee;\r
+                       }\r
+                       .menu-bar-item ul {\r
+                               display:                        none;\r
+                       }\r
+                       .menu-bar-item-focus ul {\r
+                               position:                       absolute;\r
+                               list-style:                     none;\r
+                               top:                            30px;\r
+                               width:                          200px;\r
+                               margin:                         0;\r
+                               padding:                        0;\r
+                               background-color:       #fff;\r
+                               color:                          #666;\r
+                               border:                         1px solid #ccc;\r
+                               box-shadow:                     1px 4px 9px #333;\r
+                               -moz-box-shadow:        1px 4px 9px #333;\r
+                               -webkit-box-shadow:     1px 4px 9px #333;\r
+                               filter:                         progid:DXImageTransform.Microsoft.Shadow(color=#666666,direction=120,strength=9);\r
+                       }\r
+                               .menu-bar-item-focus li {\r
+                                       display:                block;\r
+                                       cursor:                 pointer;\r
+                                       width:                  200px;\r
+                                       height:                 30px;\r
+                                       line-height:    30px;\r
+                               }\r
+                               .menu-bar-item-focus li.disabled {\r
+                                       cursor:                 default;\r
+                               }\r
+                                       .menu-bar-item-focus a,\r
+                                       .menu-bar-item-focus a:link,\r
+                                       .menu-bar-item-focus a:visited {\r
+                                               color:                  #666;\r
+                                               position:               relative;\r
+                                               display:                block;\r
+                                               width:                  200px;\r
+                                               height:                 30px;\r
+                                               line-height:    30px;\r
+                                               *cursor:                        pointer;\r
+                                       }\r
+                                       .menu-bar-item-focus a:hover {\r
+                                               color:                          #333;\r
+                                               background-color:       #ccf;\r
+                                               text-decoration:        none;\r
+                                               *cursor:                        pointer;\r
+                                       }                               \r
+                                       .menu-bar-item-focus li.disabled a,\r
+                                       .menu-bar-item-focus li.disabled a:link,\r
+                                       .menu-bar-item-focus li.disabled a:visited,\r
+                                       .menu-bar-item-focus li.disabled a:active,\r
+                                       .menu-bar-item-focus li.disabled a:hover {\r
+                                               color:                          #999;\r
+                                               background-color:       #fff;\r
+                                               *cursor:                        default;\r
+                                       }\r
+                                               .menu-bar-item-focus span {\r
+                                                       position:               absolute;\r
+                                                       top:                    0;\r
+                                                       left:                   10px;\r
+                                                       display:                block;\r
+                                                       font-size:              14px;\r
+                                                       font-weight:    bold;\r
+                                                       width:                  120px;\r
+                                                       overflow:               hidden;\r
+                                               }\r
+                                               .menu-bar-item-focus kbd {\r
+                                                       position:               absolute;\r
+                                                       top:                    11px;\r
+                                                       left:                   140px;\r
+                                                       display:                block;\r
+                                                       font-size:              10px;\r
+                                                       color:                  #999;\r
+                                                       width:                  60px;\r
+                                                       overflow:               hidden;\r
+                                               }\r
+                               .menu-bar-item-focus li.separator {\r
+                                       width:                  200px;\r
+                                       height:                 0;\r
+                                       line-height:    0;\r
+                                       border-top:             1px solid #ccc;\r
+                                       margin:                 0;\r
+                                       padding:                0;\r
+                               }\r
+\r
+/*  whiteGlass\r
+--------------------------------------------------------------------------------------*/       \r
+       #whiteGlass-container {\r
+               position:       absolute;\r
+               top:            0;\r
+               left:           0;\r
+               width:          100%;\r
+               height:         100%;\r
+       }\r
+               #whiteGlass-container div {\r
+                       position:                       absolute;\r
+                       background-color:       #fff;\r
+                       opacity:                        0.7;\r
+                       -moz-opacity:           0.7;\r
+                       filter:                         alpha(opacity=70);\r
+                       -ms-filter:                     alpha(opacity=70);\r
+               }\r
+               #whiteGlass-top {\r
+                       top:            0;\r
+                       left:           0;\r
+                       width:          100%;\r
+                       height:         20%;\r
+               }\r
+               #whiteGlass-left {\r
+                       top:            20%;\r
+                       left:           0;\r
+                       width:          20%;\r
+                       height:         60%;\r
+               }\r
+               #whiteGlass-right {\r
+                       top:            20%;\r
+                       left:           80%;\r
+                       width:          20%;\r
+                       height:         60%;\r
+               }\r
+               #whiteGlass-bottom {\r
+                       top:            80%;\r
+                       left:           0;\r
+                       width:          100%;\r
+                       height:         20%;\r
+               }\r
+\r
+/*  panel\r
+--------------------------------------------------------------------------------------*/\r
+       #panel-border {\r
+               position:       absolute;\r
+               border:         2px solid #333;\r
+       }\r
+\r
+/*  mouse-operation-catcher\r
+--------------------------------------------------------------------------------------*/       \r
+       #mouse-operation-catcher {\r
+               position:                       absolute;\r
+               top:                            0;\r
+               left:                           0;\r
+               width:                          100%;\r
+               height:                         100%; /* 100% don't work for ie6, so ie6 need to set height-'px' by js */\r
+               *background-color:      #fff;\r
+               filter:                         alpha(opacity=0);\r
+       }\r
+       html>/**/body #mouse-operation-catcher {  \r
+               background-color /***/:         #fff\9;  \r
+               -ms-filter /***/:                       alpha(opacity=0)\9;\r
+       } \r
+       /*\r
+        * ieでは、背景を設定しないと、mouse-operation-catcherが働かない。\r
+        * activeX有効の場合は背景を着色してfilterで透明に。\r
+        * activeX無効の場合は透明gifを使用\r
+        * background:                  url(4x4.gif) fixed repeat;
+        */\r
+\r
+/*  comic-element\r
+--------------------------------------------------------------------------------------*/\r
+       #comic-element-container {\r
+               position:                       absolute;\r
+               \r
+       }\r
+               .comic-element-wrapper {\r
+                       position:                       absolute;\r
+               }\r
+                       #comic-element-container img {\r
+                               width:                          100%;\r
+                               height:                         100%;\r
+                               position:                       absolute;\r
+                               top:                            0;\r
+                               left:                           0;\r
+                       }\r
+\r
+/*  comic-element-resizer\r
+--------------------------------------------------------------------------------------*/               \r
+       #comic-element-resizer-container {\r
+               position:                       absolute;\r
+               border:                         1px solid #999;\r
+       }\r
+               .comic-element-resizer {\r
+                       position:                       absolute;\r
+                       width:                          8px;\r
+                       height:                         8px;\r
+                       font-size:                      8px; /* ie */\r
+                       line-height:            8px; /* ie */\r
+                       border:                         1px solid #333;\r
+                       background-color:       #fff;\r
+               }\r
+       /*\r
+        * marker\r
+        */\r
+               #comic-element-resizer-top {\r
+                       top:                            -5px;\r
+                       left:                           50%;\r
+               }\r
+               #comic-element-resizer-left {\r
+                       top:                            50%;\r
+                       left:                           -5px;\r
+               }\r
+               #comic-element-resizer-right {\r
+                       top:                            50%;\r
+                       right:                          -5px;\r
+               }\r
+               #comic-element-resizer-bottom {\r
+                       bottom:                         -5px;\r
+                       left:                           50%;\r
+               }\r
+               #comic-element-resizer-top-left {\r
+                       top:                            -5px;\r
+                       left:                           -5px;\r
+               }\r
+               #comic-element-resizer-top-right {\r
+                       top:                            -5px;\r
+                       right:                          -5px;\r
+               }\r
+               #comic-element-resizer-bottom-left {\r
+                       bottom:                         -5px;\r
+                       left:                           -5px;\r
+               }\r
+               #comic-element-resizer-bottom-right {\r
+                       bottom:                         -5px;\r
+                       right:                          -5px;\r
+               }               \r
+/*  panel-resizer\r
+--------------------------------------------------------------------------------------*/       \r
+       #panel-resizer-top,\r
+       #panel-resizer-bottom {\r
+               position:                       absolute;\r
+               border:                         1px outset #999;\r
+               background-color:       #eee;\r
+               text-align:                     center;\r
+               font-size:                      12px;\r
+               line-height:            12px;\r
+               padding:                        9px 0;\r
+               left:                           -2px;\r
+       }\r
+       \r
+       #panel-resizer-top {\r
+               top:                                    -37px;\r
+               border-radius:                  8px 8px 0 0;\r
+               -o-border-radius:               8px 8px 0 0;\r
+               -ms-border-radius:              8px 8px 0 0;\r
+               -moz-border-radius:             8px 8px 0 0;\r
+               -webkit-border-radius:  8px 8px 0 0;\r
+       }\r
+       #panel-resizer-bottom {\r
+               bottom:                                 -37px;\r
+               border-radius:                  0 0 8px 8px;\r
+               -o-border-radius:               0 0 8px 8px;\r
+               -ms-border-radius:              0 0 8px 8px;\r
+               -moz-border-radius:             0 0 8px 8px;\r
+               -webkit-border-radius:  0 0 8px 8px;\r
+       }\r
+\r
+/*  baloon-tail-mover\r
+--------------------------------------------------------------------------------------*/               \r
+       #baloon-tail-mover {\r
+               position:                       absolute;\r
+               width:                          8px;\r
+               height:                         8px;\r
+               font-size:                      8px; /* ie */\r
+               line-height:            8px; /* ie */\r
+               border:                         1px solid #333;\r
+               background-color:       #66f;\r
+               margin:                         -5px 0 0 -5px;\r
+       }\r
+\r
+/*  comic element console\r
+--------------------------------------------------------------------------------------*/\r
+       #comic-element-consol-wrapper {\r
+               position:                       absolute;\r
+       }\r
+               #image-element-consol {\r
+                       width:                          50px;\r
+                       overflow:                       auto;\r
+               }\r
+               #text-element-consol {\r
+                       width:                          75px;\r
+                       overflow:                       auto;\r
+               }\r
+\r
+                       #change-image-button,\r
+                       #layer-back-button,\r
+                       #layer-forward-button,\r
+                       #delete-image-button,\r
+                       #edit-text-button,\r
+                       #change-text-style-button,\r
+                       #hide-text-tail-button,\r
+                       #back-text-button,\r
+                       #forward-text-button,\r
+                       #delete-text-button {\r
+                               text-indent:                    -9999px;\r
+                               width:                                  25px;\r
+                               height:                                 25px;\r
+                               line-height:                    25px;\r
+                               float:                                  left;\r
+                               background-image:               url(icons.gif);\r
+                               background-repeat:              no-repeat;\r
+                               background-position:    0 0;\r
+                               cursor:                                 pointer;\r
+                       }\r
+                       #hide-text-tail-button {\r
+                               background-position:    -25px -25px;\r
+                       }\r
+                       #change-image-button,\r
+                       #change-text-style-button {\r
+                               background-position:    -25px 0;\r
+                       }                       \r
+                       #layer-back-button,\r
+                       #back-text-button {\r
+                               background-position:    -50px 0;\r
+                       }\r
+                       #layer-forward-button,\r
+                       #forward-text-button {\r
+                               background-position:    -50px -25px;\r
+                       }\r
+                       #delete-image-button,\r
+                       #delete-text-button {\r
+                               background-position:    0 -25px;\r
+                       }\r
+               \r
+       .console-out #comic-element-consol-wrapper-when-out {\r
+               padding:                        5px;\r
+               background-color:       #333;\r
+       }\r
+       .console-out #comic-element-consol-tail {\r
+               border-width:           0 5px 10px 5px;\r
+               border-color:           transparent transparent #333 transparent;\r
+               _border-color:          #fff #fff #333 #fff;\r
+               border-style:           solid;\r
+               width:                          0;\r
+               height:                         0;\r
+               font-size:                      0;\r
+               line-height:            0;\r
+               position:                       absolute;\r
+               top:                            -10px;\r
+               left:                           50%;\r
+       }\r
+               \r
+\r
+               \r
+/*  Panel > speach\r
+--------------------------------------------------------------------------------------*/\r
+               .speach {\r
+                       text-align:                     center;\r
+                       display:                        table;\r
+                       position:                       absolute;\r
+                       top:                            16.6%;\r
+                       left:                           16.6%;\r
+                       width:                          66.6%;\r
+                       height:                         66.6%;\r
+                       padding:                        0;\r
+                       margin:                         0;\r
+               }\r
+                       .speach-inner {\r
+                               display:                table-cell;\r
+                               vertical-align: middle;\r
+                       }\r
+               \r
+       /* fix for ie */        \r
+               .text-element table,\r
+               .text-element tbody,\r
+               .text-element tr,\r
+               .text-element td {\r
+                       width:                          100%;\r
+                       height:                         100%;\r
+                       border:                         0;\r
+                       padding:                        0;\r
+                       margin:                         0;\r
+                       text-align:                     center;\r
+                       vertical-align:         middle;\r
+               }\r
+               .text-element table {\r
+                       table-layout:           fixed; /* ie6で上下中央にテキストがならない対処。固定レイアウトアルゴリズムになるので負荷を下げるらしい */\r
+               }\r
+               \r
+/*  Window\r
+--------------------------------------------------------------------------------------*/\r
+       .window-wrapper {\r
+               position:                       absolute;\r
+               top:                            10px;\r
+               left:                           10px;\r
+               width:                          200px;\r
+               height:                         200px;\r
+               background-color:       #fff;\r
+               box-shadow:                     1px 4px 9px #333;\r
+               -moz-box-shadow:        1px 4px 9px #333;\r
+               -webkit-box-shadow:     1px 4px 9px #333;\r
+               filter:                         progid:DXImageTransform.Microsoft.Shadow(color=#666666,direction=120,strength=9);\r
+       }\r
+               .window-header,\r
+               .window-close-button {\r
+                       font-size:                              12px;\r
+                       color:                                  #eee;\r
+                       line-height:                    12px;\r
+                       overflow:                               hidden;\r
+                       text-align:                             center;\r
+                       padding-top:                    8px;\r
+                       padding-bottom:                 6px;\r
+                       background-color:               #333;                                   \r
+               }\r
+                       .window-close-button {\r
+                               position:                               absolute;\r
+                               top:                                    0;\r
+                               right:                                  0;\r
+                               border-left:                    1px solid #666;\r
+                               padding-left:                   9px;\r
+                               padding-right:                  9px;\r
+                               border-radius:                  0 8px 0 0;\r
+                               -o-border-radius:               0 8px 0 0;\r
+                               -ms-border-radius:              0 8px 0 0;\r
+                               -moz-border-radius:             0 8px 0 0;\r
+                               -webkit-border-radius:  0 8px 0 0;\r
+                       }\r
+               \r
+               .window-wrapper,\r
+               .window-header {\r
+                       border-radius:                  8px 8px 0 0;\r
+                       -o-border-radius:               8px 8px 0 0;\r
+                       -ms-border-radius:              8px 8px 0 0;\r
+                       -moz-border-radius:             8px 8px 0 0;\r
+                       -webkit-border-radius:  8px 8px 0 0;\r
+               }\r
+               .window-body {\r
+                       position:                               relative;\r
+                       overflow:                               hidden;\r
+               }\r
+\r
+               .window-resize-button {\r
+                       position:                               absolute;\r
+                       bottom:                                 0;\r
+                       right:                                  0;\r
+                       border-bottom:                  20px solid #aaa;\r
+                       border-left:                    20px solid transparent;\r
+                       _border-left:                   20px solid #fff;\r
+                       line-height:                    0;\r
+                       height:                                 0;\r
+                       width:                                  0;\r
+                       text-indent:                    -9999px;\r
+                       text-align:                             center;\r
+                       cursor:                                 pointer;\r
+               }\r
+               \r
+               /*\r
+                * page contents
+                */\r
+                       .sidenavi {\r
+                               width:                          100px;\r
+                               float:                          left;\r
+                       }\r
+                               .sidenavi-item,\r
+                               .sidenavi-item:link {\r
+                                       display:                        block;\r
+                                       border-bottom:          1px solid #666;\r
+                                       padding:                        1em;\r
+                                       text-decoration:        none;\r
+                               }\r
+                               .sidenavi-item:hover {\r
+                                       background-color:       #ccc;\r
+                                       text-decoration:        none;\r
+                               }\r
+                               .sidenavi .current {\r
+                                       background-color:       #666;\r
+                                       color:                          #eee;\r
+                               }\r
+                       .page-contents {\r
+                               _position:                              relative; /* for ie6 */\r
+                               margin-left:                    100px;\r
+                               padding:                                1em 1em 2em 2em;\r
+                       }\r
+                               .page-content {\r
+                                       display:                        none;\r
+                               }\r
+\r
+/*  editable-text\r
+--------------------------------------------------------------------------------------*/\r
+\r
+       .editable-text {\r
+               display:                        inline-block;\r
+               color:                          #333;\r
+               border:                         1px solid #ccc;\r
+               font-size:                      14px;\r
+               line-height:            16px;\r
+       }\r
+               .editable-text a,\r
+               .editable-text a:link,\r
+       .editable-text a:visited,\r
+       .editable-text a:hover,\r
+       .editable-text a:active {\r
+                       padding:                        3px;\r
+                       color:                          #333;\r
+                       text-decoration:        none;\r
+                       display:                        block;\r
+                       outline:                        0;\r
+                       background-color:       #fff;\r
+               }\r
+               .editable-text a:hover {\r
+                       background-color:       #ccf;\r
+               }\r
+               .editable-text input {\r
+                       padding:                        3px 0;\r
+                       width:                          100%;\r
+                       font-family:            Arial,Helvetica,sans-serif;\r
+                       background-color:       #ccf;\r
+                       border:                         0;\r
+                       margin:                         0;\r
+                       outline:                        0;\r
+               }\r
+\r
+\r
+/*  Information Window\r
+--------------------------------------------------------------------------------------*/\r
+       #comic-element-infomation {\r
+               background-color:                       #fff;\r
+               position:                                       absolute;\r
+               width:                                          100%;\r
+       }\r
+                       #comic-element-x, #comic-element-z,\r
+                       #comic-element-y, #comic-element-a,\r
+                       #comic-element-w, #comic-element-w-percent,\r
+                       #comic-element-h, #comic-element-h-percent {\r
+                               position:                       absolute;\r
+                       }\r
+                       \r
+                       #comic-element-x,\r
+                       #comic-element-y,\r
+                       #comic-element-w,\r
+                       #comic-element-h {\r
+                               left:                           30px;\r
+                       }\r
+                       #comic-element-z,\r
+                       #comic-element-a,\r
+                       #comic-element-w-percent,\r
+                       #comic-element-h-percent        {\r
+                               left:                           115px;\r
+                       }\r
+                       \r
+                       #comic-element-x, #comic-element-z {\r
+                               top:                            10px;\r
+                       }\r
+                       #comic-element-y, #comic-element-a {\r
+                               top:                            40px;\r
+                       }\r
+                       #comic-element-w, #comic-element-w-percent {\r
+                               top:                            80px;\r
+                       }\r
+                       #comic-element-h, #comic-element-h-percent {\r
+                               top:                            110px;\r
+                       }\r
+                       .comic-element-attribute-label {\r
+                               display:                        inline-block;\r
+                               width:                          14px;\r
+                               line-height:            22px;\r
+                               *line-height:           22px; /* ie用 input周りのサイズあわせ、よく分からない。 */\r
+                               color:                          #666;\r
+                               text-align:                     center;\r
+                       }\r
+                       .comic-element-attribute-value {\r
+                               width:                          40px;\r
+                               text-align:                     right;\r
+                       }\r
+       \r
+                       #comic-element-z-value,\r
+                       #comic-element-a-value {\r
+                               width:                          35px;\r
+                       }\r
+                       #comic-element-w-percent-value,\r
+                       #comic-element-h-percent-value {\r
+                               width:                          30px;\r
+                       }\r
+\r
+/*  Background Window\r
+--------------------------------------------------------------------------------------*/\r
+               #bg-pattern,\r
+               #select-bg-pattern-button,\r
+               #reset-bg-pattern-button,\r
+               #bg-color,\r
+               #select-bg-color-button,\r
+               #reset-bg-color-button {\r
+                       position:               absolute;\r
+                       text-align:             center;\r
+                       cursor:                 pointer;\r
+               }\r
+               \r
+               #bg-pattern,\r
+               #bg-color {\r
+                       box-shadow:                     1px 2px 3px #000;\r
+                       -moz-box-shadow:        1px 2px 3px #000;\r
+                       -webkit-box-shadow:     1px 2px 3px #000;\r
+                       height:                         80px;\r
+                       top:                            15px;\r
+               }\r
+               #bg-pattern {\r
+                       left:                   15px;\r
+                       width:                  100px;\r
+               }\r
+               #select-bg-pattern-button,\r
+               #reset-bg-pattern-button,\r
+               #select-bg-color-button,\r
+               #reset-bg-color-button {\r
+                       border:                 1px outset #666;\r
+                       height:                 20px;\r
+                       top:                    115px;\r
+                       line-height:    20px;\r
+               }\r
+               #select-bg-pattern-button {\r
+                       left:                   15px;\r
+                       width:                  80px;\r
+               }\r
+               #reset-bg-pattern-button {\r
+                       left:                   95px;\r
+                       width:                  20px;\r
+               }\r
+               \r
+               #bg-color {\r
+                       left:                           125px;\r
+                       width:                          60px;\r
+                       background-color:       #66f;\r
+               }\r
+               #select-bg-color-button {\r
+                       left:                   125px;\r
+                       width:                  40px;\r
+               }\r
+               #reset-bg-color-button {\r
+                       left:                   165px;\r
+                       width:                  20px;\r
+               }\r
+\r
+\r
+\r
+/*  Tool-box Window\r
+--------------------------------------------------------------------------------------*/               \r
+               #toolbox-add-image-button,\r
+               #toolbox-add-text-button,\r
+               #toolbox-edit-bg-button,\r
+               #toolbox-switch-grid,\r
+               #toolbox-popup-help-button,\r
+               #toolbox-publish-button {\r
+                       position:                               absolute;\r
+                       left:                                   10px;\r
+                       width:                                  90px;\r
+                       border:                                 1px outset #999;\r
+                       height:                                 40px;\r
+                       line-height:                    40px;\r
+                       text-align:                             center;\r
+                       cursor:                                 pointer;\r
+                       background-color:               #ccc;\r
+                       border-radius:                  8px;\r
+                       -o-border-radius:               8px;\r
+                       -ms-border-radius:              8px;\r
+                       -moz-border-radius:             8px;\r
+                       -webkit-border-radius:  8px;\r
+               }\r
+               #toolbox-add-image-button {\r
+                       top:                                    10px;                                                           \r
+               }\r
+               #toolbox-add-text-button {\r
+                       top:                                    60px;\r
+               }\r
+               #toolbox-edit-bg-button {\r
+                       top:                                    110px;\r
+                       height:                                 30px;\r
+                       line-height:                    30px;\r
+               }\r
+               #toolbox-switch-grid,\r
+               #toolbox-popup-help-button {\r
+                       top:                                    150px;\r
+                       height:                                 30px;\r
+                       line-height:                    30px;\r
+               }\r
+               #toolbox-switch-grid {\r
+                       width:                                  45px !important;\r
+               }\r
+               #toolbox-popup-help-button {\r
+                       width:                                  35px !important;\r
+                       left:                                   65px !important;\r
+               }\r
+               \r
+               #toolbox-publish-button {\r
+                       top:                                    190px;\r
+                       height:                                 50px;\r
+                       line-height:                    50px;\r
+               }\r
+\r
+/*  Grid\r
+--------------------------------------------------------------------------------------*/\r
+       #grid {\r
+               width:                                  100%;\r
+               height:                                 100%;\r
+               position:                               absolute;\r
+               left:                                   0;\r
+               top:                                    0;\r
+               background-attachment:  fixed;\r
+               background-repeat:              repeat;\r
+               /* background-image:            url('grid.gif'); grid用イメージはgrid使用時にjsで埋め込み */\r
+       }\r
+\r
diff --git a/0.3.0/error.png b/0.3.0/error.png
new file mode 100644 (file)
index 0000000..10c0345
Binary files /dev/null and b/0.3.0/error.png differ
diff --git a/0.3.0/grid.gif b/0.3.0/grid.gif
new file mode 100644 (file)
index 0000000..5eb20fd
Binary files /dev/null and b/0.3.0/grid.gif differ
diff --git a/0.3.0/help/jp.html b/0.3.0/help/jp.html
new file mode 100644 (file)
index 0000000..0db023a
--- /dev/null
@@ -0,0 +1,82 @@
+<div class="sidenavi">\r
+       <a class="sidenavi-item">ようこそ!</a>\r
+       <a class="sidenavi-item">基本的な使い方</a>\r
+       <a class="sidenavi-item">cool!な使い方</a>\r
+       <a class="sidenavi-item">ショートカット</a>\r
+       <a class="sidenavi-item">保存形式</a>\r
+       <a class="sidenavi-item">このエディタについて</a>\r
+</div>\r
+<div class="page-contents">\r
+       <div class="page-content">\r
+               <h2>ようこそ!</h2>\r
+               <div style="text-align:center;margin: 1em 0 2em;">\r
+                       <img src="help/wellcom.png" width="200" height="200">\r
+               </div>\r
+               <p>ぺったんR はWebブラウザだけでマンガが簡単に作れてしまうツール & サービスです。</p>\r
+               <p>この ぺったんR エディターの使い方をマスターしたらちょっと楽しいかも。</p>\r
+       </div>\r
+       <div class="page-content">\r
+               <h2>基本的な使い方</h2>\r
+               <h3>画像の追加</h3>\r
+               <h3>吹き出しの追加</h3>\r
+               <h3>背景の設定</h3>\r
+       </div>\r
+       <div class="page-content">\r
+               <h2>cool!な使い方</h2>\r
+               <h3>グリッド編集モード</h3>\r
+               <h3>マンガ以外にもこんなことが</h3>\r
+       </div>\r
+       <div class="page-content">\r
+               <h2>ショートカット</h2>\r
+               <dl>\r
+                       <dt>ctrl + Z</dt>\r
+                       <dd>戻る</dd>\r
+                       <dt>ctrl + Y, ctrl + shift + Z</dt>\r
+                       <dd>進む</dd>\r
+                       <dt>ctrl + 0</dt>\r
+                       <dd>キャンバスのセンタリング</dd>\r
+                       <dt>tab</dt>\r
+                       <dd>次の入力エリアにフォーカス</dd>\r
+                       <dt>shift + tab</dt>\r
+                       <dd>前の入力エリアにフォーカス</dd>\r
+               </dl>\r
+       </div>\r
+       <div class="page-content">\r
+               <h2>保存形式</h2>\r
+               <h3>ぺったんサーバにポスト</h3>\r
+               <h3>ローカルに保存</h3>\r
+               <dl>\r
+                       <dt>MT形式</dt>\r
+                       <dd></dd>\r
+                       <dt>htmlタグ形式</dt>\r
+                       <dd></dd>\r
+                       <dt>json形式</dt>\r
+                       <dd></dd>\r
+                       <dt>xml形式</dt>\r
+                       <dd></dd>\r
+                       <dt>pdf形式</dt>\r
+                       <dd></dd>\r
+               </dl>\r
+       </div>\r
+       <div class="page-content">\r
+               <h2>エディタについて</h2>\r
+               <div style="text-align:center;">\r
+                       <p style="color:#550055;font-size:1.4em;font-weight:bold;text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6);">pettanR editor</p>\r
+                       <p>version 0.3.0</p>\r
+                       <p>&copy; 2011 pettanR team some rights reserved.</p>\r
+               </div>\r
+               <h3>推奨動作環境</h3>\r
+               <dl>\r
+                       <dt>Internet Exproler</dt>\r
+                       <dd>ie9, ie8, ie7, ie6 ie9で良好に動作します.</dd>\r
+                       <dt>Firefox</dt>\r
+                       <dd>3.6以上で動作確認.</dd>\r
+                       <dt>Chrome</dt>\r
+                       <dd>5以上で動作確認.</dd>\r
+                       <dt>Safari</dt>\r
+                       <dd>3.2以上で動作確認.</dd>\r
+                       <dt>Opera</dt>\r
+                       <dd>11以上を推奨.</dd>\r
+               </dl>\r
+       </div>\r
+</div>\r
diff --git a/0.3.0/help/wellcom.png b/0.3.0/help/wellcom.png
new file mode 100644 (file)
index 0000000..b23824d
Binary files /dev/null and b/0.3.0/help/wellcom.png differ
diff --git a/0.3.0/icons.gif b/0.3.0/icons.gif
new file mode 100644 (file)
index 0000000..4759cc8
Binary files /dev/null and b/0.3.0/icons.gif differ
diff --git a/0.3.0/index.html b/0.3.0/index.html
new file mode 100644 (file)
index 0000000..999a6dc
--- /dev/null
@@ -0,0 +1,349 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">\r
+<html xmlns:v="urn:schemas-microsoft-com:vml">\r
+    <head>\r
+        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">\r
+           <meta http-equiv="Content-Language" content="ja">\r
+           <meta http-equiv="Content-Script-Type" content="text/javascript">\r
+           <meta http-equiv="Content-Style-Type" content="text/css">\r
+           <meta http-equiv="imagetoolbar" content="no">\r
+        <title>html2comic Js Editor</title>\r
+               <link rel="stylesheet" type="text/css" href="all.css">\r
+    </head>\r
+    <body>\r
+       <!--[if lt IE 9]>\r
+               <script type="text/javascript">\r
+                               (function(){\r
+                                       var     b = document.body || (function(){document.write('&lt;body&gt;');return document.body;})(),\r
+                                               x = (function(){\r
+                                                       try {var t = new ActiveXObject('DXImageTransform.Microsoft.gradient');}catch(e){}\r
+                                                       return 'h2c-ActiveX-' +( t ? 'enabled' : 'disabled');\r
+                                               })();\r
+                                       if( !b.className.match(x)) b.className += ( b.className.length === 0 ? '' : ' ') +x;\r
+                               })();                           \r
+               </script>\r
+       <![endif]-->\r
+\r
+               <!-- 改行コード 取得用 -->\r
+<form>\r
+<textarea id="shadowTxtarea" style="display:none;">\r
+\r
+</textarea>\r
+</form>\r
+<pre id="shadowPre" style="display:none;">\r
+\r
+</pre>\r
+       <!-- home -->\r
+               <div id="home" class="view-container" style="display:block;">\r
+                       <div style="overflow: auto;height: 100%;">\r
+                               <h1>Wellcome to pettanr</h1>\r
+                       <h2 style="font-size:12px;">html2comic Js Editor</h2>\r
+                               <a href="index.html?view=editor">エディター起動 ⇒</a><br>\r
+                               <a href="index.html?view=editor&rimg=CSS3">エディター起動(ReversibleImageBackend is CSS3) ⇒</a><br>\r
+                               <a href="index.html?view=editor&rimg=VML">エディター起動(ReversibleImageBackend is VML) ⇒</a><br>\r
+                               <a href="index.html?view=editor&rimg=ActiveX">エディター起動(ReversibleImageBackend is ActiveX) ⇒</a>\r
+                       <h3 style="font-size:12px;">開発記録</h3>\r
+                       <dl style="font-size:12px;line-height:1em;">\r
+                               <dt>11-08-27</dt>\r
+                               <dd>開始。当初uupaa.jsを使うも0.8でresize()イベントの拾い方が分からずあきらめる。</dd>\r
+                               <dt>11-08-28</dt>\r
+                               <dd>jQueryに差し替え。コマと半透過レイヤーの高さのリサイズ・windowリサイズを受けたリサイズ。オペレーションキャッチャーによるキャラクタの移動。コミックエレメントにリサイザ用のマークを表示</dd>\r
+                               <dt>11-08-29</dt>\r
+                               <dd>キャラの8方向のリサイズ、マークのみx8、実際にイベントを起こす透明な要素x8で計16個の要素を使う。</dd>\r
+                               <dt>11-08-30</dt>\r
+                               <dd>人に触ってもらったところ、操作性が悪すぎることが判明。自分でいじっている間は深刻度が把握が甘かった、、、</dd>\r
+                               <dt>11-08-31</dt>\r
+                               <dd>ドラッグ周りをjQueryに頼らない形に書き換え。マウスイベントのキャッチはoperationCatcherElmに一任する。処理が遅れ要素からカーソルが離れた段階でドラッグイベントが終了するのを防ぐ。</dd>\r
+                               <dt>11-09-02</dt>\r
+                               <dd>コマ枠のリサイザーのマウスイベントもmouseOperationChacherElmに任せる。コマ枠リサイザーとコマ要素(キャラ・吹き出し)を同列に扱うために処理を書き直す。キーイベントの調査。</dd>\r
+                               <dt>11-09-03</dt>\r
+                               <dd>ctrl+zの実装に備えて、コミック要素の座標を絶対座標からコマ枠からの相対座標とした。</dd> \r
+                               <dt>11-09-04</dt>\r
+                               <dd>altキーは一度押すと他のキー入力ができなくなる。もう一度押すと解除。以上をaltのみreturn falseしてfirefoxでは対処できた。ieではできない。</dd>\r
+                                       <dd>ctrl+z 戻る(アニメーション)、ctrl+0 センタリング。</dd>\r
+                                       <dd>svgまたはvmlで吹きだしを書いて、Vectorのサポートを調べる</dd>\r
+                                       <dt>11-09-05</dt>\r
+                                       <dd>ctrl+shift+zで進むを実装してみるもいまいちおかしい、、、</dd>\r
+                                       <dt>11-09-06</dt>\r
+                                       <dd>吹き出しのしっぽの座標決定ロジックの修正。以前は数回~数百回ループしていたのを、10回程度に固定。</dd>\r
+                                       <dt>11-09-07</dt>\r
+                                       <dd>戻る・進むのそもそもの考え方が間違っていた。でうまく動作!</dd>\r
+                                       <dt>11-09-17</dt>\r
+                                       <dd>噴出しの尻尾の回転・復帰ができる!クラス構造どうするかとか手間取ったけど、別に10日間をフルで取り組んでたわけじゃないんだからね。ie7+8でxmlの描画が非常に重い、、、</dd>\r
+                                       <dd>ieはマウス操作のたび?にキー入力監視用のinputからfocusが外れるみたいで、intervalで0.5秒おきにfocusさせてみた</dd>\r
+                                       <dt>11-09-18</dt>\r
+                                       <dd>window関連を始める。まずはinfomationのモックのみ</dd>\r
+                                       <dt>11-09-19</dt>\r
+                                       <dd>infomationのドラッグ、currentなcomicElementの情報の表示。</dd>\r
+                                       <dd>Dragに関わるアイテムは、MouseOperationChacherの下に。そうでないものは上で、ただし使うときだけ。よし!</dd>\r
+                                       <dd>jQueryの拡張で、editableTextを作る。こいつでinfomationの属性を編集可能にする。さらにtabキーによる項目移動。tab+shiftでその逆。currentのロックをしないと、属性変更を反映できないな。</dd>\r
+                                       <dt>11-09-20</dt>\r
+                                       <dd>ツールボックスwindowに着手。</dd>        \r
+                                       <dt>11-09-22</dt>\r
+                                       <dd>エディタブルテキストの修正を開始。グリッドスイッチを動作。吹き出しの挿入。</dd>\r
+                                       <dt>11-09-23</dt>\r
+                                       <dd>ie8の8modeに対応。キー周りの見直し。エディタブルテキストの修正。コミックオブジェクト情報⇔背景情報の切り替え。</dd>\r
+                                       <dt>11-09-24</dt>\r
+                                       <dd>クロスブラウザな吹き出しクラスの整理。画像⇔ベジェの切り替えもh2c.vectorに置く。キャンバスのドラッグ。ショートカットキーのie7以下対応。</dd>\r
+                                       <dt>11-09-25</dt>\r
+                                       <dd>コミックオブジェクトの操作ボタンの表示。小さい場合は外に表示。その際にはフォーカスがヒットエリアの外にも拡大。カレントなオブジェクトは優先してヒットエリアをチェック。尻尾操作の位置を修正。</dd>\r
+                                       <dt>11-11-20</dt>\r
+                                       <dd>再開!テキストの編集が可能に。履歴も効きます。まだリターンキーが反応しない。</dd>\r
+                                       <dt>11-11-22</dt>\r
+                                       <dd>comicElementの削除。ヒストリーも動作。</dd>\r
+                                       <dt>11-11-23</dt>\r
+                                       <dd>comicElementの追加(今はtextのみ)ヒストリーも動作。グループイメージの選択画面に着手。まだ操作はできない。</dd>\r
+                                       <dt>11-11-26</dt>\r
+                                       <dd>イメージの追加、ヒストリーも動作。グループイメージの選択画面も動くようになる。comicElementのコンソールのボタンに画像を用意。</dd>\r
+                                       <dt>11-11-28</dt>\r
+                                       <dd>レイヤーの前後、ヒストリーも動作。</dd>\r
+                                       <dt>11-11-29</dt>\r
+                                       <dd>グループ画像選択画面の画像の読み込みエラーに対処、マウスホイールでスクロール、filesizeの大きいものはサムネイルを表示、画面の外の画像は表示範囲に入るまで読み込まない、クリックで画像取得のリトライ。</dd>\r
+                                       <dt>11-12-03</dt>\r
+                                       <dd>ヒストリーに格納されたcomicElementのうち、append & removeに関するもので、ヒストリーから参照されなくなったものは.destroy()するようにする。main.jsが100KB超え。。。</dd>\r
+                                       <dd>file + io なクラスが必要。</dd>\r
+                                       <dd>xBackend(css3,ActiveX,vml,flash,silverlight,canvas)な画像の反転、ロード監視、png fix(ie6-) してくれる画像ラッパーが必要。</dd>\r
+                                       <dt>11-12-06</dt>\r
+                                       <dd>vmlを使ったie用のReversibleImageClassが動作。vmlはclassを変えた後に、再びelmWrap.appendChild(vmlImg)しないと再描画されない。</dd>\r
+                                       <dt>11-12-11</dt>\r
+                                       <dd>画像の反転操作ができるように!ヒストリーも動作。現在のバックエンドは、css3,vml,ActiveV。</dd>\r
+                                       <dd>jQueryが不要そうな部分は直接domに触るようにする。style.width,style.heightにieではマイナスは不可、'px'が不要。</dd>\r
+                                       <dd>ieでイメージの縦横pxが取れず、jsonからのデータを入れる。</dd>\r
+                                       <dt>11-12-13</dt>\r
+                                       <dd>ieでイメージの縦横pxが取れない問題の解消。new Image()の場合、ie8以下ではサイズが取れなかったり、removeChildに失敗するっぽい。</dd>\r
+                                       <dt>11-12-18</dt>\r
+                                       <dd>helpウインドウの追加。併せてWindowClass周りの大幅な書き換え。クロージャを効かせるスタイルでも継承っぽい書き方ができたかも。</dd>\r
+                                       <dd>domTreeに追加する前にjQueryでセットしても特にイベント周りで表示がおかしくなる.ieでは特に酷い。</dd>\r
+                                       <dt>11-12-25</dt>\r
+                                       <dd>メニューバーが動作するようになる。他にマウスイベントリスナへのイベント伝播の書き換え。</dd>\r
+                       </dl>\r
+                       </div>\r
+               </div>\r
+               \r
+       <!-- comic list -->\r
+               <div id="comic-list" class="view-container"></div>\r
+               \r
+       <!-- image list -->\r
+               <div id="image-list" class="view-container"></div>\r
+               \r
+       <!-- setting -->\r
+               <div id="setting" class="view-container"></div>\r
+               \r
+       <!-- grobal navi -->\r
+               <div id="grobal-navi">\r
+                       <a href="#jump-to-home">home</a>\r
+                       <a href="#jump-to-comic-list">comic list</a>\r
+                       <a href="#jump-to-image-list">image list</a>\r
+                       <a href="#jump-to-setting">setting</a>\r
+               </div>\r
+               \r
+       <!-- Editor -->\r
+               <div id="editor" class="view-container">\r
+               <p id="key-event-log" style="margin-top: 5em;"></p>\r
+               <p id="history-log"></p>\r
+                       <p id="operation-catcher-log"></p>\r
+                       <p id="tail-log"></p>\r
+                       <p id="window-log"></p>\r
+                       \r
+               <!-- コマの背景(パターン・塗りつぶし) -->\r
+       \r
+               <!-- グリッド-->\r
+                       <div id="grid" style="display:none;"></div>\r
+       \r
+               <!-- コマ要素 -->\r
+                       <div id="comic-element-container"></div>\r
+\r
+               <!-- コマの枠の外は完全に隠さないで、半透過のレイヤーを重ねる -->\r
+                       <div id="whiteGlass-container">\r
+                               <div id="whiteGlass-top"></div>\r
+                               <div id="whiteGlass-left"></div>\r
+                               <div id="whiteGlass-right"></div>\r
+                               <div id="whiteGlass-bottom"></div>\r
+                       </div>\r
+                       \r
+               <!-- コマの枠の表示 -->\r
+                       <div id="panel-border">\r
+                       <!-- コマの高さの変更ボタン -->\r
+                               <div id="panel-resizer-top">▲</div>\r
+                               <div id="panel-resizer-bottom">▼</div>\r
+                               \r
+                       <!-- コミック要素のリサイザ -->\r
+                               <div id="comic-element-resizer-container">\r
+                                       <div class="comic-element-resizer" id="comic-element-resizer-top"></div>\r
+                                       <div class="comic-element-resizer" id="comic-element-resizer-left"></div>\r
+                                       <div class="comic-element-resizer" id="comic-element-resizer-right"></div>\r
+                                       <div class="comic-element-resizer" id="comic-element-resizer-bottom"></div>\r
+                                       <div class="comic-element-resizer" id="comic-element-resizer-top-left"></div>\r
+                                       <div class="comic-element-resizer" id="comic-element-resizer-top-right"></div>\r
+                                       <div class="comic-element-resizer" id="comic-element-resizer-bottom-left"></div>\r
+                                       <div class="comic-element-resizer" id="comic-element-resizer-bottom-right"></div>\r
+                                       <div id="baloon-tail-mover"></div>\r
+                                       \r
+                               <!-- コミックオブジェクトコンソール -->\r
+                                       <div id="comic-element-consol-wrapper">\r
+                                               <div id="comic-element-consol-tail"></div>\r
+                                               <div id="comic-element-consol-wrapper-when-out">\r
+                                                       <div id="image-element-consol">\r
+                                                               <div id="change-image-button">⇔</div>\r
+                                                               <div id="layer-back-button">&lt;B</div>\r
+                                                               <div id="delete-image-button">x</div>\r
+                                                               <div id="layer-forward-button">F&gt;</div>\r
+                                                       </div>\r
+                                                       <div id="text-element-consol">\r
+                                                               <div id="edit-text-button">E</div>\r
+                                                               <div id="change-text-style-button">⇔</div>\r
+                                                               <div id="back-text-button">&lt;B</div>\r
+                                                               <div id="delete-text-button">x</div>\r
+                                                               <div id="hide-text-tail-button">x{</div>\r
+                                                               <div id="forward-text-button">F&gt;</div>\r
+                                                       </div>\r
+                                               </div>\r
+                                       </div>\r
+                               </div>\r
+                       </div>\r
+\r
+                       <div id="window-container"></div>\r
+                               \r
+\r
+                       <!-- layer-window -->\r
+                       <!-- dom-console-window -->\r
+                       <!-- publish-window -->\r
+                       <!-- wellcome-window -->\r
+                       \r
+\r
+               <!-- メニューバー -->\r
+                       <div id="menu-bar"></div>\r
+                       \r
+               <!-- マウスオペレーションキャッチャー -->\r
+                       <div id="mouse-operation-catcher"></div>\r
+       \r
+               <!-- テンプレート -->\r
+                       <script id="imgElementTemplete" type="text/x-jquery-tmpl">\r
+                               <div class="comic-element-wrapper image-element"></div>\r
+                       </script>\r
+                       \r
+                       <script id="textElementTemplete" type="text/x-jquery-tmpl">\r
+                               <div class="comic-element-wrapper text-element">\r
+                                       <img>\r
+                                       <div class="speach">\r
+                                               <div class="speach-inner"></div>\r
+                                       </div>\r
+                               </div>\r
+                       </script>\r
+                       \r
+                       <script id="textElementTempleteForOldIE" type="text/x-jquery-tmpl">\r
+                               <div class="comic-element-wrapper text-element">\r
+                                       <img>\r
+                                       <div class="speach">\r
+                                               <table><tr><td></td></tr></table>\r
+                                       </div>\r
+                               </div>\r
+                       </script>\r
+                       \r
+                       <script id="imageGruopItemTemplete" type="text/x-jquery-tmpl">\r
+                               <div class="image-gruop-item">\r
+                                       <img width="0" height="0">\r
+                                       <div class="image-gruop-item-title">img-title</div>\r
+                               </div>                          \r
+                       </script>\r
+                       \r
+                       <script id="windowTemplete" type="text/x-jquery-tmpl">\r
+                               <div class="window-wrapper">\r
+                                       <div class="window-header">window title</div>\r
+                                       <div class="window-close-button">x</div>\r
+                                       <div class="window-body clearfix">\r
+                                               <div class="window-body-insert-position"></div>\r
+                                               <div class="window-resize-button">/</div>\r
+                                       </div>\r
+                               </div>\r
+                       </script>\r
+                       \r
+               <!-- infomation-window -->\r
+                       <script id="infomation-window" type="text/x-jquery-tmpl">\r
+                               <div id="panel-background-information">\r
+                                       <div id="bg-pattern"></div>\r
+                                       <div id="select-bg-pattern-button">pattern</div>\r
+                                       <div id="reset-bg-pattern-button">x</div>\r
+                                       <div id="bg-color"></div>\r
+                                       <div id="select-bg-color-button">color</div>\r
+                                       <div id="reset-bg-color-button">x</div>\r
+                                       <!-- <div id="bg-pattern-x"></div>\r
+                                       <div id="bg-pattern-y"></div>\r
+                                       <div id="bg-pattern-repeat-x"></div>\r
+                                       <div id="bg-pattern-repeat-y"></div> -->\r
+                               </div>\r
+                       \r
+                               <div id="comic-element-infomation">\r
+                                       <div id="comic-element-x">\r
+                                               <span class="comic-element-attribute-label">x:</span>\r
+                                               <span id="comic-element-x-value" class="comic-element-attribute-value editable-value">0</span>\r
+                                       </div>\r
+                                       <div id="comic-element-y">\r
+                                               <span class="comic-element-attribute-label">y:</span>\r
+                                               <span id="comic-element-y-value" class="comic-element-attribute-value editable-value">0</span>\r
+                                       </div>\r
+                                       <div id="comic-element-z">\r
+                                               <span class="comic-element-attribute-label">z:</span>\r
+                                               <span id="comic-element-z-value" class="comic-element-attribute-value editable-value">0</span>\r
+                                       </div>\r
+                                       <div id="comic-element-a">\r
+                                               <span id="comic-element-a-value" class="comic-element-attribute-value editable-value">0</span>\r
+                                               <span class="comic-element-attribute-label">°</span>\r
+                                       </div>\r
+                                       <div id="comic-element-w">\r
+                                               <span class="comic-element-attribute-label">w:</span>\r
+                                               <span id="comic-element-w-value" class="comic-element-attribute-value editable-value">0</span>\r
+                                       </div>\r
+                                       <div id="comic-element-h">\r
+                                               <span class="comic-element-attribute-label">h:</span>\r
+                                               <span id="comic-element-h-value" class="comic-element-attribute-value editable-value">0</span>\r
+                                       </div>\r
+                                       <div id="comic-element-w-percent">\r
+                                               <span id="comic-element-w-percent-value" class="comic-element-attribute-value editable-value">0</span>\r
+                                               <span class="comic-element-attribute-label">%</span>\r
+                                       </div>\r
+                                       <div id="comic-element-h-percent">\r
+                                               <span id="comic-element-h-percent-value" class="comic-element-attribute-value editable-value">0</span>\r
+                                               <span class="comic-element-attribute-label">%</span>\r
+                                       </div>\r
+                               </div>\r
+                       </script>\r
+\r
+               <!-- toolbox-window -->\r
+                       <script id="toolbox-window" type="text/x-jquery-tmpl">\r
+                               <div id="toolbox-add-image-button">add image</div>\r
+                               <div id="toolbox-add-text-button">add text</div>\r
+                               <div id="toolbox-edit-bg-button">edit bg</div>\r
+                               <div id="toolbox-switch-grid">grid</div>\r
+                               <div id="toolbox-popup-help-button">?</div>\r
+                               <div id="toolbox-publish-button">publish!</div>\r
+                       </script>\r
+                       \r
+               </div>\r
+       <!-- Editor -->\r
+               \r
+               \r
+       <!-- オーバーレイ -->\r
+               <div id="overlay-container" style="display: none;">\r
+                       <div id="overlay-shadow"></div>\r
+                       \r
+               <!-- テキスト エディタ -->\r
+                       <div id="speach-editor-wrapper">\r
+                               <textarea id="speach-editor"></textarea>\r
+                               <div id="speach-edit-complete-button" class="button">OK</div>\r
+                       </div>\r
+\r
+               <!-- 画像グループから画像を選択 -->\r
+                       <div id="image-gruop-wrapper">\r
+                               <div id="image-icon-container"></div>\r
+                               <div id="gruop-name-display">Group Name</div>\r
+                               <div id="image-gruop-button" class="button">cancel</div>\r
+                       </div>\r
+                       \r
+                       <div id="overlay-close-button">x</div>\r
+               </div>\r
+\r
+               <script type="text/javascript" src="jquery-1.6.2.min.js"></script>\r
+               <!-- <script type="text/javascript" src="jquery-ui-1.8.16.custom.min.js"></script> -->\r
+               <script type="text/javascript" src="main.js"></script>\r
+    </body>\r
+</html>\r
diff --git a/0.3.0/jquery-1.6.2.min.js b/0.3.0/jquery-1.6.2.min.js
new file mode 100644 (file)
index 0000000..925a891
--- /dev/null
@@ -0,0 +1,31 @@
+/*!
+ * 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
diff --git a/0.3.0/loading.gif b/0.3.0/loading.gif
new file mode 100644 (file)
index 0000000..f864d5f
Binary files /dev/null and b/0.3.0/loading.gif differ
diff --git a/0.3.0/main.js b/0.3.0/main.js
new file mode 100644 (file)
index 0000000..131114a
--- /dev/null
@@ -0,0 +1,4385 @@
+/*\r
+ * html2comic Javascript Editor -\r
+ * \r
+ *   main.js\r
+ * \r
+ *   version 0.3.0\r
+ * author:\r
+ *   itozyun\r
+ * licence:\r
+ *   BSD\r
+ *\r
+ * \r
+ * ----------------------------------------\r
+ * - naming of comic's elements -\r
+ * \r
+ *  0.comic strip(en) : koma manga(jp)\r
+ *\r
+ *  1.panel(en) : koma(jp)\r
+ *    +------------+\r
+ *    |            |\r
+ *    |            |\r
+ *    |            |\r
+ *    |            |\r
+ *    +------------+\r
+ *  \r
+ *  2.speach balloon(en) : fukidasi(jp)\r
+ *      ________\r
+ *     /        \\r
+ *     |         |\r
+ *    <  Hello!! |\r
+ *     |         |\r
+ *     \________/\r
+ *   \r
+ *  3.img\r
+ * \r
+ * \r
+ * ----------------------------------------
+ * window\r
+ * +----------------------------+\r
+ * |      CANVAS_CONTROL        |  \r
+ * |       - panel              |\r
+ * |        +----------+        | \r
+ * |        | +----------+      | \r
+ * |        | |          |      | \r
+ * |        | |          |      | \r
+ * |        +-|          |      |\r
+ * |          +----------+      | \r
+ * |        - WHITE_GLASS_CONTROL | \r
+ * +----------------------------+\r
+ * \r
+ * ----------------------------------------\r
+ * naming rules\r
+ * \r
+ *  Class\r
+ *    ThisIsClass\r
+ *  \r
+ *  const & Singleton Class\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
+ *    vmkImg, VML_SHAPE\r
+ * 
+ */\r
+\r
+var h2c = ( 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;\r
+                       while( params.length > 0){\r
+                           elm = params.shift().split( '=');\r
+                                       name = decodeURIComponent( elm[ 0]);\r
+                                       if( elm.length === 2){\r
+                                   ret[ name] = ( function( v){\r
+                                                       if( '' + parseFloat( v) === v) return parseFloat( v);\r
+                                                       if( v === 'true') return true;\r
+                                                       if( v === 'false') return false;\r
+                                                       if( v === 'null') return null;\r
+                                                       if( v === 'undefined') return undefined;\r
+                                                       return v;\r
+                                               })( decodeURIComponent( elm[ 1]));\r
+                                       } else\r
+                                       if( elm.length === 1){\r
+                                               ret[ name] = true;\r
+                                       }\r
+                       }\r
+                       return ret;\r
+                   }\r
+                   return {};\r
+               })(),\r
+               IS_DEBUG = IS_LOCAL === true || URL_PARAMS.debug === true,\r
+               isIE = navigator.userAgent.toLowerCase().indexOf( 'msie') !== -1,\r
+               ieVersion = isIE === true ? parseInt( navigator.appVersion.toLowerCase().replace( /.*msie[ ]/, '').match( /^[0-9]+/)) : 0,\r
+               ieMode = ieVersion === 8 ? document.documentMode : 0,\r
+               isStanderdMode = document.compatMode === 'CSS1Compat',\r
+               jqWindow , jqDocument , jqBody;\r
+               \r
+               ( function(){\r
+                       var _elms = document.getElementsByTagName( '*'),\r
+                               _elm,\r
+                               i = 0;\r
+                       while( i < _elms.length){\r
+                               _elm = _elms[ i];\r
+                               if( _elm.nodeType === 8 && _elm.parentNode){\r
+                                       _elm.parentNode.removeChild( _elm);\r
+                               } else {\r
+                                       ++i;\r
+                               }\r
+                       }\r
+               })();\r
+               \r
+       return {\r
+               version: '0.3.0',\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 === h2c.view ? FUNCTION_ARRAY : undefined);\r
+                       }\r
+                       \r
+                       delete h2c.init;\r
+               },\r
+               fn: function( _fn){\r
+                       FUNCTION_ARRAY.push( _fn);\r
+                       h2c.init === undefined && _fn.init && _fn.init();\r
+               },\r
+               isIE: isIE,\r
+               ieVersion: ieVersion,\r
+               ieRenderingVersion: ieMode !== 0 ? ieMode : ieVersion,\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: ( function(){\r
+                       if( isIE === false || ieVersion > 8) return false;\r
+                       var className = document.body.className,\r
+                               test;\r
+                       if( className && className.indexOf( 'h2c-ActiveX-enabled') !== -1) return true;\r
+                       if( className && className.indexOf( 'h2c-ActiveX-disabled') !== -1) return false;\r
+                       try {\r
+                               test = new ActiveXObject('DXImageTransform.Microsoft.gradient');\r
+                       } catch( e){\r
+                               return false;\r
+                       }\r
+                       return !!test;\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
+               LOCAL: IS_LOCAL,\r
+               DEBUG: IS_DEBUG,\r
+               LINE_FEED_CODE_TEXTAREA : ( function(){\r
+                       var text = document.getElementById( 'shadowTxtarea'),\r
+                               form = text.parentNode;\r
+                       form.parentNode.removeChild( form);\r
+                       return text.value;\r
+               })(),\r
+               LINE_FEED_CODE_PRE : ( function(){\r
+                       var pre = document.getElementById( 'shadowPre');\r
+                       pre.parentNode.removeChild( pre);\r
+                       return isIE === true ? this.LINE_FEED_CODE_TEXTAREA : pre.innerHTML; // ie ??\r
+               })()\r
+       }\r
+})();\r
+\r
+/*\r
+ * h2c.util\r
+ * \r
+ * getElementSize( _elm)\r
+ * getImageSize()\r
+ * \r
+ */\r
+\r
+h2c.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
+       return {\r
+               extend: function( baseInstance, extend){\r
+                       for( var key in extend){\r
+                               baseInstance[ key] = extend[ key];\r
+                       }\r
+                       return baseInstance;\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
+                       var size = getActualDimension( img);\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
+                       return size;\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
+                                       /*\r
+                                               function fn() {\r
+                                                       w = image.width;\r
+                                                       h = image.height;\r
+                                               }\r
+                                               mem = { w: image.width, h: image.height }; // keep current style\r
+                                               image.removeAttribute("width");\r
+                                               image.addEventListener("DOMAttrModified", fn, false);\r
+                                               image.removeAttribute("height");\r
+                                               // call fn\r
+                                               image.removeEventListener("DOMAttrModified", fn, false);\r
+                                               image.width  = mem.w; // restore\r
+                                               image.height = mem.h;\r
+                                       */\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
+               loadImage: function( URLorELM, onLoad, onError, delay, timeout){\r
+                       delay = delay || 250;\r
+                       timeout = timeout || 5000;\r
+                       var type = typeof URLorELM,\r
+                               img, images, src, abstractPath;\r
+                       if( type === 'string'){\r
+                               src = URLorELM;\r
+                               // images = [];\r
+                       } else\r
+                       // http://d.hatena.ne.jp/hottolinkblog/20090228/1235823487\r
+                       if( type === 'object' && typeof URLorELM.hspace !== 'undefined' && typeof URLorELM.vspace !== 'undefined'){\r
+                               img = URLorELM;\r
+                               images = [ img];\r
+                               src = img.src;\r
+                       } else {\r
+                               return;\r
+                       }\r
+                       abstractPath = this.getAbsolutePath( src);\r
+                       \r
+                       loadImage( images, abstractPath,\r
+                               function( abspath, actualW, actualH){\r
+                                       if( abstractPath !== abspath) return;\r
+                                       onLoad && setTimeout( function(){ // 一度読み込まれた画像は即座にonLoadされてしまうので遅延\r
+                                               onLoad( src, actualW, actualH);\r
+                                       }, 0);\r
+                               },\r
+                               function( abspath){\r
+                                       if( abstractPath !== abspath) return;\r
+                                       onError && setTimeout( function(){\r
+                                               onError( src);\r
+                                       }, 0);\r
+                               }, delay, timeout\r
+                       );\r
+                       \r
+               /*  LICENSE: MIT?\r
+                *  URL: http://d.hatena.ne.jp/uupaa/20080413/1208067631\r
+                *  AUTHOR: uupaa.js@gmail.com\r
+                * \r
+                *  fixed for ie6-8 by h2c\r
+                *   new Image -> document.createElement( 'IMG')\r
+                */\r
+                       function loadImage( images, abspath, onLoad, onError, delay, timeout) {\r
+                               images = images || document.images;\r
+                               var img,\r
+                                       i = 0, l = images.length,\r
+                                       tick = 0;\r
+                               for(; i < l; ++i) {\r
+                                       img = images[i];\r
+                                       if ( img.src === abspath && img.complete) {\r
+                                               var size = h2c.util.getImageSize( img);\r
+                                               onLoad( abspath, size.width, size.height);\r
+                                               return;\r
+                                       }\r
+                               }\r
+                               img = document.createElement( 'IMG'); //var img = new Image(); ではieでimgのsizeが取れない、、、removeChildも失敗し、imgSizeGetterにimgが残る\r
+                               img.finish = false;\r
+                               img.onabort = img.onerror = function() {\r
+                                       if (img.finish) { return; }\r
+                                       img.finish = true;\r
+                                       onError(abspath);\r
+                                       img.onload = img.onabort = img.onerror = "";\r
+                               };\r
+                               img.onload  = function() {\r
+                                       img.finish = true;\r
+                                       if (window.opera && !img.complete) {\r
+                                               onError(abspath);\r
+                                               img.onload = img.onabort = img.onerror = "";\r
+                                               return;\r
+                                       }\r
+                                       var size = h2c.util.getImageSize( img);\r
+                                       onLoad( abspath, size.width, size.height);\r
+                                       img.onload = img.onabort = img.onerror = "";\r
+                                       //img = void 0;\r
+                               };\r
+                               img.src = abspath;\r
+                               if (!img.finish && timeout) {\r
+                                       setTimeout(function() {\r
+                                               if (img.finish) { return; }\r
+                                               if (img.complete) {\r
+                                                       img.finish = true;\r
+                                                       if (img.width) { return; }\r
+                                                       onError(abspath);\r
+                                                       img.onload = img.onabort = img.onerror = "";\r
+                                                       return;\r
+                                               }\r
+                                               if ((tick += delay) > timeout) {\r
+                                                       img.finish = true;\r
+                                                       onError(abspath);\r
+                                                       img.onload = img.onabort = img.onerror = "";\r
+                                                       return;\r
+                                               }\r
+                                               setTimeout(arguments.callee, delay);\r
+                                       }, 0);\r
+                               }\r
+                       }\r
+               },\r
+               getAbsolutePath: function( path) {\r
+                       var e = document.createElement("div");\r
+                       e.innerHTML = '<a href=\"' + path + '\" />';\r
+                       return e.firstChild.href;\r
+               }\r
+       }\r
+})();\r
+\r
+/*\r
+ * window resize event, overlay と currentなviewに流す\r
+ * view modeの保持\r
+ *      editor, overlay, comic-viewer, image-explorer\r
+ * fadeIn, faseOut
+ */\r
+h2c.view = ( function(){\r
+       var jqWindow,\r
+               funcArray,\r
+               HOME_ID = 'home',\r
+               currentView,\r
+               elmCurrent,\r
+               viewID = ( function(){\r
+                       var _viewID = h2c.URL_PARAMS.view || HOME_ID\r
+                               _elmView = document.getElementById( _viewID),\r
+                               _elmHome = document.getElementById( HOME_ID);\r
+                       if( _elmView){\r
+                               _elmHome.style.display = '';\r
+                               _elmView.style.display = 'block';\r
+                               elmCurrent = _elmView;\r
+                               return _viewID;\r
+                       }\r
+                       elmCurrent = _elmHome;\r
+                       return HOME_ID;\r
+               })();\r
+\r
+       function onWindowResize(){\r
+               var _fn,\r
+                       l = funcArray.length,\r
+                       w = jqWindow.width(),\r
+                       h = jqWindow.height();\r
+               for( var i=0; i<l; ++i){\r
+                       _fn = funcArray[ i];\r
+                       _fn.onWindowResize && _fn.onWindowResize( w, h);\r
+               }\r
+       }\r
+       return {\r
+               init: function( _funcArray){\r
+                       funcArray = _funcArray;\r
+                       jqWindow = h2c.jqWindow();\r
+                       jqWindow.resize( onWindowResize);\r
+                       \r
+                       setTimeout( onWindowResize, 100);\r
+                       \r
+                       delete h2c.view.init;\r
+               },\r
+               show: function( _view){\r
+                       for( var key in h2c){\r
+                               if( h2c[ key] === _view){\r
+                                       var elm = document.getElementById( key);\r
+                                       if( currentView !== _view && elm){\r
+                                               this.current = viewID = key;\r
+                                               currentView = _view;\r
+                                               elmCurrent.style.display = '';\r
+                                               elm.style.display = 'block';\r
+                                               elmCurrent = elm;\r
+                                       }\r
+                                       return;\r
+                               }\r
+                       }\r
+                       alert( 'fault!!');\r
+               },\r
+               current: viewID\r
+       }\r
+})();\r
+\r
+h2c.view.HOME = 'home'; //\r
+h2c.view.COMICS = 'comic-list';\r
+h2c.view.IMAGES = 'image-list';\r
+h2c.view.SETTING = 'setting';\r
+h2c.view.EDITOR = 'editor'; // edit mode\r
+\r
+h2c.overlay = ( function(){\r
+       var SHADOW_OPACITY = 0.5,\r
+               jqBody, jqConteiner, jqShadow, jqCloseButton,\r
+               currentOverlay = null,\r
+               visible = false;\r
+       return {\r
+               init: function(){\r
+                       jqBody = h2c.jqBody();\r
+                       jqConteiner = $( '#overlay-container');\r
+                       jqShadow = $( '#overlay-shadow');\r
+                       jqCloseButton = $( '#overlay-close-button').click( function( e){\r
+                               currentOverlay && currentOverlay.onClose && currentOverlay.onClose();\r
+                               h2c.overlay.hide();\r
+                               return false;\r
+                       });\r
+                       \r
+                       delete h2c.overlay.init;\r
+               },\r
+               show: function( _currentOverlay){\r
+                       if( visible === true && currentOverlay === _currentOverlay) return;\r
+                       jqConteiner.stop().css( {\r
+                               filter:         '',\r
+                               opacity:        ''\r
+                       }).fadeIn();\r
+                       visible = true;\r
+                       currentOverlay = _currentOverlay;\r
+                       jqCloseButton.toggle( !!_currentOverlay.onClose);\r
+               },\r
+               hide: function(){\r
+                       currentOverlay = null;\r
+                       if( visible === false) return;\r
+                       jqConteiner.stop().css( {\r
+                               filter:         '',\r
+                               opacity:        ''\r
+                       }).fadeOut();\r
+                       visible = false;\r
+               },\r
+               onWindowResize: function( _windowW, _windowH){\r
+                       jqConteiner.css( { height:      _windowH});\r
+                       jqShadow.css( { height: _windowH});\r
+                       currentOverlay && currentOverlay.onWindowResize && setTimeout( function(){ // 先にeditorのcanvasを確定する。\r
+                               currentOverlay.onWindowResize( _windowW, _windowH);\r
+                       }, 0);\r
+               }\r
+       }\r
+})();\r
+\r
+/* ----------------------------------------\r
+ * KEY\r
+ * \r
+ *  - EDITABLE_TEXT_CONTROL\r
+ *    - EDITABLE_TEXT_CLASS\r
+ *      .update: function,\r
+ *      .show: function,\r
+ *      .hide: function,\r
+ *      .start: function,\r
+ *      .finish: finish,\r
+ *      .enabled: function,\r
+ *      .index: function,\r
+ *      .instance: function\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
+ *    .addKeyEvent:                    function,\r
+ *    .keyEventDispatcher:     function,\r
+ *    .createEditableText:     function,\r
+ * \r
+ * ショートカットキーの監視とテキスト入力(input, textarea)を管理する。\r
+ * キー入力はdocumentで受けて、テキスト編集中(input, textarea)はそちらにキーイベント流す。\r
+ * \r
+ */\r
+h2c.key = ( function(){\r
+       var log,\r
+               jqWindow,\r
+               keyOperationChatcher;\r
+               KEYEVENT_ARRAY = [],\r
+               shiftEnabled = false,\r
+               ctrlEnabled = false;\r
+               spaceEnabled = false;\r
+       \r
+       var EDITABLE_TEXT_CONTROL = ( function(){\r
+               var     EDITABLE_TEXT_TABLE = {},\r
+                       currentText = null;\r
+\r
+               var EDITABLE_TEXT_CLASS = function( WRAPPER_ELM, ON_UPDATE_FUNCTION, GROUP_ID){\r
+                       var ELM = WRAPPER_ELM.children( '.editable-value').eq( 0),\r
+                               value = ELM.html(),\r
+                               jqInput,\r
+                               index = EDITABLE_TEXT_TABLE[ GROUP_ID].length,\r
+                               instance,\r
+                               enabled = true,\r
+                               A = $( '<a href="#" onclick="return false;"></a>').html( value).click( function(e){\r
+                                       instance = instance || EDITABLE_TEXT_TABLE[ GROUP_ID][ index];\r
+                                       EDITABLE_TEXT_CONTROL.start( instance);                                                         \r
+                                       A.hide();\r
+                                       jqInput = $( '<input type="text"/>').val( value)//.keydown( finish).keypress( finish);\r
+                                       ELM.append( jqInput);\r
+                                       jqInput.focus().select();\r
+                               });\r
+                       ELM.addClass( 'editable-text').html( A);\r
+                       \r
+                       function finish(e){\r
+                               if(e){\r
+                                       var keyCode = e.keyCode;\r
+                                       if( keyCode === 13 || keyCode === 27 || keyCode === 9 || keyCode === 18 || e.altKey === true){ // 13.return 27.esc 9.tab 18.alt\r
+                                               _finish( keyCode !== 27 ? jqInput.val() : value);\r
+                                               keyCode === 9 && GROUP_ID && EDITABLE_TEXT_CONTROL.tabShift( GROUP_ID, index, e.shiftKey === true ? -1 : 1);\r
+                                       }\r
+                               } else {\r
+                                       _finish( jqInput.val());\r
+                               }\r
+                               function _finish( VALUE_NEW){\r
+                                       value = VALUE_NEW;\r
+                                       A.html( VALUE_NEW).show();\r
+                                       jqInput.remove();\r
+                                       jqInput = null;\r
+                                       ON_UPDATE_FUNCTION && VALUE_NEW !== value && ON_UPDATE_FUNCTION( VALUE_NEW, value);\r
+                                       EDITABLE_TEXT_CONTROL.finish( instance);\r
+                               }\r
+                       }\r
+                       return {\r
+                               update: function( _value){\r
+                                       value = _value !== undefined ? _value : value;\r
+                                       A.html( value);\r
+                                       jqInput && jqInput.val( value);\r
+                                       currentText === instance && finish();\r
+                               },\r
+                               show: function(){\r
+                                       enabled === false && WRAPPER_ELM.show();\r
+                                       enabled= true;\r
+                               },\r
+                               hide: function(){\r
+                                       enabled === true && WRAPPER_ELM.hide();\r
+                                       enabled = false;\r
+                               },\r
+                               start: function(){\r
+                                       !jqInput && A.click();\r
+                               },\r
+                               finish: finish,\r
+                               enabled: function(){\r
+                                       return enabled;\r
+                               }\r
+                       }\r
+               }\r
+               \r
+               return {\r
+                       create: function( ELM, ON_UPDATE_FUNCTION, GROUP_ID){\r
+                               if( GROUP_ID && !EDITABLE_TEXT_TABLE[ GROUP_ID]) EDITABLE_TEXT_TABLE[ GROUP_ID] = [];\r
+                               var ret = EDITABLE_TEXT_CLASS.apply( {}, [ ELM, ON_UPDATE_FUNCTION, GROUP_ID])\r
+                               GROUP_ID && EDITABLE_TEXT_TABLE[ GROUP_ID].push( ret);\r
+                               return ret;\r
+                       },\r
+                       start: function( _currentText){\r
+                               currentText !== _currentText && currentText && currentText.finish();\r
+                               currentText = _currentText;\r
+                       },\r
+                       finish: function( _currentText){\r
+                               if( currentText !== _currentText) return;\r
+                               currentText = null \r
+                       },\r
+                       keyEventRellay: function( e){\r
+                               currentText && currentText.finish( e);\r
+                               return !!currentText;\r
+                       },\r
+                       tabShift: function( _groupID, _index, _way){\r
+                               var GROUP_ARRAY = EDITABLE_TEXT_TABLE[ _groupID] || [],\r
+                                       l = GROUP_ARRAY.length,\r
+                                       i = _index +_way;\r
+                               if( l < 2) return;\r
+                               while( i !== _index){\r
+                                       i = i < 0 ?\r
+                                               l -1 :\r
+                                               i === l ? 0 : i; // 0 < i < l\r
+                                       if( GROUP_ARRAY[ i].enabled() === true) break;\r
+                                       i += _way;\r
+                               }\r
+                               if( i === _index) return;\r
+                               setTimeout( function(){ GROUP_ARRAY[ i].start();}, 0);\r
+                       }\r
+               }\r
+       })();\r
+       \r
+       function keyHit( e){\r
+               log.html( [ e.keyCode, e.shiftKey, e.ctrlKey, e.altKey].join( ','));\r
+               //keyOperationChatcher.val( '');\r
+               var cancel = false,\r
+                       key = e.keyCode;\r
+               if( EDITABLE_TEXT_CONTROL.keyEventRellay( e) === false){\r
+                       if( key === 16 || e.shiftKey === true){\r
+                               keyOperationChatcher.trigger( h2c.key.SHIFT_DOWN_EVENT);\r
+                               shiftEnabled = true;\r
+                       }\r
+                       if( key === 17 || e.ctrlKey === true){\r
+                               keyOperationChatcher.trigger( h2c.key.CTRL_DOWN_EVENT);\r
+                               ctrlEnabled = true;\r
+                       }\r
+                       if( key === 32){\r
+                               keyOperationChatcher.trigger( h2c.key.SPACE_DOWN_EVENT);\r
+                               spaceEnabled = true;\r
+                       }\r
+                       \r
+                       var l = KEYEVENT_ARRAY.length,\r
+                               d;\r
+                       for( var i=0; i<l; i++){\r
+                               d = KEYEVENT_ARRAY[ i];\r
+                               if( d.keyCode === key && d.shift === e.shiftKey && d.ctrl === e.ctrlKey){\r
+                                       setTimeout( d.callback, 0);\r
+                                       cancel = true;\r
+                               }\r
+                       }                               \r
+               }\r
+               if( key === 13 ||key === 18 || key === 9 || key === 27 || e.altKey === true || cancel === true){ // 13.enter 18.esc 9.tab 27.esc\r
+                       e.preventDefault();\r
+               e.keyCode = 0;\r
+               e.cancelBubble = true;\r
+               e.returnValue = false;\r
+                       return false;\r
+               }\r
+       }\r
+\r
+       return {\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
+                       log = $( '#key-event-log').html( 'ready');\r
+\r
+                       jqWindow = h2c.jqWindow().focus();\r
+                       keyOperationChatcher = h2c.jqDocument()\r
+                               .keydown( keyHit)\r
+                               .keyup( function( e){\r
+                                       log.html( '-' +e.altKey);\r
+                                       var key = e.keyCode;\r
+                                       if( key === 16 || e.shiftKey === true){\r
+                                               keyOperationChatcher.trigger( h2c.key.SHIFT_UP_EVENT);\r
+                                               shiftEnabled = false;\r
+                                       }\r
+                                       if( key === 17 || e.ctrlKey === true){\r
+                                               keyOperationChatcher.trigger( h2c.key.CTRL_UP_EVENT);\r
+                                               ctrlEnabled = false;\r
+                                       }\r
+                                       if( key === 32){\r
+                                               keyOperationChatcher.trigger( h2c.key.SPACE_UP_EVENT);\r
+                                               spaceEnabled = false;\r
+                                       }\r
+                                       e.preventDefault();\r
+                               e.keyCode = 0;\r
+                               e.cancelBubble = true;\r
+                               e.returnValue = false;\r
+                                       return false;\r
+                               }).mouseenter( function(){\r
+                                       jqWindow.focus();\r
+                               });\r
+                       h2c.isIE === true && h2c.ieRenderingVersion < 8 && keyOperationChatcher.keypress( function( e){\r
+                               var key = e.keyCode;\r
+                               if( key === 13 || key === 27){\r
+                                       keyHit( e);\r
+                                       return false;\r
+                               }\r
+                       });\r
+\r
+                       delete h2c.key.init;\r
+               },\r
+               addKeyEvent: function( _keyCode, _shift, _ctrl, _callbackFunction){\r
+                       KEYEVENT_ARRAY.push( {\r
+                               keyCode:                _keyCode,\r
+                               shift:                  _shift,\r
+                               ctrl:                   _ctrl,\r
+                               callback:               _callbackFunction\r
+                       });\r
+               },\r
+               addCursorEvent: function( _shift, _ctrl, _callbackFunction){\r
+                       \r
+               },\r
+               keyEventDispatcher: function(){\r
+                       return keyOperationChatcher;\r
+               },\r
+               createEditableText: EDITABLE_TEXT_CONTROL.create,\r
+               shiftEnabled: function(){\r
+                       return shiftEnabled;\r
+               },\r
+               ctrlEnabled: function(){\r
+                       return ctrlEnabled;\r
+               },\r
+               spaceEnabled: function(){\r
+                       return spaceEnabled;\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
+h2c.balloon = ( function() {\r
+       var MIN_BALLOON_WIDTH = 30,\r
+               MIN_BALLOON_HEIGHT = 30,\r
+               TAIL_WIDTH = 6,\r
+               TAIL_HEIGHT = 10,\r
+               STROKE_WIDTH = 1.2,\r
+               PADDING_TOP = TAIL_HEIGHT,\r
+               PADDING_LEFT = TAIL_HEIGHT,\r
+               ACCURACY = 1, // 有効少数桁        \r
+               IS_VML = h2c.isIE === true && h2c.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
+\r
+       var XBROWSER_BALLOON_CLASS = function( w, h, a){\r
+               var balloonElm = vectorEnabled === true ? ELM_BALLOON_ORIGIN.cloneNode( true) : document.createElement( 'IMG'), // h2c.imageに変更\r
+                       PI = Math.PI, cos = Math.cos, sin = Math.sin,\r
+                       abs = Math.abs, pow = Math.pow;\r
+               \r
+               draw( a, w, h);\r
+               \r
+               function draw( _a, _w, _h){\r
+                       a = _a !== undefined ? _a : a;\r
+                       w = _w ? _w -PADDING_TOP *2 : w;\r
+                       h = _h ? _h -PADDING_LEFT *2 : h;\r
+\r
+                       if( vectorEnabled === false){\r
+                               balloonElm.setAttribute( 'src', balloonUrlBuilder( a));\r
+                               return;\r
+                       }\r
+                       \r
+                       var rx = w /2,\r
+                               ry = h /2,\r
+                               tailRad = a * PI / 180,\r
+                               tailX = rx +( rx +TAIL_HEIGHT) * cos( tailRad),\r
+                               tailY = ry +( ry +TAIL_HEIGHT) * sin( tailRad),\r
+                               startX, startY, endX, endY;\r
+               /*\r
+                * tailの太さをTAIL_WIDTHに一致させるため、角度を絞りつつ計算\r
+                */\r
+                       ( function( a, rx, ry, sin, cos, pow){\r
+                               var startRad, endRad,\r
+                                       _startX, _startY, _endX, _endY,\r
+                                       tailDeg = 0, d,\r
+                                       TARGET = TAIL_WIDTH * TAIL_WIDTH,\r
+                                       DEG_TO_RAD = PI / 180;\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 +cos( startRad) *rx;\r
+                                       _startY = ry +sin( startRad) *ry;\r
+                                       _endX = rx +cos( endRad) *rx;\r
+                                       _endY = ry +sin( 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
+                       })( a, rx, ry, sin, cos, pow);\r
+\r
+               /*\r
+                * \r
+                */                     \r
+                       IS_VML === true ?\r
+                       ( function ( tailX, tailY, startX, startY, rx, ry, endX, endY, _w, _h){\r
+                               var l = ',',\r
+                                       round = Math.round,\r
+                                       shape = balloonElm.getElementsByTagName( 'shape')[ 0];\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( startX), l, round( startY), l,\r
+                                       round( endX), l, round( endY),\r
+                                       ' l ', round( tailX), l, round( tailY),\r
+                                       ' x e'\r
+                               ].join( '');\r
+\r
+                               balloonElm.style.marginTop =  tailY < 0 ? Math.floor( ( 60 +tailY) /10) : 10;\r
+                               balloonElm.style.marginLeft = tailX < 0 ? Math.floor( ( 60 +tailX) /10) : 10;\r
+                               \r
+                       })( tailX *10, tailY *10, endX *10, endY *10, rx *10, ry *10, startX *10, startY *10, w *10, h *10)\r
+                       :\r
+                       ( function (){\r
+                               var l = ',',\r
+                                       path = balloonElm.getElementsByTagName( 'path')[ 0];\r
+                               \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
+                               function cround( v, r){\r
+                                       r = r || ACCURACY;\r
+                                       return Math.round( v *pow( 10.0, r)) /pow( 10.0, r);\r
+                               }                       \r
+                       })();\r
+               }\r
+               \r
+               function balloonUrlBuilder( _a){\r
+                       return 'url'//\r
+               }\r
+               return {\r
+                       elm: balloonElm,\r
+                       resize: draw,\r
+                       angle: function( _a){\r
+                               if( _a && _a !== a){\r
+                                       draw( _a);\r
+                               }\r
+                       },\r
+                       type: function( _type){\r
+                               //draw( _a);\r
+                       },\r
+                       destroy: function(){\r
+                               balloonElm.parentNode.removeChild( balloonElm);\r
+                               balloonElm = null;\r
+                               delete this.destroy;\r
+                       }\r
+               }\r
+       };\r
+       \r
+       vectorEnabled === true && ( function(){\r
+               var detect = XBROWSER_BALLOON_CLASS.apply( {}, [ 100, 100, 0]),\r
+                       size = h2c.util.getElementSize( detect.elm);\r
+               vectorEnabled = size.width !== 0 && size.height !== 0;\r
+               detect.destroy();\r
+               detect = size = null;   \r
+       })();\r
+\r
+       return {\r
+               init: function(){\r
+                       delete h2c.balloon.init;\r
+               },\r
+           enabled: function() {\r
+               return vectorEnabled;\r
+           },\r
+               VML: IS_VML === true && vectorEnabled === true,\r
+           createBalloon: function( _w, _h, _a){\r
+               return XBROWSER_BALLOON_CLASS.apply( {}, [ _w, _h, _a]);\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
+ *  h2c.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
+h2c.image = ( function(){\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( h2c.DEBUG === true && h2c.URL_PARAMS.rimg){\r
+                               var rimg = h2c.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( h2c.isIE === false || h2c.ieVersion >= 9) return IS_CSS3; // 不十分!\r
+                       if( h2c.balloon.VML === true) return IS_VML;\r
+                       if( h2c.ACTIVEX === true) return IS_ACTIVEX;\r
+                       if( h2c.FLASH === true) return IS_FLASH;\r
+                       if( h2c.SILVERLIGHT === true) return IS_SILVERLIGHT;\r
+                       return IS_SERVER;\r
+               })(),\r
+               PNG_FIX = h2c.isIE === true && h2c.ieVersion <= 6,\r
+               BACKEND_WHEN_PNG = PNG_FIX === false ? BACKEND : ( function(){\r
+                       if( h2c.balloon.VML === true) return IS_VML;\r
+                       if( h2c.FLASH === true) return IS_FLASH;\r
+                       if( h2c.SILVERLIGHT === true) return IS_SILVERLIGHT;\r
+                       if( h2c.ACTIVEX === true) return IS_ACTIVEX_SERVER;\r
+                       return IS_SERVER;\r
+               })();\r
+       \r
+       var XBackendReversibleImageClass = ( function(){\r
+               var 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
+               \r
+               var css3Image = function( url, w, h, onLoadCallback){\r
+                       var elmWrap = document.createElement( 'div'),\r
+                               elmImg,\r
+                               loaded = false,\r
+                               retryTimer = null;\r
+                       elmWrap.className = CLASS_NAME_LOADING;\r
+                       h2c.util.loadImage( url, onLoad, onError, 100, 10000);\r
+                       function onLoad( _url, _actualW, _actualH){\r
+                               if( elmWrap === null) return;\r
+                               elmImg = new Image;\r
+                               elmImg.src = url;\r
+                               elmWrap.appendChild( elmImg); // load後にimg\r
+                               elmWrap.className = CLASS_NAME;\r
+                               onLoadCallback && onLoadCallback( _url, _actualW, _actualH);\r
+                               onLoadCallback = null;\r
+                               loaded = true;\r
+                               resize( w, h);\r
+                       }\r
+                       function onError( _url){\r
+                               if( elmWrap === null) return;\r
+                               elmWrap.className = CLASS_NAME_ERROR;\r
+                               retryTimer = setTimeout( function(){\r
+                                       elmWrap.className = CLASS_NAME_LOADING;\r
+                                       h2c.util.loadImage( url, onLoad, onError, 100, 10000);\r
+                               }, RETRY_DELAY);\r
+                       }\r
+                       function resize( _w, _h){\r
+                               w = _w !== undefined ? _w : w;\r
+                               h = _h !== undefined ? _h : h;\r
+                               if( loaded === false) return;\r
+                               elmImg.className = w < 0 || h < 0 ? ( 'img-flip-' + ( w < 0 && h < 0 ? 'vh' : ( w < 0 ? 'v' : 'h'))) : '';\r
+                       }\r
+                       return {\r
+                               elm : elmWrap,\r
+                               resize: resize,\r
+                               destroy: function(){\r
+                                       loaded === true && elmWrap.removeChild( elmImg);\r
+                                       retryTimer !== null && clearTimeout( retryTimer);\r
+                                       elmWrap = vmlImg = onLoadCallback = retryTimer = null;\r
+                                       elmWrap = elmImg = onLoadCallback = null;\r
+                                       delete this.destroy;\r
+                               }\r
+                       }\r
+               }\r
+               var activexImage = css3Image;\r
+               var vmlImage = function( url, w, h, onLoadCallback){\r
+                       var elmWrap = document.createElement( 'div'),\r
+                               vmlImg,\r
+                               loaded = false,\r
+                               retryTimer = null;\r
+                       elmWrap.className = CLASS_NAME_LOADING;\r
+                       h2c.util.loadImage( url, onLoad, onError, 100, 10000);\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
+                               loaded = true;\r
+                               resize( w, h);\r
+                               onLoadCallback && onLoadCallback( _url, _actualW, _actualH);\r
+                               onLoadCallback = null;\r
+                       }\r
+                       function onError( _url){\r
+                               if( elmWrap === null) return;\r
+                               elmWrap.className = CLASS_NAME_ERROR;\r
+                               retryTimer = setTimeout( function(){\r
+                                       elmWrap.className = CLASS_NAME_LOADING;\r
+                                       h2c.util.loadImage( url, onLoad, onError, 100, 10000);\r
+                               }, RETRY_DELAY);\r
+                       }\r
+                       function resize( _w, _h){\r
+                               w = _w !== undefined ? _w : w;\r
+                               h = _h !== undefined ? _h : h;\r
+                               if( loaded !== true) 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 ? 'v' : 'h'))) : '';\r
+                                       elmWrap.appendChild( vmlImg);\r
+                       }\r
+                       return {\r
+                               elm : elmWrap,\r
+                               resize: resize,\r
+                               destroy: function(){\r
+                                       loaded === true && elmWrap.removeChild( vmlImg);\r
+                                       retryTimer !== null && clearTimeout( retryTimer);\r
+                                       elmWrap = vmlImg = onLoadCallback = retryTimer = null;\r
+                                       delete this.destroy;\r
+                               }\r
+                       }\r
+               }\r
+               var serverImage = function( url, w, h, onLoadCallback){\r
+                       \r
+               }\r
+               \r
+               return function( url, w, h, onLoadCallback){\r
+                               var flipH = w < 0,\r
+                                       flipV = h < 0,\r
+                                       onLoadCallbackAsync = onLoadCallback,// ? function(){ setTimeout( onLoadCallback, 0);} : undefined,// 一度読み込んだ画像は即座にonLoadになるため遅延\r
+                                       xBackendImage = ( function( urlIsXDomain){\r
+                                               if( BACKEND === IS_CSS3) return css3Image.apply( {}, [ url, w, h, onLoadCallbackAsync]);\r
+                                               if( BACKEND === IS_VML) return vmlImage.apply( {}, [ url, w, h, onLoadCallbackAsync]);\r
+                                               if( BACKEND === IS_ACTIVEX) return activexImage.apply( {}, [ url, w, h, onLoadCallbackAsync]);\r
+                                               return serverImage.apply( {}, [ url, w, h, onLoadCallbackAsync]);\r
+                                       })();\r
+                               return {\r
+                                       elm: xBackendImage.elm,\r
+                                       w: function( _w){\r
+                                               _w !== undefined && xBackendImage.resize( _w, h);\r
+                                               return w;\r
+                                       },\r
+                                       h: function( _h){\r
+                                               _h !== undefined && xBackendImage.resize( w, _h);\r
+                                               return h;\r
+                                       },\r
+                                       resize: xBackendImage.resize,\r
+                                       destroy: function(){\r
+                                               xBackendImage.destroy && xBackendImage.destroy();\r
+                                               xBackendImage = onLoadCallback = onLoadCallbackAsync = null;\r
+                                               delete this.destroy;\r
+                                       }\r
+                               }\r
+                       }\r
+       })();\r
+       return {\r
+               init: function(){\r
+                       \r
+               },\r
+               createReversibleImage: function( url, w, h, onLoadCallback){\r
+                       return XBackendReversibleImageClass.apply( {}, [ url, w, h, onLoadCallback]);\r
+               }\r
+       }\r
+})();\r
+\r
+/* ----------------------------------------\r
+ *   h2c.editor\r
+ *    - HISTORY\r
+ *    - WINDOW_CONTROL\r
+ *       - WINDOW_CLASS\r
+ *    - INFOMATION_WINDOW\r
+ *    - TOOL_BOX_WINDOW\r
+ *    - CANVAS_CONTROL\r
+ *       - GRID_CONTROL\r
+ *       - WHITE_GLASS_CONTROL\r
+ *       - PANEL_BORDER_CONTROL\r
+ *       - COMIC_ELEMENT_CONTROL\r
+ *          - PanelResizerClass\r
+ *          - COMIC_ELEMENT_OPERATOR\r
+ *             - TAIL_MOVER\r
+ *          - ImageElementClass\r
+ *          - TextElementClass\r
+ * \r
+ */\r
+h2c.editor = ( function(){\r
+       var COMIC_ELEMENT_TYPE_IMAGE = 0,\r
+               COMIC_ELEMENT_TYPE_TEXT = 1,\r
+               MOUSE_LISTENER_ARRAY = [],\r
+               currentListener = null,\r
+               ELM_MOUSE_EVENT_CHATCHER = document.getElementById( 'mouse-operation-catcher'),\r
+               jqMouseEventChacher,\r
+               jqEditor,\r
+               windowW, windowH,\r
+               currentCursor = '';\r
+\r
+/* ----------------------------------------\r
+ * MENU BAR\r
+ * div\r
+ *   div.title\r
+ *   ul\r
+ *     li\r
+ *        a\r
+ *          span\r
+ *          kbd shortcut\r
+ *     li.separator\r
+ */\r
+       var MENU_BAR_CONTROL = ( function(){\r
+               var BAR_ID = 'menu-bar',\r
+                       ELM_BAR = document.getElementById( BAR_ID),\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.href = '#';\r
+                               a.appendChild( span);\r
+                               a.appendChild( key);\r
+                               ret.appendChild( a);\r
+                               return ret;\r
+                       })(),\r
+                       EMPTY_FUNCTION = new Function,\r
+                       ITEM_ARRAY = [],\r
+                       barH,\r
+                       itemW = h2c.util.getElementSize( ELM_ITEM_ORIGN).width,\r
+                       selectionW = h2c.util.getElementSize( ELM_ITEM_ORIGN.getElementsByTagName( 'UL')[ 0]).width,\r
+                       jqStage, jqBar;\r
+               barH = h2c.util.getElementSize( ELM_BAR).height;\r
+               ELM_BAR.style.top = ( -barH) +'px';\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 that = this,\r
+                                       i = ( function(){\r
+                                               var parent = that.parentNode,\r
+                                                       children = parent.getElementsByTagName( 'LI'),\r
+                                                       l = children.length;\r
+                                               for(var i=0; i<l; ++i){\r
+                                                       if( children[ i] === that) return i;\r
+                                               }\r
+                                               return -1;\r
+                                       })();\r
+                               i !== -1 && this.className !== 'disabled' && SELECTION_CALLBACK_ARRAY[ i]();\r
+                               e.stopPropagation();\r
+                               return false;                           \r
+                       }\r
+                       return {\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( ( separateBefore === true && before) || ( before && before.separateAfter === true)){\r
+                                               ret.elm.style.borderTop = '1px solid #ccc';\r
+                                       }\r
+                                       return ret;\r
+                               },\r
+                               createAjaxSelection: function(){\r
+                                       var elmLoading = document.createElement( 'li');\r
+                                       elmLoading.className = 'loading';\r
+                                       elmLoading.style.height = '90px';\r
+                                       ELM_SELECTION.appendChild( elmLoading);\r
+                                       \r
+                                       delete this.createAjaxSelection;\r
+                                       return function(){\r
+                                               SELECTION_CALLBACK_ARRAY.shift();\r
+                                               ELM_SELECTION.removeChild( elmLoading);\r
+                                               elmLoading = null;\r
+                                               $( ELM_SELECTION).children( 'li').click( onClick);\r
+                                       }\r
+                               }\r
+                       }\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
+                       updateTitle( title);\r
+                       updateVisible( visible);\r
+                       \r
+                       ( function(){\r
+                               var ELM_SHORTCUT = ELM_WRAPPER.getElementsByTagName( 'KBD')[ 0];\r
+                               if( shortcut){\r
+                                       ELM_SHORTCUT.innerHTML = shortcut;\r
+                               } else {\r
+                                       ELM_SHORTCUT.parentNode.removeChild( ELM_SHORTCUT);\r
+                               }                               \r
+                       })();\r
+\r
+                       container.appendChild( ELM_WRAPPER);\r
+                       \r
+                       function updateTitle( _title){\r
+                               ELM_TITLE.innerHTML = title = _title;\r
+                       }\r
+                       function updateVisible( _visible){\r
+                               _visible !== undefined && ( function(){\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
+               function createMenubarItem( title){\r
+                       var _item = MenuBarItemClass.apply( {}, [ title]);\r
+                       ITEM_ARRAY.push( _item);\r
+                       return _item;\r
+               }\r
+               return {\r
+                       init: function(){\r
+                               jqStage = jqEditor;\r
+                               jqBar = $( '#' +BAR_ID).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
+                       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: h2c.util.extend( createMenubarItem( 'Help'), {\r
+                               \r
+                       }) // extend, onShow, ajaxselection, HELP_DOCUMENTS_CONTROL.load()\r
+               }\r
+       })();\r
+\r
+\r
+/* ----------------------------------------\r
+ * HISTORY\r
+ */\r
+       var HISTORY = ( function() {\r
+               var     STACK_BACK = [], STACK_FORWARD = [],\r
+                       menubarBack, menubarForward,\r
+                       log;\r
+                       \r
+               h2c.key.addKeyEvent( 90, false, true, back);    // ctrl + Z\r
+               h2c.key.addKeyEvent( 90, true, true, forward);  // ctrl + Y\r
+               h2c.key.addKeyEvent( 89, false, true, forward); // ctrl + shift + Z\r
+               \r
+               menubarBack = MENU_BAR_CONTROL.EDIT.createSelection( 'back', 'ctrl + z', back, false);\r
+               menubarForward = MENU_BAR_CONTROL.EDIT.createSelection( 'forward', 'ctrl + y', back, false, false, true);\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
+                       menubarBack.visible( STACK_BACK.length !== 0);\r
+                       \r
+                       STACK_FORWARD.push( state);\r
+                       menubarForward.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
+                       menubarForward.visible( STACK_FORWARD.length !== 0);\r
+                       \r
+                       STACK_BACK.push( state);\r
+                       menubarBack.visible( true);\r
+               }\r
+               return {\r
+                       init: function(){\r
+                               log = $( '#history-log');\r
+                               delete HISTORY.init;\r
+                       },\r
+                   saveState: function( _function, _argBack, _argForword, _destory) {\r
+                       STACK_BACK.push( {\r
+                               fn:                     _function,\r
+                               argBack:        _argBack,\r
+                                       argForword:     _argForword,\r
+                                       destroy:        _destroy\r
+                       });\r
+                       menubarBack.visible( true);\r
+                       \r
+                       //log.html( 'save' +STACK_BACK.length + '-' +'-' +STACK_FORWARD.length)\r
+                       while( STACK_FORWARD.length > 0){\r
+                                       var _stack = STACK_FORWARD.shift(),\r
+                                               _argBack = _stack.argBack,\r
+                                               _argForword = _stack.argForword,\r
+                                               _destroy = _stack.destroy,\r
+                                               _value;\r
+                                       _stack.fn = null;\r
+                                       if( typeof _argBack === 'array'){\r
+                                               while( _argBack.length > 0){\r
+                                                       _value = _argBack.shift();\r
+                                                       _destroy === true && _value.destroy && _value.destroy();\r
+                                               }\r
+                                       }\r
+                                       if( typeof _argForword === 'array'){\r
+                                               while( _argForword.length > 0){\r
+                                                       _value = _argForword.shift();\r
+                                                       _destroy === true && _value.destroy && _value.destroy();\r
+                                               }                                               \r
+                                       }\r
+                               }\r
+                               menubarForward.visible( false);\r
+                   }           \r
+               }\r
+       })();\r
+\r
+\r
+/* ----------------------------------------\r
+ * HELP_DOCUMENTS_CONTROL\r
+ *  * menubar の help 下に help documents の index を挿入\r
+ *  * help window に  help documents を挿入\r
+ */\r
+       var HELP_DOCUMENTS_CONTROL = ( function(){\r
+               var onLoadFunction = MENU_BAR_CONTROL.HELP.createAjaxSelection();\r
+               return {\r
+                       load: function(){\r
+                               // HELP_DOCUMENTS_WINDOW.setAjaxContent();\r
+                               var help = MENU_BAR_CONTROL.HELP;\r
+                               //help.createSelection();\r
+                               //onLoadFunction();\r
+                       }\r
+               }\r
+       })();\r
+\r
+\r
+/* ----------------------------------------\r
+ * WINDOWS_CONTROL\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
+                       jqContainer,\r
+                       currentWindow,\r
+                       currentWindowIndex = -1,\r
+                       log;\r
+\r
+               var jqWindowOrigin,\r
+                       windowCloseButtonWidth;\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,\r
+                                       function(){\r
+                                               visible === true ? instance.close() : instance.open();\r
+                                       }, true\r
+                               ),\r
+                               jqStage,\r
+                               jqWrapper, jqHeader, elmBody, elmBodyStyle,\r
+                               startX, startY, startW, startH,\r
+                               xOffset, yOffset,\r
+                               headerH, bodyH,\r
+                               isDragging = false,\r
+                               isResizing = false,\r
+                               bodyIsTachable = false,\r
+                               instance;\r
+                       \r
+                       function update( _x, _y, _w, _h){\r
+                               ( w !== _w || h !== _h) && instance.onResize && instance.onResize( _w, _h);\r
+                               x = _x || x;\r
+                               y = _y || y;\r
+                               w = _w || w;\r
+                               h = _h || h;\r
+                               jqWrapper.css( {\r
+                                       left:           x,\r
+                                       top:            y,\r
+                                       width:          w,\r
+                                       height:         h\r
+                               });\r
+                               bodyH = h -headerH;\r
+                               elmBodyStyle.height = bodyH +'px';\r
+                       }\r
+                       function bodyBackOrForward( isBack){\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 +'px';\r
+                               bodyIsTachable === isBack && isBack === true ? jqWrapper.append( elmBody) : jqStage.append( elmBody);\r
+                               bodyIsTachable = !isBack;\r
+                       }\r
+                       \r
+                       return {\r
+                               setInstance: function(){\r
+                                       instance = this;\r
+                                       delete this.setInstance;\r
+                               },\r
+                               init: function( jqContainer){\r
+                                       jqWindowOrigin = jqWindowOrigin || ( function(){\r
+                                               return $( $( '#windowTemplete').remove().html());\r
+                                       })();\r
+                                       windowCloseButtonWidth = windowCloseButtonWidth || ( function(){\r
+                                               return h2c.util.getElementSize( jqWindowOrigin.clone( true).find( '.window-close-button').get( 0)).width;\r
+                                       })();\r
+                                       \r
+                                       \r
+                                       jqStage = jqEditor;\r
+                                       this.$ = jqWrapper = jqWindowOrigin.clone( true);\r
+                                       jqHeader = jqWrapper.children( '.window-header').eq( 0).html( title);\r
+                                       headerH = h2c.util.getElementSize( jqHeader.get( 0)).height;\r
+                                       elmBody = jqWrapper.children( '.window-body').get( 0);\r
+                                       elmBodyStyle = elmBody.style;\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
+                                       jqContainer.append( jqWrapper); // domに追加しないと、this.onInit()が正しく動かない.\r
+                                       jqWrapper.fadeIn(); // appendした後に fadeIn() しないと ie で filterが適用されない.\r
+                                       if( RESIZE_BUTTON_ENABLED === true){\r
+                                               jqWrapper.find( '.window-resize-button').eq( 0)\r
+                                                       .mousedown( function( e){\r
+                                                               bodyBackOrForward( true);\r
+                                                               isResizing = true;\r
+                                                               startX = x;\r
+                                                               startY = y;\r
+                                                               startW = w;\r
+                                                               startH = h;\r
+                                                               xOffset = e.pageX;\r
+                                                               yOffset = e.pageY;\r
+                                                               MOUSE_CURSOR( 'nw-resize');\r
+                                                               e.stopPropagation();\r
+                                                               return false;\r
+                                                       });\r
+                                       } else {\r
+                                               jqWrapper.find( '.window-resize-button').remove();\r
+                                       }\r
+                                       update( x, y, w, h);\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
+                               visible: visible,\r
+                               open: function(){\r
+                                       if( visible === true) return;\r
+                                       this.visible = visible = true;\r
+                                       this.onOpen && setTimeout( this.onOpen, 0);\r
+                                       openWindow( this);\r
+                                       MENUBAR_SELWCTION.title( 'hide ' +title);\r
+                               },\r
+                               close: function(){\r
+                                       if( visible === false) return;\r
+                                       this.visible = visible = false;\r
+                                       this.onClose && setTimeout( this.onClose, 0);\r
+                                       closeWindow( this);\r
+                                       MENUBAR_SELWCTION.title( 'show ' +title);\r
+                               },\r
+                               onMouseDown: function( _mouseX, _mouseY){\r
+                                       if( x > _mouseX || y > _mouseY || x +w < _mouseX || y +headerH < _mouseY ) return;\r
+                                       if( CLOSE_BUTTON_ENABLED === true && x +w -windowCloseButtonWidth < _mouseX){\r
+                                               this.close();\r
+                                               return;\r
+                                       }\r
+                                       isDragging = true;\r
+                                       MOUSE_CURSOR( 'move');                          \r
+                                       startX = x;\r
+                                       startY = y;\r
+                                       startW = w;\r
+                                       startH = h;\r
+                                       xOffset = _mouseX;\r
+                                       yOffset = _mouseY;\r
+                               },\r
+                               onMouseUp: function( _mouseX, _mouseY){\r
+                                       isDragging = isResizing = false;\r
+                                       MOUSE_CURSOR( '');\r
+                               },\r
+                               onMouseMove: function( _mouseX, _mouseY){\r
+                                       var _updateX = _mouseX -xOffset,\r
+                                               _updateY = _mouseY -yOffset;\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 getCurrentWindow( _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
+                               _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
+                       WINDOW_ARRAY.unshift( _window);\r
+                       WINDOWS_CONTROL.init === undefined &&\r
+                               ( _window.init === undefined ?\r
+                                       jqContainer.append( _window.$.stop().fadeIn()) :\r
+                                       _window.init( jqContainer)\r
+                               );\r
+               }\r
+               function closeWindow( _window){\r
+                       var l = WINDOW_ARRAY.length;\r
+                       for( var i=0; i<l; ++i){\r
+                               if( WINDOW_ARRAY[ i] === _window){\r
+                                       WINDOW_ARRAY.splice( i, 1);\r
+                                       _window.$.stop().fadeOut( function(){\r
+                                               this.parentNode.removeChild( this);\r
+                                       });\r
+                                       return;\r
+                               }\r
+                       }\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.visible === true && _window.init && _window.init( jqContainer);\r
+                               }\r
+                               log = $( '#window-log');\r
+                               \r
+                               delete WINDOWS_CONTROL.init;\r
+                       },\r
+                       onMouseMove: function( _mouseX, _mouseY){\r
+                               var _index = getCurrentWindow( _mouseX, _mouseY);\r
+                               if( _index === 0){\r
+                                       currentWindow.onMouseMove( _mouseX, _mouseY);\r
+                                       return true;\r
+                               } else\r
+                               if( _index !== -1){ // 先頭のクリックでない場合\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( getCurrentWindow( _mouseX, _mouseY) === 0){\r
+                                       currentWindow.onMouseUp( _mouseX, _mouseY);\r
+                                       return true;\r
+                               }\r
+                               return false;\r
+                       },\r
+                       onMouseDown: function( _mouseX, _mouseY){\r
+                               if( getCurrentWindow( _mouseX, _mouseY) === 0){\r
+                                       currentWindow.onMouseDown( _mouseX, _mouseY);\r
+                                       return true;\r
+                               }\r
+                               return false;\r
+                       },\r
+                       onMouseClick: function( _mouseX, _mouseY){\r
+                               return false;\r
+                       },\r
+                       busy: function(){\r
+                               return currentWindow !== null;\r
+                       },\r
+                       onWindowResize: function( _windowW, _windowH){\r
+                               /*\r
+                                * 画面外に出るwindowの移動
+                                */\r
+                       },\r
+                       createWindow: function( scope, 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 = h2c.util.extend(\r
+                                       WindowClass.apply( scope, [ bodyTempleteID, title, x, y, w, h, opt_visible, opt_closeButtonEnabled, opt_resizeButtonEnabled, opt_minWindowW, opt_minWindowH]),\r
+                                       EXTENDS\r
+                               );\r
+                               _window.setInstance();\r
+                               opt_visible === true && openWindow( _window);\r
+                               return _window;\r
+                       }\r
+               }\r
+       })();\r
+\r
+/* ----------------------------------------\r
+ * TOOL_BOX_WINDOW\r
+ */\r
+       var TOOL_BOX_WINDOW = ( function(){\r
+               var addImageButton, addTextButton, editBgButton, switchGridButton, popupHelpButton, publishButton,\r
+                       gridSwitchFunction;\r
+                       \r
+               h2c.key.addKeyEvent( 73, false, true, addImage);\r
+               MENU_BAR_CONTROL.EDIT.createSelection( 'Add Image', 'ctrl + I', addImage, true, true, false);\r
+               \r
+               h2c.key.addKeyEvent( 84, false, true, addText);\r
+               MENU_BAR_CONTROL.EDIT.createSelection( 'Add Text', 'ctrl + T', addText, true, false, true);\r
+\r
+               h2c.key.addKeyEvent( 71, false, true, switchGrid);\r
+               MENU_BAR_CONTROL.EDIT.createSelection( 'show Grid', 'ctrl + G', switchGrid, true, true, true);\r
+\r
+               function addImage(){\r
+                       setTimeout( function(){ CANVAS_CONTROL.createImageElement();}, 0);                      \r
+               }\r
+               function addText(){\r
+                       setTimeout( function(){ CANVAS_CONTROL.createTextElement();}, 0);                       \r
+               }\r
+               function switchGrid(){\r
+                       setTimeout( gridSwitchFunction, 0);\r
+               }\r
+               function popupHelp(){\r
+                       setTimeout( function(){ HELP_DOCUMENTS_WINDOW.open();}, 0);     \r
+               }\r
+               \r
+               return WINDOWS_CONTROL.createWindow(\r
+                       this,\r
+                       {\r
+                               onInit: function(){\r
+                                       addImageButton = $( '#toolbox-add-image-button').click( function(e){\r
+                                               addImage();\r
+                                               e.preventDefault();\r
+                                               return false;\r
+                                       });\r
+\r
+                                       addTextButton = $( '#toolbox-add-text-button').click( function(e){\r
+                                               addText();\r
+                                               e.preventDefault();\r
+                                               return false;\r
+                                       });\r
+                                       \r
+                                       editBgButton = $( '#toolbox-edit-bg-button').click( function( e){\r
+                                               setTimeout( function(){\r
+                                                       INFOMATION_WINDOW.open();\r
+                                               }, 0);  \r
+                                               e.preventDefault();\r
+                                               return false;\r
+                                       });;\r
+                                       \r
+                                       switchGridButton = $( '#toolbox-switch-grid').click( function( e){\r
+                                               switchGrid();\r
+                                               e.preventDefault();\r
+                                               return false;\r
+                                       });\r
+                                       \r
+                                       popupHelpButton = $( '#toolbox-popup-help-button').click( function( e){\r
+                                               popupHelp();\r
+                                               e.preventDefault();\r
+                                               return false;\r
+                                       });\r
+                                       \r
+                                       publishButton = $( '#toolbox-publish-button');\r
+                                       \r
+                                       delete this.onInit;\r
+                               },\r
+                               setGridSwitchFunction: function( _gridSwitchFunction){\r
+                                       gridSwitchFunction = _gridSwitchFunction || gridSwitchFunction;\r
+                               }\r
+                       },\r
+                       'toolbox-window', 'Tool box', 0, 215, 110, 290, true\r
+               );\r
+       })();\r
+\r
+/* ----------------------------------------\r
+ * INFOMATION_WINDOW\r
+ */                    \r
+       var INFOMATION_WINDOW = ( function(){\r
+               var FADE_EFFECT_ENABLED = h2c.isIE === false || h2c.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
+                       xValueElm, yValueElm, zValueElm, aValueElm, wValueElm, hValueElm,\r
+                       wPercentElm, hPercentElm,\r
+                       currentComicElement = null,\r
+                       currentElementType = -1;\r
+\r
+               return WINDOWS_CONTROL.createWindow(\r
+                       this,\r
+                       {\r
+                               onInit: function(){\r
+                                       backgroundInfomationElm = $( '#panel-background-information');\r
+                                       \r
+                                       jqComicElementInformation = $( '#comic-element-infomation').hide().css( {\r
+                                               height:         this.bodyHeight()\r
+                                       });\r
+                                       var TAB_GROUP_ID = 'comic-element-attribute';\r
+                                       var CREATER = h2c.key.createEditableText;\r
+                                       xValueElm = CREATER( $( '#comic-element-x'), null, TAB_GROUP_ID);\r
+                                       yValueElm = CREATER( $( '#comic-element-y'), null, TAB_GROUP_ID);\r
+                                       zValueElm = CREATER( $( '#comic-element-z'), null, TAB_GROUP_ID);\r
+                                       aValueElm = CREATER( $( '#comic-element-a'), null, TAB_GROUP_ID);\r
+                                       wValueElm = CREATER( $( '#comic-element-w'), null, TAB_GROUP_ID);\r
+                                       hValueElm = CREATER( $( '#comic-element-h'), null, TAB_GROUP_ID);\r
+                                       wPercentElm = CREATER( $( '#comic-element-w-percent'), null, TAB_GROUP_ID);\r
+                                       hPercentElm = CREATER( $( '#comic-element-h-percent'), null, TAB_GROUP_ID);\r
+                                       delete this.onInit;\r
+                               },\r
+                               onResize: function( w, h){\r
+                                       jqComicElementInformation && jqComicElementInformation.css( {\r
+                                               height: this.bodyHeight()\r
+                                       });\r
+                               },\r
+                               update: function( _currentElementType, x, y, z, a, w, h, wPercent, hPercent){\r
+                                       if( currentElementType !== _currentElementType){\r
+                                               if( _currentElementType !== -1){\r
+                                                       if( _currentElementType === 1){\r
+                                                               aValueElm.show();\r
+                                                               wPercentElm.hide();\r
+                                                               hPercentElm.hide();\r
+                                                       } else {\r
+                                                               aValueElm.hide();\r
+                                                               wPercentElm.show();\r
+                                                               hPercentElm.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 = _currentElementType;\r
+                                       }\r
+                                       if( currentElementType !== -1){\r
+                                               xValueElm.update( x);\r
+                                               yValueElm.update( y);\r
+                                               zValueElm.update( z);\r
+                                               _currentElementType === 1 && aValueElm.update( a);\r
+                                               wValueElm.update( w);\r
+                                               hValueElm.update( h);\r
+                                               _currentElementType === 0 && wPercentElm.update( wPercent);\r
+                                               _currentElementType === 0 && hPercentElm.update( hPercent);                                     \r
+                                       } else {\r
+                                               \r
+                                       }\r
+                               }\r
+                       },\r
+                       'infomation-window', 'Infomation', 0, 30, 200, 180, true\r
+               );\r
+       })();\r
+\r
+/* ----------------------------------------\r
+ * HELP_WINDOW\r
+ */\r
+       var HELP_DOCUMENTS_WINDOW = ( function(){\r
+               var visible = true,\r
+                       hasAjaxContents = false,\r
+                       jqAjaxContents,\r
+                       jqNaviItems,\r
+                       jqPages;\r
+               function jumpPage( _index){\r
+                       \r
+               }\r
+               function onOpen( _pageIndex){\r
+                       _pageIndex = _pageIndex || 0;\r
+                       if( hasAjaxContents === false){\r
+                               $.ajax({\r
+                                       url:            'help/jp.html',\r
+                                       dataType:       'html',\r
+                                       success:        function( html){\r
+                                               $( html).find( 'script,style,object,applet,embed,iframe,frame').remove();\r
+                                               jqNaviItems = jqAjaxContents.removeClass( 'loading').append( html)\r
+                                                       .find( 'a.sidenavi-item').attr( 'href', '#')\r
+                                                       .click( function( e){\r
+                                                               var that = this,\r
+                                                                       parent = this.parentNode,\r
+                                                                       i = ( function(){\r
+                                                                               var children = parent.getElementsByTagName( 'A'),\r
+                                                                                       l = children.length;\r
+                                                                               for( var i=0; i<l; ++i){\r
+                                                                                       if( children[ i] === that) return i;\r
+                                                                               }\r
+                                                                               return -1;\r
+                                                                       })();\r
+                                                               e.stopPropagation();\r
+                                                               if( i === -1) return false;\r
+                                                               jqNaviItems.removeClass( 'current').eq( i).addClass( 'current');\r
+                                                               jqPages.hide().eq( i).show();\r
+                                                               \r
+                                                               return false;\r
+                                                       });\r
+                                               jqNaviItems.eq( _pageIndex).addClass( 'current');\r
+                                               jqPages = jqAjaxContents.find( '.page-content');\r
+                                               jqPages.eq( _pageIndex).show();\r
+                                       }\r
+                               });\r
+                               hasAjaxContents = true;\r
+                       } else {\r
+                               jqNaviItems.removeClass( 'current').eq( _pageIndex).addClass( 'current');\r
+                               jqPages.hide().eq( _pageIndex).show();\r
+                       }\r
+               }\r
+               return WINDOWS_CONTROL.createWindow(\r
+                       this,\r
+                       {\r
+                               onInit: function(){\r
+                                       jqAjaxContents = this.$.find( '.window-body').addClass( 'loading').css( { height: this.bodyHeight()});\r
+                                       onOpen( 0);\r
+                                       delete this.onInit;\r
+                               },\r
+                               onResize: function( w, h){\r
+                                       jqAjaxContents && jqAjaxContents.css( { height: this.bodyHeight()});\r
+                               },\r
+                               setAjaxContent: function( html){\r
+                                       \r
+                                       delete this.onLoadAjaxContent;\r
+                               }\r
+                       },\r
+                       null, 'Help', 0, 215, 400, 350, false, true, true, 300, 300\r
+               );\r
+       })();\r
+\r
+/* ----------------------------------------\r
+ *    - CANVAS_CONTROL\r
+ *       - GRID_CONTROL\r
+ *       - WHITE_GLASS_CONTROL\r
+ *       - PANEL_BORDER_CONTROL\r
+ *       - COMIC_ELEMENT_CONTROL\r
+ *          - PanelResizerClass\r
+ *          - COMIC_ELEMENT_OPERATOR\r
+ *          - ImageElementClass\r
+ *          - TextElementClass
+ */    \r
+       var CANVAS_CONTROL = ( function(){\r
+               var DEFAULT_PANEL_WIDTH = 400,\r
+                       DEFAULT_PANEL_HEIGHT = 300,\r
+                       MIN_PANEL_HEIGHT = 20,\r
+                       BORDER_WIDTH = 2,\r
+                       RESIZER_BORDER_WIDTH = 1,\r
+                       SPACE_ENABLED = h2c.key.spaceEnabled,\r
+                       canvasW, canvasH, canvasX, canvasY,\r
+                       xOffset, yOffset, startCanvasX, startCanvasY,\r
+                       isDragging = false,\r
+                       hasFocus = false;\r
+               \r
+               var GRID_CONTROL = ( function(){\r
+                       var elmGrid = document.getElementById( 'grid'),\r
+                               jQGrid,\r
+                               visible = false;\r
+                       \r
+                       function update(){\r
+                               jQGrid.css( {\r
+                                       opacity:        '',\r
+                                       fliter:         ''\r
+                               }).stop()[ visible === true ? 'fadeOut' : 'fadeIn']();\r
+                               visible = !visible;\r
+                               if( visible === true){\r
+                                       elmGrid.style.backgroundImage = "url('grid.gif')";\r
+                               }\r
+                               return visible;\r
+                       }\r
+                       return {\r
+                               init: function(){\r
+                                       jQGrid = $( elmGrid);\r
+                                       this.resize();\r
+                                       TOOL_BOX_WINDOW.setGridSwitchFunction( update);\r
+                                       delete GRID_CONTROL.init;\r
+                               },\r
+                               resize: function(){\r
+                                       elmGrid.style.backgroundPosition = [ canvasX % 10, 'px ', canvasY % 10, 'px'].join( ''),\r
+                                       elmGrid.style.height = windowH +'px';                           \r
+                               },\r
+                               enabled: function(){\r
+                                       return visible;\r
+                               }\r
+                       }\r
+               })();\r
+               \r
+       /*\r
+        *      WHITE_GLASS_CONTROL
+        */     \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
+                       function resize(){\r
+                               var     _w = canvasW,\r
+                                       _h = canvasH,\r
+                                       marginTop = canvasY,\r
+                                       marginBottom = windowH -_h -marginTop,\r
+                                       marginX = canvasX,\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
+                       return {\r
+                               resize: resize\r
+                       }\r
+               })();\r
+\r
+       /*\r
+        * PANEL_BORDER_CONTROL
+        */\r
+               var PANEL_BORDER_CONTROL = ( function(){\r
+                       var     panelElm, borderWidth;\r
+                       \r
+                       function resize(){\r
+                               panelElm.css( {\r
+                                       left:   canvasX -BORDER_WIDTH,\r
+                                       top:    canvasY -BORDER_WIDTH,\r
+                                       width:  canvasW,\r
+                                       height: canvasH\r
+                               });\r
+                       }\r
+                                               \r
+                       return {\r
+                               init: function(){\r
+                                       panelElm = $( '#panel-border'),\r
+                                       borderWidth = panelElm.css( 'border-width');\r
+                                       \r
+                                       delete PANEL_BORDER_CONTROL.init;\r
+                               },\r
+                               resize: resize\r
+                       }\r
+               })();\r
+       \r
+       /*\r
+        * COMIC_ELEMENT_CONTROL\r
+        *   - PanelResizerClass\r
+        *   - COMIC_ELEMENT_OPERATOR\r
+        *   - ImageElementClass\r
+        *   - TextElementClass
+        */\r
+               var COMIC_ELEMENT_CONTROL = ( function( _onResizeFunction){\r
+                       var     MIN_OBJECT_SIZE = 19,\r
+                               log,\r
+                               currentElement = null,\r
+                               _canvasX, _canvasY, _canvasW, _canvasH,\r
+                               MOUSE_HIT_AREA = 10,\r
+                               SAVE = HISTORY.saveState;\r
+               /*\r
+                * --------------------------------------------------------------------------------------------\r
+                * panel resizer\r
+                */\r
+                       var PanelResizerClass = function( ELM, onPanelResizeFunction, isTop){\r
+                               var     BORDER_WIDTH = 2,\r
+                                       yOffset, y, _canvasY, _canvasH,\r
+                                       RESIZER_HEIGHT = 30,\r
+                                       isDragging = false,\r
+                                       SAVE = HISTORY.saveState,\r
+                                       MOUSE_CURSOR = updateMouseCursor;\r
+                                       \r
+                               function restoreState( arg){\r
+                                       if( arg && arg.length > 3){\r
+                                               canvasX = arg[ 0] || canvasX;\r
+                                               canvasY = arg[ 1] || canvasY;\r
+                                               canvasW = arg[ 2] || canvasW;\r
+                                               canvasH = arg[ 3] || canvasH;\r
+                                               \r
+                                               /*\r
+                                                * PANEL_RESIZER_TOP の場合、リサイズに併せてコミック要素を移動させている。\r
+                                                * currentElementを一度PANEL_RESIZER_TOPにしたのちresize
+                                                */\r
+                                               onPanelResizeFunction( isTop);\r
+                                       }\r
+                               }\r
+                                       \r
+                               return {\r
+                                       init: function( _elm){\r
+                                               this.$ = $( ELM);\r
+                                               ELM.style.width = ( canvasW +2)+'px';\r
+                                       },\r
+                                       $: null,\r
+                                       hitareaX: function(){ return -1;},\r
+                                       hitareaY: function(){ return isTop === true ? ( -35 -BORDER_WIDTH) : ( canvasH +5 +BORDER_WIDTH);},\r
+                                       hitareaW: function(){ return canvasW +2;},\r
+                                       hitareaH: function(){ return RESIZER_HEIGHT;},\r
+                                       resize: resize,\r
+                                       dragging: function(){\r
+                                               return isDragging;\r
+                                       },\r
+                                       onMouseDown: function( _mouseX, _mouseY){\r
+                                               yOffset = _mouseY;\r
+                                               _canvasY = canvasY;\r
+                                               _canvasH = canvasH;\r
+                                               isDragging = true;\r
+                                       },\r
+                                       onMouseMove: function( _mouseX, _mouseY){\r
+                                               if( isDragging !== true){\r
+                                                       COMIC_ELEMENT_OPERATOR.hide();\r
+                                                       MOUSE_CURSOR( 'n-resize');\r
+                                               } else {\r
+                                                       var move = _mouseY -yOffset;\r
+                                                       if( isTop === true){    \r
+                                                               //if( 0 < _canvasH - move){\r
+                                                                       if( _canvasH - move < MIN_PANEL_HEIGHT){\r
+                                                                               move = _canvasH -MIN_PANEL_HEIGHT;\r
+                                                                       }\r
+                                                                       canvasY = _canvasY +move;\r
+                                                                       canvasH = _canvasH -move;\r
+                                                                       log.html( move)\r
+                                                                       onPanelResizeFunction( true);\r
+                                                               //}                                                             \r
+                                                       } else {\r
+                                                               var _h = _canvasH +move;\r
+                                                               if( 0 < _h && _h < windowH -canvasY -RESIZER_HEIGHT -5 -BORDER_WIDTH){\r
+                                                                       if( _h < MIN_PANEL_HEIGHT){\r
+                                                                               _h = MIN_PANEL_HEIGHT;\r
+                                                                       }\r
+                                                                       canvasH = _h;\r
+                                                                       onPanelResizeFunction( false);\r
+                                                               }\r
+                                                       }\r
+                                               }\r
+                                       },\r
+                                       onMouseUp: function( _mouseX, _mouseY){\r
+                                               ( _canvasY !== canvasY || _canvasH !== canvasH) && SAVE( restoreState, [ NaN, _canvasY, NaN, _canvasH], [ NaN, canvasY, NaN, canvasH]);\r
+                                               isDragging = false;\r
+                                       }\r
+                               }\r
+                       };\r
+                       \r
+                       var     PANEL_RESIZER_TOP = PanelResizerClass.apply( {}, [ document.getElementById( 'panel-resizer-top'), _onResizeFunction, true]),\r
+                               PANEL_RESIZER_BOTTOM = PanelResizerClass.apply( {}, [ document.getElementById( 'panel-resizer-bottom'), _onResizeFunction, false]),\r
+                               DRAGGABLE_ELEMENT_ARRAY = [ PANEL_RESIZER_TOP, PANEL_RESIZER_BOTTOM],\r
+                               NUM_RESIZER = DRAGGABLE_ELEMENT_ARRAY.length;\r
+                       \r
+                       _onResizeFunction = PanelResizerClass = undefined;\r
+               \r
+               /*\r
+                * --------------------------------------------------------------------------------------------\r
+                * COMIC_ELEMENT_OPERATOR
+                */\r
+                       var COMIC_ELEMENT_OPERATOR = ( function(){\r
+                               var     MOUSE_CURSOR = updateMouseCursor,\r
+                                       SAVE = HISTORY.saveState,\r
+                                       INFOMATION = INFOMATION_WINDOW.update,\r
+                                       GRID_ENABLED = GRID_CONTROL.enabled,\r
+                                       HIT_AREA = MOUSE_HIT_AREA,\r
+                                       RESIZER = ( function( HIT_AREA){\r
+                                               var 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
+                                                       elmResizerContainerStyle = document.getElementById( 'comic-element-resizer-container').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;\r
+                                               elmResizerContainerStyle.display = 'none';\r
+                                               return {\r
+                                                       x: function(){ return x;},\r
+                                                       y: function(){ return y;},\r
+                                                       w: function(){ return w;},\r
+                                                       h: function(){ return h;},\r
+                                                       update: function( _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
+                                                               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
+                                                               \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
+                                                       index: function( _mouseX, _mouseY){\r
+                                                               if( TAIL_MOVER.hitText( _mouseX -x, _mouseY -y) === true){\r
+                                                                       MOUSE_CURSOR( 'move');\r
+                                                                       return TAIL_MOVER_INDEX;\r
+                                                               }\r
+                                                               var     p,\r
+                                                                       l = POSITION_ARRAY.length;\r
+                                                               for( var i=0; i<l; 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
+                                                                               return currentIndex = i;\r
+                                                                       }\r
+                                                               }\r
+                                                               return -1;\r
+                                                       },\r
+                                                       flip: function( _flipV, _flipH){\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
+                                                               return currentIndex;\r
+                                                       },\r
+                                                       show: function(){\r
+                                                               elmResizerContainerStyle.display = '';\r
+                                                       },\r
+                                                       hide: function(){\r
+                                                               elmResizerContainerStyle.display = 'none';\r
+                                                       }\r
+                                               }\r
+                                       })( HIT_AREA),\r
+                                       TAIL_MOVER = ( function(){\r
+                                               var     ELM_MOVER = document.getElementById( 'baloon-tail-mover'),\r
+                                                       //ELM_MOVER_PARENT = ELM_MOVER.parentNode,\r
+                                                       //ELM_MOVER_NEXT = ELM_MOVER.nextSibling,\r
+                                                       SIZE = ( function(){\r
+                                                               var _size = h2c.util.getElementSize( ELM_MOVER);\r
+                                                               return _size.width;\r
+                                                       })(),\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
+                                                       x, y, w, h, a, radA;\r
+                                               //ELM_MOVER_PARENT.removeChild( ELM_MOVER);\r
+                                               \r
+                                               function draw( _w, _h, _a){\r
+                                                       w = _w !== undefined ? _w : w;\r
+                                                       h = _h !== undefined ? _h : h;\r
+                                                       a = _a !== undefined ? _a : a;\r
+                                                       radA = a *DEG_TO_RAD;\r
+                                                       x = FLOOR( ( ( COS( radA) /2 +0.5) *( w +SIZE)) -SIZE /2);\r
+                                                       y = FLOOR( ( ( SIN( radA) /2 +0.5) *( h +SIZE)) -SIZE /2);\r
+                                                       ELM_MOVER.style.left = x +'px';\r
+                                                       ELM_MOVER.style.top = y +'px';\r
+                                                       log.html( [ w, h, a].join());\r
+                                               }\r
+                                               \r
+                                               return {\r
+                                                       update: draw,\r
+                                                       show: function( _currentText){\r
+                                                               /*\r
+                                                                * domから抜かないとieで表示されてしまう。visibilityのほうがいい
+                                                                */\r
+                                                               //ELM_MOVER_NEXT !== ELM_MOVER.nextSibling && ELM_MOVER_PARENT.insertBefore(ELM_MOVER, ELM_MOVER_NEXT);\r
+                                                               ELM_MOVER.style.visibility = '';\r
+                                                               draw( _currentText.w, _currentText.h, _currentText.angle());\r
+                                                               currentText = _currentText;\r
+                                                       },\r
+                                                       hide: function(){\r
+                                                               //ELM_MOVER.parentNode === ELM_MOVER_PARENT && ELM_MOVER_PARENT.removeChild( ELM_MOVER);\r
+                                                               ELM_MOVER.style.visibility = 'hidden';\r
+                                                               currentText = null;\r
+                                                       },\r
+                                                       hitText: function( _mouseX, _mouseY){\r
+                                                               var _x = x -SIZE /2,\r
+                                                                       _y = y -SIZE /2;\r
+                                                               return currentIsTextElement === true && _x <= _mouseX && _y <= _mouseY && _x +SIZE >= _mouseX && _y +SIZE >= _mouseY;\r
+                                                       },\r
+                                                       onDrag: function( _mouseX, _mouseY){\r
+                                                               draw( w, h,\r
+                                                                       _mouseX !== 0 ?\r
+                                                                               ATAN( _mouseY /_mouseX) *RAD_TO_DEG +( _mouseX < 0 ? 180 : 0) :\r
+                                                                               _mouseY > 0 ? 0 : 180\r
+                                                               );\r
+                                                               currentText && currentText.angle( a);\r
+                                                               updateInfomation( undefined, undefined, undefined, a);\r
+                                                       }\r
+                                               }\r
+                                       })(),\r
+                                       COMIC_ELEMENT_CONSOLE = ( function(){\r
+                                               var     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
+                                               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
+                                               return {\r
+                                                       init: function(){\r
+                                                               jqStage = jqEditor;\r
+                                                               jqConsoleTail = $( '#comic-element-consol-tail');\r
+                                                               jqImgConsole = $( '#image-element-consol').hide();\r
+                                                               var imgConsoleSize = h2c.util.getElementSize( jqImgConsole.get( 0));\r
+                                                               imgConsoleWidth = imgConsoleSize.width;\r
+                                                               imgConsoleHeight = imgConsoleSize.height;\r
+                                                               \r
+                                                               jqTextConsole = $( '#text-element-consol').hide();\r
+                                                               var textConsoleSize = h2c.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( function(){\r
+                                                                       if( currentElement === null) return;\r
+                                                                       TEXT_EDITOR_CONTROL.show( currentElement);\r
+                                                                       buttonBackOrForward( true);\r
+                                                               });\r
+                                                               $( '#delete-image-button, #delete-text-button').click( function(){\r
+                                                                       if( currentElement === null) return;\r
+                                                                       buttonBackOrForward( true);\r
+                                                                       removeComicElement( currentElement);\r
+                                                                       SAVE( restoreComicElement, [ true, currentElement], [ false, currentElement], true);\r
+                                                                       COMIC_ELEMENT_OPERATOR.hide();\r
+                                                               });\r
+                                                               $( '#change-image-button').click( function(){\r
+                                                                       if( currentElement === null) return;\r
+                                                                       buttonBackOrForward( true);\r
+                                                                       IMAGE_GROUP_EXPROLER.show( currentElement.url);\r
+                                                               });\r
+                                                               $( '#layer-forward-button, #forward-text-button').click( function(){\r
+                                                                       if( currentElement === null) return;\r
+                                                                       replaceComicElement( currentElement, true);\r
+                                                                       updateInfomation();\r
+                                                                       SAVE( restoreReplaceObject, [ currentElement, false], [ currentElement, true]);\r
+                                                               });\r
+                                                               $( '#layer-back-button, #back-text-button').click( function(){\r
+                                                                       if( currentElement === null) return;\r
+                                                                       replaceComicElement( currentElement, false);\r
+                                                                       updateInfomation();\r
+                                                                       SAVE( restoreReplaceObject, [ currentElement, true], [ currentElement, false]);\r
+                                                               });\r
+                                                                                                                       \r
+                                                               delete COMIC_ELEMENT_CONSOLE.init;\r
+                                                       },\r
+                                                       show: function( _currentElement, _w, _h){\r
+                                                               visible === false && jqConsoleWrapper.show();\r
+                                                               visible = true;\r
+                                                               currentElement = _currentElement;\r
+                                                               var _currentType = _currentElement.type;\r
+                                                               if( currentType !== _currentType){\r
+                                                                       currentType = _currentType;\r
+                                                                       jqImgConsole.toggle( _currentType === COMIC_ELEMENT_TYPE_IMAGE);\r
+                                                                       jqTextConsole.toggle( _currentType === COMIC_ELEMENT_TYPE_TEXT);\r
+                                                                       consoleWidth = _currentType === COMIC_ELEMENT_TYPE_IMAGE ? imgConsoleWidth : textConsoleWidth;\r
+                                                                       consoleHeight = _currentType === COMIC_ELEMENT_TYPE_IMAGE ? imgConsoleHeight : textConsoleHeight;\r
+                                                               }\r
+                                                               consoleX = Math.floor( ( _w -consoleWidth) /2);\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
+                                                       },\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
+                                       TAIL_MOVER_INDEX = 99,\r
+                                       RESIZE_COMMAND_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
+                                       currentResizerIndex = -1,\r
+                                       currentIsTextElement = false,\r
+                                       currentElement = null,\r
+                                       x, y, w, h, angle, flipV, flipH,\r
+                                       startX, startY, startW, startH, startA, startFilpV, startFilpH,\r
+                                       xOffset, yOffset,\r
+                                       isDragging = false,\r
+                                       currentUpdated = false;\r
+\r
+                                       function resize( _x, _y, _w, _h, _angle){\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
+                                               angle = _angle !== undefined ? _angle : angle;\r
+\r
+                                               RESIZER.update( x, y, w, h);\r
+                                               currentIsTextElement === true && TAIL_MOVER.update( w, h, angle);\r
+                                               COMIC_ELEMENT_CONSOLE.show( currentElement, w, h);\r
+                                               updateInfomation( x, y, currentElement.z, angle, w, h);\r
+                                       }\r
+                                       function updateInfomation( _x, _y, _z, _a, _w, _h){\r
+                                               _w = _w !== undefined ? _w : w;\r
+                                               _h = _h !== undefined ? _h : h;\r
+                                               INFOMATION(\r
+                                                       currentElement === null ? -1 : currentElement.type,\r
+                                                       _x !== undefined ? _x : x,\r
+                                                       _y !== undefined ? _y : y,\r
+                                                       _z !== undefined ? _z : ( currentElement === null ? '*' : currentElement.z),\r
+                                                       _a !== undefined ? Math.floor( _a) : ( currentIsTextElement === true ? Math.floor( angle) : '-'),\r
+                                                       _w,\r
+                                                       _h,\r
+                                                       currentElement === null || currentIsTextElement === true ? '-' : ( currentElement.actualW() === 0 ? '?' : Math.floor( _w / currentElement.actualW() *100)),\r
+                                                       currentElement === null || currentIsTextElement === true ? '-' : ( currentElement.actualH() === 0 ? '?' : Math.floor( _h / currentElement.actualH() *100))\r
+                                               );\r
+                                       }\r
+                                       function show( _currentElement){\r
+                                               currentElement === null && RESIZER.show();\r
+                                               if( currentElement !== _currentElement){\r
+                                                       currentElement = _currentElement;\r
+                                                       startX = _currentElement.x;\r
+                                                       startY = _currentElement.y;\r
+                                                       startW = _currentElement.w;\r
+                                                       startH = _currentElement.h;\r
+                                                       \r
+                                                       currentIsTextElement = ( _currentElement.type === COMIC_ELEMENT_TYPE_TEXT);\r
+                                                       startA = currentIsTextElement === true ? _currentElement.angle() : 0;\r
+                                                       currentIsTextElement === true ? TAIL_MOVER.show( _currentElement) : TAIL_MOVER.hide();\r
+                                                       \r
+                                                       startFilpV = flipV = currentIsTextElement === false ? _currentElement.flipV() : 0;\r
+                                                       startFilpH = flipH = currentIsTextElement === false ? _currentElement.flipH() : 0;\r
+                                                       \r
+                                                       resize( startX, startY, startW, startH, startA);\r
+                                                       isDragging = currentUpdated = false;\r
+                                               }\r
+                                       }\r
+                                       function hide(){\r
+                                               currentElement !== null && RESIZER.hide();\r
+                                               currentElement = null;\r
+                                               MOUSE_CURSOR( '');\r
+                                               TAIL_MOVER.hide();\r
+                                               isDragging = currentUpdated = false;\r
+                                               COMIC_ELEMENT_CONSOLE.hide();\r
+                                               updateInfomation();\r
+                                       }\r
+                                       function restoreState( 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) return;\r
+                                               _currentElement.type === COMIC_ELEMENT_TYPE_IMAGE ?\r
+                                                       _currentElement.animate( _x, _y, _w, _h, _flipV, _flipH) :\r
+                                                       _currentElement.animate( _x, _y, _w, _h, _a);\r
+                                               currentElement === _currentElement ? resize( _x, _y, _w, _h, _a) : show( _currentElement);\r
+                                       }\r
+                                       function saveState(){\r
+                                               currentElement && SAVE( restoreState,\r
+                                                       [ currentElement, startX, startY, startW, startH, startA, startFilpV, startFilpH],\r
+                                                       [ currentElement, x, y, w, h, angle, flipV, flipH]\r
+                                               );\r
+                                               startX = x;\r
+                                               startY = y;\r
+                                               startW = w;\r
+                                               startH = h;\r
+                                               startA = angle;\r
+                                               startFilpV = flipV;\r
+                                               startFilpH = flipH;\r
+                                       }\r
+                               return {\r
+                                       init: function(){\r
+                                               COMIC_ELEMENT_CONSOLE.init(); // COMIC_ELEMENT_CONSOLE が要素の高さを取得するため、RESIZER.initがあと。\r
+                                               \r
+                                               hide();\r
+                                               delete COMIC_ELEMENT_OPERATOR.init;\r
+                                       },\r
+                                       hide: hide,\r
+                                       dragging: function(){\r
+                                               return isDragging;\r
+                                       },\r
+                                       hitareaX: function( _comicElement, _x){\r
+                                               if( _comicElement === currentElement){\r
+                                                       var _consoleX = COMIC_ELEMENT_CONSOLE.x();\r
+                                                       return x +( _consoleX < 0 ? _consoleX : 0) -HIT_AREA;\r
+                                               }\r
+                                               return _x -HIT_AREA;\r
+                                       },\r
+                                       hitareaY: function( _comicElement, _y){\r
+                                               return _y -HIT_AREA;\r
+                                       },\r
+                                       hitareaW: function( _comicElement, _w){\r
+                                               if( _comicElement === currentElement){\r
+                                                       var _consoleW = COMIC_ELEMENT_CONSOLE.w();\r
+                                                       return ( _consoleW < w ? w : _consoleW) +HIT_AREA *2;\r
+                                               }\r
+                                               return _w +HIT_AREA *2;\r
+                                       },\r
+                                       hitareaH: function( _comicElement, _h){\r
+                                               if( _comicElement === currentElement){\r
+                                                       var _consoleY = COMIC_ELEMENT_CONSOLE.y();\r
+                                                       return ( _consoleY < h ? h : _consoleY +COMIC_ELEMENT_CONSOLE.h()) +HIT_AREA *2;\r
+                                               }\r
+                                               return _h +HIT_AREA *2;\r
+                                       },\r
+                                       onMouseDown: function( _currentElement, _mouseX, _mouseY){\r
+                                               //show( _currentElement);\r
+                                               xOffset = _mouseX;\r
+                                               yOffset = _mouseY;\r
+                                               currentResizerIndex = RESIZER.index( _mouseX, _mouseY);\r
+                                               currentResizerIndex === -1 && MOUSE_CURSOR( 'move');\r
+                                               isDragging = true;\r
+                                       },\r
+                                       onMouseMove: function( _currentElement, _mouseX, _mouseY){\r
+                                               show( _currentElement);\r
+                                               var moveX = _mouseX -xOffset,\r
+                                                       moveY = _mouseY -yOffset;\r
+                                               if( isDragging === true){\r
+                                                       if( currentResizerIndex !== -1){\r
+                                                               if( currentResizerIndex === TAIL_MOVER_INDEX){\r
+                                                                       TAIL_MOVER.onDrag( _mouseX -x -w /2, _mouseY -y -h /2); //Balloonの中心を0,0とする座標系に変換\r
+                                                               } else {\r
+                                                                       var com = RESIZE_COMMAND_ARRAY[ currentResizerIndex],\r
+                                                                               _x = x +moveX *com.x,\r
+                                                                               _y = y +moveY *com.y,\r
+                                                                               _w = w +moveX *com.w,\r
+                                                                               _h = h +moveY *com.h,\r
+                                                                               update = false;\r
+                                                                       \r
+                                                                       if( _w > MIN_OBJECT_SIZE && _h > MIN_OBJECT_SIZE){\r
+                                                                               update = true;\r
+                                                                       } else\r
+                                                                       if( currentElement.type === COMIC_ELEMENT_TYPE_TEXT){\r
+                                                                       } else\r
+                                                                       if( _w < -MIN_OBJECT_SIZE || _h < -MIN_OBJECT_SIZE){\r
+                                                                               if( _w < -MIN_OBJECT_SIZE && _h > MIN_OBJECT_SIZE){\r
+                                                                               // flipH\r
+                                                                                       var __x = _x;\r
+                                                                                       x = _x = _x +_w;\r
+                                                                                       y = _y;\r
+                                                                                       w = _w = __x -_x;\r
+                                                                                       h = _h;\r
+                                                                                       currentElement.flip( false, true);\r
+                                                                                       currentResizerIndex = RESIZER.flip( false, true);\r
+                                                                                       flipV = currentElement.flipV();\r
+                                                                               } else\r
+                                                                               if( _w > MIN_OBJECT_SIZE && _h < -MIN_OBJECT_SIZE){\r
+                                                                               // flipV\r
+                                                                                       var __y = _y;\r
+                                                                                       x = _x;\r
+                                                                                       y = _y = _y +_h;\r
+                                                                                       w = _w;\r
+                                                                                       h = _h = __y -_y;\r
+                                                                                       currentElement.flip( true, false);\r
+                                                                                       currentResizerIndex = RESIZER.flip( true, false);\r
+                                                                                       flipH = currentElement.flipH();\r
+                                                                               } else {\r
+                                                                               // flipVH\r
+                                                                                       var __x = _x,\r
+                                                                                               __y = _y;\r
+                                                                                       x = _x = _x +_w;\r
+                                                                                       y = _y = _y +_h;\r
+                                                                                       w = _w = __x -_x;\r
+                                                                                       h = _h = __y -_y;\r
+                                                                                       currentElement.flip( true, true);\r
+                                                                                       currentResizerIndex = RESIZER.flip( true, true);\r
+                                                                                       flipV = currentElement.flipV();\r
+                                                                                       flipH = currentElement.flipH();\r
+                                                                               }\r
+                                                                               update = true;\r
+                                                                               xOffset = _mouseX;\r
+                                                                               yOffset = _mouseY;      \r
+                                                                       }\r
+                                                                       \r
+                                                                       if( update === true){\r
+                                                                               RESIZER.update( _x, _y, _w, _h);\r
+                                                                               currentElement.resize( _x, _y, _w, _h);\r
+                                                                               currentIsTextElement === true && TAIL_MOVER.update( _w, _h);\r
+                                                                               COMIC_ELEMENT_CONSOLE.show( currentElement, _w, _h);\r
+                                                                               updateInfomation( _x, _y, undefined, undefined, _w, _h);                                                                                \r
+                                                                       }\r
+                                                               }\r
+                                                               currentUpdated = ( currentUpdated === true) ? true : ( moveX !== 0 || moveY !== 0);\r
+                                                       } else {\r
+                                                               var _x = x +moveX,\r
+                                                                       _y = y +moveY;\r
+                                                               if( GRID_ENABLED() === true){\r
+                                                                       _x = Math.floor( _x / 10) * 10;\r
+                                                                       _y = Math.floor( _y / 10) * 10;\r
+                                                               }\r
+                                                               RESIZER.update( _x, _y);\r
+                                                               currentElement.resize( _x, _y);\r
+                                                               currentUpdated = ( currentUpdated === true) ? true : ( moveX !== 0 || moveY !== 0);\r
+                                                               updateInfomation( _x, _y);\r
+                                                       }                                                       \r
+                                               } else {\r
+                                                       currentElement && COMIC_ELEMENT_CONSOLE.onMouseMove( _mouseX -x, _mouseY -y);\r
+                                                       RESIZER.index( _mouseX, _mouseY) === -1 && MOUSE_CURSOR( '');\r
+                                               }\r
+                                       },\r
+                                       onMouseUp: function( _currentElement, _mouseX, _mouseY){\r
+                                               resize(\r
+                                                       RESIZER.x(), RESIZER.y(), RESIZER.w(), RESIZER.h(),\r
+                                                       currentIsTextElement === true ? currentElement.angle() : 0\r
+                                               );\r
+                                               currentElement && currentElement.resize( x, y, w, h);\r
+                                               MOUSE_CURSOR( '');\r
+                                               currentUpdated === true && saveState();\r
+                                               isDragging = currentUpdated = false;\r
+                                       },\r
+                                       onMouseClick: function( _mouseX, _mouseY){\r
+                                               //return currentElement ? COMIC_ELEMENT_CONSOLE.onMouseClick( _mouseX -x, _mouseY -y) : false;\r
+                                       }\r
+                               }\r
+                       })();\r
+                       /*\r
+                        *  // COMIC_ELEMENT_OPERATOR
+                        */\r
+               \r
+                       var AbstractComicElement = function( JQ_WAPPER, COMIC_ELM_TYPE, update, x, y, w, h, z, domIndex){\r
+                               var OPERATOR = COMIC_ELEMENT_OPERATOR;\r
+                               return {\r
+                                       $: JQ_WAPPER,\r
+                                       type: COMIC_ELM_TYPE,\r
+                                       x: x,\r
+                                       y: y,\r
+                                       w: w,\r
+                                       h: h,                                   \r
+                                       z: z,\r
+                                       domIndex: domIndex,\r
+                                       hitareaX: function(){ return OPERATOR.hitareaX( this, this.x);},\r
+                                       hitareaY: function(){ return OPERATOR.hitareaY( this, this.y);},\r
+                                       hitareaW: function(){ return OPERATOR.hitareaW( this, this.w);},\r
+                                       hitareaH: function(){ return OPERATOR.hitareaH( this, this.h);},\r
+                                       shift: function( _shiftX, _shiftY){\r
+                                               update( this.x +_shiftX, this.y +_shiftY);\r
+                                       },\r
+                                       dragging: function(){\r
+                                               return OPERATOR.dragging();\r
+                                       },\r
+                                       onMouseMove: function( _mouseX, _mouseY){\r
+                                               OPERATOR.onMouseMove( this, _mouseX, _mouseY);\r
+                                       },\r
+                                       onMouseUp: function( _mouseX, _mouseY){\r
+                                               OPERATOR.onMouseUp( this, _mouseX, _mouseY);\r
+                                       },\r
+                                       onMouseDown: function( _mouseX, _mouseY){\r
+                                               OPERATOR.onMouseDown( this, _mouseX, _mouseY);\r
+                                       }\r
+                               }\r
+                       };\r
+               /*\r
+                * --------------------------------------------------------------------------------------------\r
+                * ImageElementClass
+                */\r
+                       var     jqImageElementOrigin;\r
+                       var ImageElementClass = function( url, IMAGE_SET_ID, x, y, z, w, h, domIndex){\r
+                               jqImageElementOrigin = jqImageElementOrigin || $( $( '#imgElementTemplete').remove().html());\r
+                               \r
+                               var JQ_WRAPPER = jqImageElementOrigin.clone( true),\r
+                                       OPERATOR = COMIC_ELEMENT_OPERATOR,\r
+                                       SAVE = HISTORY.saveState,\r
+                                       HIT_AREA = MOUSE_HIT_AREA,\r
+                                       reversibleImage = null,\r
+                                       actualW = 0, actualH = 0,\r
+                                       flipH = w < 0 ? -1 : 1,\r
+                                       flipV = h < 0 ? -1 : 1,\r
+                                       instance;\r
+                               w = Math.floor( w);\r
+                               h = Math.floor( h);\r
+                               \r
+                               function update( _x, _y, _w, _h, 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
+                                       JQ_WRAPPER[ animate === true ? 'animate' : 'css']( { \r
+                                               left:   x,\r
+                                               top:    y,\r
+                                               width:  w,\r
+                                               height: h\r
+                                       }, 250, function(){ reversibleImage.resize( flipH * w, flipV * h);});\r
+                                       animate !== true && reversibleImage.resize( flipH * w, flipV * h);\r
+                               }\r
+                               \r
+                               function updateUrl( _url){\r
+                                       if( url === _url) return;\r
+                                       url = _url || url;\r
+                                       var _reversibleImage = h2c.image.createReversibleImage( url, flipH * w, flipV * h, function( _url, _actualW, _actualH){\r
+                                               actualW = _actualW;\r
+                                               actualH = _actualH;\r
+                                       });\r
+                                       if( reversibleImage !== null){\r
+                                               JQ_WRAPPER.children( reversibleImage.elm).replaceWith( _reversibleImage.elm);\r
+                                               reversibleImage.destroy();\r
+                                       } else {\r
+                                               JQ_WRAPPER.append( _reversibleImage.elm);\r
+                                       }\r
+                                       reversibleImage = _reversibleImage;\r
+                               }\r
+                               return h2c.util.extend(\r
+                                       AbstractComicElement.apply( this, [ JQ_WRAPPER, COMIC_ELEMENT_TYPE_IMAGE, update, x, y, w, h, z, domIndex]),\r
+                                       {\r
+                                               init: function(){\r
+                                                       instance = this;\r
+                                                       updateUrl();\r
+                                                       update();\r
+                                                       delete this.init;\r
+                                               },\r
+                                               flip: function( _flipH, _flipV){\r
+                                                       if( _flipH !== true && _flipV !== true) return;\r
+                                                       flipH = _flipH === true ? -flipH : flipH;\r
+                                                       flipV = _flipV === true ? -flipV : flipV;\r
+                                                       reversibleImage.resize( flipH * w, flipV * h);\r
+                                               },\r
+                                               flipV: function(){\r
+                                                       return flipV;\r
+                                               },\r
+                                               flipH: function(){\r
+                                                       return flipH;\r
+                                               },\r
+                                               url: function( _url, _actualW, _actualH){\r
+                                                       if( _url && _url !== url){\r
+                                                               SAVE( updateUrl, url, _url);\r
+                                                               actualW = _actualW;\r
+                                                               actualH = _actualH;\r
+                                                               updateUrl( _url);\r
+                                                       }\r
+                                                       return url\r
+                                               },\r
+                                               actualW: function(){ return actualW;},\r
+                                               actualH: function(){ return actualH;},\r
+                                               resize: update,\r
+                                               animate: function ( _x, _y, _w, _h, _flipH, _flipV){\r
+                                                       flipH = _flipH !== undefined ? _flipH : flipH;\r
+                                                       flipV = _flipV !== undefined ? _flipV : flipV;\r
+                                                       update( _x, _y, _w, _h, true);\r
+                                               },\r
+                                               getAsHtml: function(){\r
+                                                       \r
+                                               },\r
+                                               getAsJson: function(){\r
+                                                       \r
+                                               },\r
+                                               destroy: function(){\r
+                                                       reversibleImage.destroy();\r
+                                                       JQ_WRAPPER.remove();\r
+                                                       JQ_WRAPPER = reversibleImage = OPERATOR = null;\r
+                                                       delete this.destroy;\r
+                                               }\r
+                                       }\r
+                               );\r
+                       }\r
+               /*\r
+                * / ImageElementClass\r
+                * --------------------------------------------------------------------------------------------\r
+                */\r
+\r
+\r
+               /*\r
+                * --------------------------------------------------------------------------------------------\r
+                * TextElementClass\r
+                * \r
+                * ELM はh2c.domで書き出したものを突っ込むcreateの場合\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( type, a, text, x, y, z, w, h, domIndex){\r
+                               jqTextElementOrigin = jqTextElementOrigin || ( function(){\r
+                                       var _OLD_IE = $( $( '#textElementTempleteForOldIE').remove().html()),\r
+                                               _MODERN = $( $( '#textElementTemplete').remove().html());\r
+                                       return h2c.isIE === true && h2c.ieRenderingVersion < 8 ? _OLD_IE : _MODERN;\r
+                               })();\r
+                               \r
+                               var JQ_WRAPPER = jqTextElementOrigin.clone( true),\r
+                                       XBROWSER_BALLOON = h2c.balloon.createBalloon( w, h, a, type),\r
+                                       TEXT_ELM = JQ_WRAPPER.find( 'td,.speach-inner').eq( 0),\r
+                                       OPERATOR = COMIC_ELEMENT_OPERATOR,\r
+                                       HIT_AREA = MOUSE_HIT_AREA,\r
+                                       SAVE = HISTORY.saveState,\r
+                                       instance;\r
+                                       \r
+                               JQ_WRAPPER.find( 'img').eq( 0).replaceWith( XBROWSER_BALLOON.elm);\r
+                               \r
+                               function update( _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,\r
+                                               function(){\r
+                                                       XBROWSER_BALLOON.resize( a, w, h);\r
+                                               }\r
+                                       );              \r
+                                       animate !== true && XBROWSER_BALLOON.resize( a, w, h);\r
+                               }\r
+                               \r
+                               function updateType( _type){\r
+                                       if( type !== _type){\r
+                                               type = _type || type;\r
+                                               XBROWSER_BALLOON.type( type);\r
+                                       }\r
+                               }\r
+                               function updateAngle( _a){\r
+                                       if( _a !== undefined && a !== _a){\r
+                                               a = _a !== undefined ? _a : a;\r
+                                               XBROWSER_BALLOON.angle( a);\r
+                                       }\r
+                               }\r
+                               function updateText( _text){\r
+                                       text = _text || text || '';\r
+                                       TEXT_ELM.html( text);\r
+                               }\r
+                               \r
+                               return h2c.util.extend(\r
+                                       AbstractComicElement.apply( this, [ JQ_WRAPPER, COMIC_ELEMENT_TYPE_TEXT, update, x, y, w, h, z, domIndex]),\r
+                                       {\r
+                                               init: function(){\r
+                                                       instance = this;\r
+                                                       updateText();\r
+                                                       update();\r
+                                                       delete this.init;\r
+                                               },\r
+                                               angle: function( _a){\r
+                                                       _a !== undefined && update( NaN, NaN, NaN, NaN, _a);\r
+                                                       return a;\r
+                                               },\r
+                                               text: function( _text){\r
+                                                       if( _text && text !== _text) {\r
+                                                               SAVE( updateText, text || '', _text);\r
+                                                               updateText( _text);\r
+                                                       }\r
+                                                       return text;\r
+                                               },\r
+                                               resize: update,\r
+                                               animate: function ( _x, _y, _w, _h, _a){\r
+                                                       update( _x, _y, _w, _h, _a, true);\r
+                                               },\r
+                                               destroy: function(){\r
+                                                       JQ_WRAPPER.remove();\r
+                                                       XBROWSER_BALLOON.destroy();\r
+                                                       OPERATOR = null;\r
+                                                       delete this.destroy;\r
+                                               },\r
+                                               getAsJSON: function(){\r
+                                                       \r
+                                               },\r
+                                               getAsJsonString: function(){\r
+                                                       \r
+                                               },\r
+                                               getAsHTML: function(){},\r
+                                               getAsXML: function(){}\r
+                                               \r
+                                       }\r
+                               );\r
+                       }\r
+               /*\r
+                * リサイズが、ResizerTopによって行われた場合、comicElementのyを動かして見かけ上動かないようにする。
+                */     \r
+                       function resize( isResizerTopAction){\r
+                               if( isResizerTopAction === true){\r
+                                       var     _shiftX = canvasW -_canvasW,\r
+                                               _shiftY = canvasH -_canvasH,\r
+                                               l = DRAGGABLE_ELEMENT_ARRAY.length;\r
+                                       for( var i = NUM_RESIZER; i < l; i++){\r
+                                               DRAGGABLE_ELEMENT_ARRAY[ i].shift( _shiftX, _shiftY);\r
+                                       }\r
+                               }\r
+                               _canvasW = canvasW;\r
+                               _canvasH = canvasH;\r
+                               \r
+                               comicElementContainer.css( {\r
+                                       width:  _canvasW,\r
+                                       height: _canvasH,\r
+                                       top:    canvasY,\r
+                                       left:   canvasX\r
+                               });\r
+                       }\r
+               \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を見つけ、その前に加える。または一番先頭へ。(DRAGGABLE_ELEMENT_ARRAY)\r
+                *    zが大きいほど、DRAGGABLE_ELEMENT_ARRAYの先頭へ。但しNUM_RESIZER番目より下。\r
+                * 3. dom位置は、DRAGGABLE_ELEMENT_ARRAY とは反対に、前のものほど後ろへ。\r
+                * \r
+                * \r
+                * remove comicElement\r
+                * 1. remove\r
+                * 2. renumber z
+                */\r
+                       function appendComicElement( _comicElement) {\r
+                               _comicElement.init && _comicElement.init();\r
+                               var z = _comicElement.z,\r
+                                       l = DRAGGABLE_ELEMENT_ARRAY.length;\r
+                               _comicElement.$.stop().css( {\r
+                                       filter:         '',\r
+                                       opacity:        ''\r
+                               });\r
+                               if( z === undefined || z === NaN || z < 0 || z >= l -NUM_RESIZER){\r
+                                       DRAGGABLE_ELEMENT_ARRAY.splice( NUM_RESIZER, 0, _comicElement);\r
+                                       comicElementContainer.append( _comicElement.$.fadeIn());\r
+                               } else {\r
+                                       var insertIndex = ( function(){\r
+                                                       for( var ret = NUM_RESIZER; ret < l; ++ret){\r
+                                                               if( DRAGGABLE_ELEMENT_ARRAY[ ret].z <= z) return ret +1;\r
+                                                       }\r
+                                                       return NUM_RESIZER;\r
+                                               })();\r
+                                       DRAGGABLE_ELEMENT_ARRAY[ insertIndex -1].$.after( _comicElement.$.fadeIn());\r
+                                       DRAGGABLE_ELEMENT_ARRAY.splice( insertIndex, 0, _comicElement);\r
+                               }\r
+                               sortComicElement();\r
+                       }\r
+                       function removeComicElement( _comicElement) {\r
+                               var l = DRAGGABLE_ELEMENT_ARRAY.length;\r
+                               for( var i=NUM_RESIZER; i<l; ++i){\r
+                                       if( DRAGGABLE_ELEMENT_ARRAY[ i] === _comicElement){\r
+                                               DRAGGABLE_ELEMENT_ARRAY.splice( i, 1);\r
+                                               sortComicElement();\r
+                                               _comicElement.$.stop().css( {\r
+                                                       filter:         '',\r
+                                                       opacity:        ''\r
+                                               }).fadeOut( function(){\r
+                                                       this.parentNode.removeChild( this);\r
+                                               });\r
+                                               currentElement = currentElement === _comicElement ? null : currentElement;\r
+                                               return;\r
+                                       }\r
+                               }\r
+                       }\r
+                       function restoreComicElement( arg){\r
+                               var isAppend = arg[ 0],\r
+                                       comicElement = arg[ 1];\r
+                               isAppend === true ? appendComicElement( comicElement) : removeComicElement( comicElement);\r
+                       }\r
+                       /*\r
+                        * DRAGGABLE_ELEMENT_ARRAY の順番を基準に、zの再計算\r
+                        * jqElmの並び替え。
+                        */\r
+                       function sortComicElement(){\r
+                               var l = DRAGGABLE_ELEMENT_ARRAY.length,\r
+                                       _comicElement, jqElm, jqNext;\r
+                               for( var i=NUM_RESIZER; i < l; ++i){\r
+                                       _comicElement = DRAGGABLE_ELEMENT_ARRAY[ i];\r
+                                       jqElm = _comicElement.$;\r
+                                       jqNext && jqNext.before( jqElm);\r
+                                       _comicElement.z = l -i -NUM_RESIZER +1;\r
+                                       jqNext = jqElm;\r
+                               }\r
+                       }\r
+                       function replaceComicElement( _comicElement, goForward){\r
+                               // DRAGGABLE_ELEMENT_ARRAYの再構築\r
+                               var l = DRAGGABLE_ELEMENT_ARRAY.length,\r
+                                       i = ( function(){\r
+                                               for( var ret = NUM_RESIZER; ret < l; ++ret){\r
+                                                       if( DRAGGABLE_ELEMENT_ARRAY[ ret] === _comicElement) return ret;\r
+                                               }\r
+                                               return -1;\r
+                                       })();\r
+                               if( i === -1) return;\r
+                               if( goForward === true){\r
+                                       if( i === NUM_RESIZER) return;\r
+                                       DRAGGABLE_ELEMENT_ARRAY.splice( i, 1);\r
+                                       DRAGGABLE_ELEMENT_ARRAY.splice( i -1, 0, _comicElement);\r
+                               } else {\r
+                                       if( i === l -1) return;\r
+                                       DRAGGABLE_ELEMENT_ARRAY.splice( i, 1);\r
+                                       DRAGGABLE_ELEMENT_ARRAY.splice( i +1, 0, _comicElement);\r
+                               }\r
+                               sortComicElement();\r
+                       }\r
+                       function restoreReplaceObject( arg){\r
+                               replaceComicElement( arg[ 0], arg[ 1]);\r
+                       }\r
+                       \r
+                       return {\r
+                               init: function(){\r
+                               /*\r
+                                * Resizer\r
+                                */                                     \r
+                                       PANEL_RESIZER_TOP.init();\r
+                                       PANEL_RESIZER_BOTTOM.init();\r
+                               /*\r
+                                * comic-element
+                                */\r
+                                       comicElementContainer = $( '#comic-element-container');\r
+                                       \r
+                                       appendComicElement( ImageElementClass.apply( {}, [ 'images/13.gif', 'penchan', 10, 10, 0, 100, 140]));\r
+                                       appendComicElement( TextElementClass.apply( {}, [ 0, 270, 'Hello', 50, 70, 1, 200, 160]));\r
+                                       \r
+                                       COMIC_ELEMENT_OPERATOR.init( updateMouseCursor);\r
+                               /*\r
+                                * 
+                                */\r
+                                       log = $( '#operation-catcher-log');\r
+\r
+                                       resize();\r
+                                       log.html( 'vector' +h2c.balloon.enabled());\r
+                                       delete COMIC_ELEMENT_CONTROL.init;\r
+                               },\r
+                               resize: resize,\r
+                               onMouseMove: function( _mouseX, _mouseY){\r
+                                       var l = DRAGGABLE_ELEMENT_ARRAY.length,\r
+                                               _X = _mouseX -( _canvasX || canvasX),\r
+                                               _Y = _mouseY -( _canvasY || canvasY),\r
+                                               _elm, _x, _y;\r
+                                               \r
+                                       if( currentElement !== null && currentElement.dragging() === true){\r
+                                               currentElement.onMouseMove( _X, _Y);\r
+                                               return true;\r
+                                       }\r
+                                       if( currentElement !== null){\r
+                                               _x = currentElement.hitareaX();\r
+                                               _y = currentElement.hitareaY();\r
+                                               if( _x <= _X && _y <= _Y && _x + currentElement.hitareaW() >= _X && _y +currentElement.hitareaH() >= _Y){\r
+                                                       currentElement.onMouseMove( _X, _Y); // cursor\r
+                                                       return true;\r
+                                               }\r
+                                       }\r
+                                       for( var i=0; i<l; i++){\r
+                                               _elm = DRAGGABLE_ELEMENT_ARRAY[ i];\r
+                                               _x = _elm.hitareaX();\r
+                                               _y = _elm.hitareaY();\r
+                                               // hitTest\r
+                                               if( _x <= _X && _y <= _Y && _x + _elm.hitareaW() >= _X && _y +_elm.hitareaH() >= _Y){\r
+                                                       currentElement = _elm;\r
+                                                       currentElement.onMouseMove( _X, _Y); // cursor\r
+                                                       log.html( [ _X, _Y, _x, _y, i].join( ','));\r
+                                                       return true;\r
+                                               }\r
+                                       }\r
+                                       currentElement = null;                                                  \r
+                                       COMIC_ELEMENT_OPERATOR.hide();\r
+                                       log.html( [ _X, _Y, _x, _y].join( ','));\r
+                                       return false;\r
+                               },\r
+                               onMouseUp: function( _mouseX, _mouseY){\r
+                                       var ret = currentElement !== null && currentElement.dragging() === true;\r
+                                       ret === true && currentElement.onMouseUp( _mouseX -_canvasX || canvasX, _mouseY -_canvasY || canvasY);\r
+                                       _canvasX = _canvasY = NaN;\r
+                                       return ret;\r
+                               },\r
+                               onMouseDown: function( _mouseX, _mouseY){\r
+                                       _canvasX = canvasX;\r
+                                       _canvasY = canvasY;\r
+                                       currentElement !== null && currentElement.onMouseDown( _mouseX -canvasX, _mouseY -canvasY);\r
+                                       return currentElement !== null;\r
+                               },\r
+                               onMouseClick: function( _mouseX, _mouseY){\r
+                                       return currentElement !== null &&\r
+                                               currentElement !== PANEL_RESIZER_TOP &&\r
+                                               currentElement !== PANEL_RESIZER_BOTTOM &&\r
+                                               COMIC_ELEMENT_OPERATOR.onMouseClick( _mouseX -canvasX, _mouseY -canvasY);\r
+                               },\r
+                               onMouseOut: function( _mouseX, _mouseY){\r
+                                       currentElement !== null && currentElement.dragging() === true && currentElement.onMouseUp( _mouseX -canvasX, _mouseY -canvasY);\r
+                                       _canvasX = _canvasY = NaN;\r
+                                       currentElement = null;\r
+                                       COMIC_ELEMENT_OPERATOR.hide();\r
+                                       return false;\r
+                               },\r
+                               busy: function(){\r
+                                       return currentElement !== null ? currentElement.dragging() : false;\r
+                               },\r
+                               createImageElement: function( url, imagesetID, x, y, z, w, h){\r
+                                       w = w || 200; //ActualWidth\r
+                                       h = h || 150; //ActualHeight\r
+                                       x = x || Math.floor( canvasW /2 -w /2);\r
+                                       y = y || Math.floor( canvasH /2 -h /2);\r
+                                       IMAGE_GROUP_EXPROLER.show( function( _url, _w, _h){\r
+                                               var _comicElement = ImageElementClass.apply( {}, [ _url, imagesetID, x, y, z || -1, w, h]);\r
+                                               appendComicElement( _comicElement);\r
+                                               _comicElement.animate( undefined, undefined, _w, _h);\r
+                                               SAVE( restoreComicElement, [ false, _comicElement], [ true, _comicElement], true);\r
+                                       });\r
+                               },\r
+                               createTextElement: function( type, angle, text, x, y, z, w, h){\r
+                                       type = type || 0;\r
+                                       angle = angle || 0;\r
+                                       text = text || '';\r
+                                       w = w || 200;\r
+                                       h = h || 150;\r
+                                       x = x || Math.floor( canvasW /2 -w /2 +Math.random() *10);\r
+                                       y = y || Math.floor( canvasH /2 -h /2 +Math.random() *10);\r
+                                       var _comicElement = TextElementClass.apply( {}, [ type, angle, text, x, y, z || -1, w, h]);\r
+                                       TEXT_EDITOR_CONTROL.show( _comicElement, function( _comicElement){\r
+                                               appendComicElement( _comicElement);\r
+                                               SAVE( restoreComicElement, [ false, _comicElement], [ true, _comicElement], true);\r
+                                       });\r
+                               }\r
+                       }\r
+               })( resize);\r
+       \r
+       /*\r
+        * 
+        */\r
+               function resize( isResizerTopAction){\r
+                       GRID_CONTROL.resize();\r
+                       WHITE_GLASS_CONTROL.resize();\r
+                       PANEL_BORDER_CONTROL.resize();\r
+                       COMIC_ELEMENT_CONTROL.resize( isResizerTopAction);\r
+               }\r
+               return {\r
+                       init: function( _canvasW, _canvasH){\r
+                               canvasW = _canvasW || DEFAULT_PANEL_WIDTH;\r
+                               canvasH = _canvasH || DEFAULT_PANEL_HEIGHT;\r
+                               canvasX = Math.floor( ( windowW -canvasW) /2);\r
+                               canvasY = Math.floor( ( windowH -canvasH) /2);\r
+                               \r
+                               GRID_CONTROL.init();\r
+                               // WHITE_GLASS_CONTROL.init();\r
+                               PANEL_BORDER_CONTROL.init();\r
+                               COMIC_ELEMENT_CONTROL.init();\r
+                               \r
+                               resize();\r
+                               \r
+                               h2c.jqDocument()\r
+                                       .bind( h2c.key.SPACE_DOWN_EVENT, function(){\r
+                                               hasFocus === true && isDragging === false && COMIC_ELEMENT_CONTROL.busy() === false && updateMouseCursor( 'crosshair');\r
+                                       })\r
+                                       .bind( h2c.key.SPACE_UP_EVENT, function(){\r
+                                               hasFocus === true && COMIC_ELEMENT_CONTROL.busy() === false && updateMouseCursor( '');  \r
+                                               isDragging = false;\r
+                                       });\r
+                               \r
+                               delete CANVAS_CONTROL.init;\r
+                       },\r
+                       x: function(){ return canvasX;},\r
+                       y: function(){ return canvasY;},\r
+                       onWindowResize: function( _windowW, _windowH){\r
+                               canvasX = Math.floor(( _windowW - canvasW) / 2);\r
+                               canvasY = Math.floor(( _windowH - canvasH) / 2);\r
+                               resize();\r
+                       },\r
+                       onMouseMove: function( _mouseX, _mouseY){\r
+                               hasFocus = true;\r
+                               if( isDragging === true){\r
+                                       canvasX = startCanvasX +_mouseX -xOffset;\r
+                                       canvasY = startCanvasY +_mouseY -yOffset;\r
+                                       resize();\r
+                               } else {\r
+                                       COMIC_ELEMENT_CONTROL.onMouseMove( _mouseX, _mouseY)\r
+                               }\r
+                       },\r
+                       onMouseUp: function( _mouseX, _mouseY){\r
+                               if( COMIC_ELEMENT_CONTROL.onMouseUp( _mouseX, _mouseY) === false && isDragging === true){\r
+                                       isDragging = false;\r
+                                       updateMouseCursor( '');\r
+                               }\r
+                       },\r
+                       onMouseDown: function( _mouseX, _mouseY){\r
+                               if( COMIC_ELEMENT_CONTROL.onMouseDown( _mouseX, _mouseY) === false && isDragging === false && SPACE_ENABLED() === true){\r
+                                       xOffset = _mouseX;\r
+                                       yOffset = _mouseY;\r
+                                       startCanvasX = canvasX;\r
+                                       startCanvasY = canvasY;\r
+                                       isDragging = true;\r
+                                       updateMouseCursor( 'move');\r
+                               }\r
+                       },\r
+                       onMouseClick: function( _mouseX, _mouseY){\r
+                               COMIC_ELEMENT_CONTROL.onMouseClick( _mouseX, _mouseY)\r
+                       },\r
+                       onMouseOut: function( _mouseX, _mouseY){\r
+                               if( COMIC_ELEMENT_CONTROL.onMouseOut( _mouseX, _mouseY) === false){\r
+                                       \r
+                               }\r
+                       },\r
+                       busy: function( _busy){\r
+                               hasFocus = !!_busy;\r
+                               return isDragging === true || COMIC_ELEMENT_CONTROL.busy();\r
+                       },\r
+                       createImageElement: function( url, imagesetID, x, y, z, w, h){\r
+                               COMIC_ELEMENT_CONTROL.createImageElement( url, imagesetID, x, y, z, w, h);\r
+                       },\r
+                       createTextElement: function( type, angle, text, x, y, w, h, z){\r
+                               COMIC_ELEMENT_CONTROL.createTextElement( type, angle, text, x, y, w, h, z);\r
+                       }\r
+               }\r
+       })();\r
+\r
+/* ----------------------------------------\r
+ *     Text Editor (Overlay)
+ */\r
+       \r
+       var TEXT_EDITOR_CONTROL = ( function(){\r
+               var jqWrap, jqTextarea, jqButton,\r
+                       textElement, onUpdateFunction;\r
+               \r
+               function close(){\r
+                       jqWrap.hide();\r
+                       textElement = onUpdateFunction = null;          \r
+               }               \r
+               return {\r
+                       init: function(){\r
+                               this.jqWrap = jqWrap = $( '#speach-editor-wrapper').hide();\r
+                               jqTextarea = $( '#speach-editor');\r
+                               jqButton = $( '#speach-edit-complete-button').click( function(){\r
+                                       h2c.overlay.hide();\r
+                                       textElement && textElement.text( jqTextarea.val());\r
+                                       onUpdateFunction && onUpdateFunction( textElement);\r
+                                       close();\r
+                               });\r
+                               delete TEXT_EDITOR_CONTROL.init;\r
+                       },\r
+                       jqWrap: null,\r
+                       show: function( _textElement, _onUpdateFunction){\r
+                               textElement = _textElement;\r
+                               onUpdateFunction = _onUpdateFunction || null;\r
+                               h2c.overlay.show( this);\r
+                               var h = _textElement.h;\r
+                               jqWrap.show().css( {\r
+                                       left:                   _textElement.x +CANVAS_CONTROL.x(),\r
+                                       top:                    _textElement.y +CANVAS_CONTROL.y(),\r
+                                       width:                  _textElement.w,\r
+                                       height:                 h\r
+                               });\r
+                               jqTextarea.val( _textElement.text()).focus();\r
+                               \r
+                               /*\r
+                                * ie6,7は、textarea { width:100%}でも高さが変わらない。rowsを設定。
+                                */\r
+                               h2c.isIE === true && h2c.ieVersion <= 7 && setTimeout( function(){\r
+                                       var rows = 0;\r
+                                       while( jqTextarea.height() < h){\r
+                                               rows++;\r
+                                               jqTextarea.attr( 'rows', rows);\r
+                                       }\r
+                                       rows > 1 && jqTextarea.attr( 'rows', rows -1);\r
+                               }, 0);\r
+                       },\r
+                       onWindowResize: function(){\r
+                               textElement && this.show( textElement);\r
+                       },\r
+                       onClose: close\r
+               }\r
+       })();\r
+\r
+/* ----------------------------------------\r
+ *     Image Group Exproler (Overlay)\r
+ */\r
+       var IMAGE_GROUP_EXPROLER = ( function(){\r
+               var ICON_ARRAY = [],\r
+                       WHEEL_DELTA = 64,\r
+                       containerW, containerH, wrapX,\r
+                       jqWrap, jqContainer, jqItemOrigin,\r
+                       itemW, itemH,\r
+                       jqName, jqButton, buttonW,\r
+                       onUpdateFunction,\r
+                       winW,\r
+                       onEnterInterval = null;\r
+               \r
+               var BASE_PATH = h2c.LOCAL === false ? 'http://pettan.heroku.com/images/' : 'images/',\r
+                       THUMB_PATH = BASE_PATH, // + 'thumbnail/',\r
+                       LIMIT_FILESIZE = 1024 * 10; // 10KB\r
+               var IMAGE_DATA = {\r
+                               pen001: [\r
+                                   {\r
+                                       "created_at": "2011-11-13T08:57:39Z", \r
+                                       "ext": "png", \r
+                                       "filesize": 9969, \r
+                                       "height": 463, \r
+                                       "id": 1, \r
+                                       "updated_at": "2011-11-13T08:57:39Z", \r
+                                       "width": 441\r
+                                   }, \r
+                                   {\r
+                                       "created_at": "2011-11-13T08:57:54Z", \r
+                                       "ext": "gif", \r
+                                       "filesize": 5418, \r
+                                       "height": 500, \r
+                                       "id": 2, \r
+                                       "updated_at": "2011-11-13T08:57:54Z", \r
+                                       "width": 500\r
+                                   }, \r
+                                   {\r
+                                       "created_at": "2011-11-13T08:58:06Z", \r
+                                       "ext": "gif", \r
+                                       "filesize": 8758, \r
+                                       "height": 464, \r
+                                       "id": 3, \r
+                                       "updated_at": "2011-11-13T08:58:06Z", \r
+                                       "width": 366\r
+                                   }, \r
+                                   {\r
+                                       "created_at": "2011-11-13T08:58:23Z", \r
+                                       "ext": "gif", \r
+                                       "filesize": 9383, \r
+                                       "height": 480, \r
+                                       "id": 4, \r
+                                       "updated_at": "2011-11-13T08:58:23Z", \r
+                                       "width": 392\r
+                                   }, \r
+                                   {\r
+                                       "created_at": "2011-11-13T08:58:33Z", \r
+                                       "ext": "gif", \r
+                                       "filesize": 11061, \r
+                                       "height": 500, \r
+                                       "id": 5, \r
+                                       "updated_at": "2011-11-13T08:58:33Z", \r
+                                       "width": 500\r
+                                   }, \r
+                                   {\r
+                                       "created_at": "2011-11-20T09:50:43Z", \r
+                                       "ext": "gif", \r
+                                       "filesize": 1131, \r
+                                       "height": 126, \r
+                                       "id": 6, \r
+                                       "updated_at": "2011-11-20T09:50:43Z", \r
+                                       "width": 259\r
+                                   }, \r
+                                   {\r
+                                       "created_at": "2011-11-20T09:50:55Z", \r
+                                       "ext": "gif", \r
+                                       "filesize": 1125, \r
+                                       "height": 126, \r
+                                       "id": 7, \r
+                                       "updated_at": "2011-11-20T09:50:55Z", \r
+                                       "width": 259\r
+                                   }, \r
+                                   {\r
+                                       "created_at": "2011-11-20T11:33:12Z", \r
+                                       "ext": "gif", \r
+                                       "filesize": 17919, \r
+                                       "height": 600, \r
+                                       "id": 8, \r
+                                       "updated_at": "2011-11-20T11:33:12Z", \r
+                                       "width": 800\r
+                                   },\r
+                                   {\r
+                                       "created_at": "2011-11-20T11:33:12Z", \r
+                                       "ext": "gif", \r
+                                       "filesize": 17919, \r
+                                       "height": 600, \r
+                                       "id": 9, \r
+                                       "updated_at": "2011-11-20T11:33:12Z", \r
+                                       "width": 800\r
+                                   },\r
+                                   {\r
+                                       "created_at": "2011-11-20T11:33:12Z", \r
+                                       "ext": "gif", \r
+                                       "filesize": 17919, \r
+                                       "height": 600, \r
+                                       "id": 10, \r
+                                       "updated_at": "2011-11-20T11:33:12Z", \r
+                                       "width": 800\r
+                                   },\r
+                                   {\r
+                                       "created_at": "2011-11-20T11:33:12Z", \r
+                                       "ext": "gif", \r
+                                       "filesize": 17919, \r
+                                       "height": 600, \r
+                                       "id": 11, \r
+                                       "updated_at": "2011-11-20T11:33:12Z", \r
+                                       "width": 800\r
+                                   },\r
+                                   {\r
+                                       "created_at": "2011-11-22T09:17:20Z", \r
+                                       "ext": "gif", \r
+                                       "filesize": 9055, \r
+                                       "height": 473, \r
+                                       "id": 12, \r
+                                       "updated_at": "2011-11-22T09:17:20Z", \r
+                                       "width": 405\r
+                                   }, \r
+                                   {\r
+                                       "created_at": "2011-11-22T10:11:07Z", \r
+                                       "ext": "gif", \r
+                                       "filesize": 8758, \r
+                                       "height": 464, \r
+                                       "id": 13, \r
+                                       "updated_at": "2011-11-22T10:11:07Z", \r
+                                       "width": 366\r
+                                   }, \r
+                                   {\r
+                                       "created_at": "2011-11-24T09:05:12Z", \r
+                                       "ext": "gif", \r
+                                       "filesize": 6431, \r
+                                       "height": 386, \r
+                                       "id": 16, \r
+                                       "updated_at": "2011-11-24T09:05:12Z", \r
+                                       "width": 453\r
+                                   }, \r
+                                   {\r
+                                       "created_at": "2011-11-26T04:52:12Z",\r
+                                       "ext": "gif", \r
+                                       "filesize": 6421, \r
+                                       "height": 426, \r
+                                       "id": 17, \r
+                                       "updated_at": "2011-11-26T04:52:12Z", \r
+                                       "width": 306\r
+                                   }, \r
+                                   {\r
+                                       "created_at": "2011-11-26T04:52:12Z",\r
+                                       "ext": "gif", \r
+                                       "filesize": 6421, \r
+                                       "height": 426, \r
+                                       "id": 18, \r
+                                       "updated_at": "2011-11-26T04:52:12Z", \r
+                                       "width": 306\r
+                                   }, \r
+                                   {\r
+                                       "created_at": "2011-11-26T04:52:12Z",\r
+                                       "ext": "gif", \r
+                                       "filesize": 6421, \r
+                                       "height": 426, \r
+                                       "id": 19, \r
+                                       "updated_at": "2011-11-26T04:52:12Z", \r
+                                       "width": 306\r
+                                   }, \r
+                                   {\r
+                                       "created_at": "2011-11-26T04:52:12Z",\r
+                                       "ext": "gif", \r
+                                       "filesize": 6421, \r
+                                       "height": 426, \r
+                                       "id": 20, \r
+                                       "updated_at": "2011-11-26T04:52:12Z", \r
+                                       "width": 306\r
+                                   }, \r
+                                   {\r
+                                       "created_at": "2011-11-26T04:52:12Z",\r
+                                       "ext": "gif", \r
+                                       "filesize": 6421, \r
+                                       "height": 426, \r
+                                       "id": 21, \r
+                                       "updated_at": "2011-11-26T04:52:12Z",\r
+                                       "width": 306\r
+                                   }\r
+                               ]\r
+                       }\r
+               \r
+               var ImageGroupIconClass = function( INDEX, data){\r
+                       var JQ_ICON_WRAP = jqItemOrigin.clone( true),\r
+                               SRC = [ BASE_PATH, data.id, '.', data.ext].join( ''),\r
+                               LOW_SRC = data.filesize && data.filesize > LIMIT_FILESIZE ? [ THUMB_PATH, data.id, '.', data.ext].join( '') : null,\r
+                               reversibleImage = null,\r
+                               onEnterFlag = false;\r
+                       JQ_ICON_WRAP.children( 'div').eq( 0).html( data.filesize + 'bytes');\r
+                       jqContainer.append( JQ_ICON_WRAP.css( { left: INDEX * itemW}));\r
+                       \r
+                       return {\r
+                               onEnter: function(){\r
+                                       if( onEnterFlag === true) return;\r
+                                       reversibleImage = h2c.image.createReversibleImage( LOW_SRC || SRC, itemW, itemH, function( url, imgW, imgH){\r
+                                               if( reversibleImage === null) {\r
+                                                       alert( url);\r
+                                                       return;\r
+                                               }\r
+                                               /*\r
+                                                * ieでサイズが取れない、、、
+                                                */\r
+                                               imgW = imgW || data.width || 64;\r
+                                               imgH = imgH || data.height || 64;\r
+                                               JQ_ICON_WRAP.children( 'div').eq( 1).html( imgW +'x' +imgH);\r
+                                               var zoom = 128 /( imgW > imgH ? imgW : imgH),\r
+                                                       h = Math.floor( imgH *zoom),\r
+                                                       w = Math.floor( imgW *zoom);\r
+                                               reversibleImage.elm.style.width = w +'px';\r
+                                               reversibleImage.elm.style.height = h +'px';\r
+                                               reversibleImage.elm.style.margin = Math.floor( itemH /2 -h /2)+'px 0 0';\r
+                                               reversibleImage.resize( w, h);\r
+                                               JQ_ICON_WRAP.click( function( e){\r
+                                                       h2c.overlay.hide();\r
+                                                       if (onUpdateFunction) {\r
+                                                               if( LOW_SRC === null){\r
+                                                                       onUpdateFunction( SRC, imgW, imgH);\r
+                                                               } else {\r
+                                                                       ( function( onUpdate){\r
+                                                                               h2c.util.loadImage( SRC,\r
+                                                                                       function( _abspath, imgW, imgH){\r
+                                                                                               onUpdate( SRC, imgW, imgH);\r
+                                                                                               onUpdate = null;\r
+                                                                                       },\r
+                                                                                       function( _abspath){\r
+                                                                                               onUpdate( SRC, data.width || 64, data.height || 64);\r
+                                                                                               onUpdate = null;\r
+                                                                                       }\r
+                                                                               );                                                                              \r
+                                                                       })( onUpdateFunction); // close()で値が消えるので、クロージャに保持\r
+                                                               }\r
+                                                       }\r
+                                                       close();\r
+                                               });\r
+                                       });\r
+                                       JQ_ICON_WRAP.children( 'img').replaceWith( reversibleImage.elm);\r
+                                       onEnterFlag = true;                             \r
+                               },\r
+                               destroy: function(){\r
+                                       reversibleImage && reversibleImage.destroy();\r
+                                       JQ_ICON_WRAP.remove();\r
+                                       reversibleImage = JQ_ICON_WRAP = null;\r
+                                       delete this.destroy;\r
+                               }\r
+                       }\r
+               }\r
+               \r
+               function close(){\r
+                       jqContainer.stop().animate( {\r
+                                       height: 0,\r
+                                       top:    Math.floor( windowH /2)\r
+                               }, function(){\r
+                                       jqWrap.hide()\r
+                               });\r
+                       while( ICON_ARRAY.length > 0){\r
+                               ICON_ARRAY.shift().destroy();\r
+                       }\r
+                       onEnterInterval !== null && window.clearTimeout( onEnterInterval);\r
+                       onUpdateFunction = onEnterInterval = null;\r
+               }\r
+               function onEnterShowImage(){\r
+                       var l = ICON_ARRAY.length,\r
+                               _start = -wrapX /itemW -1,\r
+                               _end = _start + winW /itemW +1;\r
+                       for( var i=0; i<l; ++i){\r
+                               _start < i && i < _end && ICON_ARRAY[ i].onEnter();\r
+                       }\r
+                       onEnterInterval !== null && window.clearTimeout( onEnterInterval);\r
+                       onEnterInterval = null;\r
+               }\r
+               return {\r
+                       init: function(){\r
+                               this.jqWrap = jqWrap = $( '#image-gruop-wrapper').hide();\r
+                               jqContainer = $( '#image-icon-container').mousewheel(\r
+                                       function( e, delta){\r
+                                               if( winW < containerW){\r
+                                                       wrapX += delta *WHEEL_DELTA;\r
+                                                       wrapX = wrapX > 0 ? 0 : wrapX < winW -containerW ? winW -containerW : wrapX;\r
+                                                       jqContainer.css( { left: wrapX});\r
+                                                       \r
+                                                       onEnterInterval !== null && window.clearTimeout( onEnterInterval);\r
+                                                       onEnterInterval = window.setTimeout( onEnterShowImage, 500);\r
+                                               }\r
+                                               //e.stopPropagation();\r
+                                               return false;\r
+                                       });\r
+                               containerH = h2c.util.getElementSize( jqContainer.get( 0)).height;\r
+                               jqItemOrigin = $( $( '#imageGruopItemTemplete').remove().html());\r
+                               var itemSize = h2c.util.getElementSize( jqItemOrigin.get( 0));\r
+                               itemW = itemSize.width;\r
+                               itemH = itemSize.height;\r
+                               jqName = $( '#gruop-name-display');\r
+                               jqButton = $( '#image-gruop-button').click( function(){\r
+                                       h2c.overlay.hide();\r
+                                       // onUpdateFunction && onUpdateFunction( textElement);\r
+                                       close();\r
+                               });\r
+                               buttonW = h2c.util.getElementSize( jqButton.get( 0)).width;\r
+                               delete IMAGE_GROUP_EXPROLER.init;\r
+                       },\r
+                       jqWrap: null,\r
+                       show: function( _onUpdateFunction){\r
+                               onUpdateFunction = _onUpdateFunction;\r
+                               h2c.overlay.show( this);\r
+                               \r
+                               var CURRENT_GROUP_ARRAY = IMAGE_DATA[ 'pen001'] || [],\r
+                                       l = CURRENT_GROUP_ARRAY.length;\r
+                               for( var i=0; i<l; ++i){\r
+                                       ICON_ARRAY.push( ImageGroupIconClass.apply( {}, [ i, CURRENT_GROUP_ARRAY[ i]]));\r
+                               }\r
+                               wrapX = 0;\r
+                               containerW = l * itemW;\r
+                               \r
+                               winW = windowW;\r
+                               var w = winW > containerW ? winW : containerW,\r
+                                       h = windowH > containerH ? containerH : windowH;\r
+                               \r
+                               jqWrap.show();\r
+                               jqContainer.css( {\r
+                                       width:          w,\r
+                                       height:         0,\r
+                                       left:           0,\r
+                                       top:            Math.floor( windowH /2)\r
+                               }).stop().animate( {\r
+                                       height:         h,\r
+                                       top:            Math.floor( windowH /2 -h /2)\r
+                               });\r
+                               \r
+                               jqButton.css( {\r
+                                       left:           Math.floor( winW /2 -buttonW /2),\r
+                                       top:            Math.floor( windowH /2 +containerH /2 +10)\r
+                               });\r
+                               \r
+                               onEnterShowImage();\r
+                       },\r
+                       onWindowResize: function( _windowW, _windowH){\r
+                               var w = _windowW > containerW ? _windowW : containerW,\r
+                                       h = _windowH > containerH ? containerH : _windowH,\r
+                                       offsetW = Math.floor( _windowW /2 -winW /2);\r
+                               winW = _windowW;\r
+                               if( offsetW <= 0){ // smaller\r
+                                       jqContainer.css( {\r
+                                               left:                           offsetW,\r
+                                               width:                          w\r
+                                       }).animate( {\r
+                                               left:                           0,\r
+                                               top:                            Math.floor( _windowH /2 -h /2)\r
+                                       });                                     \r
+                               } else {\r
+                                       jqContainer.css( { // bigger\r
+                                               left:                           0,\r
+                                               width:                          w,\r
+                                               borderLeftWidth:        offsetW\r
+                                       }).animate( {\r
+                                               top:                            Math.floor( _windowH /2 -h /2),\r
+                                               borderLeftWidth:        0\r
+                                       });\r
+                               }\r
+                               jqButton.css( {\r
+                                       left:           Math.floor( _windowW /2 -buttonW /2),\r
+                                       top:            Math.floor( _windowH /2 +containerH /2 +10)\r
+                               });\r
+                               onEnterShowImage();\r
+                       },\r
+                       onClose: close\r
+               }\r
+       })();\r
+\r
+       function updateMouseCursor( _cursor){\r
+               if( currentCursor !== _cursor){\r
+                       currentCursor = _cursor;\r
+                       ELM_MOUSE_EVENT_CHATCHER.style.cursor = _cursor;\r
+               }\r
+       }\r
+       function centering(){\r
+               h2c.editor.onWindowResize( windowW, windowH);\r
+       }       \r
+       function mouseEventRellay( rellayMethod, e){\r
+               var _mouseX = e.pageX,\r
+                       _mouseY = e.pageY;\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( typeof _listener[ rellayMethod] === 'function' && _listener[ rellayMethod]( _mouseX, _mouseY) === true){\r
+                                       currentListener = _listener;\r
+                                       break;\r
+                               } else {\r
+                                       _listener.busy( false);\r
+                               }\r
+                       }\r
+               }\r
+               e.stopPropagation();\r
+               return false;\r
+       }\r
+\r
+       return {\r
+               init: function(){\r
+                       var jqWindow = h2c.jqWindow();\r
+                       windowW = jqWindow.width();\r
+                       windowH = jqWindow.height();\r
+                       \r
+                       jqEditor = $( '#editor');\r
+\r
+                       h2c.key.addKeyEvent( 96, false, true, centering);\r
+                       h2c.key.addKeyEvent( 48, false, true, centering);\r
+\r
+                       HISTORY.init();\r
+                       MENU_BAR_CONTROL.EDIT.createSelection( 'centering', 'ctrl + 0', centering, true, true, true);\r
+                       \r
+                       WINDOWS_CONTROL.init();\r
+                       CANVAS_CONTROL.init();\r
+                       \r
+                       // last\r
+                       MENU_BAR_CONTROL.init();\r
+                       \r
+                       TEXT_EDITOR_CONTROL.init();\r
+                       IMAGE_GROUP_EXPROLER.init();\r
+               /*\r
+                * jqMouseEventChacher は透明な要素で、\r
+                * マウスイベントをcurrentElement(currentElement)に伝えるのが仕事\r
+                * このような実装になるのは、ここの表示オブジェクトにイベントを設定した場合、表示が追いつかずマウスカーソルが外れたタイミングでイベントが終わってしまうため。\r
+                */\r
+               /*\r
+                * MOUSE_LISTENER_ARRAY は、表示順に格納.手前の要素が最初\r
+                * MENU_BAR_CONTROL,\r
+                * WINDOW_CONTROL,\r
+                * CANVAS_CONTROL\r
+                * .busy() === true なら、そのままonMouseMove()にイベントを流す.これはArrayの後ろから、奥の表示要素から\r
+                * onMouseMove()に流してみて、false が帰れば、次にリスナーにも流す.\r
+                */\r
+                       MOUSE_LISTENER_ARRAY.push( MENU_BAR_CONTROL, WINDOWS_CONTROL, CANVAS_CONTROL);\r
+                       \r
+                       jqMouseEventChacher = $( ELM_MOUSE_EVENT_CHATCHER)\r
+                               .mousemove( function( e){\r
+                                       return mouseEventRellay( 'onMouseMove', e);\r
+                               }).mousedown( function( e){\r
+                                       return mouseEventRellay( 'onMouseDown', e);\r
+                               }).mouseup( function( e){\r
+                                       return mouseEventRellay( 'onMouseUp', e);\r
+                               }).mouseout( function( e){\r
+                                       return mouseEventRellay( 'onMouseUp', e);\r
+                               }).click( function( e){\r
+                                       var _mouseX = e.pageX,\r
+                                               _mouseY = e.pageY;\r
+                                       if( CANVAS_CONTROL.busy() === true || WINDOWS_CONTROL.onMouseClick( _mouseX, _mouseY) === false){\r
+                                               CANVAS_CONTROL.onMouseClick( _mouseX, _mouseY);\r
+                                       }\r
+                                       e.stopPropagation();\r
+                                       return false;\r
+                               }).css( {\r
+                                       height: windowH // ie6\r
+                               });\r
+                       \r
+                       delete h2c.editor.init;\r
+               },\r
+               onWindowResize: function( _windowW, _windowH){\r
+                       windowW = _windowW;\r
+                       windowH = _windowH;\r
+                       \r
+                       /*\r
+                        * ieは +'px'が不要みたい
+                        */\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
+                       CANVAS_CONTROL.onWindowResize( _windowW, _windowH);\r
+               },\r
+               MIN_WIDTH:      320,\r
+               MIN_HEIGHT:     320\r
+       }\r
+})();\r
+\r
+h2c.log = ( function(){\r
+       return {\r
+               init: function(){}\r
+       }\r
+})();\r
+\r
+h2c.io = ( function(){\r
+       \r
+       return {\r
+               init: function(){}\r
+       }\r
+})();\r
+\r
+\r
+/*\r
+ * 画像一覧は\r
+ *     お気に入り画像一覧 > tag:ペン次郎 > ペン次郎:笑う\r
+ *  最近アップロードされた画像 > images\r
+ *  最近使われた画像 > images\r
+ *  キャラクター画像庫 > アニマル系 > tag:ペン次郎 > ペン次郎:笑う\r
+ *  風景画像庫 >\r
+ *  効果画像庫 >\r
+ *  アイテム画像庫 >\r
+ *  \r
+ * 画像一覧を読み込むタイミング
+ */\r
+h2c.file = ( function(){\r
+       var TREE_TYPE_IS_COMIC = 1,\r
+               TREE_TYPE_IS_IMAGE = 2,\r
+               TREE_TYPE_IS_SETTING = 3,\r
+               TREE_TYPE_IS_HELP = 4,\r
+               FILE_TYPE_IS_FOLDER = 1,\r
+               FILE_TYPE_IS_IMAGE = 2,\r
+               FILE_TYPE_IS_PANEL = 3,\r
+               FILE_TYPE_IS_SETTING = 4,\r
+               FILE_TYPE_IS_HTML = 5,\r
+               FILE_STATE_IS_UNKNOWN = 0,\r
+               FILE_STATE_IS_OK = 1,\r
+               FILE_STATE_IS_LOADING = 2,\r
+               FILE_STATE_IS_ERROR = 3,\r
+               FILE_STATE_IS_BROKEN = 4,\r
+               TREE_EVENT_UPDTE = 'onUpdate',\r
+               FILE_EVENT_UPDATED_ATTRIVUTE = 'onUpdate',\r
+               FILE_EVENT_GET_SEQENTIAL_FILES = 'gotSeqentilFiles',\r
+               FILEDATA_RESITER = [],\r
+               FILEDATA_ACCESS = [];\r
+               \r
+       var REQUEST_CONTROLER = ( function(){\r
+               var REQUEST_TICKET_RESISTER = [],\r
+                       DATA_IS_JSON = 1;\r
+               \r
+               var RequestTicketClass = ( function(){\r
+                       \r
+               })();\r
+               \r
+               return {\r
+                       init: function(){\r
+                               delete REQUEST_CONTROLER.init;\r
+                       },\r
+                       getJson: function( _url, _onLoad, _onError){\r
+                               REQUEST_TICKET_RESISTER.push( RequestTicketClass.apply( {}, [ _url, _onLoad, _onError]));\r
+                       }\r
+               }\r
+       })();\r
+       /* ----------------------\r
+        * folder\r
+        *  name\r
+        *  file [],\r
+        *  ID( imgGroupID, comicID)\r
+        * ----------------------\r
+        * \r
+        * img-group(folder)\r
+        *  name - rename,\r
+        *  groupID,\r
+        *  img []\r
+        *  author, licence,\r
+        *  create, update\r
+        * \r
+        * img\r
+        *  name - rename\r
+        *  src(id)\r
+        *  groupID - updateGropuID\r
+        *  actualWidth, actualHeight,\r
+        *  author, licence( 'by,no-resize'),\r
+        *  create, update, tag,\r
+        *  actualWidth, actualHeight\r
+        * \r
+        * ----------------------\r
+        * \r
+        * comic\r
+        *  id\r
+        *  name - rename\r
+        *  width\r
+        *  editmode\r
+        *  panel []\r
+        *  \r
+        * panel\r
+        *  comicID,\r
+        *  seqno,\r
+        *      height,\r
+        *  border,\r
+        *  elments [\r
+        *    height,\r
+        *    bg-color,\r
+        *    bg-image,\r
+        *    bg-position,\r
+        *    bg-repeate,\r
+        *    border,  \r
+        *  ]\r
+        *  \r
+        * ----------------------\r
+        */\r
+       var FILE_CONTROLER = ( function(){\r
+               var FILE_EVENT_LISTENER_RESISTER = [],\r
+                       TREE_ACCESS = [];\r
+\r
+               var TreeClass = function( TREE_ROOTFILE){\r
+                       var UID = TREE_ACCESS.length,\r
+                               currentFile = TREE_ROOTFILE,\r
+                               PARENT_FILE_RESITER = [],\r
+                               ACCESS = {\r
+                                       fileEventChatcher:      dispatchFileEvent,\r
+                                       destroy:                        onDestroy\r
+                               };\r
+                       \r
+                       function dispatchFileEvent( fileEvent){\r
+                               \r
+                       }\r
+                       function onDestroy(){\r
+                               \r
+                       }\r
+                       \r
+                       TREE_ACCESS.push( ACCESS);\r
+                       \r
+                       FILE_CONTROLER.getSeqentialFiles( currentFile);\r
+                       return {\r
+                               ROOT_FILE :function(){\r
+                                       return TREE_ROOTFILE;\r
+                               },\r
+                               currentFile: function(){\r
+                                       return currentFile;\r
+                               },\r
+                               hierarky: function(){\r
+                                       return PARENT_FILE_RESITER.length;\r
+                               },\r
+                               down: function( _index){\r
+                                       if( typeof _index !== 'number' || _index < 0 || _index >= currentFile.getChildFileLength()) return;\r
+                                       PARENT_FILE_RESITER.unshift( currentFile);\r
+                                       currentFile = currentFile.getChildFileByIndex( _index);\r
+                                       FILE_CONTROLER.getSeqentialFiles( currentFile);\r
+                                       return currentFile;\r
+                               },\r
+                               up: function(){\r
+                                       if( PARENT_FILE_RESITER.length === 0) return;\r
+                                       currentFile = PARENT_FILE_RESITER.shift();\r
+                                       FILE_CONTROLER.getSeqentialFiles( currentFile);\r
+                                       return currentFile;\r
+                               },\r
+                               addEventListener: function( UID, _eventType, _callback){\r
+                                       FILE_CONTROLER.addEventListener( UID, _eventType, _callback);\r
+                               },\r
+                               removeEventListener: function( UID, _eventType, _callback){\r
+                                       FILE_CONTROLER.removeEventListener( UID, _eventType, _callback);\r
+                               },\r
+                               createSearchResultFolder: function( _searchParam){\r
+                                       \r
+                               },\r
+                               destroySearchResultFolder: function( _searchParam){\r
+                                       \r
+                               },\r
+                               destroy: function(){\r
+                                       FILE_CONTROLER.destroyTree( UID);\r
+                               }\r
+                       }\r
+               };\r
+\r
+               var FileEventTicketClass = function( UID, _eventType, _callback){\r
+                       return {\r
+                               fileUID:        UID,\r
+                               eventType:      _eventType,\r
+                               callBack:       _callback\r
+                       }\r
+               }\r
+               \r
+               var FileEventClass = function( eventType, file, key, value){\r
+                       return {\r
+                               eventType:                      eventType,\r
+                               targetFile:                     file,\r
+                               updatedAttribute:       key,\r
+                               updatedValue:           value\r
+                       }\r
+               }\r
+\r
+               function disptchFileEvent( eventType, fileUID, key, value){\r
+                       var _fileEvent = FileEventClass.apply( {}, [ eventType, fileUID, key, value]),\r
+                               l = TREE_ACCESS.length,\r
+                               _tree;\r
+                       for( var i=0; i<l; ++i){\r
+                               _tree = TREE_ACCESS[ i];\r
+                               _tree !== null && _tree.fileEventChatcher( _fileEvent);\r
+                       }\r
+               }\r
+               function getFileDataAccess( UIDorFILE){\r
+                       var l = FILEDATA_ACCESS.length,\r
+                               i = typeof UIDorFILE === 'number' ?\r
+                                               ( UIDorFILE > 0 && UIDorFILE > l ? UIDorFILE : -1) :\r
+                                               ( function(){\r
+                                                       for( var i=0; i<l; ++i){\r
+                                                               if( FILEDATA_ACCESS[ i] === UIDorFILE) return i;\r
+                                                       }\r
+                                                       return -1;\r
+                                               })();\r
+                       return i !== -1 ? FILEDATA_ACCESS[ i] : null;\r
+               }\r
+               \r
+               return {\r
+                       init: function(){\r
+                               delete FILE_CONTROLER.init;\r
+                       },\r
+                       createTree: function( _rootFileData){\r
+                               return TreeClass.apply( {}, [ _rootFileData]);\r
+                       },\r
+                       getFileData: function( _file){\r
+                               var _access = getFileDataAccess( _file);\r
+                               return _access !== null ? _access.DATA : null;\r
+                       },\r
+                       getSeqentialFiles: function( _uid){\r
+\r
+                       },\r
+                       updateFileAttribute: function( _uid, key, _value, _opt_callback){\r
+                               var _fileData = getFileDataAccess( _uid),\r
+                                       _type = _fileData.TYPE;\r
+                               \r
+                       },                      \r
+                       getFileAttribute: function( _uid, KEYorKEYARRAY){\r
+                               var _fileData = getFileDataAccess( _uid),\r
+                                       _type = _fileData.TYPE;\r
+                       },\r
+                       move: function( _prentUID, _targetfile, _newFolder, _newIndex, _opt_callback){\r
+                               var _parentData = getFileDataAccess( _prentUID),\r
+                                       _parentType = _parentData.TYPE,\r
+                                       _targetData =  getFileDataAccess( _targetfile),\r
+                                       _targetType = _targetData.TYPE;\r
+                       },\r
+                       replace: function( _uid, _file, _newIndex){\r
+                               \r
+                       }\r
+               }\r
+       })();\r
+       \r
+       /*\r
+        * fileのdataはobjectで保持している。\r
+        * h2c.file.の外からファイルをみるときは、FileClassを通して操作する。\r
+        * fileの変更、それに付随して追加されたイベントは、treeで管理される。\r
+        * treeがdestryされると、fileのイベントリスナーも全て削除される。
+        */\r
+       \r
+       var FileClass = function( TREE, PARENT_FILE, DATA){\r
+               var TYPE = DATA.type,\r
+                       UID = FILEDATA_ACCESS.length,\r
+                       CHILDREN = DATA.children;\r
+               \r
+               FILEDATA_ACCESS.push(\r
+                       {\r
+                               TYPE:           TYPE,\r
+                               DATA:           DATA,\r
+                               CHILDREN:       CHILDREN,\r
+                               destroy:        function(){\r
+                                                               PARENT_FILE = DATA = CHILDREN = null;\r
+                                                               delete this.destroy;\r
+                                                       }\r
+                       }\r
+               );\r
+               return {\r
+                       TYPE: function(){ return TYPE;},\r
+                       state: function(){\r
+                               return DATA.state !== undefined ? DATA.state : FILE_STATE_IS_OK;\r
+                       },\r
+                       childFileLength: function(){\r
+                               return typeof CHILDREN === 'array' ? CHILDREN.length : 0;\r
+                       },\r
+                       getChildFileByIndex: function( _index){\r
+                               if( typeof _index !== 'number' || _index < 0 || typeof CHILDREN !== 'array' || _index >= CHILDREN.length) return;\r
+                               return FileClass.apply( {}, [ TREE, PARENT_FILE, this, CHILDREN[ _index]]);\r
+                       },\r
+                       getChildFileIndex: function( _FILEorFILEDATA){\r
+                               if( typeof CHILDREN !== 'array') return -1;\r
+                               var l = CHILDREN.length,\r
+                                       _fileData = ( function(){\r
+                                               var l = FILEDATA_RESITER.length;\r
+                                               for( var i=0; i<l; ++i){\r
+                                                       if( _FILEorFILEDATA === FILEDATA_RESITER[ i]) return _FILEorFILEDATA;\r
+                                               }\r
+                                               return FILE_CONTROLER.getFileData( _FILEorFILEDATA);\r
+                                       })();\r
+                               if( _fileData === null) return -1;\r
+                               for( var i=0; i<l; ++i){\r
+                                       if( CHILDREN[ i] === _fileData) return i;\r
+                               }\r
+                               return -1;\r
+                       },\r
+                       isChildFile: function( _FILEorFILEDATA){\r
+                               return this.getChildFileIndex( _FILEorFILEDATA) !== -1;\r
+                       },                      \r
+                       getAttribute: function( KEYorKEYARRAY){\r
+                               return FILE_CONTROLER.getFileAttribute( UID, KEYorKEYARRAY);\r
+                       },\r
+                       getSeqentialFiles: function(){\r
+                               FILE_CONTROLER.getSeqentialFiles( this);\r
+                       },\r
+                       updateAttribute: function( key, value, opt_callback){\r
+                               TREE.updateFileAttribute( UID, key, value, opt_callback);\r
+                       },\r
+                       move: function( _newFolder, _newIndex, opt_callback){\r
+                               TREE.move( PARENT_FILE, UID, _newFolder, _newIndex, opt_callback);\r
+                       },\r
+                       replace: function( _newIndex, opt_callback){\r
+                               TREE.replace( PARENT_FILE, UID, _newIndex, opt_callback);\r
+                       },\r
+                       addEventListener: function( _eventType, _callback){\r
+                               TREE.addEventListener( UID, _eventType, _callback);\r
+                       },\r
+                       removeEventListener: function( _eventType, _callback){\r
+                               TREE.removeEventListener( UID, _eventType, _callback);\r
+                       }\r
+               }\r
+       };\r
+       \r
+       var ROOT_FILEDATA = {\r
+                       name:           'root',\r
+                       type:           FILE_TYPE_IS_FOLDER,\r
+                       children:       []\r
+               },\r
+               IMAGE_FILEDATA = {\r
+                       name:           'image root',\r
+                       type:           FILE_TYPE_IS_FOLDER\r
+               },\r
+               COMIC_FILEDATA = {\r
+                       name:           'comic root',\r
+                       type:           FILE_TYPE_IS_FOLDER\r
+               },\r
+               SETTING_FILEDATA = {\r
+                       name:           'setting root',\r
+                       type:           FILE_TYPE_IS_FOLDER\r
+               },\r
+               HELP_FILEDATA = {\r
+                       name:           'help root',\r
+                       type:           FILE_TYPE_IS_FOLDER\r
+               };\r
+       FILEDATA_RESITER.push( ROOT_FILEDATA, IMAGE_FILEDATA, COMIC_FILEDATA, SETTING_FILEDATA, HELP_FILEDATA);\r
+       ROOT_FILEDATA.children.push( IMAGE_FILEDATA, COMIC_FILEDATA, SETTING_FILEDATA, HELP_FILEDATA);\r
+\r
+       var SYSTEM_TREE = FILE_CONTROLER.createTree( FileClass.apply( {}, [ null, null, ROOT_FILEDATA])),\r
+               ROOT_FILE = SYSTEM_TREE.ROOT_FILE(),\r
+               COMIC_ROOT_INDEX = ROOT_FILE.getChildFileByIndex( COMIC_FILEDATA),\r
+               COMIC_ROOT_FILE = ROOT_FILE.getChildFileByIndex( COMIC_ROOT_INDEX),\r
+               IMAGE_ROOT_INDEX = ROOT_FILE.getChildFileByIndex( IMAGE_FILEDATA),\r
+               IMAGE_ROOT_FILE = ROOT_FILE.getChildFileByIndex( IMAGE_ROOT_INDEX),             \r
+               SETTING_ROOT_INDEX = ROOT_FILE.getChildFileByIndex( SETTING_FILEDATA),\r
+               SETTING_ROOT_FILE = ROOT_FILE.getChildFileByIndex( SETTING_ROOT_INDEX),\r
+               HELP_ROOT_INDEX = ROOT_FILE.getChildFileByIndex( HELP_FILEDATA),\r
+               HELP_ROOT_FILE = ROOT_FILE.getChildFileByIndex( HELP_ROOT_INDEX);\r
+\r
+       return {\r
+               init: function(){\r
+                       REQUEST_CONTROLER.init();\r
+                       FILE_CONTROLER.init();\r
+                       delete h2c.file.init;\r
+               },\r
+               createTree: function( _treeType){\r
+                       var _rootFile;\r
+                       if( _treeType === TREE_TYPE_IS_COMIC) _rootFile = COMIC_ROOT_FILE;\r
+                       if( _treeType === TREE_TYPE_IS_IMAGE) _rootFile = IMAGE_ROOT_FILE;\r
+                       if( _treeType === TREE_TYPE_IS_SETTING) _rootFile = SETTING_ROOT_FILE;\r
+                       if( _treeType === TREE_TYPE_IS_HELP) _rootFile = HELP_ROOT_FILE;\r
+                       if( _rootFile === undefined) return;\r
+                       return FILE_CONTROLER.createTree( _rootFile);\r
+               },\r
+               TREE_TYPE_IS_COMIC:             TREE_TYPE_IS_COMIC,\r
+               TREE_TYPE_IS_IMAGE:             TREE_TYPE_IS_IMAGE,\r
+               TREE_TYPE_IS_SETTING:   TREE_TYPE_IS_SETTING,\r
+               FILE_TYPE_IS_FOLDER:    FILE_TYPE_IS_FOLDER,\r
+               FILE_TYPE_IS_IMAGE:             FILE_TYPE_IS_IMAGE,\r
+               FILE_TYPE_IS_PANEL:             FILE_TYPE_IS_PANEL,\r
+               FILE_TYPE_IS_SETTING:   FILE_TYPE_IS_SETTING\r
+       }\r
+})();\r
+\r
+// i18n\r
+// login\r
+// lib\r
+\r
+h2c.fn( h2c.view);\r
+h2c.fn( h2c.overlay);\r
+h2c.fn( h2c.key);\r
+h2c.fn( h2c.balloon);\r
+h2c.fn( h2c.editor);\r
+h2c.fn( h2c.file);\r
+\r
+$(window).ready( h2c.init);\r
index 09a5b73..6b6b39f 100644 (file)
@@ -1,10 +1,16 @@
 This is README file for pettanR client.\r
-Copyright (c) 2011, Team Pettan (http://sourceforge.jp/projects/pettanr/)\r
+Copyright (c) 2011, Team PettanR (http://sourceforge.jp/projects/pettanr/)\r
 \r
 Description\r
 ===============\r
+ぺったんRは、ブラウザひとつで誰でも簡単に漫画を作成できるシステムです。\r
+作成された漫画はプラグインによってブログやSNSなどに表示することも可能です。\r
+ぺったんRプロジェクトは様々なwebシーンに漫画を登場させることでコミック文化を\r
+広く世界に拡げていくことを目標としています。\r
 \r
 \r
 Lisence\r
 ===============\r
+ This code is released under the 3-clause BSD license.\r
 \r
+ このコードは、修正BSDライセンス(三条項BSDライセンス)でリリースされています.\r