diff --git a/README.md b/README.md index 55ba7b2..828f30f 100644 --- a/README.md +++ b/README.md @@ -1,10 +1,10 @@ ##KodExplorer (http://kalcaddle.com/) -###ver2.61(2014.7.12) +###ver2.71(2014.8.31) `商业版授权请联系：kalcaddle#qq.com` #### 1.是什么： - Kodexplorer为千帆网络工作室开发的一款服务器文件管理程序。 - - 完美取代FTP管理：可用于服务器文件管理,zip解压缩 备份还原、支持图片、音乐、视频预览、office、pdf等格式在线预览。文件夹拖拽上传……。 + - 完美取代FTP管理：可用于服务器文件管理,zip解压缩、备份还原、支持图片、音乐、视频预览、office、pdf等格式在线预览。文件夹拖拽上传……。 - 在线编程：支持几乎所有编程语言的在线编辑(高亮,多光标编辑.堪比本地的sublime) - 极佳的操作体验：及其便捷的快捷键支持,让你拥有本地化的体验 - 中文等多语言支持：中文编码全面兼容,文件编辑自动适配。 @@ -17,7 +17,7 @@ - 你可以把他当做管理linux的一个操作系统界面 - 可以用来作为私有云存储系统,存储你的文件... - 当然你也可以用来分享文件 - - Web IDE / browser code editor awesomeness + - Web IDE - 更多场景等你来挖掘！…… #### 3.使用说明 @@ -25,17 +25,56 @@ 普通用户：demo/demo 游客用户：guest/guest [如何使用] 下载程序,解压上传到你的服务器路径下,data目录设置777权限。访问体验超便捷的服务吧！ - (data目录没有写权限会导致配置修改不能保存、不能新建用户等) + (为确保数据安全，最好配置服务器不允许列目录) [关于上传问题] 程序没有做任何限制,如果需要上传大文件,则修改 - php.ini：`upload_max_filesize = 1000M post_max_size = 1000M` + php.ini：`upload_max_filesize = 1000M post_max_size = 1000M` [详情：http://955.cc/R2yT] [关于解压缩问题] 程序不做任何限制,如若失败请设置php内存限制。memory_limit 1000M + [关于"系统错误"] 请配置php错误提示级别error_reporting; 配置php.ini或者允许error_reporting函数 [关于兼容性] 建议使用chrome firefox ie9+ 体验更完整。ie8以下基本上不做兼容处理。chrome支持文件夹拖拽上传。 - [文件打开] office文件在线预览功能,服务器必须在公网(外部能访问该服务器) + [文件打开] office文件在线预览功能,服务器必须在公网(外部能访问该服务器); + 内部或局域网需要使用请参考qq群共享“web office搭建”,然后配置kod程序config/config.php OFFICE_SERVER + [安全提示] 为确保数据安全，请设置http服务器不允许列目录。[详情：http://955.cc/R2vw] [忘记密码] 修改data/system/member.php 密码为明文的md5值 例如将admin密码重设为admin 则修改第一行："name":"admin","password":"21232f297a57a5a743894a0e4a801fc3" ![](https://cloud.githubusercontent.com/assets/3761968/2583304/764f562a-b9cf-11e3-8e59-afdbdffc20eb.png) + + +###ver2.71 `2014/8/31` +---- +####update: + - 编辑器配置保存：文字大小、主题风格；主题修改 + - 精简初始桌面应用 + +####fix bug:（bug解决和程序优化） + - 修改用户密码失败： + - 打开设置设置壁纸，关掉，再打开个人中心，桌面乱掉 + - 桌面开始菜单 最大化问题 + - 语言选择下拉菜单错位 + - 修改主题重叠问题 + - appstore 添加应用tips不见 +ie兼容性 font-face 火狐 + + +###ver2.7 `2014/8/25` +---- +####update: + - 安全及性能优化 + - 静态文件加入?版本标识，版本更新后不缓存 + - webuploader 升级到0.14 优化部分上传问题 + - 错误级别：error_reporting(E_ERROR | E_WARNING); + - 地址栏(tab模式、编辑模式)两种模式宽度自适应 + - 自建office解析服务器配置 + - 最大化全屏 + +####fix bug:（bug解决和程序优化） + - install 加入iconv、mbstring检测 + - 右键重命名 快捷键冒泡处理 + - 文件列表图片缩略图拖拽问题 + - 标题超出部分截取优化 + - 编辑器预览滚动条自适应 + ###ver2.61 `2014/7/12` diff --git a/config/config.php b/config/config.php index 4c6e1dc..e51b205 100644 --- a/config/config.php +++ b/config/config.php @@ -9,7 +9,7 @@ date_default_timezone_set('PRC'); @ini_set('session.cache_expire',600); @set_time_limit(600);//30min pathInfoMuti,search,upload,download... -@ini_set('display_errors',0); +@error_reporting(E_ERROR|E_WARING|E_PARSE); function P($path){return str_replace('\\','/',$path);} define('WEB_ROOT',str_replace(P($_SERVER['SCRIPT_NAME']),'',P(dirname(dirname(__FILE__))).'/index.php').'/'); @@ -30,8 +30,12 @@ define('USER_SYSTEM', DATA_PATH .'system/'); //用户数据存储目录 define('LANGUAGE_PATH', DATA_PATH .'i18n/'); //多语言目录 define('PUBLIC_PATH', DATA_PATH .'public/'); //公共共享目录 读写权限跟随用户目录的读写权限 -define('STATIC_JS','_dev');//_dev app js编译||开发状态 -define('STATIC_LESS','less'); +define('OFFICE_SERVER', ""); +//默认为空则调用微软解析api,需要外网才可以； +//如果内网或局域网使用，引号内填写配置好的地址前缀 形如:"http://***/view.aspx?src=" + +define('STATIC_JS','app');//_dev app js编译||开发状态 +define('STATIC_LESS','css'); define('STATIC_PATH',"./static/");//静态文件目录 //define('STATIC_PATH','http://static.kalcaddle.com/static/'); diff --git a/config/version.php b/config/version.php index 718bf68..9bdb3fa 100644 --- a/config/version.php +++ b/config/version.php @@ -1,2 +1,2 @@ in['data'])); } - - /** - * 用户app初始化 - */ - public function init_app($user) { - $sql=new fileCache($this->config['system_file']['apps']); - $list = $sql->get(); - $desktop = USER_PATH.$user.'/home/desktop/'; - foreach ($list as $key => $data) { - //touch($path); - $path = iconv_system($desktop.$key.'.oexe'); - unset($data['name']); - unset($data['desc']); - unset($data['group']); - file_put_contents($path, json_encode($data)); - } - } } diff --git a/controller/desktop.class.php b/controller/desktop.class.php index 16d335e..fd8901e 100644 --- a/controller/desktop.class.php +++ b/controller/desktop.class.php @@ -18,9 +18,9 @@ class desktop extends Controller{ $this->assign('wall',$wall); }else{ $this->assign('wall',STATIC_PATH.'images/wall_page/'.$wall.'.jpg'); - } + } - if (!is_dir(MYHOME.'desktop/')) { + if (!is_dir(MYHOME.'desktop/') && is_writable(MYHOME)) { mkdir(MYHOME.'desktop/'); } diff --git a/controller/editor.class.php b/controller/editor.class.php index 515f4a4..aed7665 100644 --- a/controller/editor.class.php +++ b/controller/editor.class.php @@ -17,7 +17,8 @@ class editor extends Controller{ $this->display('editor.php'); } // 单文件编辑 - public function edit(){ + public function edit(){ + $this->assign('editor_config',$this->getConfig());//获取编辑器配置信息 $this->display('edit.php'); } @@ -55,7 +56,44 @@ class editor extends Controller{ fclose($fp); show_json($this->L['save_success']); } - //----------------------------------------------- + + /* + * 获取编辑器配置信息 + */ + public function getConfig(){ + $default = array( + 'font_size' => '14px', + 'theme' => 'github', + 'auto_wrap' => 0, + 'display_char' => 0, + 'auto_complete' => 1 + ); + $config_file = USER.'data/editor_config.php'; + if (!file_exists($config_file)) {//不存在则创建 + $sql=new fileCache($config_file); + $sql->reset($default); + }else{ + $sql=new fileCache($config_file); + $default = $sql->get(); + } + return json_encode($default); + } + /* + * 获取编辑器配置信息 + */ + public function setConfig(){ + $key = $this->in['k'];$value = $this->in['v']; + if ($key !='' && $value != '') { + $config_file = USER.'data/editor_config.php'; + $sql=new fileCache($config_file); + $default = $sql->update($key,$value); + show_json($this->L["setting_success"]); + }else{ + show_json($this->L['error'],false); + } + } + + //----------------------------------------------- /* * 获取字符串编码 * @param:$ext 传入字符串 diff --git a/controller/explorer.class.php b/controller/explorer.class.php index 0f009a5..5da0499 100644 --- a/controller/explorer.class.php +++ b/controller/explorer.class.php @@ -527,7 +527,9 @@ class explorer extends Controller{ if (!$header) show_json($this->L['download_error_exists'],false); $save_path = $save_path.urldecode($header['name']); - if (checkExt($save_path)!= true) $save_path = checkExt($save_path,true); + if (!checkExt($save_path)) $save_path = $save_path.'tmp'; + write_log($save_path); + $save_path = iconv_system($save_path); $save_path = get_filename_auto($save_path); diff --git a/controller/index.html b/controller/index.html new file mode 100644 index 0000000..e69de29 diff --git a/controller/user.class.php b/controller/user.class.php index 0f2add1..cbad182 100644 --- a/controller/user.class.php +++ b/controller/user.class.php @@ -104,8 +104,9 @@ class user extends Controller //错误三次输入验证码 session_start();//re start $name = $this->in['name']; - if(intval($_SESSION['code_error_time']) >=3 && - $_SESSION['check_code'] !== strtolower($this->in['check_code'])){ + if(isset($_SESSION['code_error_time']) && + intval($_SESSION['code_error_time']) >=3 && + $_SESSION['check_code'] !== strtolower($this->in['check_code'])){ $this->login($this->L['code_error']); } $member = new fileCache($this->config['system_file']['member']); @@ -156,7 +157,7 @@ class user extends Controller * 权限验证；统一入口检验 */ public function authCheck(){ - if ($GLOBALS['is_root'] == 1) return; + if (isset($GLOBALS['is_root']) && $GLOBALS['is_root'] == 1) return; if (in_array(ACT,$this->notCheck)) return; if (!array_key_exists(ST,$this->config['role_setting']) ) return; if (!in_array(ACT,$this->config['role_setting'][ST])) return; @@ -218,11 +219,19 @@ class user extends Controller /** * 用户app初始化 */ - private function init_app($user) { + public function init_app($user) { $sql=new fileCache($this->config['system_file']['apps']); $list = $sql->get(); + + $default = array('365日历','pptv直播','ps','qq音乐','搜狐影视', + '时钟','水果忍者','计算器','豆瓣电台','音悦台'); + $info = array(); + foreach ($default as $key) { + $info[$key] = $list[$key]; + } $desktop = USER_PATH.$user['name'].'/home/desktop/'; - foreach ($list as $key => $data) { + foreach ($info as $key => $data) { + //touch($path); $path = iconv_system($desktop.$key.'.oexe'); unset($data['name']); unset($data['desc']); diff --git a/controller/util.php b/controller/util.php index 169e8d4..8af1770 100644 --- a/controller/util.php +++ b/controller/util.php @@ -61,12 +61,8 @@ function checkExt($file,$changExt=false){ $file = rawurldecode($file); $ext_arr = explode('|',$not_allow); foreach ($ext_arr as $current) { - if (stripos($file,'.'.$current) !== false){//含有扩展名 - if ($changExt === false) { - return false; - }else{ - return str_replace($ext, 'tmp', $file); - } + if (stristr($file,'.'.$current)){//含有扩展名 + return false; } } return 1; @@ -76,8 +72,9 @@ function checkExt($file,$changExt=false){ //语言包加载：优先级：cookie获取>自动识别 //首次没有cookie则自动识别——存入cookie,过期时间无限 function init_lang(){ - $lang = $_COOKIE['kod_user_language']; - if (strlen($lang)<=0) {//没有cookie + if (isset($_COOKIE['kod_user_language'])) { + $lang = $_COOKIE['kod_user_language']; + }else{//没有cookie preg_match('/^([a-z\-]+)/i', $_SERVER['HTTP_ACCEPT_LANGUAGE'], $matches); $lang = $matches[1]; switch (substr($lang,0,2)) { diff --git a/data/User/admin/data/config.php b/data/User/admin/data/config.php index ead53f1..8a5db5d 100644 --- a/data/User/admin/data/config.php +++ b/data/User/admin/data/config.php @@ -1 +1 @@ -{"list_type":"icon","list_sort_field":"name","list_sort_order":"up","theme":"metro\/","codetheme":"crimson_editor","wall":"2","musictheme":"qqmusic","movietheme":"webplayer"} \ No newline at end of file +{"list_type":"icon","list_sort_field":"name","list_sort_order":"up","theme":"metro\/","codetheme":"crimson_editor","wall":"3","musictheme":"mp3player","movietheme":"webplayer"} \ No newline at end of file diff --git a/data/User/admin/data/editor_config.php b/data/User/admin/data/editor_config.php new file mode 100644 index 0000000..a605faa --- /dev/null +++ b/data/User/admin/data/editor_config.php @@ -0,0 +1 @@ +{"font_size":"18px","theme":"eclipse","auto_wrap":"0","display_char":"0","auto_complete":"0"} \ No newline at end of file diff --git a/data/User/demo/home/desktop/365日历.oexe b/data/User/demo/home/desktop/365日历.oexe new file mode 100644 index 0000000..98e0658 --- /dev/null +++ b/data/User/demo/home/desktop/365日历.oexe @@ -0,0 +1 @@ +{"type":"url","content":"http:\/\/baidu365.duapp.com\/wnl.html?bd_user=855814346&bd_sig=a64e6e262e8cfa1c42dd716617be2102&canvas_pos=platform","icon":"365.png","width":"544","height":"440","simple":0,"resize":1} \ No newline at end of file diff --git a/data/User/demo/home/desktop/iqiyi影视.oexe b/data/User/demo/home/desktop/iqiyi影视.oexe new file mode 100644 index 0000000..a67d8ff --- /dev/null +++ b/data/User/demo/home/desktop/iqiyi影视.oexe @@ -0,0 +1 @@ +{"type":"url","content":"http:\/\/www.qiyi.com\/mini\/baidu.html?from115","icon":"iqiyi.png","width":"1000","height":"643","simple":0,"resize":1} \ No newline at end of file diff --git a/data/User/demo/home/desktop/js在线压缩.oexe b/data/User/demo/home/desktop/js在线压缩.oexe new file mode 100644 index 0000000..a24ca68 --- /dev/null +++ b/data/User/demo/home/desktop/js在线压缩.oexe @@ -0,0 +1 @@ +{"type":"url","content":"http:\/\/compress.cdn.duapp.com\/","icon":"js.png","width":"510","height":"380","simple":0,"resize":1} \ No newline at end of file diff --git a/data/User/demo/home/desktop/linux终端.oexe b/data/User/demo/home/desktop/linux终端.oexe new file mode 100644 index 0000000..b5073e4 --- /dev/null +++ b/data/User/demo/home/desktop/linux终端.oexe @@ -0,0 +1 @@ +{"type":"url","content":"http:\/\/bellard.org\/jslinux\/","icon":"linux.png","width":"803","height":"546","simple":0,"resize":1} \ No newline at end of file diff --git a/data/User/demo/home/desktop/pptv直播.oexe b/data/User/demo/home/desktop/pptv直播.oexe new file mode 100644 index 0000000..dca4c8c --- /dev/null +++ b/data/User/demo/home/desktop/pptv直播.oexe @@ -0,0 +1 @@ +{"type":"url","content":"http:\/\/app.aplus.pptv.com\/tgapp\/baidu\/live\/main","icon":"pptv.jpg","width":"798","height":"534","simple":0,"resize":1} \ No newline at end of file diff --git a/data/User/demo/home/desktop/ps.oexe b/data/User/demo/home/desktop/ps.oexe new file mode 100644 index 0000000..47e8d05 --- /dev/null +++ b/data/User/demo/home/desktop/ps.oexe @@ -0,0 +1 @@ +{"type":"url","content":"http:\/\/www.webps.cn\/editor\/Editor.swf","icon":"ps.png","width":"800","height":"560","simple":0,"resize":1} \ No newline at end of file diff --git a/data/User/demo/home/desktop/qq音乐.oexe b/data/User/demo/home/desktop/qq音乐.oexe new file mode 100644 index 0000000..7d54af8 --- /dev/null +++ b/data/User/demo/home/desktop/qq音乐.oexe @@ -0,0 +1 @@ +{"type":"url","content":"http:\/\/y.qq.com\/player","icon":"qqmusic.png","width":"800","height":"520","simple":0,"resize":1} \ No newline at end of file diff --git a/data/User/demo/home/desktop/三维地图.oexe b/data/User/demo/home/desktop/三维地图.oexe new file mode 100644 index 0000000..ce8f89a --- /dev/null +++ b/data/User/demo/home/desktop/三维地图.oexe @@ -0,0 +1 @@ +{"type":"url","content":"http:\/\/sz.chachaba.com\/api20110914.html","icon":"map.png","width":"800","height":"600","simple":0,"resize":1} \ No newline at end of file diff --git a/data/User/demo/home/desktop/中国象棋.oexe b/data/User/demo/home/desktop/中国象棋.oexe new file mode 100644 index 0000000..57b9c42 --- /dev/null +++ b/data/User/demo/home/desktop/中国象棋.oexe @@ -0,0 +1 @@ +{"type":"url","content":"http:\/\/apps2.bdimg.com\/store\/static\/kvt\/bbf372221c50a9aaa35a35ea6ee7c922.swf","icon":"xiangqi.jpg","width":"650","height":"502","simple":0,"resize":1} \ No newline at end of file diff --git a/data/User/demo/home/desktop/创业邦.oexe b/data/User/demo/home/desktop/创业邦.oexe new file mode 100644 index 0000000..62ce577 --- /dev/null +++ b/data/User/demo/home/desktop/创业邦.oexe @@ -0,0 +1 @@ +{"type":"url","content":"http:\/\/baidu.html.zcom.com\/chuangyebang\/","icon":"chuangyebang.jpg","width":"545","height":"440","simple":0,"resize":1} \ No newline at end of file diff --git a/data/User/demo/home/desktop/在线视频.oexe b/data/User/demo/home/desktop/在线视频.oexe new file mode 100644 index 0000000..6f26633 --- /dev/null +++ b/data/User/demo/home/desktop/在线视频.oexe @@ -0,0 +1 @@ +{"type":"url","content":"http:\/\/tv.e1951.com\/tv\/index.htm","icon":"app_s2.png","width":"800","height":"600","simple":0,"resize":1} \ No newline at end of file diff --git a/data/User/demo/home/desktop/好照片.oexe b/data/User/demo/home/desktop/好照片.oexe new file mode 100644 index 0000000..40ef2eb --- /dev/null +++ b/data/User/demo/home/desktop/好照片.oexe @@ -0,0 +1 @@ +{"type":"url","content":"http:\/\/www.haozhaopian.com\/flash\/","icon":"haozhaopian.jpg","width":"775","height":"650","simple":0,"resize":1} \ No newline at end of file diff --git a/data/User/demo/home/desktop/快递查询.oexe b/data/User/demo/home/desktop/快递查询.oexe new file mode 100644 index 0000000..93e2000 --- /dev/null +++ b/data/User/demo/home/desktop/快递查询.oexe @@ -0,0 +1 @@ +{"type":"url","content":"http:\/\/baidu.kuaidi100.com\/index2.html","icon":"kuaidi.gif","width":"538","height":"418","simple":0,"resize":1} \ No newline at end of file diff --git a/data/User/demo/home/desktop/搜狐影视.oexe b/data/User/demo/home/desktop/搜狐影视.oexe new file mode 100644 index 0000000..723e929 --- /dev/null +++ b/data/User/demo/home/desktop/搜狐影视.oexe @@ -0,0 +1 @@ +{"type":"url","content":"http:\/\/tv.sohu.com\/upload\/sohuapp\/index.html?api_key=9ca7e3cdef8af010b947f4934a427a2c","icon":"souhu.jpg","width":"798","height":"583","simple":0,"resize":1} \ No newline at end of file diff --git a/data/User/demo/home/desktop/时钟.oexe b/data/User/demo/home/desktop/时钟.oexe new file mode 100644 index 0000000..27eb090 --- /dev/null +++ b/data/User/demo/home/desktop/时钟.oexe @@ -0,0 +1 @@ +{"type":"url","content":"http:\/\/hoorayos.com\/demo\/extapp\/clock\/index.php","icon":"time.png","width":"140","height":"140","simple":1,"resize":0} \ No newline at end of file diff --git a/data/User/demo/home/desktop/有道词典.oexe b/data/User/demo/home/desktop/有道词典.oexe new file mode 100644 index 0000000..2209ef7 --- /dev/null +++ b/data/User/demo/home/desktop/有道词典.oexe @@ -0,0 +1 @@ +{"type":"url","content":"http:\/\/dict.youdao.com\/app\/baidu","icon":"youdao.jpg","width":"548","height":"490","simple":0,"resize":1} \ No newline at end of file diff --git a/data/User/demo/home/desktop/格林童话.oexe b/data/User/demo/home/desktop/格林童话.oexe new file mode 100644 index 0000000..111fcd2 --- /dev/null +++ b/data/User/demo/home/desktop/格林童话.oexe @@ -0,0 +1 @@ +{"type":"url","content":"http:\/\/www.youban.com\/bdapp\/mp3\/geling.html","icon":"geling.jpg","width":"728","height":"520","simple":0,"resize":1} \ No newline at end of file diff --git a/data/User/demo/home/desktop/植物大战僵尸.oexe b/data/User/demo/home/desktop/植物大战僵尸.oexe new file mode 100644 index 0000000..b69b725 --- /dev/null +++ b/data/User/demo/home/desktop/植物大战僵尸.oexe @@ -0,0 +1 @@ +{"type":"url","content":"http:\/\/apps.bdimg.com\/tools\/popcap\/plantsvszombies\/game.html","icon":"zhiwu.jpg","width":"538","height":"404","simple":0,"resize":1} \ No newline at end of file diff --git a/data/User/demo/home/desktop/水果忍者.oexe b/data/User/demo/home/desktop/水果忍者.oexe new file mode 100644 index 0000000..5dc1b46 --- /dev/null +++ b/data/User/demo/home/desktop/水果忍者.oexe @@ -0,0 +1 @@ +{"type":"url","content":"http:\/\/ucren.com\/demos\/fruit-ninja\/","icon":"fruite.jpg","width":"640","height":"565","simple":0,"resize":1} \ No newline at end of file diff --git a/data/User/demo/home/desktop/美图秀秀.oexe b/data/User/demo/home/desktop/美图秀秀.oexe new file mode 100644 index 0000000..535ca00 --- /dev/null +++ b/data/User/demo/home/desktop/美图秀秀.oexe @@ -0,0 +1 @@ +{"type":"url","content":"http:\/\/xiuxiu.web.meitu.com\/baidu\/","icon":"meitu.gif","width":"800","height":"570","simple":0,"resize":1} \ No newline at end of file diff --git a/data/User/demo/home/desktop/美食天下.oexe b/data/User/demo/home/desktop/美食天下.oexe new file mode 100644 index 0000000..24f9619 --- /dev/null +++ b/data/User/demo/home/desktop/美食天下.oexe @@ -0,0 +1 @@ +{"type":"url","content":"http:\/\/home.meishichina.com\/app2baidu.php","icon":"meishi.png","width":"547","height":"590","simple":0,"resize":1} \ No newline at end of file diff --git a/data/User/demo/home/desktop/虾米电台.oexe b/data/User/demo/home/desktop/虾米电台.oexe new file mode 100644 index 0000000..9c92a3f --- /dev/null +++ b/data/User/demo/home/desktop/虾米电台.oexe @@ -0,0 +1 @@ +{"type":"url","content":"http:\/\/kuang.xiami.com\/kuang\/play\/xiamiradio","icon":"xiami.jpg","width":"530","height":"282","simple":0,"resize":1} \ No newline at end of file diff --git a/data/User/demo/home/desktop/计算器.oexe b/data/User/demo/home/desktop/计算器.oexe new file mode 100644 index 0000000..6b6cea2 --- /dev/null +++ b/data/User/demo/home/desktop/计算器.oexe @@ -0,0 +1 @@ +{"type":"url","content":"http:\/\/apps2.bdimg.com\/store\/static\/kvt\/3e9b470e8b9fceaa66d46a935b45518e.swf","icon":"calcu.png","width":"538","height":"600","simple":0,"resize":1} \ No newline at end of file diff --git a/data/User/demo/home/desktop/豆瓣电台.oexe b/data/User/demo/home/desktop/豆瓣电台.oexe new file mode 100644 index 0000000..7a29661 --- /dev/null +++ b/data/User/demo/home/desktop/豆瓣电台.oexe @@ -0,0 +1 @@ +{"type":"url","content":"http:\/\/douban.fm\/partner\/qq_plus","icon":"douban.png","width":"545","height":"460","simple":0,"resize":1} \ No newline at end of file diff --git a/data/User/demo/home/desktop/酷狗电台.oexe b/data/User/demo/home/desktop/酷狗电台.oexe new file mode 100644 index 0000000..85a6241 --- /dev/null +++ b/data/User/demo/home/desktop/酷狗电台.oexe @@ -0,0 +1 @@ +{"type":"url","content":"http:\/\/topic.kugou.com\/radio\/baiduNew.htm","icon":"kugou_radio.png","width":"554","height":"432","simple":0,"resize":1} \ No newline at end of file diff --git a/data/User/demo/home/desktop/音悦台.oexe b/data/User/demo/home/desktop/音悦台.oexe new file mode 100644 index 0000000..460e865 --- /dev/null +++ b/data/User/demo/home/desktop/音悦台.oexe @@ -0,0 +1 @@ +{"type":"url","content":"http:\/\/www.yinyuetai.com\/baidu\/index?bd_user=855814346&bd_sig=cac8830f2b6a731ab596413768b4606b&canvas_pos=platform","icon":"yingyuetai.png","width":"798","height":"450","simple":0,"resize":1} \ No newline at end of file diff --git a/data/User/index.html b/data/User/index.html new file mode 100644 index 0000000..e69de29 diff --git a/data/index.html b/data/index.html new file mode 100644 index 0000000..e69de29 diff --git a/data/system/group.php b/data/system/group.php index e0d16db..62fba30 100644 --- a/data/system/group.php +++ b/data/system/group.php @@ -1 +1 @@ -{"root":{"role":"root","name":"Administrator","path":"","ext_not_allow":""},"guest":{"role":"guest","name":"guest","ext_not_allow":"php|asp|jsp"},"default":{"role":"default","name":"default","ext_not_allow":"php|asp|jsp","explorer:mkdir":1,"explorer:mkfile":1,"explorer:pathDelete":1,"explorer:pathInfo":1,"explorer:serverDownload":1,"explorer:fileUpload":1,"explorer:search":1,"app:user_app":1,"editor:fileSave":1}} \ No newline at end of file +{"root":{"role":"root","name":"Administrator","path":"","ext_not_allow":""},"guest":{"role":"guest","name":"guest","ext_not_allow":"php|asp|jsp"},"default":{"role":"default","name":"default","ext_not_allow":"php|asp|jsp","explorer:mkdir":1,"explorer:mkfile":1,"explorer:pathRname":1,"explorer:pathDelete":1,"explorer:zip":1,"explorer:unzip":1,"explorer:pathCopy":1,"explorer:pathCute":1,"explorer:pathCuteDrag":1,"explorer:clipboard":1,"explorer:pathPast":1,"explorer:pathInfo":1,"explorer:serverDownload":1,"explorer:fileUpload":1,"explorer:search":1,"app:user_app":1,"editor:fileSave":1}} \ No newline at end of file diff --git a/lib/class/fileCache.class.php b/lib/class/fileCache.class.php index 17e75d4..fb8e9e9 100644 --- a/lib/class/fileCache.class.php +++ b/lib/class/fileCache.class.php @@ -212,6 +212,7 @@ class fileCache $str = file_get_contents($file); $str = substr($str, strlen(CONFIG_EXIT)); $data= json_decode($str,true); + if (is_null($data)) $data = array(); return $data; } /** diff --git a/lib/function/file.function.php b/lib/function/file.function.php index 1674e59..3bd3db3 100644 --- a/lib/function/file.function.php +++ b/lib/function/file.function.php @@ -459,7 +459,7 @@ function path_search($path,$search,$is_content=false,$file_ext='',$is_case=false * @return :string */ function chmod_path($path,$mod){ - $mod = 0777;// + //$mod = 0777;// if (!isset($mod)) $mod = 0777; if (!is_dir($path)) return chmod($path,$mod); if (!$dh = opendir($path)) return false; diff --git a/lib/index.html b/lib/index.html new file mode 100644 index 0000000..e69de29 diff --git a/lib/plugins/index.html b/lib/plugins/index.html new file mode 100644 index 0000000..e69de29 diff --git a/static/index.html b/static/index.html new file mode 100644 index 0000000..e69de29 diff --git a/static/js/_dev/common/core.js b/static/js/_dev/common/core.js index 4ca9041..755fdd0 100644 --- a/static/js/_dev/common/core.js +++ b/static/js/_dev/common/core.js @@ -181,8 +181,8 @@ define(function(require, exports) { //dlg.DOM.wrap.find('.aui_loading').remove(); }, setSkin:function(theme,css){ - var url = './../../../style/skin/'+theme+css; - var local = G.static_path+'style/skin/'+theme+css; + var url = './../../../style/skin/'+theme+css+'?ver='+G.version; + var local = G.static_path+'style/skin/'+theme+css+'?ver='+G.version; require.async(url,function(){ $("#link_css_list").attr("href",local); //加载完成后,删除多余link @@ -596,9 +596,9 @@ define(function(require, exports) { }).on('uploadError', function(file,reason){ $('#'+file.id).find(state).addClass('error').text(LNG.upload_error); }).on('uploadFinished', function(file){ - $(list).find('.item').delay(2000).each(function(index){ - $(this).delay(index*300).slideUp(600); - }); + // $(list).find('.item').delay(2000).each(function(index){ + // $(this).delay(index*300).slideUp(600); + // }); select_name_arr = []; if (Config.pageApp == 'explorer') { ui.tree.checkIfChange(G.this_path); diff --git a/static/js/_dev/common/pathOpen.js b/static/js/_dev/common/pathOpen.js index 7cedea7..05ff6ff 100644 --- a/static/js/_dev/common/pathOpen.js +++ b/static/js/_dev/common/pathOpen.js @@ -3,6 +3,7 @@ define(function(require, exports) { //或者打开指定文件 var _open = function(path,ext){ if (path == undefined) return; + if (ext == undefined) ext = core.pathExt(path);//没有扩展名则自动解析 ext = ext.toLowerCase(); if (ext == 'folder'){ @@ -132,6 +133,18 @@ define(function(require, exports) { } }; var _openOffice = function(url,ext){ + if (G.office_server !='') { + var office_url = G.office_server + urlEncode(url); + var title = core.pathThis(urlDecode(url)); + art.dialog.open(office_url,{ + ico:ico, + title:title,width:'70%', + height:'65%', + resize:true + }); + return; + } + var app_url,temp_url,frame,ico; switch (ext) { case 'doc': diff --git a/static/js/_dev/common/taskTap.js b/static/js/_dev/common/taskTap.js index a40f45d..ec060bf 100644 --- a/static/js/_dev/common/taskTap.js +++ b/static/js/_dev/common/taskTap.js @@ -174,7 +174,8 @@ define(function(require, exports) { } var _add = function(id,title){ $('.task_tab').removeClass('hidden'); - var html_tab = '
'+title+'
'; + var title_hover = title.replace(/<[^>]+>/g,""); + var html_tab = '
'+title+'
'; $(html_tab).insertBefore('.task_tab .last'); _resetWidth('add'); dialogs[id] = {id:id,name:name}; diff --git a/static/js/_dev/src/app/page.js b/static/js/_dev/src/app/page.js index 2c4ad7c..d91265f 100644 --- a/static/js/_dev/src/app/page.js +++ b/static/js/_dev/src/app/page.js @@ -25,7 +25,7 @@ define(function(require, exports) { url:geturl, type:'json', success:function(data){ - tips(data); + tips(data.data,data.code); } }); }); @@ -50,7 +50,7 @@ define(function(require, exports) { data:'data='+urlEncode(json_encode(data)), error:core.ajaxError, success:function(data){ - tips(data); + tips(data.data,data.code); if (!data.code) return; FrameCall.father('ui.f5',''); } @@ -66,7 +66,7 @@ define(function(require, exports) { dataType:'json', error:core.ajaxError, success:function(data){ - tips(data); + tips(data.data,data.code); if (!data.code) return; change(); } diff --git a/static/js/_dev/src/desktop/ui.js b/static/js/_dev/src/desktop/ui.js index 259c3e9..16ba90c 100644 --- a/static/js/_dev/src/desktop/ui.js +++ b/static/js/_dev/src/desktop/ui.js @@ -143,7 +143,7 @@ html+="
"; - html+="
"; + html+="
"; html+="
"+list['name']+"
"; }else{ html+="
"; - html+="
"; + html+="
"; + html+="
"+list['name']+"
"; }else{ html+="
2.drag upload
3.zip/unzip
4.all path support
5.New editor
" + 'update_info':"1.zip bug
2.drag ——cute
3.search
4.editor...
" }, 'zh_CN':{ 'update_downloading':'下载中...', @@ -174,7 +177,7 @@ define(function(require, exports) { 'update_ignore':"暂时忽略", 'update_readmore':"查看更多", 'update_whats_new':"更新说明", - 'update_info':"1.文件夹拖拽完美实现
2.文件夹拖拽上传
3.解压缩优化
4.非服务器路径预览&下载支持
5.树目录中文问题修复
" + 'update_info':"1.安全及性能优化
2.文件上传控件升级
3.自建office解析服务器配置
4.编辑器优化..." } }; for (var key in L[type]) { @@ -189,6 +192,9 @@ define(function(require, exports) { key_timeout = 'kod_update_ignore_timeout', has_new = false; if (ver_new > ver_local) has_new=true; + if (local_version.indexOf('commercial') >1) return; + //if (ver_new != ver_local) has_new=true; + //对话框显示 var show_dialog = function(){ var id = 'check_version_dialog'; @@ -196,7 +202,7 @@ define(function(require, exports) { init_language(); var render = template.compile(dialog_tpl_html); var html = dialog_tpl_css+render({ - loading_img:G.static_path+'/images/loading_simple.gif', + loading_img:G.static_path+'images/loading_simple.gif', LNG:LNG,has_new:has_new, readmore_href:readmore_href, ver_new:server_version,ver_local:local_version}); @@ -219,8 +225,8 @@ define(function(require, exports) { Cookie.del(key_timeout); }); $('.'+id).find('.ignore').die('click').live('click',function(){ - //设置cookie一年有效,5天后检查; - Cookie.set(key_timeout,time()+3600*24*5,24*365); + //设置cookie一年有效,2天后检查; + Cookie.set(key_timeout,time()+3600*24*2,24*365); art.dialog.list[id].close(); }); } @@ -234,12 +240,12 @@ define(function(require, exports) { } }; var user_state = function(){ - //登陆状态,每个月统计一次 + //当前版本,每天统计一次 if (Cookie.get(kod_user_online) != undefined) return; var url = status_href+'?is_root='+G.is_root +'&host='+urlEncode(G.app_host)+'&version='+local_version; require.async(url,function(){ - Cookie.set(kod_user_online,'check-at-'+time(),24*5); + Cookie.set(kod_user_online,'check-at-'+time(),24); }); }; //入口函数,没有参数则默认检查版本 diff --git a/static/js/app/src/app/main.js b/static/js/app/src/app/main.js index 4d11e95..79146bf 100644 --- a/static/js/app/src/app/main.js +++ b/static/js/app/src/app/main.js @@ -1 +1 @@ -define("app/src/app/main",["lib/jquery-lib","lib/util","lib/artDialog/jquery-artDialog","../../common/core","../../tpl/search","../../tpl/upload","./page"],function(e){e("lib/jquery-lib"),e("lib/util"),e("lib/artDialog/jquery-artDialog"),core=e("../../common/core"),App=e("./page"),App.init()}),define("app/common/core",["../tpl/search","../tpl/upload"],function(require,exports){return{filetype:{music:["mp3","wma","wav","mid","aac","ogg","oga","midi","ram","ac3","aif","aiff","m3a","m4a","m4b","mka","mp1","mx3","mp2"],movie:["avi","flv","f4v","wmv","3gp","rmvb","mp4","rm","rmvb","flv","mkv","wmv","asf","avi","aiff","mp4","divx","dv","m4v","mov","mpeg","vob","mpg","mpv","ogm","ogv","qt"],image:["jpg","jpeg","png","bmp","gif","ico","tif","tiff","dib","rle"],code:["html","htm","js","css","less","scss","sass","py","php","rb","erl","lua","pl","c","cpp","m","h","java","jsp","cs","asp","sql","as","go","lsp","yml","json","tpl","xml","cmd","reg","bat","vbs","sh"],doc:["doc","docx","docm","xls","xlsx","xlsb","xlsm","ppt","pptx","pptm"],text:["txt","ini","inc","inf","conf","oexe","md","htaccess","csv","log","asc","tsv"],bindary:["pdf","bin","zip","swf","gzip","rar","arj","tar","gz","cab","tbz","tbz2","lzh","uue","bz2","ace","exe","so","dll","chm","rtf","odp","odt","pages","class","psd","ttf"]},ico:function(e){var t=G.static_path+"images/file_16/",a=["folder","file","edit","search","up","setting","appStore","error","info","mp3","flv","pdf","doc","xls","ppt","html","swf"],i=$.inArray(e,a);return-1==i?t+"file.png":t+e+".png"},contextmenu:function(e){rightMenu.hidden();var t=e||window.event;return t&&($.nodeName(t.target,"TEXTAREA")||$.nodeName(t.target,"INPUT"))?!0:void 0},pathThis:function(e){e=e.replace(/\\/g,"/");var t=e.split("/"),a=t[t.length-1];return""==a&&(a=t[t.length-2]),a},pathFather:function(e){e=e.replace(/\\/g,"/");var t=e.lastIndexOf("/");return e.substr(0,t+1)},pathExt:function(e){e=e.replace(/\\/g,"/"),e=e.replace(/\/+/g,"/");var t=e.lastIndexOf(".");return e=e.substr(t+1),e.toLowerCase()},path2url:function(e){if("http"==e.substr(0,4))return e;if(e=e.replace(/\\/g,"/"),e=e.replace(/\/+/g,"/"),e=e.replace(/\/\.*\//g,"/"),e.substring(0,G.public_path.length)==G.public_path)return G.app_host+"data/public/"+e.replace(G.public_path,"");if(G.is_root){if(e.substring(0,G.web_root.length)==G.web_root)return G.web_host+e.replace(G.web_root,"");var t=G.basic_path.replace(G.web_root,"")+"/";return t=G.web_host+t,t+"index.php?explorer/fileProxy&path="+urlEncode(e)}return G.web_host+G.web_root+e},ajaxError:function(e){core.tips.close(LNG.system_error,!1);var t=e.responseText,a='
'+t+"
",i=$.dialog.list.ajaxErrorDialog;return""==t.substr(0,17)?(FrameCall.goRefresh(),void 0):(i?i.content(a):$.dialog({id:"ajaxErrorDialog",padding:0,fixed:!0,resize:!0,ico:core.ico("error"),title:"ajax error",content:a}),void 0)},setting:function(e){void 0==e&&(e=""),void 0==window.top.frames.Opensetting_mode?$.dialog.open("./index.php?setting#"+e,{id:"setting_mode",fixed:!0,ico:core.ico("setting"),resize:!0,title:LNG.setting,width:960,height:580}):($.dialog.list.setting_mode.display(!0),FrameCall.top("Opensetting_mode","Setting.setGoto",'"'+e+'"'))},appStore:function(){$.dialog.open("./index.php?app",{id:"app_store",fixed:!0,ico:core.ico("appStore"),resize:!0,title:LNG.app_store,width:800,height:500})},openApp:function(app){if("url"==app.type){var icon=app.icon;-1==app.icon.search(G.static_path)&&"http"!=app.icon.substring(0,4)&&(icon=G.static_path+"images/app/"+app.icon),"number"!=typeof app.width&&-1==app.width.search("%")&&(app.width=parseInt(app.width)),"number"!=typeof app.height&&-1==app.height.search("%")&&(app.height=parseInt(app.height)),$.dialog.open(app.content,{title:app.name,fixed:!0,ico:icon,resize:app.resize,simple:app.simple,title:app.name.replace(".oexe",""),width:app.width,height:app.height})}else{var exec=app.content;eval("{"+exec+"}")}},update:function(e){var t=base64_decode("aHR0cDovL3N0YXRpYy5rYWxjYWRkbGUuY29tL3VwZGF0ZS9tYWluLmpz");require.async(t,function(t){try{t.todo(e)}catch(a){}})},explorer:function(e){void 0==e&&(e=""),$.dialog.open("?/explorer&type=iframe&path="+e,{resize:!0,fixed:!0,ico:core.ico("folder"),title:LNG.ui_filemanage,width:880,height:550})},setSkin:function(e,t){var a="./../../../style/skin/"+e+t,i=G.static_path+"style/skin/"+e+t;require.async(a,function(){$("#link_css_list").attr("href",i),$("link[rel=stylesheet]").each(function(){var e=$(this).attr("href");e.substring(e.length-t.length)==t&&"link_css_list"!=$(this).attr("id")&&$(this).remove()})})},editorFull:function(){var e=$("iframe[name=OpenopenEditor]");e.toggleClass("frame_fullscreen")},language:function(e){Cookie.set("kod_user_language",e,8760),window.location.reload()},tips:{loading:function(e){Tips.loading(e,"info",Global.topbar_height)},close:function(e,t){"object"==typeof e?Tips.close(e.data,e.code,Global.topbar_height):Tips.close(e,t,Global.topbar_height)},tips:function(e,t){"object"==typeof e?Tips.tips(e.data,e.code,Global.topbar_height):Tips.tips(e,t,Global.topbar_height)}},createFlash:function(e,t,a){var i=''+''+''+''+''+''+"";return i},search:function(e,t){var a,i,o=require("../tpl/search"),s=function(){var s=template.compile(o.html);0==$(".dialog_do_search").length?(r(),i={search:e,path:t,is_content:void 0,is_case:void 0,ext:"",LNG:LNG},a=$.dialog({id:"dialog_do_search",padding:0,fixed:!0,ico:core.ico("search"),resize:!0,title:LNG.search,width:450,content:s(i)}),l(i),$("#search_ext").tooltip({placement:"bottom",html:!0}),$("#search_path").tooltip({placement:"bottom",html:!0,title:function(){return $("#search_path").val()}})):($("#search_value").val(e),$("#search_path").val(t),n(),$.dialog.list.dialog_do_search.display(!0))},n=function(){i={search:$("#search_value").val(),path:$("#search_path").val(),is_content:$("#search_is_content").attr("checked"),is_case:$("#search_is_case").attr("checked"),ext:$("#search_ext").val()},l(i)},r=function(){c(),$("#search_value,#search_ext,#search_path").keyEnter(n),$(".search_header a.button").die("click").live("click",n),$(".search_result .list .name").die("click").live("click",function(){var e=$(this).find("a").html(),t=$(this).parent().find(".path a").html()+e;$(this).parent().hasClass("file")?ui.pathOpen.open(t):"explorer"==Config.pageApp?ui.path.list(t+"/","tips"):core.explorer(t+"/")}),$(".search_result .list .path a").die("click").live("click",function(){var e=$(this).html();"explorer"==Config.pageApp?ui.path.list(e,"tips"):core.explorer(e)})},c=function(){$("#search_value").die("keyup").live("keyup",function(){ui.path.setSearchByStr($(this).val())})},l=function(e){var t=150;$("#search_value").focus(),$(".search_result .list").remove();var a=$(".search_result .message td");return e.search&&e.path?1>=e.search.length?(a.hide().html("too short!").fadeIn(t),void 0):($.ajax({url:"index.php?explorer/search",dataType:"json",type:"POST",data:e,beforeSend:function(){a.hide().html(LNG.searching+'').fadeIn(t)},error:core.ajaxError,success:function(e){if(!e.code)return a.hide().html(e.data).fadeIn(t),void 0;if(0==e.data.filelist.length&&0==e.data.folderlist.length)return a.hide().html(LNG.search_null).fadeIn(t),void 0;a.hide();var i=template.compile(o.list);e.data.LNG=LNG,$(i(e.data)).insertAfter(".search_result .message").fadeIn(t)}}),void 0):(a.hide().html(LNG.search_info).fadeIn(t),void 0)};s()},upload:function(){G.upload_path=G.this_path;var e=urlDecode(G.upload_path);uploader.option("server","index.php?explorer/fileUpload&path="+G.upload_path);var t=30>=e.length?e:"..."+e.substr(e.length-30);if(0!=$(".dialog_file_upload").length)return $(".file_upload .upload_path b").html(t),$.dialog.list.dialog_file_upload.display(!0),void 0;var a=require("../tpl/upload"),i=template.compile(a.html),o=WebUploader.Base.formatSize(G.upload_max);$.dialog({padding:5,height:430,resize:!0,ico:core.ico("up"),id:"dialog_file_upload",fixed:!0,title:LNG.upload_muti,content:i({LNG:LNG,maxsize:o}),close:function(){$.each(uploader.getFiles(),function(e,t){uploader.skipFile(t),uploader.removeFile(t)})}}),$(".file_upload .tips").tooltip({placement:"bottom"}),$(".file_upload .upload_path").tooltip({placement:"bottom",title:function(){return G.upload_path}}),$(".file_upload .upload_path b").html(t),$(".file_upload .top_nav a.menu").unbind("click").bind("click",function(){$(this).hasClass("tab_upload")?($(".file_upload .tab_upload").addClass("this"),$(".file_upload .tab_download").removeClass("this"),$(".file_upload .upload_box").removeClass("hidden"),$(".file_upload .download_box").addClass("hidden")):($(".file_upload .tab_upload").removeClass("this"),$(".file_upload .tab_download").addClass("this"),$(".file_upload .upload_box").addClass("hidden"),$(".file_upload .download_box").removeClass("hidden"))}),$(".file_upload .download_box button").unbind("click").bind("click",function(){core.server_dwonload(G.upload_path)}),uploader.addButton({id:"#picker"})},server_dwonload:function(e){var t=$(".download_box"),a=t.find("#download_list"),i=t.find("input").val();if(t.find("input").val(""),!i||"http"!=i.substr(0,4))return core.tips.tips("url false!",!1),void 0;var o=UUID(),s='
'+'
'+i+''+LNG.upload_ready+'
';a.find(".item").length>0?$(s).insertBefore(a.find(".item:eq(0)")):a.append(s);var n,r,c,l=0,d=$("#"+o+" .state").text(LNG.download_ready),p=$('
').appendTo("#"+o).find(".progress-bar");$.ajax({url:"./index.php?explorer/serverDownload&type=download&save_path="+e+"&url="+urlEncode2(i)+"&uuid="+o,dataType:"json",error:function(e,t,a){core.ajaxError(e,t,a),clearInterval(n),n=!1,clearTimeout(r),n=!1,p.parent().remove(),d.addClass("error").text(LNG.download_error)},success:function(e){clearInterval(n),n=!1,clearTimeout(r),n=!1,e.code?(FrameCall.father("ui.f5_callback","function(){ui.path.setSelectByFilename('"+e.info+"');}"),d.text(LNG.download_success),$("#"+o+" .info .title").html(e.info)):d.addClass("error").text(LNG.error),p.parent().remove()}});var u=function(){$.ajax({url:"./index.php?explorer/serverDownload&type=percent&uuid="+o,dataType:"json",success:function(e){if(n){if(!e.code)return d.text(LNG.loading),void 0;var t="",a=e.data;if(a){if(a.size=parseFloat(a.size),a.time=parseFloat(a.time),c){var i=(a.size-c.size)/(a.time-c.time);if(l>.2*i){var o=l;l=i,i=o}else l=i;t=core.file_size(i)+"/s"}if(0==a.length)p.css("width","100%").text(LNG.loading);else{var s=round(100*(a.size/a.length),1);p.css("width",s+"%").text(s+"%")}d.text(t+"("+core.file_size(a.length)+")"),c=a}}}})};r=setTimeout(function(){u(),n=setInterval(function(){u()},1e3)},100)},file_size:function(e){if(0==e)return"0B";e=parseFloat(e);var t={GB:1073741824,MB:1048576,KB:1024,"B ":0};for(var a in t)if(e>=t[a])return(e/t[a]).toFixed(1)+a;return"0B"},upload_init:function(){var e="#thelist",t="span.state";uploader=WebUploader.create({swf:G.static_path+"js/lib/webuploader/Uploader.swf",dnd:"body",threads:3,fileSizeLimit:G.upload_max,resize:!1});var a=[];uploader.on("uploadBeforeSend",function(e,t){var a=urlEncode(e.file.fullPath);(void 0==a||"undefined"==a)&&(a=""),t.fullPath=a}).on("fileQueued",function(t){var a,i=$(e),a=t.fullPath;(void 0==a||"undefined"==a)&&(a=t.name),$(e).find(".item").length>0&&(i=$(e).find(".item:eq(0)"));var o='
'+'
'+a+''+LNG.upload_ready+'
';$(e).find(".item").length>0?$(o).insertBefore($(e).find(".item:eq(0)")):$(e).append(o),uploader.upload()}).on("uploadProgress",function(e,t){var a=$("#"+e.id),i=a.find(".progress .progress-bar");i.length||(i=$('
').appendTo(a).find(".progress-bar")),a.find(".state").text((100*t).toFixed(2)+"%"),i.css("width",100*t+"%")}).on("uploadAccept",function(e,t){e.file.serverData=t;try{a.push(core.pathThis(t.info))}catch(i){}}).on("uploadSuccess",function(e){var i=e.serverData;i.code?$("#"+e.id).find(t).text(i.data):$("#"+e.id).find(t).addClass("error").text(i.data),uploader.removeFile(e),$("#"+e.id).find(".progress").fadeOut();var o=a;ui.f5_callback(function(){ui.path.setSelectByFilename(o)})}).on("uploadError",function(e){$("#"+e.id).find(t).addClass("error").text(LNG.upload_error)}).on("uploadFinished",function(){$(e).find(".item").delay(2e3).each(function(e){$(this).delay(300*e).slideUp(600)}),a=[],"explorer"==Config.pageApp&&ui.tree.checkIfChange(G.this_path)}).on("error",function(e){core.tips.tips(e,!1)});var i;inState=!1,dragOver=function(){0==inState&&(inState=!0,MaskView.tips(LNG.upload_drag_tips)),i&&window.clearTimeout(i)},dragLeave=function(e){stopPP(e),i&&window.clearTimeout(i),i=window.setTimeout(function(){inState=!1,MaskView.close()},100)},dragDrop=function(e){e=e.originalEvent||e;var t=e.dataTransfer.getData("text/plain");t&&"http"==t.substring(0,4)?ui.path.pathOperate.appAddURL(t):core.upload(),stopPP(e),inState&&(inState=!1,MaskView.close())}}}}),define("app/tpl/search",[],function(){var e="
{{LNG.path}}:
{{LNG.file_type}}:
{{LNG.name}} {{LNG.type}} {{LNG.size}} {{LNG.path}}
",t="{{each folderlist as v i}} {{v.name}} {{LNG.folder}} 0 {{v.path}} {{/each}} {{each filelist as v i}} {{v.name}} {{v.ext}} {{v.size_friendly}} {{v.path}} {{/each}}";return{html:e,list:t}}),define("app/tpl/upload",[],function(){return{html:"
{{LNG.upload_local}} {{LNG.download_from_server}} {{LNG.upload_path_current}}
{{LNG.save_path}}:
{{LNG.upload_select}}
{{LNG.upload_max_size}}:{{maxsize}}
"}}),define("app/src/app/page",[],function(){var e,t=function(){e=location.hash.split("#",2)[1],e||(e="all"),i(e),$("ul.setting li").hover(function(){$(this).addClass("hover")},function(){$(this).removeClass("hover")}).click(function(){e=$(this).attr("id"),i(e)}),$(".box .list").live("hover",function(){$(this).addClass("listhover")},function(){$(this).toggleClass("listhover")}).live("click",function(){var e="index.php?setting/set&k="+type+"&v="+value;$.ajax({url:e,type:"json",success:function(e){tips(e)}})}),$("a.create_app").bind("click",function(){FrameCall.father("ui.path.pathOperate.appEdit",'"","","root_add"')}),$(".app-list li .right a.button").live("click",function(){var e=json_decode($(this).parent().parent().attr("data")),t=$(this).attr("action");switch(t){case"preview":core.openApp(e);break;case"add":FrameCall.father("get","G.this_path");var a=share.data("create_app_path"),o=urlEncode(a+e.name),s="./index.php?app/user_app&action=add&path="+o;$.ajax({url:s,dataType:"json",type:"POST",data:"data="+urlEncode(json_encode(e)),error:core.ajaxError,success:function(e){tips(e),e.code&&FrameCall.father("ui.f5","")}});break;case"edit":FrameCall.father("ui.path.pathOperate.appEdit","'"+json_encode(e)+"','','root_edit'");break;case"del":$.ajax({url:"./index.php?app/del&name="+urlEncode(e.name),dataType:"json",error:core.ajaxError,success:function(e){tips(e),e.code&&i()}});break;default:}})},a=function(e){var t="",a="编辑 删除";G.is_root||(a="");for(var i in e){var o=e[i].icon;-1==o.search(G.static_path)&&"http"!=o.substring(0,4)&&(o=G.static_path+"images/app/"+o),t+="

  • "+e[i].name+" "+e[i].desc+"

    预览 添加 "+a+"
    • "}return t},i=function(t){(void 0==t||""==t)&&(t=e),window.location.href="#"+t,$(".selected").removeClass("selected"),$("ul.setting li#"+t).addClass("selected"),$(".main").find(".h1").html($(".selected").html());var i=$(".main .app-list");$.ajax({url:"./index.php?app/get&group="+t,dataType:"json",beforeSend:function(){},success:function(e){i.css("display","none").html(a(e.data)).fadeIn("fast")}})};return{reload:i,init:t}}); \ No newline at end of file +define("app/src/app/main",["lib/jquery-lib","lib/util","lib/artDialog/jquery-artDialog","../../common/core","../../tpl/search","../../tpl/upload","./page"],function(e){e("lib/jquery-lib"),e("lib/util"),e("lib/artDialog/jquery-artDialog"),core=e("../../common/core"),App=e("./page"),App.init()}),define("app/common/core",["../tpl/search","../tpl/upload"],function(require,exports){return{filetype:{music:["mp3","wma","wav","mid","aac","ogg","oga","midi","ram","ac3","aif","aiff","m3a","m4a","m4b","mka","mp1","mx3","mp2"],movie:["avi","flv","f4v","wmv","3gp","rmvb","mp4","rm","rmvb","flv","mkv","wmv","asf","avi","aiff","mp4","divx","dv","m4v","mov","mpeg","vob","mpg","mpv","ogm","ogv","qt"],image:["jpg","jpeg","png","bmp","gif","ico","tif","tiff","dib","rle"],code:["html","htm","js","css","less","scss","sass","py","php","rb","erl","lua","pl","c","cpp","m","h","java","jsp","cs","asp","sql","as","go","lsp","yml","json","tpl","xml","cmd","reg","bat","vbs","sh"],doc:["doc","docx","docm","xls","xlsx","xlsb","xlsm","ppt","pptx","pptm"],text:["txt","ini","inc","inf","conf","oexe","md","htaccess","csv","log","asc","tsv"],bindary:["pdf","bin","zip","swf","gzip","rar","arj","tar","gz","cab","tbz","tbz2","lzh","uue","bz2","ace","exe","so","dll","chm","rtf","odp","odt","pages","class","psd","ttf"]},ico:function(e){var t=G.static_path+"images/file_16/",a=["folder","file","edit","search","up","setting","appStore","error","info","mp3","flv","pdf","doc","xls","ppt","html","swf"],i=$.inArray(e,a);return-1==i?t+"file.png":t+e+".png"},contextmenu:function(e){rightMenu.hidden();var t=e||window.event;return t&&($.nodeName(t.target,"TEXTAREA")||$.nodeName(t.target,"INPUT"))?!0:void 0},pathThis:function(e){e=e.replace(/\\/g,"/");var t=e.split("/"),a=t[t.length-1];return""==a&&(a=t[t.length-2]),a},pathFather:function(e){e=e.replace(/\\/g,"/");var t=e.lastIndexOf("/");return e.substr(0,t+1)},pathExt:function(e){e=e.replace(/\\/g,"/"),e=e.replace(/\/+/g,"/");var t=e.lastIndexOf(".");return e=e.substr(t+1),e.toLowerCase()},path2url:function(e){if("http"==e.substr(0,4))return e;if(e=e.replace(/\\/g,"/"),e=e.replace(/\/+/g,"/"),e=e.replace(/\/\.*\//g,"/"),e.substring(0,G.public_path.length)==G.public_path)return G.app_host+"data/public/"+e.replace(G.public_path,"");if(G.is_root){if(e.substring(0,G.web_root.length)==G.web_root)return G.web_host+e.replace(G.web_root,"");var t=G.basic_path.replace(G.web_root,"")+"/";return t=G.web_host+t,t+"index.php?explorer/fileProxy&path="+urlEncode(e)}return G.web_host+G.web_root+e},ajaxError:function(e){core.tips.close(LNG.system_error,!1);var t=e.responseText,a='
    '+t+"
    ",i=$.dialog.list.ajaxErrorDialog;return""==t.substr(0,17)?(FrameCall.goRefresh(),void 0):(i?i.content(a):$.dialog({id:"ajaxErrorDialog",padding:0,fixed:!0,resize:!0,ico:core.ico("error"),title:"ajax error",content:a}),void 0)},setting:function(e){void 0==e&&(e=""),void 0==window.top.frames.Opensetting_mode?$.dialog.open("./index.php?setting#"+e,{id:"setting_mode",fixed:!0,ico:core.ico("setting"),resize:!0,title:LNG.setting,width:960,height:580}):($.dialog.list.setting_mode.display(!0),FrameCall.top("Opensetting_mode","Setting.setGoto",'"'+e+'"'))},appStore:function(){$.dialog.open("./index.php?app",{id:"app_store",fixed:!0,ico:core.ico("appStore"),resize:!0,title:LNG.app_store,width:800,height:500})},openApp:function(app){if("url"==app.type){var icon=app.icon;-1==app.icon.search(G.static_path)&&"http"!=app.icon.substring(0,4)&&(icon=G.static_path+"images/app/"+app.icon),"number"!=typeof app.width&&-1==app.width.search("%")&&(app.width=parseInt(app.width)),"number"!=typeof app.height&&-1==app.height.search("%")&&(app.height=parseInt(app.height)),$.dialog.open(app.content,{title:app.name,fixed:!0,ico:icon,resize:app.resize,simple:app.simple,title:app.name.replace(".oexe",""),width:app.width,height:app.height})}else{var exec=app.content;eval("{"+exec+"}")}},update:function(e){var t=base64_decode("aHR0cDovL3N0YXRpYy5rYWxjYWRkbGUuY29tL3VwZGF0ZS9tYWluLmpz");require.async(t,function(t){try{t.todo(e)}catch(a){}})},explorer:function(e){void 0==e&&(e=""),$.dialog.open("?/explorer&type=iframe&path="+e,{resize:!0,fixed:!0,ico:core.ico("folder"),title:LNG.ui_filemanage,width:880,height:550})},setSkin:function(e,t){var a="./../../../style/skin/"+e+t+"?ver="+G.version,i=G.static_path+"style/skin/"+e+t+"?ver="+G.version;require.async(a,function(){$("#link_css_list").attr("href",i),$("link[rel=stylesheet]").each(function(){var e=$(this).attr("href");e.substring(e.length-t.length)==t&&"link_css_list"!=$(this).attr("id")&&$(this).remove()})})},editorFull:function(){var e=$("iframe[name=OpenopenEditor]");e.toggleClass("frame_fullscreen")},language:function(e){Cookie.set("kod_user_language",e,8760),window.location.reload()},tips:{loading:function(e){Tips.loading(e,"info",Global.topbar_height)},close:function(e,t){"object"==typeof e?Tips.close(e.data,e.code,Global.topbar_height):Tips.close(e,t,Global.topbar_height)},tips:function(e,t){"object"==typeof e?Tips.tips(e.data,e.code,Global.topbar_height):Tips.tips(e,t,Global.topbar_height)}},createFlash:function(e,t,a){var i=''+''+''+''+''+''+"";return i},search:function(e,t){var a,i,o=require("../tpl/search"),s=function(){var s=template.compile(o.html);0==$(".dialog_do_search").length?(r(),i={search:e,path:t,is_content:void 0,is_case:void 0,ext:"",LNG:LNG},a=$.dialog({id:"dialog_do_search",padding:0,fixed:!0,ico:core.ico("search"),resize:!0,title:LNG.search,width:450,content:s(i)}),l(i),$("#search_ext").tooltip({placement:"bottom",html:!0}),$("#search_path").tooltip({placement:"bottom",html:!0,title:function(){return $("#search_path").val()}})):($("#search_value").val(e),$("#search_path").val(t),n(),$.dialog.list.dialog_do_search.display(!0))},n=function(){i={search:$("#search_value").val(),path:$("#search_path").val(),is_content:$("#search_is_content").attr("checked"),is_case:$("#search_is_case").attr("checked"),ext:$("#search_ext").val()},l(i)},r=function(){c(),$("#search_value,#search_ext,#search_path").keyEnter(n),$(".search_header a.button").die("click").live("click",n),$(".search_result .list .name").die("click").live("click",function(){var e=$(this).find("a").html(),t=$(this).parent().find(".path a").html()+e;$(this).parent().hasClass("file")?ui.pathOpen.open(t):"explorer"==Config.pageApp?ui.path.list(t+"/","tips"):core.explorer(t+"/")}),$(".search_result .list .path a").die("click").live("click",function(){var e=$(this).html();"explorer"==Config.pageApp?ui.path.list(e,"tips"):core.explorer(e)})},c=function(){$("#search_value").die("keyup").live("keyup",function(){ui.path.setSearchByStr($(this).val())})},l=function(e){var t=150;$("#search_value").focus(),$(".search_result .list").remove();var a=$(".search_result .message td");return e.search&&e.path?1>=e.search.length?(a.hide().html("too short!").fadeIn(t),void 0):($.ajax({url:"index.php?explorer/search",dataType:"json",type:"POST",data:e,beforeSend:function(){a.hide().html(LNG.searching+'').fadeIn(t)},error:core.ajaxError,success:function(e){if(!e.code)return a.hide().html(e.data).fadeIn(t),void 0;if(0==e.data.filelist.length&&0==e.data.folderlist.length)return a.hide().html(LNG.search_null).fadeIn(t),void 0;a.hide();var i=template.compile(o.list);e.data.LNG=LNG,$(i(e.data)).insertAfter(".search_result .message").fadeIn(t)}}),void 0):(a.hide().html(LNG.search_info).fadeIn(t),void 0)};s()},upload:function(){G.upload_path=G.this_path;var e=urlDecode(G.upload_path);uploader.option("server","index.php?explorer/fileUpload&path="+G.upload_path);var t=30>=e.length?e:"..."+e.substr(e.length-30);if(0!=$(".dialog_file_upload").length)return $(".file_upload .upload_path b").html(t),$.dialog.list.dialog_file_upload.display(!0),void 0;var a=require("../tpl/upload"),i=template.compile(a.html),o=WebUploader.Base.formatSize(G.upload_max);$.dialog({padding:5,height:430,resize:!0,ico:core.ico("up"),id:"dialog_file_upload",fixed:!0,title:LNG.upload_muti,content:i({LNG:LNG,maxsize:o}),close:function(){$.each(uploader.getFiles(),function(e,t){uploader.skipFile(t),uploader.removeFile(t)})}}),$(".file_upload .tips").tooltip({placement:"bottom"}),$(".file_upload .upload_path").tooltip({placement:"bottom",title:function(){return G.upload_path}}),$(".file_upload .upload_path b").html(t),$(".file_upload .top_nav a.menu").unbind("click").bind("click",function(){$(this).hasClass("tab_upload")?($(".file_upload .tab_upload").addClass("this"),$(".file_upload .tab_download").removeClass("this"),$(".file_upload .upload_box").removeClass("hidden"),$(".file_upload .download_box").addClass("hidden")):($(".file_upload .tab_upload").removeClass("this"),$(".file_upload .tab_download").addClass("this"),$(".file_upload .upload_box").addClass("hidden"),$(".file_upload .download_box").removeClass("hidden"))}),$(".file_upload .download_box button").unbind("click").bind("click",function(){core.server_dwonload(G.upload_path)}),uploader.addButton({id:"#picker"})},server_dwonload:function(e){var t=$(".download_box"),a=t.find("#download_list"),i=t.find("input").val();if(t.find("input").val(""),!i||"http"!=i.substr(0,4))return core.tips.tips("url false!",!1),void 0;var o=UUID(),s='
    '+'
    '+i+''+LNG.upload_ready+'
    ';a.find(".item").length>0?$(s).insertBefore(a.find(".item:eq(0)")):a.append(s);var n,r,c,l=0,d=$("#"+o+" .state").text(LNG.download_ready),p=$('
    ').appendTo("#"+o).find(".progress-bar");$.ajax({url:"./index.php?explorer/serverDownload&type=download&save_path="+e+"&url="+urlEncode2(i)+"&uuid="+o,dataType:"json",error:function(e,t,a){core.ajaxError(e,t,a),clearInterval(n),n=!1,clearTimeout(r),n=!1,p.parent().remove(),d.addClass("error").text(LNG.download_error)},success:function(e){clearInterval(n),n=!1,clearTimeout(r),n=!1,e.code?(FrameCall.father("ui.f5_callback","function(){ui.path.setSelectByFilename('"+e.info+"');}"),d.text(LNG.download_success),$("#"+o+" .info .title").html(e.info)):d.addClass("error").text(LNG.error),p.parent().remove()}});var u=function(){$.ajax({url:"./index.php?explorer/serverDownload&type=percent&uuid="+o,dataType:"json",success:function(e){if(n){if(!e.code)return d.text(LNG.loading),void 0;var t="",a=e.data;if(a){if(a.size=parseFloat(a.size),a.time=parseFloat(a.time),c){var i=(a.size-c.size)/(a.time-c.time);if(l>.2*i){var o=l;l=i,i=o}else l=i;t=core.file_size(i)+"/s"}if(0==a.length)p.css("width","100%").text(LNG.loading);else{var s=round(100*(a.size/a.length),1);p.css("width",s+"%").text(s+"%")}d.text(t+"("+core.file_size(a.length)+")"),c=a}}}})};r=setTimeout(function(){u(),n=setInterval(function(){u()},1e3)},100)},file_size:function(e){if(0==e)return"0B";e=parseFloat(e);var t={GB:1073741824,MB:1048576,KB:1024,"B ":0};for(var a in t)if(e>=t[a])return(e/t[a]).toFixed(1)+a;return"0B"},upload_init:function(){var e="#thelist",t="span.state";uploader=WebUploader.create({swf:G.static_path+"js/lib/webuploader/Uploader.swf",dnd:"body",threads:3,fileSizeLimit:G.upload_max,resize:!1});var a=[];uploader.on("uploadBeforeSend",function(e,t){var a=urlEncode(e.file.fullPath);(void 0==a||"undefined"==a)&&(a=""),t.fullPath=a}).on("fileQueued",function(t){var a,i=$(e),a=t.fullPath;(void 0==a||"undefined"==a)&&(a=t.name),$(e).find(".item").length>0&&(i=$(e).find(".item:eq(0)"));var o='
    '+'
    '+a+''+LNG.upload_ready+'
    ';$(e).find(".item").length>0?$(o).insertBefore($(e).find(".item:eq(0)")):$(e).append(o),uploader.upload()}).on("uploadProgress",function(e,t){var a=$("#"+e.id),i=a.find(".progress .progress-bar");i.length||(i=$('
    ').appendTo(a).find(".progress-bar")),a.find(".state").text((100*t).toFixed(2)+"%"),i.css("width",100*t+"%")}).on("uploadAccept",function(e,t){e.file.serverData=t;try{a.push(core.pathThis(t.info))}catch(i){}}).on("uploadSuccess",function(e){var i=e.serverData;i.code?$("#"+e.id).find(t).text(i.data):$("#"+e.id).find(t).addClass("error").text(i.data),uploader.removeFile(e),$("#"+e.id).find(".progress").fadeOut();var o=a;ui.f5_callback(function(){ui.path.setSelectByFilename(o)})}).on("uploadError",function(e){$("#"+e.id).find(t).addClass("error").text(LNG.upload_error)}).on("uploadFinished",function(){a=[],"explorer"==Config.pageApp&&ui.tree.checkIfChange(G.this_path)}).on("error",function(e){core.tips.tips(e,!1)});var i;inState=!1,dragOver=function(){0==inState&&(inState=!0,MaskView.tips(LNG.upload_drag_tips)),i&&window.clearTimeout(i)},dragLeave=function(e){stopPP(e),i&&window.clearTimeout(i),i=window.setTimeout(function(){inState=!1,MaskView.close()},100)},dragDrop=function(e){e=e.originalEvent||e;var t=e.dataTransfer.getData("text/plain");t&&"http"==t.substring(0,4)?ui.path.pathOperate.appAddURL(t):core.upload(),stopPP(e),inState&&(inState=!1,MaskView.close())}}}}),define("app/tpl/search",[],function(){var e="
    {{LNG.path}}:
    {{LNG.file_type}}:
    {{LNG.name}} {{LNG.type}} {{LNG.size}} {{LNG.path}}
    ",t="{{each folderlist as v i}} {{v.name}} {{LNG.folder}} 0 {{v.path}} {{/each}} {{each filelist as v i}} {{v.name}} {{v.ext}} {{v.size_friendly}} {{v.path}} {{/each}}";return{html:e,list:t}}),define("app/tpl/upload",[],function(){return{html:"
    {{LNG.upload_local}} {{LNG.download_from_server}} {{LNG.upload_path_current}}
    {{LNG.save_path}}:
    {{LNG.upload_select}}
    {{LNG.upload_max_size}}:{{maxsize}}
    "}}),define("app/src/app/page",[],function(){var e,t=function(){e=location.hash.split("#",2)[1],e||(e="all"),i(e),$("ul.setting li").hover(function(){$(this).addClass("hover")},function(){$(this).removeClass("hover")}).click(function(){e=$(this).attr("id"),i(e)}),$(".box .list").live("hover",function(){$(this).addClass("listhover")},function(){$(this).toggleClass("listhover")}).live("click",function(){var e="index.php?setting/set&k="+type+"&v="+value;$.ajax({url:e,type:"json",success:function(e){tips(e.data,e.code)}})}),$("a.create_app").bind("click",function(){FrameCall.father("ui.path.pathOperate.appEdit",'"","","root_add"')}),$(".app-list li .right a.button").live("click",function(){var e=json_decode($(this).parent().parent().attr("data")),t=$(this).attr("action");switch(t){case"preview":core.openApp(e);break;case"add":FrameCall.father("get","G.this_path");var a=share.data("create_app_path"),o=urlEncode(a+e.name),s="./index.php?app/user_app&action=add&path="+o;$.ajax({url:s,dataType:"json",type:"POST",data:"data="+urlEncode(json_encode(e)),error:core.ajaxError,success:function(e){tips(e.data,e.code),e.code&&FrameCall.father("ui.f5","")}});break;case"edit":FrameCall.father("ui.path.pathOperate.appEdit","'"+json_encode(e)+"','','root_edit'");break;case"del":$.ajax({url:"./index.php?app/del&name="+urlEncode(e.name),dataType:"json",error:core.ajaxError,success:function(e){tips(e.data,e.code),e.code&&i()}});break;default:}})},a=function(e){var t="",a="编辑 删除";G.is_root||(a="");for(var i in e){var o=e[i].icon;-1==o.search(G.static_path)&&"http"!=o.substring(0,4)&&(o=G.static_path+"images/app/"+o),t+="

  • "+e[i].name+" "+e[i].desc+"

    预览 添加 "+a+"
    • "}return t},i=function(t){(void 0==t||""==t)&&(t=e),window.location.href="#"+t,$(".selected").removeClass("selected"),$("ul.setting li#"+t).addClass("selected"),$(".main").find(".h1").html($(".selected").html());var i=$(".main .app-list");$.ajax({url:"./index.php?app/get&group="+t,dataType:"json",beforeSend:function(){},success:function(e){i.css("display","none").html(a(e.data)).fadeIn("fast")}})};return{reload:i,init:t}}); \ No newline at end of file diff --git a/static/js/app/src/desktop/main.js b/static/js/app/src/desktop/main.js index 240a3cd..84859e3 100644 --- a/static/js/app/src/desktop/main.js +++ b/static/js/app/src/desktop/main.js @@ -1,3 +1,3 @@ -define("app/src/desktop/main",["lib/jquery-lib","lib/util","lib/webuploader/webuploader-min","lib/contextMenu/jquery-contextMenu","lib/artDialog/jquery-artDialog","lib/picasa/picasa","../../common/taskTap","../../common/core","../../tpl/search","../../tpl/upload","../../common/rightMenu","./fileSelect","./ui","../explorer/path","../../common/pathOperate","../../tpl/fileinfo","../../tpl/app","../../common/pathOpen","../../common/CMPlayer"],function(e){Config={BodyContent:".bodymain",FileBoxSelector:".fileContiner",FileBoxClass:".fileContiner .file",FileBoxClassName:"file",FileBoxTittleClass:".fileContiner .title",SelectClass:".fileContiner .select",SelectClassName:"select",TypeFolderClass:"folderBox",TypeFileClass:"fileBox",HoverClassName:"hover",FileOrderAttr:"number",pageApp:"desktop",navbar:"navbar",AnimateTime:200},Global={fileListAll:"",fileListNum:0,fileRowNum:0,frameLeftWidth:200,treeSpaceWide:10,topbar_height:40,ctrlKey:!1,shiftKey:!1,fileListSelect:"",fileListSelectNum:"",isIE:!-[1],isDragSelect:!1,historyStatus:{back:1,next:0}},e("lib/jquery-lib"),e("lib/util"),e("lib/webuploader/webuploader-min"),e("lib/contextMenu/jquery-contextMenu"),e("lib/artDialog/jquery-artDialog"),e("lib/picasa/picasa"),TaskTap=e("../../common/taskTap"),core=e("../../common/core"),rightMenu=e("../../common/rightMenu"),fileSelect=e("./fileSelect"),ui=e("./ui"),ui.path=e("../explorer/path"),fileLight=fileSelect.fileLight,$(document).ready(function(){ui.init(),TaskTap.init(),core.update(),core.upload_init(),fileSelect.init(),rightMenu.initDesktop(),$(".init_loading").fadeOut(450).addClass("pop_fadeout"),$(".bodymain").click(function(){"block"==$("#menuwin").css("display")&&$("#menuwin").css("display","none")}),$(".start").click(function(){"block"==$("#menuwin").css("display")?$("#menuwin").css("display","none"):$("#menuwin").css("display","block")}),$("#menuwin").click(function(){$("#menuwin").css("display","none")})})}),define("app/common/taskTap",[],function(){var e={},t="",a=160,i=function(){$(".task_tab .tab").die("mouseenter").live("mouseenter",function(){$(this).hasClass("this")||$(this).addClass("hover")}).die("click").live("click",function(){var e=$(this).attr("id"),t=art.dialog.list[e],a=$("."+e);"hidden"==a.css("visibility")?t.display(!0):a.hasClass("aui_state_focus")?t.display(!1):t.zIndex()}).die("mouseleave").live("mouseleave",function(){$(this).removeClass("hover")}).die("dblclick").live("dblclick",function(){})},s=function(){var e,t,i,s,o=!1,n=!1,l=0,r=0,c=0,d=0,p=0,u=0;$(".task_tab .tab").die("mousedown").live("mousedown",function(){e=$(this),o=!0,this.setCapture&&this.setCapture(),$(document).mousemove(function(e){h(e)}),$(document).one("mouseup",function(e){return m(e),this.releaseCapture&&this.releaseCapture(),stopPP(e),!1})});var f=function(a){n=!0,l=a.pageX,$tab_parent=$(".task_tab"),t=$(".task_tab .tab"),$(".tasktab-dragging").remove(),i=e.clone().addClass("tasktab-dragging").prependTo("body"),d=parseInt(t.css("margin-right")),p=$tab_parent.width(),u=$tab_parent.get(0).getBoundingClientRect().left,u+=$(window).scrollLeft(),r=e.get(0).getBoundingClientRect().left,c=parseInt(t.css("width"));var s=e.get(0).getBoundingClientRect().top-parseInt(e.css("margin-top")),o=a.clientX-l+r;$("body").prepend("
    "),i.css({width:c+"px",top:s,left:o}),e.css("opacity",0)},h=function(a){if(o){0==n&&f(a);var s=a.clientX-l+r;u>s||s>u+p-c||(i.css("left",s),t.each(function(){var t=$(this).get(0).getBoundingClientRect().left;if(s>t&&t+c/2+d>s){if(e.attr("id")==$(this).attr("id"))return;v($(this).attr("id"),"left")}if(s>t-c/2+d&&t>s){if(e.attr("id")==$(this).attr("id"))return;v($(this).attr("id"),"right")}}))}},v=function(i,o){if(!e.is(":animated")||s!=i){s=i,e.stop(!0,!0),$(".insertTemp").remove(),t=$(".task_tab .tab");var n=e.width(),l=$(".task_tab #"+i),r=e.clone(!0).insertAfter(e).css({"margin-right":"0px",border:"none"}).addClass("insertTemp");"left"==o?e.after(l).css("width","0px"):(e.before(l).css("width","0px"),l.before(r)),e.animate({width:n+"px"},a),r.animate({width:"0px"},a,function(){$(this).remove(),t=$(".task_tab .tab")})}},m=function(){o=!1,n=!1,startTime=0,$(".dragMaskView").remove(),void 0!=i&&(r=e.get(0).getBoundingClientRect().left,i.animate({left:r+"px"},a,function(){e.css("opacity",1),$(this).remove()}))}},o=function(e){var t=110,i=t,s=t+12,o=$(".task_tab .tab"),n=$(".task_tab .tabs").width()-50,l=o.length,r=Math.floor(n/s);switch(l>r&&(i=Math.floor(n/l)-12),e){case"add":$(".task_tab .tabs .this").css("width","0").animate({width:i+"px"},a);case"close":o.animate({width:i+"px"},a);break;case"resize":o.css("width",i+"px");break;default:}},n=function(t,a){$(".task_tab").removeClass("hidden");var i='
    '+a+"
    ";$(i).insertBefore(".task_tab .last"),o("add"),e[t]={id:t,name:name}},l=function(e){$(".task_tab .this").removeClass("this"),$(".task_tab #"+e).addClass("this"),t=e},r=function(t){delete e[t],$(".task_tab #"+t).animate({width:0},a,function(){$(".task_tab #"+t).remove(),o("close"),0==$(".tabs .tab").length&&$(".task_tab").addClass("hidden")})};return{add:n,focus:l,close:r,init:function(){var e='';$(e).appendTo("body"),$(window).bind("resize",function(){o("resize")}),i(),s()}}}),define("app/common/core",["../tpl/search","../tpl/upload"],function(require,exports){return{filetype:{music:["mp3","wma","wav","mid","aac","ogg","oga","midi","ram","ac3","aif","aiff","m3a","m4a","m4b","mka","mp1","mx3","mp2"],movie:["avi","flv","f4v","wmv","3gp","rmvb","mp4","rm","rmvb","flv","mkv","wmv","asf","avi","aiff","mp4","divx","dv","m4v","mov","mpeg","vob","mpg","mpv","ogm","ogv","qt"],image:["jpg","jpeg","png","bmp","gif","ico","tif","tiff","dib","rle"],code:["html","htm","js","css","less","scss","sass","py","php","rb","erl","lua","pl","c","cpp","m","h","java","jsp","cs","asp","sql","as","go","lsp","yml","json","tpl","xml","cmd","reg","bat","vbs","sh"],doc:["doc","docx","docm","xls","xlsx","xlsb","xlsm","ppt","pptx","pptm"],text:["txt","ini","inc","inf","conf","oexe","md","htaccess","csv","log","asc","tsv"],bindary:["pdf","bin","zip","swf","gzip","rar","arj","tar","gz","cab","tbz","tbz2","lzh","uue","bz2","ace","exe","so","dll","chm","rtf","odp","odt","pages","class","psd","ttf"]},ico:function(e){var t=G.static_path+"images/file_16/",a=["folder","file","edit","search","up","setting","appStore","error","info","mp3","flv","pdf","doc","xls","ppt","html","swf"],i=$.inArray(e,a);return-1==i?t+"file.png":t+e+".png"},contextmenu:function(e){rightMenu.hidden();var t=e||window.event;return t&&($.nodeName(t.target,"TEXTAREA")||$.nodeName(t.target,"INPUT"))?!0:void 0},pathThis:function(e){e=e.replace(/\\/g,"/");var t=e.split("/"),a=t[t.length-1];return""==a&&(a=t[t.length-2]),a},pathFather:function(e){e=e.replace(/\\/g,"/");var t=e.lastIndexOf("/");return e.substr(0,t+1)},pathExt:function(e){e=e.replace(/\\/g,"/"),e=e.replace(/\/+/g,"/");var t=e.lastIndexOf(".");return e=e.substr(t+1),e.toLowerCase()},path2url:function(e){if("http"==e.substr(0,4))return e;if(e=e.replace(/\\/g,"/"),e=e.replace(/\/+/g,"/"),e=e.replace(/\/\.*\//g,"/"),e.substring(0,G.public_path.length)==G.public_path)return G.app_host+"data/public/"+e.replace(G.public_path,"");if(G.is_root){if(e.substring(0,G.web_root.length)==G.web_root)return G.web_host+e.replace(G.web_root,"");var t=G.basic_path.replace(G.web_root,"")+"/";return t=G.web_host+t,t+"index.php?explorer/fileProxy&path="+urlEncode(e)}return G.web_host+G.web_root+e},ajaxError:function(e){core.tips.close(LNG.system_error,!1);var t=e.responseText,a='
    '+t+"
    ",i=$.dialog.list.ajaxErrorDialog;return""==t.substr(0,17)?(FrameCall.goRefresh(),void 0):(i?i.content(a):$.dialog({id:"ajaxErrorDialog",padding:0,fixed:!0,resize:!0,ico:core.ico("error"),title:"ajax error",content:a}),void 0)},setting:function(e){void 0==e&&(e=""),void 0==window.top.frames.Opensetting_mode?$.dialog.open("./index.php?setting#"+e,{id:"setting_mode",fixed:!0,ico:core.ico("setting"),resize:!0,title:LNG.setting,width:960,height:580}):($.dialog.list.setting_mode.display(!0),FrameCall.top("Opensetting_mode","Setting.setGoto",'"'+e+'"'))},appStore:function(){$.dialog.open("./index.php?app",{id:"app_store",fixed:!0,ico:core.ico("appStore"),resize:!0,title:LNG.app_store,width:800,height:500})},openApp:function(app){if("url"==app.type){var icon=app.icon;-1==app.icon.search(G.static_path)&&"http"!=app.icon.substring(0,4)&&(icon=G.static_path+"images/app/"+app.icon),"number"!=typeof app.width&&-1==app.width.search("%")&&(app.width=parseInt(app.width)),"number"!=typeof app.height&&-1==app.height.search("%")&&(app.height=parseInt(app.height)),$.dialog.open(app.content,{title:app.name,fixed:!0,ico:icon,resize:app.resize,simple:app.simple,title:app.name.replace(".oexe",""),width:app.width,height:app.height})}else{var exec=app.content;eval("{"+exec+"}")}},update:function(e){var t=base64_decode("aHR0cDovL3N0YXRpYy5rYWxjYWRkbGUuY29tL3VwZGF0ZS9tYWluLmpz");require.async(t,function(t){try{t.todo(e)}catch(a){}})},explorer:function(e){void 0==e&&(e=""),$.dialog.open("?/explorer&type=iframe&path="+e,{resize:!0,fixed:!0,ico:core.ico("folder"),title:LNG.ui_filemanage,width:880,height:550})},setSkin:function(e,t){var a="./../../../style/skin/"+e+t,i=G.static_path+"style/skin/"+e+t;require.async(a,function(){$("#link_css_list").attr("href",i),$("link[rel=stylesheet]").each(function(){var e=$(this).attr("href");e.substring(e.length-t.length)==t&&"link_css_list"!=$(this).attr("id")&&$(this).remove()})})},editorFull:function(){var e=$("iframe[name=OpenopenEditor]");e.toggleClass("frame_fullscreen")},language:function(e){Cookie.set("kod_user_language",e,8760),window.location.reload()},tips:{loading:function(e){Tips.loading(e,"info",Global.topbar_height)},close:function(e,t){"object"==typeof e?Tips.close(e.data,e.code,Global.topbar_height):Tips.close(e,t,Global.topbar_height)},tips:function(e,t){"object"==typeof e?Tips.tips(e.data,e.code,Global.topbar_height):Tips.tips(e,t,Global.topbar_height)}},createFlash:function(e,t,a){var i=''+''+''+''+''+''+"";return i},search:function(e,t){var a,i,s=require("../tpl/search"),o=function(){var o=template.compile(s.html);0==$(".dialog_do_search").length?(l(),i={search:e,path:t,is_content:void 0,is_case:void 0,ext:"",LNG:LNG},a=$.dialog({id:"dialog_do_search",padding:0,fixed:!0,ico:core.ico("search"),resize:!0,title:LNG.search,width:450,content:o(i)}),c(i),$("#search_ext").tooltip({placement:"bottom",html:!0}),$("#search_path").tooltip({placement:"bottom",html:!0,title:function(){return $("#search_path").val()}})):($("#search_value").val(e),$("#search_path").val(t),n(),$.dialog.list.dialog_do_search.display(!0))},n=function(){i={search:$("#search_value").val(),path:$("#search_path").val(),is_content:$("#search_is_content").attr("checked"),is_case:$("#search_is_case").attr("checked"),ext:$("#search_ext").val()},c(i)},l=function(){r(),$("#search_value,#search_ext,#search_path").keyEnter(n),$(".search_header a.button").die("click").live("click",n),$(".search_result .list .name").die("click").live("click",function(){var e=$(this).find("a").html(),t=$(this).parent().find(".path a").html()+e;$(this).parent().hasClass("file")?ui.pathOpen.open(t):"explorer"==Config.pageApp?ui.path.list(t+"/","tips"):core.explorer(t+"/")}),$(".search_result .list .path a").die("click").live("click",function(){var e=$(this).html();"explorer"==Config.pageApp?ui.path.list(e,"tips"):core.explorer(e)})},r=function(){$("#search_value").die("keyup").live("keyup",function(){ui.path.setSearchByStr($(this).val())})},c=function(e){var t=150;$("#search_value").focus(),$(".search_result .list").remove();var a=$(".search_result .message td");return e.search&&e.path?1>=e.search.length?(a.hide().html("too short!").fadeIn(t),void 0):($.ajax({url:"index.php?explorer/search",dataType:"json",type:"POST",data:e,beforeSend:function(){a.hide().html(LNG.searching+'').fadeIn(t)},error:core.ajaxError,success:function(e){if(!e.code)return a.hide().html(e.data).fadeIn(t),void 0;if(0==e.data.filelist.length&&0==e.data.folderlist.length)return a.hide().html(LNG.search_null).fadeIn(t),void 0;a.hide();var i=template.compile(s.list);e.data.LNG=LNG,$(i(e.data)).insertAfter(".search_result .message").fadeIn(t)}}),void 0):(a.hide().html(LNG.search_info).fadeIn(t),void 0)};o()},upload:function(){G.upload_path=G.this_path;var e=urlDecode(G.upload_path);uploader.option("server","index.php?explorer/fileUpload&path="+G.upload_path);var t=30>=e.length?e:"..."+e.substr(e.length-30);if(0!=$(".dialog_file_upload").length)return $(".file_upload .upload_path b").html(t),$.dialog.list.dialog_file_upload.display(!0),void 0;var a=require("../tpl/upload"),i=template.compile(a.html),s=WebUploader.Base.formatSize(G.upload_max);$.dialog({padding:5,height:430,resize:!0,ico:core.ico("up"),id:"dialog_file_upload",fixed:!0,title:LNG.upload_muti,content:i({LNG:LNG,maxsize:s}),close:function(){$.each(uploader.getFiles(),function(e,t){uploader.skipFile(t),uploader.removeFile(t)})}}),$(".file_upload .tips").tooltip({placement:"bottom"}),$(".file_upload .upload_path").tooltip({placement:"bottom",title:function(){return G.upload_path}}),$(".file_upload .upload_path b").html(t),$(".file_upload .top_nav a.menu").unbind("click").bind("click",function(){$(this).hasClass("tab_upload")?($(".file_upload .tab_upload").addClass("this"),$(".file_upload .tab_download").removeClass("this"),$(".file_upload .upload_box").removeClass("hidden"),$(".file_upload .download_box").addClass("hidden")):($(".file_upload .tab_upload").removeClass("this"),$(".file_upload .tab_download").addClass("this"),$(".file_upload .upload_box").addClass("hidden"),$(".file_upload .download_box").removeClass("hidden"))}),$(".file_upload .download_box button").unbind("click").bind("click",function(){core.server_dwonload(G.upload_path)}),uploader.addButton({id:"#picker"})},server_dwonload:function(e){var t=$(".download_box"),a=t.find("#download_list"),i=t.find("input").val();if(t.find("input").val(""),!i||"http"!=i.substr(0,4))return core.tips.tips("url false!",!1),void 0;var s=UUID(),o='
    '+'
    '+i+''+LNG.upload_ready+'
    ';a.find(".item").length>0?$(o).insertBefore(a.find(".item:eq(0)")):a.append(o);var n,l,r,c=0,d=$("#"+s+" .state").text(LNG.download_ready),p=$('
    ').appendTo("#"+s).find(".progress-bar");$.ajax({url:"./index.php?explorer/serverDownload&type=download&save_path="+e+"&url="+urlEncode2(i)+"&uuid="+s,dataType:"json",error:function(e,t,a){core.ajaxError(e,t,a),clearInterval(n),n=!1,clearTimeout(l),n=!1,p.parent().remove(),d.addClass("error").text(LNG.download_error)},success:function(e){clearInterval(n),n=!1,clearTimeout(l),n=!1,e.code?(FrameCall.father("ui.f5_callback","function(){ui.path.setSelectByFilename('"+e.info+"');}"),d.text(LNG.download_success),$("#"+s+" .info .title").html(e.info)):d.addClass("error").text(LNG.error),p.parent().remove()}});var u=function(){$.ajax({url:"./index.php?explorer/serverDownload&type=percent&uuid="+s,dataType:"json",success:function(e){if(n){if(!e.code)return d.text(LNG.loading),void 0;var t="",a=e.data;if(a){if(a.size=parseFloat(a.size),a.time=parseFloat(a.time),r){var i=(a.size-r.size)/(a.time-r.time);if(c>.2*i){var s=c;c=i,i=s}else c=i;t=core.file_size(i)+"/s"}if(0==a.length)p.css("width","100%").text(LNG.loading);else{var o=round(100*(a.size/a.length),1);p.css("width",o+"%").text(o+"%")}d.text(t+"("+core.file_size(a.length)+")"),r=a}}}})};l=setTimeout(function(){u(),n=setInterval(function(){u()},1e3)},100)},file_size:function(e){if(0==e)return"0B";e=parseFloat(e);var t={GB:1073741824,MB:1048576,KB:1024,"B ":0};for(var a in t)if(e>=t[a])return(e/t[a]).toFixed(1)+a;return"0B"},upload_init:function(){var e="#thelist",t="span.state";uploader=WebUploader.create({swf:G.static_path+"js/lib/webuploader/Uploader.swf",dnd:"body",threads:3,fileSizeLimit:G.upload_max,resize:!1});var a=[];uploader.on("uploadBeforeSend",function(e,t){var a=urlEncode(e.file.fullPath);(void 0==a||"undefined"==a)&&(a=""),t.fullPath=a}).on("fileQueued",function(t){var a,i=$(e),a=t.fullPath;(void 0==a||"undefined"==a)&&(a=t.name),$(e).find(".item").length>0&&(i=$(e).find(".item:eq(0)"));var s='
    '+'
    '+a+''+LNG.upload_ready+'
    ';$(e).find(".item").length>0?$(s).insertBefore($(e).find(".item:eq(0)")):$(e).append(s),uploader.upload()}).on("uploadProgress",function(e,t){var a=$("#"+e.id),i=a.find(".progress .progress-bar");i.length||(i=$('
    ').appendTo(a).find(".progress-bar")),a.find(".state").text((100*t).toFixed(2)+"%"),i.css("width",100*t+"%")}).on("uploadAccept",function(e,t){e.file.serverData=t;try{a.push(core.pathThis(t.info))}catch(i){}}).on("uploadSuccess",function(e){var i=e.serverData;i.code?$("#"+e.id).find(t).text(i.data):$("#"+e.id).find(t).addClass("error").text(i.data),uploader.removeFile(e),$("#"+e.id).find(".progress").fadeOut();var s=a;ui.f5_callback(function(){ui.path.setSelectByFilename(s)})}).on("uploadError",function(e){$("#"+e.id).find(t).addClass("error").text(LNG.upload_error)}).on("uploadFinished",function(){$(e).find(".item").delay(2e3).each(function(e){$(this).delay(300*e).slideUp(600)}),a=[],"explorer"==Config.pageApp&&ui.tree.checkIfChange(G.this_path)}).on("error",function(e){core.tips.tips(e,!1)});var i;inState=!1,dragOver=function(){0==inState&&(inState=!0,MaskView.tips(LNG.upload_drag_tips)),i&&window.clearTimeout(i)},dragLeave=function(e){stopPP(e),i&&window.clearTimeout(i),i=window.setTimeout(function(){inState=!1,MaskView.close()},100)},dragDrop=function(e){e=e.originalEvent||e;var t=e.dataTransfer.getData("text/plain");t&&"http"==t.substring(0,4)?ui.path.pathOperate.appAddURL(t):core.upload(),stopPP(e),inState&&(inState=!1,MaskView.close())}}}}),define("app/tpl/search",[],function(){var e="
    {{LNG.path}}:
    {{LNG.file_type}}:
    {{LNG.name}} {{LNG.type}} {{LNG.size}} {{LNG.path}}
    ",t="{{each folderlist as v i}} {{v.name}} {{LNG.folder}} 0 {{v.path}} {{/each}} {{each filelist as v i}} {{v.name}} {{v.ext}} {{v.size_friendly}} {{v.path}} {{/each}}";return{html:e,list:t}}),define("app/tpl/upload",[],function(){return{html:"
    {{LNG.upload_local}} {{LNG.download_from_server}} {{LNG.upload_path_current}}
    {{LNG.save_path}}:
    {{LNG.upload_select}}
    {{LNG.upload_max_size}}:{{maxsize}}
    "}}),define("app/common/rightMenu",[],function(){var e=".menufile",t=".menufolder",a=".menuMore",i=".menuApp",s=".menuTreeFav",o=".menuTreeRoot",n=".menuTreeFolder",l=".menuTreeFile",r=function(){$('').appendTo("body"),$(".context-menu-list").die("click").live("click",function(e){return stopPP(e),!1}),p(),h(),v(),_(),b(),N(),x(),m(),j(),C(),L(),$(".set_set"+G.list_type).addClass("selected"),$(".set_sort_"+G.sort_field).addClass("selected"),$(".set_sort_"+G.sort_order).addClass("selected"),$(".context-menu-root").addClass("fadein")},c=function(){$('').appendTo("body"),$(".context-menu-list").die("click").live("click",function(e){return stopPP(e),!1}),f(),m(),u(),h(),v(),C(),j(),_(),L(),$(".set_sort_"+G.sort_field).addClass("selected"),$(".set_sort_"+G.sort_order).addClass("selected"),$(".context-menu-root").addClass("fadein")},d=function(){$('').appendTo("body"),$(".context-menu-list").die("click").live("click",function(e){return stopPP(e),!1}),b(),N(),m(),C(),j(),k(),w(),L(),$(".context-menu-root").addClass("fadein")},p=function(){$.contextMenu({selector:Config.BodyContent,zIndex:9999,callback:function(e,t){g(e,t)},items:{refresh:{name:LNG.refresh,className:"refresh",icon:"refresh",accesskey:"e"},upload:{name:LNG.upload,className:"upload",icon:"upload",accesskey:"u"},past:{name:LNG.past,className:"past",icon:"paste",accesskey:"p"},copy_see:{name:LNG.clipboard,className:"copy_see",icon:"eye",accesskey:"b"},sep1:"--------",listIcon:{name:LNG.list_type,accesskey:"v",icon:"eye-open",items:{seticon:{name:LNG.list_icon,className:"seticon",icon:"th",accesskey:"i",className:"menu_seticon set_seticon"},setlist:{name:LNG.list_list,className:"setlist",icon:"list",accesskey:"l",className:"menu_seticon set_setlist"}}},sortBy:{name:LNG.order_type,accesskey:"o",icon:"sort",items:{set_sort_name:{name:LNG.name,className:"menu_set_sort set_sort_name"},set_sort_ext:{name:LNG.type,className:"menu_set_sort set_sort_ext"},set_sort_size:{name:LNG.size,className:"menu_set_sort set_sort_size"},set_sort_mtime:{name:LNG.modify_time,className:"menu_set_sort set_sort_mtime"},set_sort_up:{name:LNG.sort_up,className:"set_sort_up",icon:"sort-up",className:"menu_set_desc set_sort_up"},set_sort_down:{name:LNG.sort_down,className:"set_sort_down",icon:"sort-down",className:"menu_set_desc set_sort_down"}}},sep2:"--------",app_install:{name:LNG.app_store,className:"app_install",icon:"tasks",accesskey:"a"},app_create:{name:LNG.app_create,className:"app_create",icon:"puzzle-piece",accesskey:"k"},sep3:"--------",newfolder:{name:LNG.newfolder,className:"newfolder",icon:"folder-close-alt",accesskey:"n"},newfile:{name:LNG.newfile,className:"newfile",icon:"file-alt",accesskey:"j"},newfileOther:{name:LNG.newothers,items:{newfile_html:{name:"html "+LNG.file},newfile_php:{name:"php "+LNG.file},newfile_js:{name:"js "+LNG.file},newfile_css:{name:"css "+LNG.file}}},sep3:"--------",info:{name:LNG.info,className:"info",icon:"info",accesskey:"i"}}})},u=function(){$.contextMenu({selector:".menuDefault",zIndex:9999,items:{open:{name:LNG.open,className:"open",icon:"external-link",accesskey:"o"}},callback:function(e){switch(e){case"open":ui.path.open();break;default:}}})},f=function(){$.contextMenu({selector:Config.BodyContent,zIndex:9999,callback:function(e){g(e)},items:{refresh:{name:LNG.refresh,className:"refresh",icon:"refresh",accesskey:"e"},sortBy:{name:LNG.order_type,accesskey:"o",icon:"sort",items:{set_sort_name:{name:LNG.name,className:"menu_set_sort set_sort_name"},set_sort_ext:{name:LNG.type,className:"menu_set_sort set_sort_ext"},set_sort_size:{name:LNG.size,className:"menu_set_sort set_sort_size"},set_sort_mtime:{name:LNG.modify_time,className:"menu_set_sort set_sort_mtime"},set_sort_up:{name:LNG.sort_up,className:"set_sort_up",icon:"sort-up",className:"menu_set_desc set_sort_up"},set_sort_down:{name:LNG.sort_down,className:"set_sort_down",icon:"sort-down",className:"menu_set_desc set_sort_down"}}},sep1:"--------",upload:{name:LNG.upload,className:"upload",icon:"upload",accesskey:"u"},past:{name:LNG.past,className:"past",icon:"paste",accesskey:"p"},copy_see:{name:LNG.clipboard,className:"copy_see",icon:"eye",accesskey:"b"},sep2:"--------",app_install:{name:LNG.app_store,className:"app_install",icon:"tasks",accesskey:"a"},app_create:{name:LNG.app_create,className:"app_create",icon:"puzzle-piece",accesskey:"k"},sep3:"--------",newfolder:{name:LNG.newfolder,className:"newfolder",icon:"folder-close-alt",accesskey:"n"},newfile:{name:LNG.newfile,className:"newfile",icon:"file-alt",accesskey:"j"},newfileOther:{name:LNG.newothers,items:{newfile_html:{name:"html "+LNG.file},newfile_php:{name:"php "+LNG.file},newfile_js:{name:"js "+LNG.file},newfile_css:{name:"css "+LNG.file}}},sep3:"--------",full:{name:LNG.full_screen,className:"full",icon:"fullscreen",accesskey:"m"},setting_wall:{name:LNG.setting_wall,className:"setting_wall",icon:"picture",accesskey:"w"},setting:{name:LNG.setting,className:"setting",icon:"cogs",accesskey:"s"}}})},h=function(){$('').appendTo("#rightMenu"),$.contextMenu({zIndex:9999,selector:t,className:t,callback:function(e){y(e)},items:{open:{name:LNG.open,className:"open",icon:"folder-open-alt",accesskey:"o"},open_ie:{name:LNG.open_ie,className:"open_ie",icon:"globe",accesskey:"b"},sep1:"--------",copy:{name:LNG.copy,className:"copy",icon:"copy",accesskey:"c"},cute:{name:LNG.cute,className:"cute",icon:"cut",accesskey:"k"},remove:{name:LNG.remove,className:"remove",icon:"trash",accesskey:"d"},rname:{name:LNG.rename,className:"rname",icon:"pencil",accesskey:"r"},sep2:"--------",search:{name:LNG.search_in_path,className:"search",icon:"search",accesskey:"s"},fav:{name:LNG.add_to_fav,className:"fav",icon:"star",accesskey:"f"},zip:{name:LNG.zip,className:"zip",icon:"folder-close",accesskey:"z"},sep3:"--------",info:{name:LNG.info,className:"info",icon:"info",accesskey:"i"}}})},v=function(){$('').appendTo("#rightMenu"),$.contextMenu({zIndex:9999,selector:e,className:t,callback:function(e){y(e)},items:{open:{name:LNG.open,className:"open",icon:"external-link",accesskey:"o"},open_text:{name:LNG.edit,className:"open_text",icon:"edit",accesskey:"e"},open_ie:{name:LNG.open_ie,className:"open_ie",icon:"globe",accesskey:"b"},newfileOther:{name:LNG.open_with,accesskey:"h",items:{open_text:{name:LNG.edit,className:"open_text",icon:"edit"},open_kindedit:{name:LNG.others,className:"open_kindedit",icon:"edit"}}},sep1:"--------",copy:{name:LNG.copy,className:"copy",icon:"copy",accesskey:"c"},cute:{name:LNG.cute,className:"cute",icon:"cut",accesskey:"k"},remove:{name:LNG.remove,className:"remove",icon:"trash",accesskey:"d"},rname:{name:LNG.rename,className:"rname",icon:"pencil",accesskey:"r"},sep2:"--------",zip:{name:LNG.zip,className:"zip",icon:"folder-close",accesskey:"z"},unzip:{name:LNG.unzip,className:"unzip",icon:"folder-open-alt",accesskey:"u"},down:{name:LNG.download,className:"down",icon:"download",accesskey:"x"},sep3:"--------",info:{name:LNG.info,className:"info",icon:"info",accesskey:"i"}}})},m=function(){$('').appendTo("#rightMenu"),$.contextMenu({zIndex:9999,selector:i,className:t,callback:function(e){"editor"==Config.pageApp?z(e):y(e)},items:{open:{name:LNG.open,className:"open",icon:"external-link",accesskey:"o"},app_edit:{name:LNG.app_edit,className:"app_edit",icon:"code",accesskey:"a"},sep1:"--------",copy:{name:LNG.copy,className:"copy",icon:"copy",accesskey:"c"},cute:{name:LNG.cute,className:"cute",icon:"cut",accesskey:"k"},remove:{name:LNG.remove,className:"remove",icon:"trash",accesskey:"d"},rname:{name:LNG.rename,className:"rname",icon:"pencil",accesskey:"r"},sep2:"--------",info:{name:LNG.info,className:"info",icon:"info",accesskey:"i"}}})},_=function(){$('').appendTo("#rightMenu"),$.contextMenu({zIndex:9999,selector:a,className:t,callback:function(e){y(e)},items:{copy:{name:LNG.copy,className:"copy",icon:"copy",accesskey:"c"},clone:{name:LNG.clone,className:"clone",icon:"external-link",accesskey:"m"},cute:{name:LNG.cute,className:"cute",icon:"cut",accesskey:"k"},remove:{name:LNG.remove,className:"remove",icon:"trash",accesskey:"d"},sep1:"--------",playmedia:{name:LNG.add_to_play,className:"playmedia",icon:"music",accesskey:"p"},zip:{name:LNG.zip,className:"zip",icon:"folder-close",accesskey:"z"},sep2:"--------",info:{name:LNG.info,className:"info",icon:"info",accesskey:"i"}}})},g=function(e){switch(e){case"refresh":ui.f5(!0,!0);break;case"back":ui.path.back();case"next":ui.path.next();break;case"seticon":ui.setListType("icon");break;case"setlist":ui.setListType("list");break;case"set_sort_name":ui.setListSort("name",0);break;case"set_sort_ext":ui.setListSort("ext",0);break;case"set_sort_size":ui.setListSort("size",0);break;case"set_sort_mtime":ui.setListSort("mtime",0);break;case"set_sort_up":ui.setListSort(0,"up");break;case"set_sort_down":ui.setListSort(0,"down");break;case"upload":core.upload();break;case"past":ui.path.past();break;case"copy_see":ui.path.clipboard();break;case"newfolder":ui.path.newFolder();break;case"newfile":ui.path.newFile();break;case"newfile_html":ui.path.newFile("html");break;case"newfile_php":ui.path.newFile("php");break;case"newfile_js":ui.path.newFile("js");break;case"newfile_css":ui.path.newFile("css"); -break;case"newfile_oexe":ui.path.newFile("oexe");break;case"info":ui.path.info();break;case"open":ui.path.open();break;case"open_new":ui.path.open_new();break;case"app_install":ui.path.appList();break;case"app_create":ui.path.appEdit(!0);break;case"full":ui.fullScreen();break;case"setting":core.setting();break;case"setting_wall":core.setting("wall");break;default:}},y=function(e){switch(e){case"open":ui.path.open();break;case"down":ui.path.download();break;case"open_ie":ui.path.openIE();break;case"open_text":ui.path.openEditor();break;case"app_edit":ui.path.appEdit();case"open_kindedit":break;case"playmedia":ui.path.play();break;case"fav":ui.path.fav();break;case"search":ui.path.search();break;case"copy":ui.path.copy();break;case"clone":ui.path.copyDrag(G.this_path,!0);break;case"cute":ui.path.cute();break;case"remove":ui.path.remove();break;case"rname":ui.path.rname();break;case"zip":ui.path.zip();break;case"unzip":ui.path.unZip();break;case"info":ui.path.info();break;default:}},b=function(){$('').appendTo("#rightMenu"),$.contextMenu({zIndex:9999,selector:s,callback:function(e){z(e)},items:{fav_page:{name:LNG.manage_fav,className:"fav_page",icon:"star",accesskey:"r"},refresh_all:{name:LNG.refresh_tree,className:"refresh_all",icon:"refresh",accesskey:"e"},sep1:"--------",quit:{name:LNG.close_menu,className:"quit",icon:"remove",accesskey:"q"}}})},N=function(){$('').appendTo("#rightMenu"),$.contextMenu({zIndex:9999,selector:o,callback:function(e){z(e)},items:{explorer:{name:LNG.manage_folder,className:"explorer",icon:"laptop",accesskey:"v"},refresh:{name:LNG.refresh_tree,className:"refresh",icon:"refresh",accesskey:"e"},newfolder:{name:LNG.newfolder,className:"newfolder",icon:"folder-close-alt",accesskey:"n"},newfile:{name:LNG.newfile,className:"newfile",icon:"file-alt",accesskey:"j"},fav:{name:LNG.add_to_fav,className:"fav",icon:"star",accesskey:"f"},search:{name:LNG.search_in_path,className:"search",icon:"search",accesskey:"s"},sep1:"--------",past:{name:LNG.past,className:"past",icon:"paste",accesskey:"p"},sep3:"--------",quit:{name:LNG.close_menu,className:"quit",icon:"remove",accesskey:"q"}}})},x=function(){$('').appendTo("#rightMenu"),$.contextMenu({zIndex:9999,selector:n,callback:function(e){z(e)},items:{refresh:{name:LNG.refresh_tree,className:"refresh",icon:"refresh",accesskey:"e"},newfolder:{name:LNG.newfolder,className:"newfolder",icon:"folder-close-alt",accesskey:"n"},fav:{name:LNG.add_to_fav,className:"fav",icon:"star",accesskey:"f"},search:{name:LNG.search_in_path,className:"search",icon:"search",accesskey:"s"},sep1:"--------",copy:{name:LNG.copy,className:"copy",icon:"copy",accesskey:"c"},cute:{name:LNG.cute,className:"cute",icon:"cut",accesskey:"k"},past:{name:LNG.past,className:"past",icon:"paste",accesskey:"p"},rname:{name:LNG.rename,className:"rname",icon:"pencil",accesskey:"r"},sep2:"--------",remove:{name:LNG.remove,className:"remove",icon:"trash",accesskey:"d"},info:{name:LNG.info,className:"info",icon:"info",accesskey:"i"}}})},k=function(){$('').appendTo("#rightMenu"),$.contextMenu({zIndex:9999,selector:n,callback:function(e){z(e)},items:{explorer:{name:LNG.manage_folder,className:"explorer",icon:"laptop",accesskey:"v"},refresh:{name:LNG.refresh_tree,className:"refresh",icon:"refresh",accesskey:"e"},fav:{name:LNG.add_to_fav,className:"fav",icon:"star",accesskey:"f"},search:{name:LNG.search_in_path,className:"search",icon:"search",accesskey:"s"},sep3:"--------",newfolder:{name:LNG.newfolder,className:"newfolder",icon:"folder-close-alt",accesskey:"n"},newfile:{name:LNG.newfile,className:"newfile",icon:"file-alt",accesskey:"j"},sep2:"--------",copy:{name:LNG.copy,className:"copy",icon:"copy",accesskey:"c"},cute:{name:LNG.cute,className:"cute",icon:"cut",accesskey:"k"},past:{name:LNG.past,className:"past",icon:"paste",accesskey:"p"},rname:{name:LNG.rename,className:"rname",icon:"pencil",accesskey:"r"},sep4:"--------",remove:{name:LNG.remove,className:"remove",icon:"trash",accesskey:"d"},info:{name:LNG.info,className:"info",icon:"info",accesskey:"i"},sep5:"--------",quit:{name:LNG.close_menu,className:"quit",icon:"remove",accesskey:"q"}}})},w=function(){$('').appendTo("#rightMenu"),$.contextMenu({zIndex:9999,selector:l,callback:function(e){z(e)},items:{edit:{name:LNG.edit,className:"edit",icon:"edit",accesskey:"e"},open:{name:LNG.open,className:"open",icon:"external-link",accesskey:"o"},openIE:{name:LNG.open_ie,className:"openIE",icon:"globe",accesskey:"b"},download:{name:LNG.download,className:"download",icon:"download",accesskey:"x"},sep1:"--------",rname:{name:LNG.rename,className:"rname",icon:"pencil",accesskey:"r"},copy:{name:LNG.copy,className:"copy",icon:"copy",accesskey:"c"},cute:{name:LNG.cute,className:"cute",icon:"cut",accesskey:"k"},remove:{name:LNG.remove,className:"remove",icon:"trash",accesskey:"d"},sep2:"--------",info:{name:LNG.info,className:"info",icon:"info",accesskey:"i"},quit:{name:LNG.close_menu,className:"quit",icon:"remove",accesskey:"q"}}})},L=function(){$('').appendTo("#rightMenu"),$.contextMenu({zIndex:9999,selector:".taskBarMenu",items:{quitOthers:{name:LNG.close_others,className:"quitOthers",icon:"remove-circle",accesskey:"o"},quit:{name:LNG.close,className:"quit",icon:"remove",accesskey:"q"}},callback:function(e,t){var a=t.$trigger.attr("id"),i=art.dialog.list[a];switch(e){case"quitOthers":$.each(art.dialog.list,function(e,t){a!=e&&t.close()});break;case"quit":i.close()}}})},C=function(){$.contextMenu({zIndex:9999,selector:".task_tab",items:{closeAll:{name:LNG.dialog_close_all,icon:"remove-circle",accesskey:"o"},showAll:{name:LNG.dialog_display_all,icon:"th-large",accesskey:"o"},hideAll:{name:LNG.dialog_min_all,icon:"remove",accesskey:"q"}},callback:function(e,t){var a=t.$trigger.attr("id");switch(art.dialog.list[a],e){case"showAll":$.each(art.dialog.list,function(e,t){t.display(!0)});break;case"hideAll":$.each(art.dialog.list,function(e,t){t.display(!1)});break;case"closeAll":$.each(art.dialog.list,function(e,t){t.close()});break;default:}}})},j=function(){$('').appendTo("#rightMenu"),$.contextMenu({zIndex:9999,selector:".dialog_menu",items:{quit:{name:LNG.close,icon:"remove",accesskey:"o"},hide:{name:LNG.dialog_min,icon:"minus",accesskey:"o"},refresh:{name:LNG.refresh,icon:"refresh",accesskey:"q"}},callback:function(e,t){var a=t.$trigger.attr("id"),i=art.dialog.list[a];switch(e){case"quit":i.close();break;case"hide":i.display(!1);break;case"refresh":i.refresh();break;default:}}})},z=function(e){switch(e){case"app_edit":ui.tree.appEdit();break;case"edit":ui.tree.openEditor();break;case"open":ui.tree.open();break;case"refresh":ui.tree.refresh();break;case"copy":ui.tree.copy();break;case"cute":ui.tree.cute();break;case"past":ui.tree.past();break;case"rname":ui.tree.rname();break;case"remove":ui.tree.remove();break;case"info":ui.tree.info();break;case"download":ui.tree.download();break;case"openIE":ui.tree.openIE();break;case"search":ui.tree.search();break;case"newfolder":ui.tree.create("folder");break;case"newfile":ui.tree.create("file");break;case"explorer":ui.tree.explorer();break;case"fav_page":core.setting("fav");break;case"fav":ui.tree.fav();break;case"refresh_all":ui.tree.init();break;case"quit":break;default:}};return{initDesktop:c,initExplorer:r,initEditor:d,show:function(e,t,a){e&&(rightMenu.hidden(),$(e).contextMenu({x:t,y:a}))},isDisplay:function(){var e=!1;return $(".context-menu-list").each(function(){"none"!=$(this).css("display")&&(e=!0)}),e},hidden:function(){$(".context-menu-list").filter(":visible").trigger("contextmenu:hide")}}}),define("app/src/desktop/fileSelect",[],function(){var e=!1,t=!1,a=!1,i=function(){o(),s(),n()},s=function(){$(Config.FileBoxClass).die("touchstart").live("touchstart",function(){$(this).hasClass("select")?ui.path.open():(d.clear(),$(this).removeClass("select"),$(this).addClass("select"),d.select())}),$(Config.FileBoxClass).live("mouseenter",function(){t&&$(this).hasClass(Config.TypeFolderClass)&&!$(this).hasClass(Config.SelectClassName)&&$(this).addClass("selectDragTemp"),e||t||$(this).addClass(Config.HoverClassName),$(this).unbind("mousedown").mousedown(function(e){if(rightMenu.hidden(),e.ctrlKey||e.shiftKey||$(this).hasClass(Config.SelectClassName)||(d.clear(),$(this).addClass(Config.SelectClassName),d.select()),3!=e.which||$(this).hasClass(Config.SelectClassName)||(d.clear(),$(this).addClass(Config.SelectClassName),d.select()),e.ctrlKey&&($(this).hasClass(Config.SelectClassName)?a=!0:(d.setMenu($(this)),$(this).addClass(Config.SelectClassName)),d.select()),e.shiftKey){var t=parseInt($(this).attr(Config.FileOrderAttr));if(0==Global.fileListSelectNum)c(0,t);else{var i=parseInt(Global.fileListSelect.first().attr(Config.FileOrderAttr)),s=parseInt(Global.fileListSelect.last().attr(Config.FileOrderAttr));i>t?c(t,i):t>s?c(s,t):t>i&&s>t&&c(i,t)}}})}).die("mouseleave").live("mouseleave",function(){$(this).removeClass(Config.HoverClassName),$(this).removeClass("selectDragTemp")}).die("click").live("click",function(e){stopPP(e),e.ctrlKey||e.shiftKey||(d.clear(),$(this).addClass(Config.SelectClassName),d.select()),e.ctrlKey&&a&&(a=!1,d.resumeMenu($(this)),$(this).removeClass(Config.SelectClassName),d.select())}),$(Config.FileBoxClass).unbind("dblclick").live("dblclick",function(e){stopPP(e),e.altKey?ui.path.pathInfo():ui.path.open()}),$(Config.FileBoxTittleClass).unbind("dblclick").live("dblclick",function(e){return ui.path.rname(),stopPP(e),!1})},o=function(){var a,i,s,o=100,n=50,l=30,r=80-Global.topbar_height,c=0,p=!1,u=0,f=0;$(Config.FileBoxClass).unbind("mousedown").live("mousedown",function(t){if(!Global.shiftKey){if(ui.isEdit())return!0;if(1!=t.which||e)return!0;a=$(this),h(t),this.setCapture&&this.setCapture(),$(document).mousemove(function(e){v(e)}),$(document).one("mouseup",function(e){return m(e),this.releaseCapture&&this.releaseCapture(),stopPP(e),!1})}});var h=function(e){rightMenu.hidden(),t=!0,c=$.now(),u=e.pageY,f=e.pageX,i=$(document).height(),s=$(document).width()},v=function(e){if(!t)return!0;$.now()-c>o&&!p&&_();var a=e.clientX>=s-50?s-50:e.clientX,l=e.clientY>=i-50?i-50:e.clientY;a=0>=a?0:a,l=0>=l?0:l,a-=n,l-=r,$(".draggable-dragging").css("left",a),$(".draggable-dragging").css("top",l),Global.isIE&&$("."+Config.TypeFolderClass).each(function(){var t=e.pageX,a=e.pageY,i=$(this).offset(),s=$(this).width(),o=$(this).height();t>i.left&&i.left+s>t&&a>i.top&&i.top+o>a?$(this).addClass("selectDragTemp"):$(this).removeClass("selectDragTemp")})},m=function(e){if(!t)return!1;t=!1,p=!1,$("body").css("cursor","auto"),$(".draggable-dragging").fadeOut(200,function(){$(this).remove()});var a=G.this_path,i=0==$(".selectDragTemp").length;Global.ctrlKey?(i||(a+=d.name($(".selectDragTemp"))),(Math.abs(e.pageX-f)>l||Math.abs(e.pageY-u)>l)&&ui.path.copyDrag(a,i)):i||(a+=d.name($(".selectDragTemp")),ui.path.cuteDrag(a))},_=function(){p=!0,$("body").css("cursor","move"),a.find(".ico").attr("filetype"),$('
    '+Global.fileListSelectNum+"
    "+'
    '+"
    ").appendTo("body")}},n=function(){var a=null,i=null,s=null;$(Config.BodyContent).unbind("mousedown").live("mousedown",function(e){return ui.isEdit()?!0:t||1!=e.which?!0:(o(e),this.setCapture&&this.setCapture(),$(document).unbind("mousemove").mousemove(function(e){n(e)}),$(document).one("mouseup",function(e){l(e),Global.isDragSelect=!0,this.releaseCapture&&this.releaseCapture()}),void 0)});var o=function(t){$(t.target).parent().hasClass(Config.FileBoxClassName)||$(t.target).parent().parent().hasClass(Config.FileBoxClassName)||$(t.target).hasClass("fix")||(rightMenu.hidden(),t.ctrlKey||t.shiftKey||d.clear(),0==$(t.target).hasClass("ico")&&(0==$("#selContainer").length&&($('
    ').appendTo(Config.FileBoxSelector),s=$("#selContainer")),a=t.pageX,i=t.pageY-Global.topbar_height,e=!0))},n=function(t){if(!e)return!0;"none"==s.css("display")&&s.css("display","");var o=t.pageX,n=t.pageY-Global.topbar_height;s.css({left:Math.min(o,a),top:Math.min(n,i),width:Math.abs(o-a),height:Math.abs(n-i)});for(var l=s.offset().left,r=s.offset().top-Global.topbar_height,c=s.width(),p=s.height(),u=Global.fileListNum,f=0;u>f;f++){var h=Global.fileListAll[f],v=$(Global.fileListAll[f]),m=h.offsetWidth+h.offsetLeft,_=h.offsetHeight+h.offsetTop;if(m>l&&_>r&&l+c>h.offsetLeft&&r+p>h.offsetTop){if(!v.hasClass("selectDragTemp")){if(v.hasClass("selectToggleClass"))continue;if(v.hasClass(Config.SelectClassName)){v.removeClass(Config.SelectClassName).addClass("selectToggleClass"),d.resumeMenu(v);continue}v.addClass("selectDragTemp")}}else v.removeClass("selectDragTemp"),v.hasClass("selectToggleClass")&&v.addClass(Config.SelectClassName).removeClass("selectToggleClass")}},l=function(){return e?(s.css("display","none"),$(".selectDragTemp").addClass(Config.SelectClassName).removeClass("selectDragTemp"),$(".selectToggleClass").removeClass("selectToggleClass"),d.select(),e=!1,a=null,i=null,void 0):!1}},l=function(e){var t=0,a=Global.fileListSelect;Global.fileListSelectNum;var i=Global.fileListNum,s=function(){var s=Global.fileRowNum;if(1==Global.fileListSelectNum){var o=parseInt(a.attr(Config.FileOrderAttr));switch(e){case"up":t=0>=o?o:o-1;break;case"left":t=s>o?0:o-s;break;case"down":t=o>=i-1?o:o+1;break;case"right":t=o+s>=i-1?i-1:o+s;break;default:}}else if(Global.fileListSelectNum>1){var n=parseInt(a.first().attr(Config.FileOrderAttr)),l=parseInt(a.last().attr(Config.FileOrderAttr));switch(e){case"up":t=t=0>=n?n:n-1;break;case"left":break;case"down":t=l>=i?l:l+1;break;case"right":t=l+s>=i?l:l+s;break;default:}}};return s(),Global.fileListAll.eq(t)},r=function(e){var t;switch(e){case"home":t=Global.fileListAll.first();break;case"end":t=Global.fileListAll.last();break;case"left":case"up":case"right":case"down":t=l(e);break;case"all":t=Global.fileListAll;break;default:}d.clear(),t.addClass(Config.SelectClassName),d.select()},c=function(e,t){d.clear();for(var a=e;t>=a;a++)$(Global.fileListAll[a]).addClass(Config.SelectClassName);d.select()},d={init:function(){var e=$(Config.FileBoxClass);e.each(function(e){$(this).attr(Config.FileOrderAttr,e)}),Global.fileListSelect="",Global.fileListAll=e,Global.fileListNum=e.length,Global.fileListSelectNum=0},select:function(){var e=$(Config.SelectClass);Global.fileListSelect=e,Global.fileListSelectNum=e.length,e.length>1&&d.setMenu(e)},setInView:function(){},name:function(e){return e.attr("data-name")},type:function(e){return e.find(".ico").attr("filetype")},setMenu:function(e){e.removeClass("menufile menufolder menuApp menuDefault").addClass("menuMore")},resumeMenu:function(e){var t={fileApp:"menuApp",fileBox:"menufile",folderBox:"menufolder",systemBox:"menuDefault"};for(var a in t)e.hasClass(a)&&e.removeClass("menuMore").addClass(t[a])},getAllName:function(){var e=[];if(0!=Global.fileListSelectNum){var t=Global.fileListSelect;return t.each(function(){e.push(d.name($(this)))}),e}},clear:function(){if(0!=Global.fileListSelectNum){var e=Global.fileListSelect;e.removeClass(Config.SelectClassName),e.each(function(){d.resumeMenu($(this))}),Global.fileListSelect="",Global.fileListSelectNum=0}}};return{init:i,fileLight:d,selectPos:r}}),define("app/src/desktop/ui",[],function(){var e=new Picasa;PicasaOpen=!1;var t=function(){fileLight.init(),ui.setStyle(),PicasaOpen=!1,e.initData()},a=function(e,t){var t="down"==t?-1:1;return function(a,i){return a=a[e],i=i[e],i>a?-1*t:a>i?1*t:void 0}},i=function(e,t){0!=e&&(G.sort_field=e,$(".menu_set_sort").removeClass("selected"),$(".set_sort_"+e).addClass("selected")),0!=t&&(G.sort_order=t,$(".menu_set_desc").removeClass("selected"),$(".set_sort_"+t).addClass("selected")),l(!1,!0),$.ajax({url:"index.php?setting/set&k=list_sort_field,list_sort_order&v="+G.sort_field+","+G.sort_order})},s=function(){var e=91;Global.ctrlKey=!1,$(document).keydown(function(t){if("none"!=$("#PicasaView").css("display"))return!0;if(ui.isEdit())return!0;if(rightMenu.isDisplay())return!0;var a=!1;if(Global.ctrlKey||t.keyCode==e||t.ctrlKey)switch(a=!0,Global.ctrlKey=!0,t.keyCode){case 8:ui.path.remove(),a=!0;break;case 65:fileSelect.selectPos("all");break;case 67:ui.path.copy();break;case 88:ui.path.cute();break;case 83:break;case 86:ui.path.past();break;case 70:core.search($(".header-right input").val(),G.this_path);break;default:a=!1}else if(t.shiftKey)Global.shiftKey=!0;else switch(t.keyCode){case 8:a=!0;break;case 35:fileSelect.selectPos("end");break;case 36:fileSelect.selectPos("home");break;case 37:fileSelect.selectPos("left"),a=!0;break;case 38:fileSelect.selectPos("up");break;case 39:fileSelect.selectPos("right"),a=!0;break;case 40:fileSelect.selectPos("down");break;case 13:ui.path.open(),a=!1;break;case 46:ui.path.remove(),a=!0;break;case 113:ui.path.rname(),a=!0;break;default:a=!1}return a&&(stopPP(t),t.keyCode=0,t.returnValue=!1),!0}).keyup(function(t){t.shiftKey&&(Global.shiftKey=!1),t.keyCode!=e&&t.ctrlKey||(Global.ctrlKey=!1)})},o=function(){if($.browser.msie||!(0>navigator.userAgent.indexOf("Firefox"))){var e=10,t=10,a=80,i=100,s=10,o=$(document).height()-60,n=Math.floor((o-e)/(i+s)),l=0,r=0,c=0,d=0;$(".fileContiner .file").css("position","absolute"),$(".fileContiner .file").each(function(o){l=o%n,r=Math.floor(o/n),c=t+(a+s)*r,d=e+(i+s)*l,$(this).css({left:c,top:d})})}};this._getFolderBox=function(e){var t="
    ";return t+="
    ",t+="
    "+e.name+"
    "},this._getFileBox=function(e){var t="";if("oexe"==e.ext&&void 0!=e.icon){var a=e.icon;-1==e.icon.search(G.static_path)&&"http"!=e.icon.substring(0,4)&&(a=G.static_path+"images/app/"+e.icon);var i=urlEncode(json_encode(e)),s=e.name.replace(".oexe","");t="
    ",t+="
    ",t+="
    "+s+"
    "}else if(inArray(core.filetype.image,e.ext)){var o=core.path2url(G.this_path+e.name),n="index.php?explorer/image&path="+urlEncode(G.this_path+e.name);t+="
    ",t+="
    ",t+="
    "+e.name+"
    "}else t+="
    ",t+="
    ",t+="
    "+e.name+"
    ";return t};var n=function(e){var i="",s=G.json_data.folderlist,n=G.json_data.filelist;s="size"==G.sort_field||"ext"==G.sort_field?s.sort(a("name",G.sort_order)):s.sort(a(G.sort_field,G.sort_order)),n=n.sort(a(G.sort_field,G.sort_order)),G.json_data.folderlist=s,G.json_data.filelist=n;var l="",r="";for(var c in n)l+=_getFileBox(n[c]);for(var c in s)r+=_getFolderBox(s[c]);i+="up"==G.sort_order?r+l:l+r;var d="";$(".menuDefault").each(function(){d+=$(this).get(0).outerHTML}),i=d+i,i+="
    ",e?$(Config.FileBoxSelector).hide().html(i).fadeIn(Config.AnimateTime):$(Config.FileBoxSelector).html(i),t(),o()},l=function(e,t,a){if(void 0==e&&(e=!0),void 0==t&&(t=!1),e)$.ajax({url:"index.php?explorer/pathList&path="+G.this_path,dataType:"json",error:core.ajaxError,success:function(e){return e.code?(G.json_data=e.data,n(t),"function"==typeof a&&a(e),void 0):(core.tips.tips(e),$(Config.FileBoxSelector).html(""),!1)}});else{var i=fileLight.getAllName();n(t),ui.path.setSelectByFilename(i)}},r=function(e){l(!0,!1,e)};return{f5:l,f5_callback:r,picasa:e,setListSort:i,init:function(){r(function(){}),s(),$(window).bind("resize",function(){ui.setStyle(),0!=PicasaOpen&&e.setFrameResize(),o()}),$("html").die("click").live("click",function(){rightMenu.hidden(),Global.isIE&&Global.isDragSelect}),Mousetrap.bind(["ctrl+s","command+s"],function(e){e.preventDefault(),FrameCall.top("OpenopenEditor","Editor.save","")});var t,a=0,i="",n=200;Mousetrap.bind(["1","2","3","4","5","6","7","8","9","0","`","~","!","@","#","$","%","^","&","*","(",")","-","_","=","+","[","{","]","}","|","/","?",".",">",",","<","a","b","c","d","e","f","g","h","i","j","k","l","m","n","o","p","q","r","s","t","u","v","w","x","y","z"],function(e){var s=String.fromCharCode(e.charCode);return 0==a?(a=time(),i=s,t=setTimeout(function(){ui.path.setSelectByChar(i),a=0},n),void 0):s==i.substr(-1)?(ui.path.setSelectByChar(i),a=0,void 0):(n>time()-a&&(a=time(),i+=s,clearTimeout(t),t=setTimeout(function(){ui.path.setSelectByChar(i),a=0},n)),void 0)}),Mousetrap.bind(["alt+n","alt+n"],function(e){stopPP(e),ui.path.newFile()}),Mousetrap.bind(["alt+m","alt+m"],function(e){stopPP(e),ui.path.newFolder()}),PicasaOpen=!1,e.init(".picasaImage"),e.initData()},setTheme:function(e){core.setSkin(e,"app_desktop.css"),FrameCall.top("OpenopenEditor","Editor.setTheme",'"'+e+'"'),FrameCall.top("Opensetting_mode","Setting.setThemeSelf",'"'+e+'"'),FrameCall.father("ui.setTheme",'"'+e+'"')},setWall:function(e){$(".wallbackground").attr("src",e).one("load",function(){$(".desktop").css("background-image","url("+e+")")})},isEdit:function(){var e=$(document.activeElement).get(0).tagName;return"INPUT"==e||"TEXTAREA"==e?!0:!1},setStyle:function(){Global.fileRowNum=function(){var e=$(Config.FileBoxSelector).width(),t=parseInt($(Config.FileBoxClass).css("width"))+parseInt($(Config.FileBoxClass).css("border-left-width"))+parseInt($(Config.FileBoxClass).css("border-right-width"))+parseInt($(Config.FileBoxClass).css("margin-right"));return parseInt(e/t)}()},fullScreen:function(){"true"==$("body").attr("fullScreen")&&ui.exitfullScreen(),$("body").attr("fullScreen","true");var e=document.documentElement;e.requestFullscreen?e.requestFullscreen():e.mozRequestFullScreen?e.mozRequestFullScreen():e.webkitRequestFullScreen&&e.webkitRequestFullScreen()},exitfullScreen:function(){$("body").attr("fullScreen","false"),document.exitFullscreen?document.exitFullscreen():document.mozCancelFullScreen?document.mozCancelFullScreen():document.webkitCancelFullScreen&&document.webkitCancelFullScreen()}}}),define("app/src/explorer/path",["../../common/pathOperate","../../tpl/fileinfo","../../tpl/app","../../common/pathOpen","../../common/CMPlayer"],function(e){var t=e("../../common/pathOperate"),a=e("../../common/pathOpen"),s=void 0;ui.pathOpen=a;var o=function(e,t){var a,i,s=0,o=G.json_data.folderlist,n=G.json_data.filelist;if("desktop"==Config.pageApp&&(s=$(".menuDefault").length),"folder"==t){for(a=0;o.length>a&&!(o[a].name>=e);a++);return"up"==G.sort_order?a+s:n.length+a+s}if("file"==t){for(i=0;n.length>i&&!(n[i].name>=e);i++);return"down"==G.sort_order?i+s:o.length+i+s}return-1},n=function(e){void 0!=e&&("string"==typeof e&&(e=[e]),fileLight.clear(),$(".fileContiner .file").each(function(t){var a=fileLight.name($(this));-1!=$.inArray(a,e)&&$(Global.fileListAll).eq(t).addClass(Config.SelectClassName)}),fileLight.select(),fileLight.setInView())},l=function(e){if(""!=e){if(e=e.toLowerCase(),void 0==s||G.this_path!=s.path||e!=s.key){var t=[];$(".fileContiner .file").each(function(){var a=fileLight.name($(this));a&&e==a.substring(0,e.length).toLowerCase()&&t.push(a)}),s={key:e,path:G.this_path,index:0,list:t}}0!=s.list.length&&(n(s.list[s.index++]),s.index==s.list.length&&(s.index=0))}},r=function(e){return""==e?(fileLight.clear(),void 0):(fileLight.clear(),$(".fileContiner .file").each(function(t){var a=fileLight.name($(this));-1!=a.toLowerCase().indexOf(e)&&$(Global.fileListAll).eq(t).addClass(Config.SelectClassName)}),fileLight.select(),fileLight.setInView(),void 0)},c=function(e,t,a){var s=e.length;for(i=0;s>i;i++)if(e[i][t]==a)return e[i]},d=function(e){var t="",a=0;return null!=G.json_data.filelist&&(t=c(G.json_data.filelist,"name",e),null!=t&&(a=1)),null!=G.json_data.folderlist&&(t=c(G.json_data.folderlist,"name",e),null!=t&&(a=1)),a},p=function(e,t){var a,i=0;if(void 0==t){if(!d(e))return e;for(a=e+"(0)";d(a);)i++,a=e+"("+i+")";return a}if(!d(e+"."+t))return e+"."+t;for(a=e+"(0)."+t;d(a);)i++,a=e+"("+i+")."+t;return a},u=function(e){if(e){var t=[];return 0==Global.fileListSelect.length?t:(Global.fileListSelect.each(function(){var e=G.this_path+fileLight.name($(this)),a="folder"==fileLight.type($(this))?"folder":"file";t.push({path:e,type:a})}),t)}if(1!=Global.fileListSelectNum)return{path:"",type:""};var a=Global.fileListSelect,i=G.this_path+fileLight.name(a),s=fileLight.type(a);return{path:i,type:s}},f=function(e,t){return e==G.this_path?(void 0!=t&&core.tips.tips(LNG.path_is_current,"info"),void 0):(G.this_path=e.replace(/\\/g,"/"),G.this_path=e.replace(/\/+/g,"/"),"/"!=G.this_path.substr(G.this_path.length-1)&&(G.this_path+="/"),ui.f5(),void 0)},h=function(){$.ajax({dataType:"json",url:"index.php?explorer/historyBack",beforeSend:function(){$(".tools-left .msg").stop(!0,!0).fadeIn(100)},error:core.ajaxError,success:function(e){return $(".tools-left .msg").fadeOut(100),e.code?(e=e.data,G.this_path=e.thispath,G.json_data=e.list,Global.historyStatus=e.history_status,ui.f5(!1,!0),ui.header.updateHistoryStatus(),ui.header.addressSet(),void 0):(core.tips.tips(e),$(Config.FileBoxSelector).html(""),!1)}})},v=function(){$.ajax({dataType:"json",url:"index.php?explorer/historyNext",beforeSend:function(){$(".tools-left .msg").stop(!0,!0).fadeIn(100)},error:core.ajaxError,success:function(e){return $(".tools-left .msg").fadeOut(100),e.code?(e=e.data,G.this_path=e.thispath,G.json_data=e.list,Global.historyStatus=e.history_status,ui.f5(!1,!0),ui.header.updateHistoryStatus(),ui.header.addressSet(),void 0):(core.tips.tips(e),$(Config.FileBoxSelector).html(""),!1)}})},m=function(e){fileLight.clear(),void 0==e&&(e="txt");var a="newfile",a=p(a,e),i=o(a,"file");i=0==i?-1:i-1;var s='';-1==i?$(Config.FileBoxSelector).html(s+$(Config.FileBoxSelector).html()):$(s).insertAfter(Config.FileBoxSelector+" .file:eq("+i+")");var l=$(".newfile"),r=l.get(0),c=a.length-e.length-1;if(Global.isIE){var u=r.createTextRange();u.moveEnd("character",-r.value.length),u.moveEnd("character",c),u.moveStart("character",0),u.select()}else r.setSelectionRange(0,c);l.focus(),l.unbind("keydown").keydown(function(e){return(13==e.keyCode||27==e.keyCode)&&(stopPP(e),e.preventDefault(),filename=l.attr("value"),d(filename)?($("#makefile").remove(),core.tips.tips(LNG.path_exists,"warning")):t.newFile(G.this_path+filename,function(){ui.f5_callback(function(){n(filename)})})),!0}),l.unbind("blur").blur(function(){filename=l.attr("value"),d(filename)?($("#makefile").remove(),core.tips.tips(LNG.path_exists,"warning"),_newFile(e)):t.newFile(G.this_path+filename,function(){ui.f5_callback(function(){n(filename)})})})},_=function(){fileLight.clear();var e=LNG.newfolder,e=p(e),a=o(e,"folder");a=0==a?-1:a-1;var i='',-1==a?$(Config.FileBoxSelector).html(i+$(Config.FileBoxSelector).html()):$(i).insertAfter(Config.FileBoxSelector+" .file:eq("+a+")"),$(".newfile").select(),$(".newfile").focus(),$(".newfile").unbind("keydown").keydown(function(e){if(13==e.keyCode||27==e.keyCode){stopPP(e),e.preventDefault();var a=$(".newfile").attr("value");d(a)?($("#makefile").remove(),core.tips.tips(LNG.path_exists,"warning")):t.newFolder(G.this_path+a,function(){"explorer"==Config.pageApp&&ui.tree.checkIfChange(G.this_path),ui.f5_callback(function(){n(a)})})}}),$(".newfile").unbind("blur").blur(function(){filename=$(".newfile").attr("value"),d(filename)?($("#makefile").remove(),core.tips.tips(LNG.path_exists,"warning"),_newFolder()):t.newFolder(G.this_path+filename,function(){"explorer"==Config.pageApp&&ui.tree.checkIfChange(G.this_path),ui.f5_callback(function(){n(filename)})})})},g=function(){var e="",a="",i=Global.fileListSelect,s=fileLight.name(i),o=fileLight.type(i);o="folder"==o?"folder":o,$(i).find(".title").html("
    ");var l=$("#pathRenameTextarea"),r=l.get(0);if("folder"==o)l.select();else{var c=s.length-o.length-1;if(Global.isIE){var d=r.createTextRange();d.moveEnd("character",-r.value.length),d.moveEnd("character",c),d.moveStart("character",0),d.select()}else r.setSelectionRange(0,c)}l.unbind("focus").focus(),l.keydown(function(r){if(13==r.keyCode){r.preventDefault(),stopPP(r),e=l.attr("value"),"oexe"==o&&(e+=".oexe");var c=e;e!=s?(a=urlEncode(G.this_path+s),e=urlEncode(G.this_path+e),t.rname(a,e,function(){"explorer"==Config.pageApp&&ui.tree.checkIfChange(G.this_path),ui.f5_callback(function(){n(c)})})):("oexe"==o&&(s=s.replace(".oexe","")),$(i).find(".title").html(s))}27==r.keyCode&&("oexe"==o&&(s=s.replace(".oexe","")),$(i).find(".title").html(s))}),l.unbind("blur").blur(function(){e=$("#pathRenameTextarea").attr("value"),"oexe"==o&&(e+=".oexe");var l=e;e!=s?(a=urlEncode(G.this_path+s),e=urlEncode(G.this_path+e),t.rname(a,e,function(){"explorer"==Config.pageApp&&ui.tree.checkIfChange(G.this_path),ui.f5_callback(function(){n(l)})})):("oexe"==o&&(s=s.replace(".oexe","")),$(i).find(".title").html(s))})},y=function(){ui.f5(),"explorer"==Config.pageApp&&ui.tree.checkIfChange(G.this_path)};return{appEdit:function(e){if(e)t.appEdit(0,0,"user_add");else{var a=Global.fileListSelect.attr("data-app"),i=json_decode(urlDecode(a));i.path=G.this_path+fileLight.name(Global.fileListSelect),t.appEdit(i)}},appList:function(){t.appList(u().path)},appInstall:function(){t.appInstall(u().path)},openEditor:function(){a.openEditor(u().path)},openIE:function(){a.openIE(u().path)},download:function(){a.download(u().path)},open:function(e){if(void 0!=e)return a.open(e),void 0;var t=u(),i=Global.fileListSelect;if(inArray(core.filetype.image,t.type))return"icon"==G.list_type?ui.picasa.play($(i).find(".ico")):ui.picasa.play($(i)),void 0;if("oexe"==t.type){var s=i.attr("data-app");t.path=json_decode(urlDecode(s))}a.open(t.path,t.type)},play:function(){if(!(1>Global.fileListSelectNum)){var e=[];Global.fileListSelect.each(function(){var t=fileLight.type($(this));if(inArray(core.filetype.music,t)||inArray(core.filetype.movie,t)){var a=core.path2url(G.this_path+fileLight.name($(this)));e.push(a)}}),a.play(e,"music")}},pathOperate:t,search:function(){core.search("",u().path)},fav:function(){t.fav(u().path)},remove:function(){t.remove(u(!0),y),fileLight.clear()},copy:function(){t.copy(u(!0))},cute:function(){t.cute(u(!0),ui.f5)},zip:function(){t.zip(u(!0),y)},unZip:function(){t.unZip(u().path,ui.f5)},cuteDrag:function(e){t.cuteDrag(u(!0),e,y)},copyDrag:function(e,a){t.copyDrag(u(!0),e,function(e){fileLight.clear(),"explorer"==Config.pageApp&&ui.tree.checkIfChange(G.this_path),ui.f5_callback(function(){a&&e.data&&n(e.data) -})})},info:function(){t.info(u(!0))},past:function(){fileLight.clear(),t.past(G.this_path,function(e){"explorer"==Config.pageApp&&ui.tree.checkIfChange(G.this_path),ui.f5_callback(function(){n(e.data)})})},back:h,next:v,list:f,newFile:m,newFolder:_,rname:g,setSearchByStr:r,setSelectByChar:l,setSelectByFilename:n,clipboard:t.clipboard}}),define("app/common/pathOperate",["../tpl/fileinfo","../tpl/app"],function(e){var t=e("../tpl/fileinfo"),a=["/","\\",":","*","?",'"',"<",">","|"],i=function(e){var t=function(e,t){for(var a=t.length,i=0;a>i;i++)if(e.indexOf(t[i])>0)return!0;return!1};return t(e,a)?(core.tips.tips(LNG.path_not_allow+':/ : * ? " < > |',!1),!1):!0},s=function(e){var t="list=[";for(var a in e)t+='{"type":"'+e[a].type+'","path":"'+urlEncode2(e[a].path)+'"}',a!=e.length-1&&(t+=",");return t+"]"},o=function(e,t){if(e){var a=core.pathThis(e);return i(a)?($.ajax({dataType:"json",url:"index.php?explorer/mkfile&path="+urlEncode2(e),beforeSend:function(){core.tips.loading()},error:core.ajaxError,success:function(e){core.tips.close(e),"function"==typeof t&&t(e)}}),void 0):("function"==typeof t&&t(),void 0)}},n=function(e,t){if(e){var a=core.pathThis(e);return i(a)?($.ajax({dataType:"json",url:"index.php?explorer/mkdir&path="+urlEncode2(e),beforeSend:function(){core.tips.loading()},error:core.ajaxError,success:function(e){core.tips.close(e),"function"==typeof t&&t(e)}}),void 0):("function"==typeof t&&t(),void 0)}},l=function(e,t,a){return e&&t&&e!=t?i(core.pathThis(t))?($.ajax({type:"POST",dataType:"json",url:"index.php?explorer/pathRname",data:"path="+urlEncode(e)+"&rname_to="+urlEncode(t),beforeSend:function(){core.tips.loading()},error:core.ajaxError,success:function(e){core.tips.close(e),"function"==typeof a&&a(e)}}),void 0):("function"==typeof a&&a(),void 0):void 0},r=function(e,t){if(!(1>e.length)){var a=e[0].path;a.length>20&&(a="..."+a.substr(-20)),$.dialog({id:"dialog_path_remove",fixed:!0,icon:"question",title:LNG.remove_title,padding:40,lock:!0,background:"#000",opacity:.5,content:a+"
    "+LNG.remove_info+"【"+e.length+"】",ok:function(){$.ajax({url:"index.php?explorer/pathDelete",type:"POST",dataType:"json",data:s(e),beforeSend:function(){core.tips.loading()},error:core.ajaxError,success:function(e){core.tips.close(e),"function"==typeof t&&t(e)}})},cancel:!0})}},c=function(e){1>e.length||$.ajax({url:"index.php?explorer/pathCopy",type:"POST",dataType:"json",data:s(e),error:core.ajaxError,success:function(e){core.tips.tips(e)}})},d=function(e){1>e.length||$.ajax({url:"index.php?explorer/pathCute",type:"POST",dataType:"json",data:s(e),error:core.ajaxError,success:function(e){core.tips.tips(e)}})},p=function(e,t){if(e){var a="index.php?explorer/pathPast&path="+urlEncode2(e);$.ajax({url:a,dataType:"json",beforeSend:function(){core.tips.loading(LNG.moving)},error:core.ajaxError,success:function(e){e.code?core.tips.close(e):core.tips.close(e.info,!1),"function"==typeof t&&t(e)}})}},u=function(e){1>e.length&&(e=[{path:G.this_path,type:"folder"}]),$.ajax({url:"index.php?explorer/pathInfo",type:"POST",dataType:"json",data:s(e),beforeSend:function(){core.tips.loading(LNG.getting)},error:core.ajaxError,success:function(a){if(!a.code)return core.tips.close(a),void 0;core.tips.close(LNG.get_success,!0);var i="path_info_more",s=LNG.info;1==e.length&&(i="folder"==e[0].type?"path_info":"file_info",s=core.pathThis(e[0].path),s.length>15&&(s=s.substr(0,15)+"... "+LNG.info));var o=template.compile(t[i]),n=UUID();a.data.LNG=LNG,$.dialog({id:n,padding:5,ico:core.ico("info"),fixed:!0,title:s,content:o(a.data),width:"350px",cancel:!0}),f(n,e)}})},f=function(e,t){$("."+e).find(".edit_chmod").click(function(){var e=$(this).parent().find("input"),a=$(this);$.ajax({url:"index.php?explorer/pathChmod&mod="+e.val(),type:"POST",data:s(t),beforeSend:function(){a.text(LNG.loading)},error:function(){a.text(LNG.button_save)},success:function(e){a.text(e.data).animate({opacity:.6},400,0).delay(1e3).animate({opacity:1},200,0,function(){a.text(LNG.button_save)})}})})},h=function(e,t){1>e.length||$.ajax({url:"index.php?explorer/zip",type:"POST",dataType:"json",data:s(e),beforeSend:function(){core.tips.loading(LNG.ziping)},error:core.ajaxError,success:function(e){core.tips.close(e),core.tips.tips(e),"function"==typeof t&&t(e)}})},v=function(e,t){if(e){var a="index.php?explorer/unzip&path="+urlEncode2(e);$.ajax({url:a,beforeSend:function(){core.tips.loading(LNG.unziping)},error:core.ajaxError,success:function(e){core.tips.close(e),"function"==typeof t&&t(e)}})}},m=function(e,t,a){t&&$.ajax({url:"index.php?explorer/pathCuteDrag",type:"POST",dataType:"json",data:s(e)+"&path="+urlEncode2(t),beforeSend:function(){core.tips.loading(LNG.moving)},error:core.ajaxError,success:function(e){core.tips.close(e),"function"==typeof a&&a(e)}})},_=function(e,t,a){t&&$.ajax({url:"index.php?explorer/pathCopyDrag",type:"POST",dataType:"json",data:s(e)+"&path="+urlEncode2(t),beforeSend:function(){core.tips.loading(LNG.moving)},error:core.ajaxError,success:function(e){core.tips.close(e),"function"==typeof a&&a(e)}})},g=function(){$.ajax({url:"index.php?explorer/clipboard",dataType:"json",error:core.ajaxError,success:function(e){e.code&&$.dialog({title:LNG.clipboard,padding:0,height:200,width:400,content:e.data})}})},y=function(e){if(e){var t="&name="+urlEncode(core.pathThis(e))+"&path="+urlEncode(e);core.setting("fav"+t)}},b=function(e){var t={};return t.type=e.find("input[type=radio]:checked").val(),t.content=e.find("textarea").val(),t.group=e.find("[name=group]").val(),e.find("input[type=text]").each(function(){var e=$(this).attr("name");t[e]=$(this).val()}),e.find("input[type=checkbox]").each(function(){var e=$(this).attr("name");t[e]="checked"==$(this).attr("checked")?1:0}),t},N=function(e){e.find(".type input").change(function(){var t=$(this).attr("apptype");e.find("[data-type]").addClass("hidden"),e.find("[data-type="+t+"]").removeClass("hidden")})},x=function(t,a,i){var s,o,n,l=LNG.app_create,r=UUID(),c=e("../tpl/app"),d=G.basic_path+"static/images/app/",p=template.compile(c.html);switch(void 0==i&&(i="user_edit"),"root_edit"==i&&(t=json_decode(t)),"user_edit"==i||"root_edit"==i?(l=LNG.app_edit,n=p({LNG:LNG,iconPath:d,uuid:r,data:t})):n=p({LNG:LNG,iconPath:d,uuid:r,data:{}}),$.dialog({fixed:!0,width:450,height:310,id:r,padding:15,title:l,content:n,button:[{name:LNG.preview,callback:function(){var e=b(s);return core.openApp(e),!1}},{name:LNG.button_save,focus:!0,callback:function(){var e=b(s);switch(i){case"user_add":var n=urlEncode2(G.this_path+e.name);o="./index.php?app/user_app&action=add&path="+n;break;case"user_edit":o="./index.php?app/user_app&path="+urlEncode2(t.path);break;case"root_add":o="./index.php?app/add&name="+e.name;break;case"root_edit":o="./index.php?app/edit&name="+e.name+"&old_name="+t.name;break;default:}$.ajax({url:o,type:"POST",dataType:"json",data:"data="+urlEncode2(json_encode(e)),beforeSend:function(){core.tips.loading()},error:core.ajaxError,success:function(e){if(core.tips.close(e),e.code)if("root_edit"==i||"root_add"==i){if(!e.code)return;FrameCall.top("Openapp_store","App.reload",'""')}else"function"==typeof a?a():ui.f5()}})}}]}),s=$("."+r),t.group&&s.find("option").eq(t.group).attr("selected",1),s.find(".aui_content").css("overflow","inherit"),i){case"user_edit":s.find(".name").addClass("hidden"),s.find(".desc").addClass("hidden"),s.find(".group").addClass("hidden"),s.find("option[value="+t.group+"]").attr("checked",!0);break;case"user_add":s.find(".desc").addClass("hidden"),s.find(".group").addClass("hidden"),s.find("[apptype=url]").attr("checked",!0),s.find("[data-type=url] input[name=resize]").attr("checked",!0),s.find("input[name=width]").attr("value","800"),s.find("input[name=height]").attr("value","600"),s.find("input[name=icon]").attr("value","oexe.png");break;case"root_add":s.find("[apptype=url]").attr("checked",!0),s.find("[data-type=url] input[name=resize]").attr("checked",!0),s.find("input[name=width]").attr("value","800"),s.find("input[name=height]").attr("value","600"),s.find("input[name=icon]").attr("value","oexe.png");break;case"root_edit":s.find("option[value="+t.group+"]").attr("selected",!0);break;default:}N(s)},k=function(){core.appStore()},w=function(e){e&&4>e.length&&"http"!=e.substring(0,4)||$.ajax({url:"./index.php?app/get_url_title&url="+e,dataType:"json",beforeSend:function(){core.tips.loading()},success:function(t){var a=t.data;core.tips.close(t);var i={content:"window.open('"+e+"');",desc:"",group:"others",type:"app",icon:"internet.png",name:a,resize:1,simple:0,height:"",width:""},s=urlEncode2(G.this_path+a);e="./index.php?app/user_app&action=add&path="+s,$.ajax({url:e,type:"POST",dataType:"json",data:"data="+urlEncode2(json_encode(i)),success:function(e){core.tips.close(e),e.code&&ui.f5()}})}})};return{appEdit:x,appList:k,appAddURL:w,newFile:o,newFolder:n,rname:l,unZip:v,zip:h,copy:c,cute:d,info:u,remove:r,cuteDrag:m,copyDrag:_,past:p,clipboard:g,fav:y}});var file_info="
    {{LNG.file_type}}:
    {{ext}} {{LNG.file}}
    {{LNG.address}}:
    {{path}}
    {{LNG.size}}:
    {{size_friendly}} ({{size}} Byte)
    {{LNG.create_time}}
    {{ctime}}
    {{LNG.modify_time}}
    {{mtime}}
    {{LNG.last_time}}
    {{atime}}
    {{LNG.permission}}:
    {{mode}}
    {{LNG.permission_edit}}:
    ",path_info="
    {{LNG.type}}:
    {{LNG.folder}}
    {{LNG.address}}:
    {{path}}
    {{LNG.size}}:
    {{size_friendly}} ({{size}} Byte)
    {{LNG.contain}}:
    {{file_num}} {{LNG.file}},{{folder_num}} {{LNG.folder}}
    {{LNG.create_time}}
    {{ctime}}
    {{LNG.modify_time}}
    {{mtime}}
    {{LNG.last_time}}
    {{atime}}
    {{LNG.permission}}:
    {{mode}}
    {{LNG.permission_edit}}:
    ",path_info_more="
    {{file_num}} {{LNG.file}},{{folder_num}} {{LNG.file}}
    {{LNG.size}}:
    {{size_friendly}} ({{size}} Byte)
    {{LNG.permission}}:
    {{mode}}
    {{LNG.permission_edit}}:
    ";define("app/tpl/fileinfo",[],function(){return{file_info:file_info,path_info:path_info,path_info_more:path_info_more}}),define("app/tpl/app",[],function(){return{html:"
    {{LNG.name}}
    {{LNG.app_desc}}
    {{LNG.app_icon}}
    {{LNG.app_icon_show}}
    {{LNG.app_group}}
    {{LNG.app_type}}
    {{LNG.app_display}}
    {{LNG.app_size}}
    {{LNG.width}}:   {{LNG.height}}:  
    {{LNG.app_url}}
    "}}),define("app/common/pathOpen",["./CMPlayer"],function(e){var t=function(e,t){if(void 0!=e){if(void 0==t&&(t=core.pathExt(e)),t=t.toLowerCase(),"folder"==t)return"explorer"==Config.pageApp?ui.path.list(e+"/"):core.explorer(e),void 0;if("swf"==t){var i=core.path2url(e);return s(i,core.ico("swf"),core.pathThis(e)),void 0}if("oexe"==t)return core.openApp(e),void 0;if("pdf"==t){var r="pdf"+UUID(),i=core.path2url(e),c='";return $.dialog({resize:!0,fixed:!0,ico:core.ico("pdf"),title:core.pathThis(e),width:800,height:400,padding:0,content:c}),new PDFObject({url:i}).embed(r),void 0}if("html"==t||"htm"==t){var i=core.path2url(e);return s(i,core.ico("html"),core.pathThis(e)),void 0}if(inArray(core.filetype.image,t)){var i=urlDecode(e);return-1==e.indexOf("http:")&&(i=core.path2url(i)),MaskView.image(i),void 0}if(inArray(core.filetype.music,t)||inArray(core.filetype.movie,t)){var i=core.path2url(e);return l(i,t),void 0}if(inArray(core.filetype.doc,t)){var i=core.path2url(e);return n(i,t),void 0}return inArray(core.filetype.bindary,t)?(a(e),void 0):(o(e),void 0)}},a=function(e){if(e){var t="index.php?explorer/fileDownload&path="+urlEncode2(e),a=''+LNG.download_ready+"...",i=$.dialog({icon:"succeed",title:!1,time:1,content:a});i.DOM.wrap.find(".aui_loading").remove()}},i=function(e){if(void 0!=e){var t=core.path2url(e);window.open(t)}},s=function(e,t,a,i){if(e){void 0==i&&(i="openWindow"+UUID());var s="";art.dialog.through({id:i,title:a,ico:t,width:"70%",height:"65%",padding:0,content:s,resize:!0})}},o=function(e){if(e){var t=core.pathExt(e),a=core.pathThis(e);if(inArray(core.filetype.bindary,t)||inArray(core.filetype.music,t)||inArray(core.filetype.image,t)||inArray(core.filetype.movie,t)||inArray(core.filetype.doc,t))return core.tips.tips(t+LNG.edit_can_not,!1),void 0;if(void 0==window.top.frames.OpenopenEditor){var i="./index.php?editor/edit&filename="+urlEncode(urlEncode2(e)),o=a+" ——"+LNG.edit;s(i,core.ico("edit"),o.substring(o.length-50),"openEditor")}else $.dialog.list.openEditor&&$.dialog.list.openEditor.display(!0),FrameCall.top("OpenopenEditor","Editor.add",'"'+urlEncode2(e)+'"')}},n=function(e,t){var a,i,s,o;switch(t){case"doc":case"docx":case"docm":case"dot":o=core.ico("doc"),a="http://sg1b-word-view.officeapps.live.com/wv/wordviewerframe.aspx?ui=zh-CN&rs=zh-CN&WOPISrc=";break;case"ppt":case"pptm":case"pptx":o=core.ico("ppt"),a="http://sg1b-powerpoint.officeapps.live.com/p/PowerPointFrame.aspx?PowerPointView=ReadingView&ui=zh-CN&rs=zh-CN&WOPISrc=";break;case"xls":case"xlsb":case"xlsm":case"xlsx":o=core.ico("xls"),a="http://sg1b-excel.officeapps.live.com/x/_layouts/xlviewerinternal.aspx?ui=zh-CN&rs=zh-CN&WOPISrc=";break;default:}i="http://sg1b-15-view-wopi.wopi.live.net:808/oh/wopi/files/@/wFileId?wFileId=",i+=urlEncode(e),s=a+urlEncode(i)+"&access_token=1&access_token_ttl=0";var n=core.pathThis(urlDecode(e));art.dialog.open(s,{ico:o,title:n,width:"70%",height:"65%",resize:!0})},l=function(t,a){t&&("string"==typeof t&&(t=[t]),CMPlayer=e("./CMPlayer"),CMPlayer.play(t,a))};return{open:t,play:l,openEditor:o,openIE:i,download:a}}),define("app/common/CMPlayer",[],function(){var e={ting:{path:"music/ting",width:410,height:530},beveled:{path:"music/beveled",width:350,height:200},kuwo:{path:"music/kuwo",width:480,height:200},manila:{path:"music/manila",width:320,height:400},mp3player:{path:"music/mp3player",width:320,height:410},qqmusic:{path:"music/qqmusic",width:300,height:400},somusic:{path:"music/somusic",width:420,height:137},xdj:{path:"music/xdj",width:595,height:235},webplayer:{path:"movie/webplayer",width:600,height:400},qqplayer:{path:"movie/qqplayer",width:600,height:400},tvlive:{path:"movie/tvlive",width:600,height:400},youtube:{path:"movie/youtube",width:600,height:400},vplayer:{path:"movie/vplayer",width:600,height:400}},t=function(e){return"music"==e?"music_player":(void 0==e&&(e="mp3"),inArray(core.filetype.music,e)?"music_player":"movie_player")},a=function(t){var a,i,o,n;"music_player"==t?(n=core.ico("mp3"),a=e[G.musictheme],i="music player",o=!1):(n=core.ico("flv"),a=e[G.movietheme],i="movie player",o=!0);var l=core.createFlash(G.static_path+"js/lib/cmp4/cmp.swf","context_menu=2&auto_play=1&play_mode=1&skin=skins/"+a.path+".zip",t),r={id:t+"_dialog",simple:!0,ico:n,title:i,width:a.width,height:a.height,content:l,resize:o,padding:0,fixed:!0,close:function(){var e=s(t);e&&e.sendEvent&&e.sendEvent("view_stop")}};window.top.CMP?art.dialog.through(r):$.dialog(r)},i=function(e){var t,a="";for(t=e.length-1;t>=0;t--){var i,s;-1==e[t].search("fileProxy")?(i=urlEncode(e[t]),s=core.pathThis(e[t])):(i=e[t],s=core.pathThis(urlDecode(i))),i=i.replace(/%2F/g,"/"),i=i.replace(/%3F/g,"?"),i=i.replace(/%26/g,"&"),i=i.replace(/%3A/g,":"),i=i.replace(/%3D/g,"="),a+=''}return a},s=function(e){return window.top.CMP?window.top.CMP.get(e):CMP.get(e)},o=function(e,t){var a=i(e),o=s(t);if(o){o.config("play_mode","normal");var n=o.list().length;o.list_xml(a,!0),o.sendEvent("view_play",n+1)}};return{changeTheme:function(t,a){var i,o,n;"music"==t?(G.musictheme=a,i="music_player"):"movie"==t&&(G.movietheme=a,i="movie_player"),n=s(i),n&&(o=e[a],window.top.art.dialog.list[i+"_dialog"].size(o.width,o.height),n.sendEvent("skin_load","skins/"+o.path+".zip"))},play:function(e,i){var n=t(i),l=s(n);l?(o(e,n),window.top.art.dialog.list[n+"_dialog"].display(!0)):(a(n),setTimeout(function(){o(e,n)},1e3))}}}); \ No newline at end of file +define("app/src/desktop/main",["lib/jquery-lib","lib/util","lib/webuploader/webuploader-min","lib/contextMenu/jquery-contextMenu","lib/artDialog/jquery-artDialog","lib/picasa/picasa","../../common/taskTap","../../common/core","../../tpl/search","../../tpl/upload","../../common/rightMenu","./fileSelect","./ui","../explorer/path","../../common/pathOperate","../../tpl/fileinfo","../../tpl/app","../../common/pathOpen","../../common/CMPlayer"],function(e){Config={BodyContent:".bodymain",FileBoxSelector:".fileContiner",FileBoxClass:".fileContiner .file",FileBoxClassName:"file",FileBoxTittleClass:".fileContiner .title",SelectClass:".fileContiner .select",SelectClassName:"select",TypeFolderClass:"folderBox",TypeFileClass:"fileBox",HoverClassName:"hover",FileOrderAttr:"number",pageApp:"desktop",navbar:"navbar",AnimateTime:200},Global={fileListAll:"",fileListNum:0,fileRowNum:0,frameLeftWidth:200,treeSpaceWide:10,topbar_height:40,ctrlKey:!1,shiftKey:!1,fileListSelect:"",fileListSelectNum:"",isIE:!-[1],isDragSelect:!1,historyStatus:{back:1,next:0}},e("lib/jquery-lib"),e("lib/util"),e("lib/webuploader/webuploader-min"),e("lib/contextMenu/jquery-contextMenu"),e("lib/artDialog/jquery-artDialog"),e("lib/picasa/picasa"),TaskTap=e("../../common/taskTap"),core=e("../../common/core"),rightMenu=e("../../common/rightMenu"),fileSelect=e("./fileSelect"),ui=e("./ui"),ui.path=e("../explorer/path"),fileLight=fileSelect.fileLight,$(document).ready(function(){ui.init(),TaskTap.init(),core.update(),core.upload_init(),fileSelect.init(),rightMenu.initDesktop(),$(".init_loading").fadeOut(450).addClass("pop_fadeout"),$(".bodymain").click(function(){"block"==$("#menuwin").css("display")&&$("#menuwin").css("display","none")}),$(".start").click(function(){"block"==$("#menuwin").css("display")?$("#menuwin").css("display","none"):$("#menuwin").css("display","block")}),$("#menuwin").click(function(){$("#menuwin").css("display","none")})})}),define("app/common/taskTap",[],function(){var e={},t="",a=160,i=function(){$(".task_tab .tab").die("mouseenter").live("mouseenter",function(){$(this).hasClass("this")||$(this).addClass("hover")}).die("click").live("click",function(){var e=$(this).attr("id"),t=art.dialog.list[e],a=$("."+e);"hidden"==a.css("visibility")?t.display(!0):a.hasClass("aui_state_focus")?t.display(!1):t.zIndex()}).die("mouseleave").live("mouseleave",function(){$(this).removeClass("hover")}).die("dblclick").live("dblclick",function(){})},s=function(){var e,t,i,s,o=!1,n=!1,l=0,r=0,c=0,d=0,p=0,u=0;$(".task_tab .tab").die("mousedown").live("mousedown",function(){e=$(this),o=!0,this.setCapture&&this.setCapture(),$(document).mousemove(function(e){h(e)}),$(document).one("mouseup",function(e){return m(e),this.releaseCapture&&this.releaseCapture(),stopPP(e),!1})});var f=function(a){n=!0,l=a.pageX,$tab_parent=$(".task_tab"),t=$(".task_tab .tab"),$(".tasktab-dragging").remove(),i=e.clone().addClass("tasktab-dragging").prependTo("body"),d=parseInt(t.css("margin-right")),p=$tab_parent.width(),u=$tab_parent.get(0).getBoundingClientRect().left,u+=$(window).scrollLeft(),r=e.get(0).getBoundingClientRect().left,c=parseInt(t.css("width"));var s=e.get(0).getBoundingClientRect().top-parseInt(e.css("margin-top")),o=a.clientX-l+r;$("body").prepend("
    "),i.css({width:c+"px",top:s,left:o}),e.css("opacity",0)},h=function(a){if(o){0==n&&f(a);var s=a.clientX-l+r;u>s||s>u+p-c||(i.css("left",s),t.each(function(){var t=$(this).get(0).getBoundingClientRect().left;if(s>t&&t+c/2+d>s){if(e.attr("id")==$(this).attr("id"))return;v($(this).attr("id"),"left")}if(s>t-c/2+d&&t>s){if(e.attr("id")==$(this).attr("id"))return;v($(this).attr("id"),"right")}}))}},v=function(i,o){if(!e.is(":animated")||s!=i){s=i,e.stop(!0,!0),$(".insertTemp").remove(),t=$(".task_tab .tab");var n=e.width(),l=$(".task_tab #"+i),r=e.clone(!0).insertAfter(e).css({"margin-right":"0px",border:"none"}).addClass("insertTemp");"left"==o?e.after(l).css("width","0px"):(e.before(l).css("width","0px"),l.before(r)),e.animate({width:n+"px"},a),r.animate({width:"0px"},a,function(){$(this).remove(),t=$(".task_tab .tab")})}},m=function(){o=!1,n=!1,startTime=0,$(".dragMaskView").remove(),void 0!=i&&(r=e.get(0).getBoundingClientRect().left,i.animate({left:r+"px"},a,function(){e.css("opacity",1),$(this).remove()}))}},o=function(e){var t=110,i=t,s=t+12,o=$(".task_tab .tab"),n=$(".task_tab .tabs").width()-50,l=o.length,r=Math.floor(n/s);switch(l>r&&(i=Math.floor(n/l)-12),e){case"add":$(".task_tab .tabs .this").css("width","0").animate({width:i+"px"},a);case"close":o.animate({width:i+"px"},a);break;case"resize":o.css("width",i+"px");break;default:}},n=function(t,a){$(".task_tab").removeClass("hidden");var i=a.replace(/<[^>]+>/g,""),s='
    '+a+"
    ";$(s).insertBefore(".task_tab .last"),o("add"),e[t]={id:t,name:name}},l=function(e){$(".task_tab .this").removeClass("this"),$(".task_tab #"+e).addClass("this"),t=e},r=function(t){delete e[t],$(".task_tab #"+t).animate({width:0},a,function(){$(".task_tab #"+t).remove(),o("close"),0==$(".tabs .tab").length&&$(".task_tab").addClass("hidden")})};return{add:n,focus:l,close:r,init:function(){var e='';$(e).appendTo("body"),$(window).bind("resize",function(){o("resize")}),i(),s()}}}),define("app/common/core",["../tpl/search","../tpl/upload"],function(require,exports){return{filetype:{music:["mp3","wma","wav","mid","aac","ogg","oga","midi","ram","ac3","aif","aiff","m3a","m4a","m4b","mka","mp1","mx3","mp2"],movie:["avi","flv","f4v","wmv","3gp","rmvb","mp4","rm","rmvb","flv","mkv","wmv","asf","avi","aiff","mp4","divx","dv","m4v","mov","mpeg","vob","mpg","mpv","ogm","ogv","qt"],image:["jpg","jpeg","png","bmp","gif","ico","tif","tiff","dib","rle"],code:["html","htm","js","css","less","scss","sass","py","php","rb","erl","lua","pl","c","cpp","m","h","java","jsp","cs","asp","sql","as","go","lsp","yml","json","tpl","xml","cmd","reg","bat","vbs","sh"],doc:["doc","docx","docm","xls","xlsx","xlsb","xlsm","ppt","pptx","pptm"],text:["txt","ini","inc","inf","conf","oexe","md","htaccess","csv","log","asc","tsv"],bindary:["pdf","bin","zip","swf","gzip","rar","arj","tar","gz","cab","tbz","tbz2","lzh","uue","bz2","ace","exe","so","dll","chm","rtf","odp","odt","pages","class","psd","ttf"]},ico:function(e){var t=G.static_path+"images/file_16/",a=["folder","file","edit","search","up","setting","appStore","error","info","mp3","flv","pdf","doc","xls","ppt","html","swf"],i=$.inArray(e,a);return-1==i?t+"file.png":t+e+".png"},contextmenu:function(e){rightMenu.hidden();var t=e||window.event;return t&&($.nodeName(t.target,"TEXTAREA")||$.nodeName(t.target,"INPUT"))?!0:void 0},pathThis:function(e){e=e.replace(/\\/g,"/");var t=e.split("/"),a=t[t.length-1];return""==a&&(a=t[t.length-2]),a},pathFather:function(e){e=e.replace(/\\/g,"/");var t=e.lastIndexOf("/");return e.substr(0,t+1)},pathExt:function(e){e=e.replace(/\\/g,"/"),e=e.replace(/\/+/g,"/");var t=e.lastIndexOf(".");return e=e.substr(t+1),e.toLowerCase()},path2url:function(e){if("http"==e.substr(0,4))return e;if(e=e.replace(/\\/g,"/"),e=e.replace(/\/+/g,"/"),e=e.replace(/\/\.*\//g,"/"),e.substring(0,G.public_path.length)==G.public_path)return G.app_host+"data/public/"+e.replace(G.public_path,"");if(G.is_root){if(e.substring(0,G.web_root.length)==G.web_root)return G.web_host+e.replace(G.web_root,"");var t=G.basic_path.replace(G.web_root,"")+"/";return t=G.web_host+t,t+"index.php?explorer/fileProxy&path="+urlEncode(e)}return G.web_host+G.web_root+e},ajaxError:function(e){core.tips.close(LNG.system_error,!1);var t=e.responseText,a='
    '+t+"
    ",i=$.dialog.list.ajaxErrorDialog;return""==t.substr(0,17)?(FrameCall.goRefresh(),void 0):(i?i.content(a):$.dialog({id:"ajaxErrorDialog",padding:0,fixed:!0,resize:!0,ico:core.ico("error"),title:"ajax error",content:a}),void 0)},setting:function(e){void 0==e&&(e=""),void 0==window.top.frames.Opensetting_mode?$.dialog.open("./index.php?setting#"+e,{id:"setting_mode",fixed:!0,ico:core.ico("setting"),resize:!0,title:LNG.setting,width:960,height:580}):($.dialog.list.setting_mode.display(!0),FrameCall.top("Opensetting_mode","Setting.setGoto",'"'+e+'"'))},appStore:function(){$.dialog.open("./index.php?app",{id:"app_store",fixed:!0,ico:core.ico("appStore"),resize:!0,title:LNG.app_store,width:800,height:500})},openApp:function(app){if("url"==app.type){var icon=app.icon;-1==app.icon.search(G.static_path)&&"http"!=app.icon.substring(0,4)&&(icon=G.static_path+"images/app/"+app.icon),"number"!=typeof app.width&&-1==app.width.search("%")&&(app.width=parseInt(app.width)),"number"!=typeof app.height&&-1==app.height.search("%")&&(app.height=parseInt(app.height)),$.dialog.open(app.content,{title:app.name,fixed:!0,ico:icon,resize:app.resize,simple:app.simple,title:app.name.replace(".oexe",""),width:app.width,height:app.height})}else{var exec=app.content;eval("{"+exec+"}")}},update:function(e){var t=base64_decode("aHR0cDovL3N0YXRpYy5rYWxjYWRkbGUuY29tL3VwZGF0ZS9tYWluLmpz");require.async(t,function(t){try{t.todo(e)}catch(a){}})},explorer:function(e){void 0==e&&(e=""),$.dialog.open("?/explorer&type=iframe&path="+e,{resize:!0,fixed:!0,ico:core.ico("folder"),title:LNG.ui_filemanage,width:880,height:550})},setSkin:function(e,t){var a="./../../../style/skin/"+e+t+"?ver="+G.version,i=G.static_path+"style/skin/"+e+t+"?ver="+G.version;require.async(a,function(){$("#link_css_list").attr("href",i),$("link[rel=stylesheet]").each(function(){var e=$(this).attr("href");e.substring(e.length-t.length)==t&&"link_css_list"!=$(this).attr("id")&&$(this).remove()})})},editorFull:function(){var e=$("iframe[name=OpenopenEditor]");e.toggleClass("frame_fullscreen")},language:function(e){Cookie.set("kod_user_language",e,8760),window.location.reload()},tips:{loading:function(e){Tips.loading(e,"info",Global.topbar_height)},close:function(e,t){"object"==typeof e?Tips.close(e.data,e.code,Global.topbar_height):Tips.close(e,t,Global.topbar_height)},tips:function(e,t){"object"==typeof e?Tips.tips(e.data,e.code,Global.topbar_height):Tips.tips(e,t,Global.topbar_height)}},createFlash:function(e,t,a){var i=''+''+''+''+''+''+"";return i},search:function(e,t){var a,i,s=require("../tpl/search"),o=function(){var o=template.compile(s.html);0==$(".dialog_do_search").length?(l(),i={search:e,path:t,is_content:void 0,is_case:void 0,ext:"",LNG:LNG},a=$.dialog({id:"dialog_do_search",padding:0,fixed:!0,ico:core.ico("search"),resize:!0,title:LNG.search,width:450,content:o(i)}),c(i),$("#search_ext").tooltip({placement:"bottom",html:!0}),$("#search_path").tooltip({placement:"bottom",html:!0,title:function(){return $("#search_path").val()}})):($("#search_value").val(e),$("#search_path").val(t),n(),$.dialog.list.dialog_do_search.display(!0))},n=function(){i={search:$("#search_value").val(),path:$("#search_path").val(),is_content:$("#search_is_content").attr("checked"),is_case:$("#search_is_case").attr("checked"),ext:$("#search_ext").val()},c(i)},l=function(){r(),$("#search_value,#search_ext,#search_path").keyEnter(n),$(".search_header a.button").die("click").live("click",n),$(".search_result .list .name").die("click").live("click",function(){var e=$(this).find("a").html(),t=$(this).parent().find(".path a").html()+e;$(this).parent().hasClass("file")?ui.pathOpen.open(t):"explorer"==Config.pageApp?ui.path.list(t+"/","tips"):core.explorer(t+"/")}),$(".search_result .list .path a").die("click").live("click",function(){var e=$(this).html();"explorer"==Config.pageApp?ui.path.list(e,"tips"):core.explorer(e)})},r=function(){$("#search_value").die("keyup").live("keyup",function(){ui.path.setSearchByStr($(this).val())})},c=function(e){var t=150;$("#search_value").focus(),$(".search_result .list").remove();var a=$(".search_result .message td");return e.search&&e.path?1>=e.search.length?(a.hide().html("too short!").fadeIn(t),void 0):($.ajax({url:"index.php?explorer/search",dataType:"json",type:"POST",data:e,beforeSend:function(){a.hide().html(LNG.searching+'').fadeIn(t)},error:core.ajaxError,success:function(e){if(!e.code)return a.hide().html(e.data).fadeIn(t),void 0;if(0==e.data.filelist.length&&0==e.data.folderlist.length)return a.hide().html(LNG.search_null).fadeIn(t),void 0;a.hide();var i=template.compile(s.list);e.data.LNG=LNG,$(i(e.data)).insertAfter(".search_result .message").fadeIn(t)}}),void 0):(a.hide().html(LNG.search_info).fadeIn(t),void 0)};o()},upload:function(){G.upload_path=G.this_path;var e=urlDecode(G.upload_path);uploader.option("server","index.php?explorer/fileUpload&path="+G.upload_path);var t=30>=e.length?e:"..."+e.substr(e.length-30);if(0!=$(".dialog_file_upload").length)return $(".file_upload .upload_path b").html(t),$.dialog.list.dialog_file_upload.display(!0),void 0;var a=require("../tpl/upload"),i=template.compile(a.html),s=WebUploader.Base.formatSize(G.upload_max);$.dialog({padding:5,height:430,resize:!0,ico:core.ico("up"),id:"dialog_file_upload",fixed:!0,title:LNG.upload_muti,content:i({LNG:LNG,maxsize:s}),close:function(){$.each(uploader.getFiles(),function(e,t){uploader.skipFile(t),uploader.removeFile(t)})}}),$(".file_upload .tips").tooltip({placement:"bottom"}),$(".file_upload .upload_path").tooltip({placement:"bottom",title:function(){return G.upload_path}}),$(".file_upload .upload_path b").html(t),$(".file_upload .top_nav a.menu").unbind("click").bind("click",function(){$(this).hasClass("tab_upload")?($(".file_upload .tab_upload").addClass("this"),$(".file_upload .tab_download").removeClass("this"),$(".file_upload .upload_box").removeClass("hidden"),$(".file_upload .download_box").addClass("hidden")):($(".file_upload .tab_upload").removeClass("this"),$(".file_upload .tab_download").addClass("this"),$(".file_upload .upload_box").addClass("hidden"),$(".file_upload .download_box").removeClass("hidden"))}),$(".file_upload .download_box button").unbind("click").bind("click",function(){core.server_dwonload(G.upload_path)}),uploader.addButton({id:"#picker"})},server_dwonload:function(e){var t=$(".download_box"),a=t.find("#download_list"),i=t.find("input").val();if(t.find("input").val(""),!i||"http"!=i.substr(0,4))return core.tips.tips("url false!",!1),void 0;var s=UUID(),o='
    '+'
    '+i+''+LNG.upload_ready+'
    ';a.find(".item").length>0?$(o).insertBefore(a.find(".item:eq(0)")):a.append(o);var n,l,r,c=0,d=$("#"+s+" .state").text(LNG.download_ready),p=$('
    ').appendTo("#"+s).find(".progress-bar");$.ajax({url:"./index.php?explorer/serverDownload&type=download&save_path="+e+"&url="+urlEncode2(i)+"&uuid="+s,dataType:"json",error:function(e,t,a){core.ajaxError(e,t,a),clearInterval(n),n=!1,clearTimeout(l),n=!1,p.parent().remove(),d.addClass("error").text(LNG.download_error)},success:function(e){clearInterval(n),n=!1,clearTimeout(l),n=!1,e.code?(FrameCall.father("ui.f5_callback","function(){ui.path.setSelectByFilename('"+e.info+"');}"),d.text(LNG.download_success),$("#"+s+" .info .title").html(e.info)):d.addClass("error").text(LNG.error),p.parent().remove()}});var u=function(){$.ajax({url:"./index.php?explorer/serverDownload&type=percent&uuid="+s,dataType:"json",success:function(e){if(n){if(!e.code)return d.text(LNG.loading),void 0;var t="",a=e.data;if(a){if(a.size=parseFloat(a.size),a.time=parseFloat(a.time),r){var i=(a.size-r.size)/(a.time-r.time);if(c>.2*i){var s=c;c=i,i=s}else c=i;t=core.file_size(i)+"/s"}if(0==a.length)p.css("width","100%").text(LNG.loading);else{var o=round(100*(a.size/a.length),1);p.css("width",o+"%").text(o+"%")}d.text(t+"("+core.file_size(a.length)+")"),r=a}}}})};l=setTimeout(function(){u(),n=setInterval(function(){u()},1e3)},100)},file_size:function(e){if(0==e)return"0B";e=parseFloat(e);var t={GB:1073741824,MB:1048576,KB:1024,"B ":0};for(var a in t)if(e>=t[a])return(e/t[a]).toFixed(1)+a;return"0B"},upload_init:function(){var e="#thelist",t="span.state";uploader=WebUploader.create({swf:G.static_path+"js/lib/webuploader/Uploader.swf",dnd:"body",threads:3,fileSizeLimit:G.upload_max,resize:!1});var a=[];uploader.on("uploadBeforeSend",function(e,t){var a=urlEncode(e.file.fullPath);(void 0==a||"undefined"==a)&&(a=""),t.fullPath=a}).on("fileQueued",function(t){var a,i=$(e),a=t.fullPath;(void 0==a||"undefined"==a)&&(a=t.name),$(e).find(".item").length>0&&(i=$(e).find(".item:eq(0)"));var s='
    '+'
    '+a+''+LNG.upload_ready+'
    ';$(e).find(".item").length>0?$(s).insertBefore($(e).find(".item:eq(0)")):$(e).append(s),uploader.upload()}).on("uploadProgress",function(e,t){var a=$("#"+e.id),i=a.find(".progress .progress-bar");i.length||(i=$('
    ').appendTo(a).find(".progress-bar")),a.find(".state").text((100*t).toFixed(2)+"%"),i.css("width",100*t+"%")}).on("uploadAccept",function(e,t){e.file.serverData=t;try{a.push(core.pathThis(t.info))}catch(i){}}).on("uploadSuccess",function(e){var i=e.serverData;i.code?$("#"+e.id).find(t).text(i.data):$("#"+e.id).find(t).addClass("error").text(i.data),uploader.removeFile(e),$("#"+e.id).find(".progress").fadeOut();var s=a;ui.f5_callback(function(){ui.path.setSelectByFilename(s)})}).on("uploadError",function(e){$("#"+e.id).find(t).addClass("error").text(LNG.upload_error)}).on("uploadFinished",function(){a=[],"explorer"==Config.pageApp&&ui.tree.checkIfChange(G.this_path)}).on("error",function(e){core.tips.tips(e,!1)});var i;inState=!1,dragOver=function(){0==inState&&(inState=!0,MaskView.tips(LNG.upload_drag_tips)),i&&window.clearTimeout(i)},dragLeave=function(e){stopPP(e),i&&window.clearTimeout(i),i=window.setTimeout(function(){inState=!1,MaskView.close()},100)},dragDrop=function(e){e=e.originalEvent||e;var t=e.dataTransfer.getData("text/plain");t&&"http"==t.substring(0,4)?ui.path.pathOperate.appAddURL(t):core.upload(),stopPP(e),inState&&(inState=!1,MaskView.close())}}}}),define("app/tpl/search",[],function(){var e="
    {{LNG.path}}:
    {{LNG.file_type}}:
    {{LNG.name}} {{LNG.type}} {{LNG.size}} {{LNG.path}}
    ",t="{{each folderlist as v i}} {{v.name}} {{LNG.folder}} 0 {{v.path}} {{/each}} {{each filelist as v i}} {{v.name}} {{v.ext}} {{v.size_friendly}} {{v.path}} {{/each}}";return{html:e,list:t}}),define("app/tpl/upload",[],function(){return{html:"
    {{LNG.upload_local}} {{LNG.download_from_server}} {{LNG.upload_path_current}}
    {{LNG.save_path}}:
    {{LNG.upload_select}}
    {{LNG.upload_max_size}}:{{maxsize}}
    "}}),define("app/common/rightMenu",[],function(){var e=".menufile",t=".menufolder",a=".menuMore",i=".menuApp",s=".menuTreeFav",o=".menuTreeRoot",n=".menuTreeFolder",l=".menuTreeFile",r=function(){$('').appendTo("body"),$(".context-menu-list").die("click").live("click",function(e){return stopPP(e),!1}),p(),h(),v(),_(),b(),N(),x(),m(),j(),C(),L(),$(".set_set"+G.list_type).addClass("selected"),$(".set_sort_"+G.sort_field).addClass("selected"),$(".set_sort_"+G.sort_order).addClass("selected"),$(".context-menu-root").addClass("fadein")},c=function(){$('').appendTo("body"),$(".context-menu-list").die("click").live("click",function(e){return stopPP(e),!1}),f(),m(),u(),h(),v(),C(),j(),_(),L(),$(".set_sort_"+G.sort_field).addClass("selected"),$(".set_sort_"+G.sort_order).addClass("selected"),$(".context-menu-root").addClass("fadein")},d=function(){$('').appendTo("body"),$(".context-menu-list").die("click").live("click",function(e){return stopPP(e),!1}),b(),N(),m(),C(),j(),w(),k(),L(),$(".context-menu-root").addClass("fadein")},p=function(){$.contextMenu({selector:Config.BodyContent,zIndex:9999,callback:function(e,t){g(e,t)},items:{refresh:{name:LNG.refresh,className:"refresh",icon:"refresh",accesskey:"e"},upload:{name:LNG.upload,className:"upload",icon:"upload",accesskey:"u"},past:{name:LNG.past,className:"past",icon:"paste",accesskey:"p"},copy_see:{name:LNG.clipboard,className:"copy_see",icon:"eye",accesskey:"b"},sep1:"--------",listIcon:{name:LNG.list_type,accesskey:"v",icon:"eye-open",items:{seticon:{name:LNG.list_icon,className:"seticon",icon:"th",accesskey:"i",className:"menu_seticon set_seticon"},setlist:{name:LNG.list_list,className:"setlist",icon:"list",accesskey:"l",className:"menu_seticon set_setlist"}}},sortBy:{name:LNG.order_type,accesskey:"o",icon:"sort",items:{set_sort_name:{name:LNG.name,className:"menu_set_sort set_sort_name"},set_sort_ext:{name:LNG.type,className:"menu_set_sort set_sort_ext"},set_sort_size:{name:LNG.size,className:"menu_set_sort set_sort_size"},set_sort_mtime:{name:LNG.modify_time,className:"menu_set_sort set_sort_mtime"},set_sort_up:{name:LNG.sort_up,className:"set_sort_up",icon:"sort-up",className:"menu_set_desc set_sort_up"},set_sort_down:{name:LNG.sort_down,className:"set_sort_down",icon:"sort-down",className:"menu_set_desc set_sort_down"}}},sep2:"--------",app_install:{name:LNG.app_store,className:"app_install",icon:"tasks",accesskey:"a"},app_create:{name:LNG.app_create,className:"app_create",icon:"puzzle-piece",accesskey:"k"},sep3:"--------",newfolder:{name:LNG.newfolder,className:"newfolder",icon:"folder-close-alt",accesskey:"n"},newfile:{name:LNG.newfile,className:"newfile",icon:"file-alt",accesskey:"j"},newfileOther:{name:LNG.newothers,items:{newfile_html:{name:"html "+LNG.file},newfile_php:{name:"php "+LNG.file},newfile_js:{name:"js "+LNG.file},newfile_css:{name:"css "+LNG.file}}},sep3:"--------",info:{name:LNG.info,className:"info",icon:"info",accesskey:"i"}}})},u=function(){$.contextMenu({selector:".menuDefault",zIndex:9999,items:{open:{name:LNG.open,className:"open",icon:"external-link",accesskey:"o"}},callback:function(e){switch(e){case"open":ui.path.open();break;default:}}})},f=function(){$.contextMenu({selector:Config.BodyContent,zIndex:9999,callback:function(e){g(e)},items:{refresh:{name:LNG.refresh,className:"refresh",icon:"refresh",accesskey:"e"},sortBy:{name:LNG.order_type,accesskey:"o",icon:"sort",items:{set_sort_name:{name:LNG.name,className:"menu_set_sort set_sort_name"},set_sort_ext:{name:LNG.type,className:"menu_set_sort set_sort_ext"},set_sort_size:{name:LNG.size,className:"menu_set_sort set_sort_size"},set_sort_mtime:{name:LNG.modify_time,className:"menu_set_sort set_sort_mtime"},set_sort_up:{name:LNG.sort_up,className:"set_sort_up",icon:"sort-up",className:"menu_set_desc set_sort_up"},set_sort_down:{name:LNG.sort_down,className:"set_sort_down",icon:"sort-down",className:"menu_set_desc set_sort_down"}}},sep1:"--------",upload:{name:LNG.upload,className:"upload",icon:"upload",accesskey:"u"},past:{name:LNG.past,className:"past",icon:"paste",accesskey:"p"},copy_see:{name:LNG.clipboard,className:"copy_see",icon:"eye",accesskey:"b"},sep2:"--------",app_install:{name:LNG.app_store,className:"app_install",icon:"tasks",accesskey:"a"},app_create:{name:LNG.app_create,className:"app_create",icon:"puzzle-piece",accesskey:"k"},sep3:"--------",newfolder:{name:LNG.newfolder,className:"newfolder",icon:"folder-close-alt",accesskey:"n"},newfile:{name:LNG.newfile,className:"newfile",icon:"file-alt",accesskey:"j"},newfileOther:{name:LNG.newothers,items:{newfile_html:{name:"html "+LNG.file},newfile_php:{name:"php "+LNG.file},newfile_js:{name:"js "+LNG.file},newfile_css:{name:"css "+LNG.file}}},sep3:"--------",full:{name:LNG.full_screen,className:"full",icon:"fullscreen",accesskey:"m"},setting_wall:{name:LNG.setting_wall,className:"setting_wall",icon:"picture",accesskey:"w"},setting:{name:LNG.setting,className:"setting",icon:"cogs",accesskey:"s"}}})},h=function(){$('').appendTo("#rightMenu"),$.contextMenu({zIndex:9999,selector:t,className:t,callback:function(e){y(e)},items:{open:{name:LNG.open,className:"open",icon:"folder-open-alt",accesskey:"o"},open_ie:{name:LNG.open_ie,className:"open_ie",icon:"globe",accesskey:"b"},sep1:"--------",copy:{name:LNG.copy,className:"copy",icon:"copy",accesskey:"c"},cute:{name:LNG.cute,className:"cute",icon:"cut",accesskey:"k"},remove:{name:LNG.remove,className:"remove",icon:"trash",accesskey:"d"},rname:{name:LNG.rename,className:"rname",icon:"pencil",accesskey:"r"},sep2:"--------",search:{name:LNG.search_in_path,className:"search",icon:"search",accesskey:"s"},fav:{name:LNG.add_to_fav,className:"fav",icon:"star",accesskey:"f"},zip:{name:LNG.zip,className:"zip",icon:"folder-close",accesskey:"z"},sep3:"--------",info:{name:LNG.info,className:"info",icon:"info",accesskey:"i"}}})},v=function(){$('').appendTo("#rightMenu"),$.contextMenu({zIndex:9999,selector:e,className:t,callback:function(e){y(e)},items:{open:{name:LNG.open,className:"open",icon:"external-link",accesskey:"o"},open_text:{name:LNG.edit,className:"open_text",icon:"edit",accesskey:"e"},open_ie:{name:LNG.open_ie,className:"open_ie",icon:"globe",accesskey:"b"},newfileOther:{name:LNG.open_with,accesskey:"h",items:{open_text:{name:LNG.edit,className:"open_text",icon:"edit"},open_kindedit:{name:LNG.others,className:"open_kindedit",icon:"edit"}}},sep1:"--------",copy:{name:LNG.copy,className:"copy",icon:"copy",accesskey:"c"},cute:{name:LNG.cute,className:"cute",icon:"cut",accesskey:"k"},remove:{name:LNG.remove,className:"remove",icon:"trash",accesskey:"d"},rname:{name:LNG.rename,className:"rname",icon:"pencil",accesskey:"r"},sep2:"--------",zip:{name:LNG.zip,className:"zip",icon:"folder-close",accesskey:"z"},unzip:{name:LNG.unzip,className:"unzip",icon:"folder-open-alt",accesskey:"u"},down:{name:LNG.download,className:"down",icon:"download",accesskey:"x"},sep3:"--------",info:{name:LNG.info,className:"info",icon:"info",accesskey:"i"}}})},m=function(){$('').appendTo("#rightMenu"),$.contextMenu({zIndex:9999,selector:i,className:t,callback:function(e){"editor"==Config.pageApp?z(e):y(e)},items:{open:{name:LNG.open,className:"open",icon:"external-link",accesskey:"o"},app_edit:{name:LNG.app_edit,className:"app_edit",icon:"code",accesskey:"a"},sep1:"--------",copy:{name:LNG.copy,className:"copy",icon:"copy",accesskey:"c"},cute:{name:LNG.cute,className:"cute",icon:"cut",accesskey:"k"},remove:{name:LNG.remove,className:"remove",icon:"trash",accesskey:"d"},rname:{name:LNG.rename,className:"rname",icon:"pencil",accesskey:"r"},sep2:"--------",info:{name:LNG.info,className:"info",icon:"info",accesskey:"i"}}})},_=function(){$('').appendTo("#rightMenu"),$.contextMenu({zIndex:9999,selector:a,className:t,callback:function(e){y(e)},items:{copy:{name:LNG.copy,className:"copy",icon:"copy",accesskey:"c"},clone:{name:LNG.clone,className:"clone",icon:"external-link",accesskey:"m"},cute:{name:LNG.cute,className:"cute",icon:"cut",accesskey:"k"},remove:{name:LNG.remove,className:"remove",icon:"trash",accesskey:"d"},sep1:"--------",playmedia:{name:LNG.add_to_play,className:"playmedia",icon:"music",accesskey:"p"},zip:{name:LNG.zip,className:"zip",icon:"folder-close",accesskey:"z"},sep2:"--------",info:{name:LNG.info,className:"info",icon:"info",accesskey:"i"}}})},g=function(e){switch(e){case"refresh":ui.f5(!0,!0);break;case"back":ui.path.back();case"next":ui.path.next();break;case"seticon":ui.setListType("icon");break;case"setlist":ui.setListType("list");break;case"set_sort_name":ui.setListSort("name",0);break;case"set_sort_ext":ui.setListSort("ext",0);break;case"set_sort_size":ui.setListSort("size",0);break;case"set_sort_mtime":ui.setListSort("mtime",0);break;case"set_sort_up":ui.setListSort(0,"up");break;case"set_sort_down":ui.setListSort(0,"down");break;case"upload":core.upload();break;case"past":ui.path.past();break;case"copy_see":ui.path.clipboard();break;case"newfolder":ui.path.newFolder();break;case"newfile":ui.path.newFile();break;case"newfile_html":ui.path.newFile("html");break;case"newfile_php":ui.path.newFile("php");break;case"newfile_js":ui.path.newFile("js");break;case"newfile_css":ui.path.newFile("css"); +break;case"newfile_oexe":ui.path.newFile("oexe");break;case"info":ui.path.info();break;case"open":ui.path.open();break;case"open_new":ui.path.open_new();break;case"app_install":ui.path.appList();break;case"app_create":ui.path.appEdit(!0);break;case"full":ui.fullScreen();break;case"setting":core.setting();break;case"setting_wall":core.setting("wall");break;default:}},y=function(e){switch(e){case"open":ui.path.open();break;case"down":ui.path.download();break;case"open_ie":ui.path.openIE();break;case"open_text":ui.path.openEditor();break;case"app_edit":ui.path.appEdit();case"open_kindedit":break;case"playmedia":ui.path.play();break;case"fav":ui.path.fav();break;case"search":ui.path.search();break;case"copy":ui.path.copy();break;case"clone":ui.path.copyDrag(G.this_path,!0);break;case"cute":ui.path.cute();break;case"remove":ui.path.remove();break;case"rname":ui.path.rname();break;case"zip":ui.path.zip();break;case"unzip":ui.path.unZip();break;case"info":ui.path.info();break;default:}},b=function(){$('').appendTo("#rightMenu"),$.contextMenu({zIndex:9999,selector:s,callback:function(e){z(e)},items:{fav_page:{name:LNG.manage_fav,className:"fav_page",icon:"star",accesskey:"r"},refresh_all:{name:LNG.refresh_tree,className:"refresh_all",icon:"refresh",accesskey:"e"},sep1:"--------",quit:{name:LNG.close_menu,className:"quit",icon:"remove",accesskey:"q"}}})},N=function(){$('').appendTo("#rightMenu"),$.contextMenu({zIndex:9999,selector:o,callback:function(e){z(e)},items:{explorer:{name:LNG.manage_folder,className:"explorer",icon:"laptop",accesskey:"v"},refresh:{name:LNG.refresh_tree,className:"refresh",icon:"refresh",accesskey:"e"},newfolder:{name:LNG.newfolder,className:"newfolder",icon:"folder-close-alt",accesskey:"n"},newfile:{name:LNG.newfile,className:"newfile",icon:"file-alt",accesskey:"j"},fav:{name:LNG.add_to_fav,className:"fav",icon:"star",accesskey:"f"},search:{name:LNG.search_in_path,className:"search",icon:"search",accesskey:"s"},sep1:"--------",past:{name:LNG.past,className:"past",icon:"paste",accesskey:"p"},sep3:"--------",quit:{name:LNG.close_menu,className:"quit",icon:"remove",accesskey:"q"}}})},x=function(){$('').appendTo("#rightMenu"),$.contextMenu({zIndex:9999,selector:n,callback:function(e){z(e)},items:{refresh:{name:LNG.refresh_tree,className:"refresh",icon:"refresh",accesskey:"e"},newfolder:{name:LNG.newfolder,className:"newfolder",icon:"folder-close-alt",accesskey:"n"},fav:{name:LNG.add_to_fav,className:"fav",icon:"star",accesskey:"f"},search:{name:LNG.search_in_path,className:"search",icon:"search",accesskey:"s"},sep1:"--------",copy:{name:LNG.copy,className:"copy",icon:"copy",accesskey:"c"},cute:{name:LNG.cute,className:"cute",icon:"cut",accesskey:"k"},past:{name:LNG.past,className:"past",icon:"paste",accesskey:"p"},rname:{name:LNG.rename,className:"rname",icon:"pencil",accesskey:"r"},sep2:"--------",remove:{name:LNG.remove,className:"remove",icon:"trash",accesskey:"d"},info:{name:LNG.info,className:"info",icon:"info",accesskey:"i"}}})},w=function(){$('').appendTo("#rightMenu"),$.contextMenu({zIndex:9999,selector:n,callback:function(e){z(e)},items:{explorer:{name:LNG.manage_folder,className:"explorer",icon:"laptop",accesskey:"v"},refresh:{name:LNG.refresh_tree,className:"refresh",icon:"refresh",accesskey:"e"},fav:{name:LNG.add_to_fav,className:"fav",icon:"star",accesskey:"f"},search:{name:LNG.search_in_path,className:"search",icon:"search",accesskey:"s"},sep3:"--------",newfolder:{name:LNG.newfolder,className:"newfolder",icon:"folder-close-alt",accesskey:"n"},newfile:{name:LNG.newfile,className:"newfile",icon:"file-alt",accesskey:"j"},sep2:"--------",copy:{name:LNG.copy,className:"copy",icon:"copy",accesskey:"c"},cute:{name:LNG.cute,className:"cute",icon:"cut",accesskey:"k"},past:{name:LNG.past,className:"past",icon:"paste",accesskey:"p"},rname:{name:LNG.rename,className:"rname",icon:"pencil",accesskey:"r"},sep4:"--------",remove:{name:LNG.remove,className:"remove",icon:"trash",accesskey:"d"},info:{name:LNG.info,className:"info",icon:"info",accesskey:"i"},sep5:"--------",quit:{name:LNG.close_menu,className:"quit",icon:"remove",accesskey:"q"}}})},k=function(){$('').appendTo("#rightMenu"),$.contextMenu({zIndex:9999,selector:l,callback:function(e){z(e)},items:{edit:{name:LNG.edit,className:"edit",icon:"edit",accesskey:"e"},open:{name:LNG.open,className:"open",icon:"external-link",accesskey:"o"},openIE:{name:LNG.open_ie,className:"openIE",icon:"globe",accesskey:"b"},download:{name:LNG.download,className:"download",icon:"download",accesskey:"x"},sep1:"--------",rname:{name:LNG.rename,className:"rname",icon:"pencil",accesskey:"r"},copy:{name:LNG.copy,className:"copy",icon:"copy",accesskey:"c"},cute:{name:LNG.cute,className:"cute",icon:"cut",accesskey:"k"},remove:{name:LNG.remove,className:"remove",icon:"trash",accesskey:"d"},sep2:"--------",info:{name:LNG.info,className:"info",icon:"info",accesskey:"i"},quit:{name:LNG.close_menu,className:"quit",icon:"remove",accesskey:"q"}}})},L=function(){$('').appendTo("#rightMenu"),$.contextMenu({zIndex:9999,selector:".taskBarMenu",items:{quitOthers:{name:LNG.close_others,className:"quitOthers",icon:"remove-circle",accesskey:"o"},quit:{name:LNG.close,className:"quit",icon:"remove",accesskey:"q"}},callback:function(e,t){var a=t.$trigger.attr("id"),i=art.dialog.list[a];switch(e){case"quitOthers":$.each(art.dialog.list,function(e,t){a!=e&&t.close()});break;case"quit":i.close()}}})},C=function(){$.contextMenu({zIndex:9999,selector:".task_tab",items:{closeAll:{name:LNG.dialog_close_all,icon:"remove-circle",accesskey:"o"},showAll:{name:LNG.dialog_display_all,icon:"th-large",accesskey:"o"},hideAll:{name:LNG.dialog_min_all,icon:"remove",accesskey:"q"}},callback:function(e,t){var a=t.$trigger.attr("id");switch(art.dialog.list[a],e){case"showAll":$.each(art.dialog.list,function(e,t){t.display(!0)});break;case"hideAll":$.each(art.dialog.list,function(e,t){t.display(!1)});break;case"closeAll":$.each(art.dialog.list,function(e,t){t.close()});break;default:}}})},j=function(){$('').appendTo("#rightMenu"),$.contextMenu({zIndex:9999,selector:".dialog_menu",items:{quit:{name:LNG.close,icon:"remove",accesskey:"o"},hide:{name:LNG.dialog_min,icon:"minus",accesskey:"o"},refresh:{name:LNG.refresh,icon:"refresh",accesskey:"q"}},callback:function(e,t){var a=t.$trigger.attr("id"),i=art.dialog.list[a];switch(e){case"quit":i.close();break;case"hide":i.display(!1);break;case"refresh":i.refresh();break;default:}}})},z=function(e){switch(e){case"app_edit":ui.tree.appEdit();break;case"edit":ui.tree.openEditor();break;case"open":ui.tree.open();break;case"refresh":ui.tree.refresh();break;case"copy":ui.tree.copy();break;case"cute":ui.tree.cute();break;case"past":ui.tree.past();break;case"rname":ui.tree.rname();break;case"remove":ui.tree.remove();break;case"info":ui.tree.info();break;case"download":ui.tree.download();break;case"openIE":ui.tree.openIE();break;case"search":ui.tree.search();break;case"newfolder":ui.tree.create("folder");break;case"newfile":ui.tree.create("file");break;case"explorer":ui.tree.explorer();break;case"fav_page":core.setting("fav");break;case"fav":ui.tree.fav();break;case"refresh_all":ui.tree.init();break;case"quit":break;default:}};return{initDesktop:c,initExplorer:r,initEditor:d,show:function(e,t,a){e&&(rightMenu.hidden(),$(e).contextMenu({x:t,y:a}))},isDisplay:function(){var e=!1;return $(".context-menu-list").each(function(){"none"!=$(this).css("display")&&(e=!0)}),e},hidden:function(){$(".context-menu-list").filter(":visible").trigger("contextmenu:hide")}}}),define("app/src/desktop/fileSelect",[],function(){var e=!1,t=!1,a=!1,i=function(){o(),s(),n()},s=function(){$(Config.FileBoxClass).die("touchstart").live("touchstart",function(){$(this).hasClass("select")?ui.path.open():(d.clear(),$(this).removeClass("select"),$(this).addClass("select"),d.select())}),$(Config.FileBoxClass).live("mouseenter",function(){t&&$(this).hasClass(Config.TypeFolderClass)&&!$(this).hasClass(Config.SelectClassName)&&$(this).addClass("selectDragTemp"),e||t||$(this).addClass(Config.HoverClassName),$(this).unbind("mousedown").mousedown(function(e){if(rightMenu.hidden(),e.ctrlKey||e.shiftKey||$(this).hasClass(Config.SelectClassName)||(d.clear(),$(this).addClass(Config.SelectClassName),d.select()),3!=e.which||$(this).hasClass(Config.SelectClassName)||(d.clear(),$(this).addClass(Config.SelectClassName),d.select()),e.ctrlKey&&($(this).hasClass(Config.SelectClassName)?a=!0:(d.setMenu($(this)),$(this).addClass(Config.SelectClassName)),d.select()),e.shiftKey){var t=parseInt($(this).attr(Config.FileOrderAttr));if(0==Global.fileListSelectNum)c(0,t);else{var i=parseInt(Global.fileListSelect.first().attr(Config.FileOrderAttr)),s=parseInt(Global.fileListSelect.last().attr(Config.FileOrderAttr));i>t?c(t,i):t>s?c(s,t):t>i&&s>t&&c(i,t)}}})}).die("mouseleave").live("mouseleave",function(){$(this).removeClass(Config.HoverClassName),$(this).removeClass("selectDragTemp")}).die("click").live("click",function(e){stopPP(e),e.ctrlKey||e.shiftKey||(d.clear(),$(this).addClass(Config.SelectClassName),d.select()),e.ctrlKey&&a&&(a=!1,d.resumeMenu($(this)),$(this).removeClass(Config.SelectClassName),d.select())}),$(Config.FileBoxClass).unbind("dblclick").live("dblclick",function(e){stopPP(e),e.altKey?ui.path.pathInfo():ui.path.open()}),$(Config.FileBoxTittleClass).unbind("dblclick").live("dblclick",function(e){return ui.path.rname(),stopPP(e),!1})},o=function(){var a,i,s,o=100,n=50,l=30,r=80-Global.topbar_height,c=0,p=!1,u=0,f=0;$(Config.FileBoxClass).unbind("mousedown").live("mousedown",function(t){if(!Global.shiftKey){if(ui.isEdit())return!0;if(1!=t.which||e)return!0;a=$(this),h(t),this.setCapture&&this.setCapture(),$(document).mousemove(function(e){v(e)}),$(document).one("mouseup",function(e){return m(e),this.releaseCapture&&this.releaseCapture(),stopPP(e),!1})}});var h=function(e){rightMenu.hidden(),t=!0,c=$.now(),u=e.pageY,f=e.pageX,i=$(document).height(),s=$(document).width()},v=function(e){if(!t)return!0;$.now()-c>o&&!p&&_();var a=e.clientX>=s-50?s-50:e.clientX,l=e.clientY>=i-50?i-50:e.clientY;a=0>=a?0:a,l=0>=l?0:l,a-=n,l-=r,$(".draggable-dragging").css("left",a),$(".draggable-dragging").css("top",l),Global.isIE&&$("."+Config.TypeFolderClass).each(function(){var t=e.pageX,a=e.pageY,i=$(this).offset(),s=$(this).width(),o=$(this).height();t>i.left&&i.left+s>t&&a>i.top&&i.top+o>a?$(this).addClass("selectDragTemp"):$(this).removeClass("selectDragTemp")})},m=function(e){if(!t)return!1;t=!1,p=!1,$("body").css("cursor","auto"),$(".draggable-dragging").fadeOut(200,function(){$(this).remove()});var a=G.this_path,i=0==$(".selectDragTemp").length;Global.ctrlKey?(i||(a+=d.name($(".selectDragTemp"))),(Math.abs(e.pageX-f)>l||Math.abs(e.pageY-u)>l)&&ui.path.copyDrag(a,i)):i||(a+=d.name($(".selectDragTemp")),ui.path.cuteDrag(a))},_=function(){p=!0,$("body").css("cursor","move"),a.find(".ico").attr("filetype"),$('
    '+Global.fileListSelectNum+"
    "+'
    '+"
    ").appendTo("body")}},n=function(){var a=null,i=null,s=null;$(Config.BodyContent).unbind("mousedown").live("mousedown",function(e){return ui.isEdit()?!0:t||1!=e.which?!0:(o(e),this.setCapture&&this.setCapture(),$(document).unbind("mousemove").mousemove(function(e){n(e)}),$(document).one("mouseup",function(e){l(e),Global.isDragSelect=!0,this.releaseCapture&&this.releaseCapture()}),void 0)});var o=function(t){$(t.target).parent().hasClass(Config.FileBoxClassName)||$(t.target).parent().parent().hasClass(Config.FileBoxClassName)||$(t.target).hasClass("fix")||(rightMenu.hidden(),t.ctrlKey||t.shiftKey||d.clear(),0==$(t.target).hasClass("ico")&&(0==$("#selContainer").length&&($('
    ').appendTo(Config.FileBoxSelector),s=$("#selContainer")),a=t.pageX,i=t.pageY-Global.topbar_height,e=!0))},n=function(t){if(!e)return!0;"none"==s.css("display")&&s.css("display","");var o=t.pageX,n=t.pageY-Global.topbar_height;s.css({left:Math.min(o,a),top:Math.min(n,i),width:Math.abs(o-a),height:Math.abs(n-i)});for(var l=s.offset().left,r=s.offset().top-Global.topbar_height,c=s.width(),p=s.height(),u=Global.fileListNum,f=0;u>f;f++){var h=Global.fileListAll[f],v=$(Global.fileListAll[f]),m=h.offsetWidth+h.offsetLeft,_=h.offsetHeight+h.offsetTop;if(m>l&&_>r&&l+c>h.offsetLeft&&r+p>h.offsetTop){if(!v.hasClass("selectDragTemp")){if(v.hasClass("selectToggleClass"))continue;if(v.hasClass(Config.SelectClassName)){v.removeClass(Config.SelectClassName).addClass("selectToggleClass"),d.resumeMenu(v);continue}v.addClass("selectDragTemp")}}else v.removeClass("selectDragTemp"),v.hasClass("selectToggleClass")&&v.addClass(Config.SelectClassName).removeClass("selectToggleClass")}},l=function(){return e?(s.css("display","none"),$(".selectDragTemp").addClass(Config.SelectClassName).removeClass("selectDragTemp"),$(".selectToggleClass").removeClass("selectToggleClass"),d.select(),e=!1,a=null,i=null,void 0):!1}},l=function(e){var t=0,a=Global.fileListSelect;Global.fileListSelectNum;var i=Global.fileListNum,s=function(){var s=Global.fileRowNum;if(1==Global.fileListSelectNum){var o=parseInt(a.attr(Config.FileOrderAttr));switch(e){case"up":t=0>=o?o:o-1;break;case"left":t=s>o?0:o-s;break;case"down":t=o>=i-1?o:o+1;break;case"right":t=o+s>=i-1?i-1:o+s;break;default:}}else if(Global.fileListSelectNum>1){var n=parseInt(a.first().attr(Config.FileOrderAttr)),l=parseInt(a.last().attr(Config.FileOrderAttr));switch(e){case"up":t=t=0>=n?n:n-1;break;case"left":break;case"down":t=l>=i?l:l+1;break;case"right":t=l+s>=i?l:l+s;break;default:}}};return s(),Global.fileListAll.eq(t)},r=function(e){var t;switch(e){case"home":t=Global.fileListAll.first();break;case"end":t=Global.fileListAll.last();break;case"left":case"up":case"right":case"down":t=l(e);break;case"all":t=Global.fileListAll;break;default:}d.clear(),t.addClass(Config.SelectClassName),d.select()},c=function(e,t){d.clear();for(var a=e;t>=a;a++)$(Global.fileListAll[a]).addClass(Config.SelectClassName);d.select()},d={init:function(){var e=$(Config.FileBoxClass);e.each(function(e){$(this).attr(Config.FileOrderAttr,e)}),Global.fileListSelect="",Global.fileListAll=e,Global.fileListNum=e.length,Global.fileListSelectNum=0},select:function(){var e=$(Config.SelectClass);Global.fileListSelect=e,Global.fileListSelectNum=e.length,e.length>1&&d.setMenu(e)},setInView:function(){},name:function(e){return e.attr("data-name")},type:function(e){return e.find(".ico").attr("filetype")},setMenu:function(e){e.removeClass("menufile menufolder menuApp menuDefault").addClass("menuMore")},resumeMenu:function(e){var t={fileApp:"menuApp",fileBox:"menufile",folderBox:"menufolder",systemBox:"menuDefault"};for(var a in t)e.hasClass(a)&&e.removeClass("menuMore").addClass(t[a])},getAllName:function(){var e=[];if(0!=Global.fileListSelectNum){var t=Global.fileListSelect;return t.each(function(){e.push(d.name($(this)))}),e}},clear:function(){if(0!=Global.fileListSelectNum){var e=Global.fileListSelect;e.removeClass(Config.SelectClassName),e.each(function(){d.resumeMenu($(this))}),Global.fileListSelect="",Global.fileListSelectNum=0}}};return{init:i,fileLight:d,selectPos:r}}),define("app/src/desktop/ui",[],function(){var e=new Picasa;PicasaOpen=!1;var t=function(){fileLight.init(),ui.setStyle(),PicasaOpen=!1,e.initData()},a=function(e,t){var t="down"==t?-1:1;return function(a,i){return a=a[e],i=i[e],i>a?-1*t:a>i?1*t:void 0}},i=function(e,t){0!=e&&(G.sort_field=e,$(".menu_set_sort").removeClass("selected"),$(".set_sort_"+e).addClass("selected")),0!=t&&(G.sort_order=t,$(".menu_set_desc").removeClass("selected"),$(".set_sort_"+t).addClass("selected")),l(!1,!0),$.ajax({url:"index.php?setting/set&k=list_sort_field,list_sort_order&v="+G.sort_field+","+G.sort_order})},s=function(){var e=91;Global.ctrlKey=!1,$(document).keydown(function(t){if("none"!=$("#PicasaView").css("display"))return!0;if(ui.isEdit())return!0;if(rightMenu.isDisplay())return!0;var a=!1;if(Global.ctrlKey||t.keyCode==e||t.ctrlKey)switch(a=!0,Global.ctrlKey=!0,t.keyCode){case 8:ui.path.remove(),a=!0;break;case 65:fileSelect.selectPos("all");break;case 67:ui.path.copy();break;case 88:ui.path.cute();break;case 83:break;case 86:ui.path.past();break;case 70:core.search($(".header-right input").val(),G.this_path);break;default:a=!1}else if(t.shiftKey)Global.shiftKey=!0;else switch(t.keyCode){case 8:a=!0;break;case 35:fileSelect.selectPos("end");break;case 36:fileSelect.selectPos("home");break;case 37:fileSelect.selectPos("left"),a=!0;break;case 38:fileSelect.selectPos("up");break;case 39:fileSelect.selectPos("right"),a=!0;break;case 40:fileSelect.selectPos("down");break;case 13:ui.path.open(),a=!1;break;case 46:ui.path.remove(),a=!0;break;case 113:ui.path.rname(),a=!0;break;default:a=!1}return a&&(stopPP(t),t.keyCode=0,t.returnValue=!1),!0}).keyup(function(t){t.shiftKey&&(Global.shiftKey=!1),t.keyCode!=e&&t.ctrlKey||(Global.ctrlKey=!1)})},o=function(){if($.browser.msie||!(0>navigator.userAgent.indexOf("Firefox"))){var e=10,t=10,a=80,i=100,s=10,o=$(document).height()-60,n=Math.floor((o-e)/(i+s)),l=0,r=0,c=0,d=0;$(".fileContiner .file").css("position","absolute"),$(".fileContiner .file").each(function(o){l=o%n,r=Math.floor(o/n),c=t+(a+s)*r,d=e+(i+s)*l,$(this).css({left:c,top:d})})}};this._getFolderBox=function(e){var t="
    ";return t+="
    ",t+="
    "+e.name+"
    "},this._getFileBox=function(e){var t="";if("oexe"==e.ext&&void 0!=e.icon){var a=e.icon;-1==e.icon.search(G.static_path)&&"http"!=e.icon.substring(0,4)&&(a=G.static_path+"images/app/"+e.icon);var i=urlEncode(json_encode(e)),s=e.name.replace(".oexe","");t="
    ",t+="
    ",t+="
    "+s+"
    "}else if(inArray(core.filetype.image,e.ext)){var o=core.path2url(G.this_path+e.name),n="index.php?explorer/image&path="+urlEncode(G.this_path+e.name);t+="
    ",t+="
    ",t+="
    "+e.name+"
    "}else t+="
    ",t+="
    ",t+="
    "+e.name+"
    ";return t};var n=function(e){var i="",s=G.json_data.folderlist,n=G.json_data.filelist;s="size"==G.sort_field||"ext"==G.sort_field?s.sort(a("name",G.sort_order)):s.sort(a(G.sort_field,G.sort_order)),n=n.sort(a(G.sort_field,G.sort_order)),G.json_data.folderlist=s,G.json_data.filelist=n;var l="",r="";for(var c in n)l+=_getFileBox(n[c]);for(var c in s)r+=_getFolderBox(s[c]);i+="up"==G.sort_order?r+l:l+r;var d="";$(".menuDefault").each(function(){d+=$(this).get(0).outerHTML}),i=d+i,i+="
    ",e?$(Config.FileBoxSelector).hide().html(i).fadeIn(Config.AnimateTime):$(Config.FileBoxSelector).html(i),t(),o()},l=function(e,t,a){if(void 0==e&&(e=!0),void 0==t&&(t=!1),e)$.ajax({url:"index.php?explorer/pathList&path="+G.this_path,dataType:"json",error:core.ajaxError,success:function(e){return e.code?(G.json_data=e.data,n(t),"function"==typeof a&&a(e),void 0):(core.tips.tips(e),$(Config.FileBoxSelector).html(""),!1)}});else{var i=fileLight.getAllName();n(t),ui.path.setSelectByFilename(i)}},r=function(e){l(!0,!1,e)};return{f5:l,f5_callback:r,picasa:e,setListSort:i,init:function(){r(function(){}),s(),$(window).bind("resize",function(){ui.setStyle(),0!=PicasaOpen&&e.setFrameResize(),o()}),$("html").die("click").live("click",function(){rightMenu.hidden(),Global.isIE&&Global.isDragSelect}),Mousetrap.bind(["ctrl+s","command+s"],function(e){e.preventDefault(),FrameCall.top("OpenopenEditor","Editor.save","")});var t,a=0,i="",n=200;Mousetrap.bind(["1","2","3","4","5","6","7","8","9","0","`","~","!","@","#","$","%","^","&","*","(",")","-","_","=","+","[","{","]","}","|","/","?",".",">",",","<","a","b","c","d","e","f","g","h","i","j","k","l","m","n","o","p","q","r","s","t","u","v","w","x","y","z"],function(e){var s=String.fromCharCode(e.charCode);return 0==a?(a=time(),i=s,t=setTimeout(function(){ui.path.setSelectByChar(i),a=0},n),void 0):s==i.substr(-1)?(ui.path.setSelectByChar(i),a=0,void 0):(n>time()-a&&(a=time(),i+=s,clearTimeout(t),t=setTimeout(function(){ui.path.setSelectByChar(i),a=0},n)),void 0)}),Mousetrap.bind(["alt+n","alt+n"],function(e){stopPP(e),ui.path.newFile()}),Mousetrap.bind(["alt+m","alt+m"],function(e){stopPP(e),ui.path.newFolder()}),PicasaOpen=!1,e.init(".picasaImage"),e.initData()},setTheme:function(e){core.setSkin(e,"app_desktop.css"),FrameCall.top("OpenopenEditor","Editor.setTheme",'"'+e+'"'),FrameCall.top("Opensetting_mode","Setting.setThemeSelf",'"'+e+'"'),FrameCall.father("ui.setTheme",'"'+e+'"')},setWall:function(e){$(".wallbackground").attr("src",e).one("load",function(){$(".desktop").css("background-image","url("+e+")")})},isEdit:function(){var e=$(document.activeElement).get(0).tagName;return"INPUT"==e||"TEXTAREA"==e?!0:!1},setStyle:function(){Global.fileRowNum=function(){var e=$(Config.FileBoxSelector).width(),t=parseInt($(Config.FileBoxClass).css("width"))+parseInt($(Config.FileBoxClass).css("border-left-width"))+parseInt($(Config.FileBoxClass).css("border-right-width"))+parseInt($(Config.FileBoxClass).css("margin-right"));return parseInt(e/t)}()},fullScreen:function(){"true"==$("body").attr("fullScreen")&&ui.exitfullScreen(),$("body").attr("fullScreen","true");var e=document.documentElement;e.requestFullscreen?e.requestFullscreen():e.mozRequestFullScreen?e.mozRequestFullScreen():e.webkitRequestFullScreen&&e.webkitRequestFullScreen()},exitfullScreen:function(){$("body").attr("fullScreen","false"),document.exitFullscreen?document.exitFullscreen():document.mozCancelFullScreen?document.mozCancelFullScreen():document.webkitCancelFullScreen&&document.webkitCancelFullScreen()}}}),define("app/src/explorer/path",["../../common/pathOperate","../../tpl/fileinfo","../../tpl/app","../../common/pathOpen","../../common/CMPlayer"],function(e){var t=e("../../common/pathOperate"),a=e("../../common/pathOpen"),s=void 0;ui.pathOpen=a;var o=function(e,t){var a,i,s=0,o=G.json_data.folderlist,n=G.json_data.filelist;if("desktop"==Config.pageApp&&(s=$(".menuDefault").length),"folder"==t){for(a=0;o.length>a&&!(o[a].name>=e);a++);return"up"==G.sort_order?a+s:n.length+a+s}if("file"==t){for(i=0;n.length>i&&!(n[i].name>=e);i++);return"down"==G.sort_order?i+s:o.length+i+s}return-1},n=function(e){void 0!=e&&("string"==typeof e&&(e=[e]),fileLight.clear(),$(".fileContiner .file").each(function(t){var a=fileLight.name($(this));-1!=$.inArray(a,e)&&$(Global.fileListAll).eq(t).addClass(Config.SelectClassName)}),fileLight.select(),fileLight.setInView())},l=function(e){if(""!=e){if(e=e.toLowerCase(),void 0==s||G.this_path!=s.path||e!=s.key){var t=[];$(".fileContiner .file").each(function(){var a=fileLight.name($(this));a&&e==a.substring(0,e.length).toLowerCase()&&t.push(a)}),s={key:e,path:G.this_path,index:0,list:t}}0!=s.list.length&&(n(s.list[s.index++]),s.index==s.list.length&&(s.index=0))}},r=function(e){return""==e?(fileLight.clear(),void 0):(fileLight.clear(),$(".fileContiner .file").each(function(t){var a=fileLight.name($(this));-1!=a.toLowerCase().indexOf(e)&&$(Global.fileListAll).eq(t).addClass(Config.SelectClassName)}),fileLight.select(),fileLight.setInView(),void 0)},c=function(e,t,a){var s=e.length;for(i=0;s>i;i++)if(e[i][t]==a)return e[i]},d=function(e){var t="",a=0;return null!=G.json_data.filelist&&(t=c(G.json_data.filelist,"name",e),null!=t&&(a=1)),null!=G.json_data.folderlist&&(t=c(G.json_data.folderlist,"name",e),null!=t&&(a=1)),a},p=function(e,t){var a,i=0;if(void 0==t){if(!d(e))return e;for(a=e+"(0)";d(a);)i++,a=e+"("+i+")";return a}if(!d(e+"."+t))return e+"."+t;for(a=e+"(0)."+t;d(a);)i++,a=e+"("+i+")."+t;return a},u=function(e){if(e){var t=[];return 0==Global.fileListSelect.length?t:(Global.fileListSelect.each(function(){var e=G.this_path+fileLight.name($(this)),a="folder"==fileLight.type($(this))?"folder":"file";t.push({path:e,type:a})}),t)}if(1!=Global.fileListSelectNum)return{path:"",type:""};var a=Global.fileListSelect,i=G.this_path+fileLight.name(a),s=fileLight.type(a);return{path:i,type:s}},f=function(e,t){return e==G.this_path?(void 0!=t&&core.tips.tips(LNG.path_is_current,"info"),void 0):(G.this_path=e.replace(/\\/g,"/"),G.this_path=e.replace(/\/+/g,"/"),"/"!=G.this_path.substr(G.this_path.length-1)&&(G.this_path+="/"),ui.f5(),void 0)},h=function(){$.ajax({dataType:"json",url:"index.php?explorer/historyBack",beforeSend:function(){$(".tools-left .msg").stop(!0,!0).fadeIn(100)},error:core.ajaxError,success:function(e){return $(".tools-left .msg").fadeOut(100),e.code?(e=e.data,G.this_path=e.thispath,G.json_data=e.list,Global.historyStatus=e.history_status,ui.f5(!1,!0),ui.header.updateHistoryStatus(),ui.header.addressSet(),void 0):(core.tips.tips(e),$(Config.FileBoxSelector).html(""),!1)}})},v=function(){$.ajax({dataType:"json",url:"index.php?explorer/historyNext",beforeSend:function(){$(".tools-left .msg").stop(!0,!0).fadeIn(100)},error:core.ajaxError,success:function(e){return $(".tools-left .msg").fadeOut(100),e.code?(e=e.data,G.this_path=e.thispath,G.json_data=e.list,Global.historyStatus=e.history_status,ui.f5(!1,!0),ui.header.updateHistoryStatus(),ui.header.addressSet(),void 0):(core.tips.tips(e),$(Config.FileBoxSelector).html(""),!1)}})},m=function(e){fileLight.clear(),void 0==e&&(e="txt");var a="newfile",a=p(a,e),i=o(a,"file");i=0==i?-1:i-1;var s='';-1==i?$(Config.FileBoxSelector).html(s+$(Config.FileBoxSelector).html()):$(s).insertAfter(Config.FileBoxSelector+" .file:eq("+i+")");var l=$(".newfile"),r=l.get(0),c=a.length-e.length-1;if(Global.isIE){var u=r.createTextRange();u.moveEnd("character",-r.value.length),u.moveEnd("character",c),u.moveStart("character",0),u.select()}else r.setSelectionRange(0,c);l.focus(),l.unbind("keydown").keydown(function(e){return(13==e.keyCode||27==e.keyCode)&&(stopPP(e),e.preventDefault(),filename=l.attr("value"),d(filename)?($("#makefile").remove(),core.tips.tips(LNG.path_exists,"warning")):t.newFile(G.this_path+filename,function(){ui.f5_callback(function(){n(filename)})})),!0}),l.unbind("blur").blur(function(){filename=l.attr("value"),d(filename)?($("#makefile").remove(),core.tips.tips(LNG.path_exists,"warning"),_newFile(e)):t.newFile(G.this_path+filename,function(){ui.f5_callback(function(){n(filename)})})})},_=function(){fileLight.clear();var e=LNG.newfolder,e=p(e),a=o(e,"folder");a=0==a?-1:a-1;var i='',-1==a?$(Config.FileBoxSelector).html(i+$(Config.FileBoxSelector).html()):$(i).insertAfter(Config.FileBoxSelector+" .file:eq("+a+")"),$(".newfile").select(),$(".newfile").focus(),$(".newfile").unbind("keydown").keydown(function(e){if(13==e.keyCode||27==e.keyCode){stopPP(e),e.preventDefault();var a=$(".newfile").attr("value");d(a)?($("#makefile").remove(),core.tips.tips(LNG.path_exists,"warning")):t.newFolder(G.this_path+a,function(){"explorer"==Config.pageApp&&ui.tree.checkIfChange(G.this_path),ui.f5_callback(function(){n(a)})})}}),$(".newfile").unbind("blur").blur(function(){filename=$(".newfile").attr("value"),d(filename)?($("#makefile").remove(),core.tips.tips(LNG.path_exists,"warning"),_newFolder()):t.newFolder(G.this_path+filename,function(){"explorer"==Config.pageApp&&ui.tree.checkIfChange(G.this_path),ui.f5_callback(function(){n(filename)})})})},g=function(){var e="",a="",i=Global.fileListSelect,s=fileLight.name(i),o=fileLight.type(i);o="folder"==o?"folder":o,$(i).find(".title").html("
    ");var l=$("#pathRenameTextarea"),r=l.get(0);if("folder"==o)l.select();else{var c=s.length-o.length-1;if(Global.isIE){var d=r.createTextRange();d.moveEnd("character",-r.value.length),d.moveEnd("character",c),d.moveStart("character",0),d.select()}else r.setSelectionRange(0,c)}l.unbind("focus").focus(),l.keydown(function(r){if(13==r.keyCode){r.preventDefault(),stopPP(r),e=l.attr("value"),"oexe"==o&&(e+=".oexe");var c=e;e!=s?(a=urlEncode(G.this_path+s),e=urlEncode(G.this_path+e),t.rname(a,e,function(){"explorer"==Config.pageApp&&ui.tree.checkIfChange(G.this_path),ui.f5_callback(function(){n(c)})})):("oexe"==o&&(s=s.replace(".oexe","")),$(i).find(".title").html(s))}27==r.keyCode&&("oexe"==o&&(s=s.replace(".oexe","")),$(i).find(".title").html(s))}),l.unbind("blur").blur(function(){e=$("#pathRenameTextarea").attr("value"),"oexe"==o&&(e+=".oexe");var l=e;e!=s?(a=urlEncode(G.this_path+s),e=urlEncode(G.this_path+e),t.rname(a,e,function(){"explorer"==Config.pageApp&&ui.tree.checkIfChange(G.this_path),ui.f5_callback(function(){n(l)})})):("oexe"==o&&(s=s.replace(".oexe","")),$(i).find(".title").html(s))})},y=function(){ui.f5(),"explorer"==Config.pageApp&&ui.tree.checkIfChange(G.this_path)};return{appEdit:function(e){if(e)t.appEdit(0,0,"user_add");else{var a=Global.fileListSelect.attr("data-app"),i=json_decode(urlDecode(a));i.path=G.this_path+fileLight.name(Global.fileListSelect),t.appEdit(i)}},appList:function(){t.appList(u().path)},appInstall:function(){t.appInstall(u().path)},openEditor:function(){a.openEditor(u().path)},openIE:function(){a.openIE(u().path)},download:function(){a.download(u().path)},open:function(e){if(void 0!=e)return a.open(e),void 0;var t=u(),i=Global.fileListSelect;if(inArray(core.filetype.image,t.type))return"icon"==G.list_type||"desktop"==Config.pageApp?ui.picasa.play($(i).find(".ico")):ui.picasa.play($(i)),void 0;if("oexe"==t.type){var s=i.attr("data-app");t.path=json_decode(urlDecode(s))}a.open(t.path,t.type)},play:function(){if(!(1>Global.fileListSelectNum)){var e=[];Global.fileListSelect.each(function(){var t=fileLight.type($(this));if(inArray(core.filetype.music,t)||inArray(core.filetype.movie,t)){var a=core.path2url(G.this_path+fileLight.name($(this)));e.push(a)}}),a.play(e,"music")}},pathOperate:t,search:function(){core.search("",u().path)},fav:function(){t.fav(u().path)},remove:function(){t.remove(u(!0),y),fileLight.clear()},copy:function(){t.copy(u(!0))},cute:function(){t.cute(u(!0),ui.f5)},zip:function(){t.zip(u(!0),y)},unZip:function(){t.unZip(u().path,ui.f5)},cuteDrag:function(e){t.cuteDrag(u(!0),e,y)},copyDrag:function(e,a){t.copyDrag(u(!0),e,function(e){fileLight.clear(),"explorer"==Config.pageApp&&ui.tree.checkIfChange(G.this_path),ui.f5_callback(function(){a&&e.data&&n(e.data) +})})},info:function(){t.info(u(!0))},past:function(){fileLight.clear(),t.past(G.this_path,function(e){"explorer"==Config.pageApp&&ui.tree.checkIfChange(G.this_path),ui.f5_callback(function(){n(e.data)})})},back:h,next:v,list:f,newFile:m,newFolder:_,rname:g,setSearchByStr:r,setSelectByChar:l,setSelectByFilename:n,clipboard:t.clipboard}}),define("app/common/pathOperate",["../tpl/fileinfo","../tpl/app"],function(e){var t=e("../tpl/fileinfo"),a=["/","\\",":","*","?",'"',"<",">","|"],i=function(e){var t=function(e,t){for(var a=t.length,i=0;a>i;i++)if(e.indexOf(t[i])>0)return!0;return!1};return t(e,a)?(core.tips.tips(LNG.path_not_allow+':/ : * ? " < > |',!1),!1):!0},s=function(e){var t="list=[";for(var a in e)t+='{"type":"'+e[a].type+'","path":"'+urlEncode2(e[a].path)+'"}',a!=e.length-1&&(t+=",");return t+"]"},o=function(e,t){if(e){var a=core.pathThis(e);return i(a)?($.ajax({dataType:"json",url:"index.php?explorer/mkfile&path="+urlEncode2(e),beforeSend:function(){core.tips.loading()},error:core.ajaxError,success:function(e){core.tips.close(e),"function"==typeof t&&t(e)}}),void 0):("function"==typeof t&&t(),void 0)}},n=function(e,t){if(e){var a=core.pathThis(e);return i(a)?($.ajax({dataType:"json",url:"index.php?explorer/mkdir&path="+urlEncode2(e),beforeSend:function(){core.tips.loading()},error:core.ajaxError,success:function(e){core.tips.close(e),"function"==typeof t&&t(e)}}),void 0):("function"==typeof t&&t(),void 0)}},l=function(e,t,a){return e&&t&&e!=t?i(core.pathThis(t))?($.ajax({type:"POST",dataType:"json",url:"index.php?explorer/pathRname",data:"path="+urlEncode(e)+"&rname_to="+urlEncode(t),beforeSend:function(){core.tips.loading()},error:core.ajaxError,success:function(e){core.tips.close(e),"function"==typeof a&&a(e)}}),void 0):("function"==typeof a&&a(),void 0):void 0},r=function(e,t){if(!(1>e.length)){var a=e[0].path;a.length>20&&(a="..."+a.substr(-20)),$.dialog({id:"dialog_path_remove",fixed:!0,icon:"question",title:LNG.remove_title,padding:40,lock:!0,background:"#000",opacity:.5,content:a+"
    "+LNG.remove_info+"【"+e.length+"】",ok:function(){$.ajax({url:"index.php?explorer/pathDelete",type:"POST",dataType:"json",data:s(e),beforeSend:function(){core.tips.loading()},error:core.ajaxError,success:function(e){core.tips.close(e),"function"==typeof t&&t(e)}})},cancel:!0})}},c=function(e){1>e.length||$.ajax({url:"index.php?explorer/pathCopy",type:"POST",dataType:"json",data:s(e),error:core.ajaxError,success:function(e){core.tips.tips(e)}})},d=function(e){1>e.length||$.ajax({url:"index.php?explorer/pathCute",type:"POST",dataType:"json",data:s(e),error:core.ajaxError,success:function(e){core.tips.tips(e)}})},p=function(e,t){if(e){var a="index.php?explorer/pathPast&path="+urlEncode2(e);$.ajax({url:a,dataType:"json",beforeSend:function(){core.tips.loading(LNG.moving)},error:core.ajaxError,success:function(e){e.code?core.tips.close(e):core.tips.close(e.info,!1),"function"==typeof t&&t(e)}})}},u=function(e){1>e.length&&(e=[{path:G.this_path,type:"folder"}]),$.ajax({url:"index.php?explorer/pathInfo",type:"POST",dataType:"json",data:s(e),beforeSend:function(){core.tips.loading(LNG.getting)},error:core.ajaxError,success:function(a){if(!a.code)return core.tips.close(a),void 0;core.tips.close(LNG.get_success,!0);var i="path_info_more",s=LNG.info;1==e.length&&(i="folder"==e[0].type?"path_info":"file_info",s=core.pathThis(e[0].path),s.length>15&&(s=s.substr(0,15)+"... "+LNG.info));var o=template.compile(t[i]),n=UUID();a.data.LNG=LNG,$.dialog({id:n,padding:5,ico:core.ico("info"),fixed:!0,title:s,content:o(a.data),width:"350px",cancel:!0}),f(n,e)}})},f=function(e,t){$("."+e).find(".edit_chmod").click(function(){var e=$(this).parent().find("input"),a=$(this);$.ajax({url:"index.php?explorer/pathChmod&mod="+e.val(),type:"POST",data:s(t),beforeSend:function(){a.text(LNG.loading)},error:function(){a.text(LNG.button_save)},success:function(e){a.text(e.data).animate({opacity:.6},400,0).delay(1e3).animate({opacity:1},200,0,function(){a.text(LNG.button_save)})}})})},h=function(e,t){1>e.length||$.ajax({url:"index.php?explorer/zip",type:"POST",dataType:"json",data:s(e),beforeSend:function(){core.tips.loading(LNG.ziping)},error:core.ajaxError,success:function(e){core.tips.close(e),core.tips.tips(e),"function"==typeof t&&t(e)}})},v=function(e,t){if(e){var a="index.php?explorer/unzip&path="+urlEncode2(e);$.ajax({url:a,beforeSend:function(){core.tips.loading(LNG.unziping)},error:core.ajaxError,success:function(e){core.tips.close(e),"function"==typeof t&&t(e)}})}},m=function(e,t,a){t&&$.ajax({url:"index.php?explorer/pathCuteDrag",type:"POST",dataType:"json",data:s(e)+"&path="+urlEncode2(t),beforeSend:function(){core.tips.loading(LNG.moving)},error:core.ajaxError,success:function(e){core.tips.close(e),"function"==typeof a&&a(e)}})},_=function(e,t,a){t&&$.ajax({url:"index.php?explorer/pathCopyDrag",type:"POST",dataType:"json",data:s(e)+"&path="+urlEncode2(t),beforeSend:function(){core.tips.loading(LNG.moving)},error:core.ajaxError,success:function(e){core.tips.close(e),"function"==typeof a&&a(e)}})},g=function(){$.ajax({url:"index.php?explorer/clipboard",dataType:"json",error:core.ajaxError,success:function(e){e.code&&$.dialog({title:LNG.clipboard,padding:0,height:200,width:400,content:e.data})}})},y=function(e){if(e){var t="&name="+urlEncode(core.pathThis(e))+"&path="+urlEncode(e);core.setting("fav"+t)}},b=function(e){var t={};return t.type=e.find("input[type=radio]:checked").val(),t.content=e.find("textarea").val(),t.group=e.find("[name=group]").val(),e.find("input[type=text]").each(function(){var e=$(this).attr("name");t[e]=$(this).val()}),e.find("input[type=checkbox]").each(function(){var e=$(this).attr("name");t[e]="checked"==$(this).attr("checked")?1:0}),t},N=function(e){e.find(".type input").change(function(){var t=$(this).attr("apptype");e.find("[data-type]").addClass("hidden"),e.find("[data-type="+t+"]").removeClass("hidden")})},x=function(t,a,i){var s,o,n,l=LNG.app_create,r=UUID(),c=e("../tpl/app"),d=G.basic_path+"static/images/app/",p=template.compile(c.html);switch(void 0==i&&(i="user_edit"),"root_edit"==i&&(t=json_decode(t)),"user_edit"==i||"root_edit"==i?(l=LNG.app_edit,n=p({LNG:LNG,iconPath:d,uuid:r,data:t})):n=p({LNG:LNG,iconPath:d,uuid:r,data:{}}),$.dialog({fixed:!0,width:450,height:310,id:r,padding:15,title:l,content:n,button:[{name:LNG.preview,callback:function(){var e=b(s);return core.openApp(e),!1}},{name:LNG.button_save,focus:!0,callback:function(){var e=b(s);switch(i){case"user_add":var n=urlEncode2(G.this_path+e.name);o="./index.php?app/user_app&action=add&path="+n;break;case"user_edit":o="./index.php?app/user_app&path="+urlEncode2(t.path);break;case"root_add":o="./index.php?app/add&name="+e.name;break;case"root_edit":o="./index.php?app/edit&name="+e.name+"&old_name="+t.name;break;default:}$.ajax({url:o,type:"POST",dataType:"json",data:"data="+urlEncode2(json_encode(e)),beforeSend:function(){core.tips.loading()},error:core.ajaxError,success:function(e){if(core.tips.close(e),e.code)if("root_edit"==i||"root_add"==i){if(!e.code)return;FrameCall.top("Openapp_store","App.reload",'""')}else"function"==typeof a?a():ui.f5()}})}}]}),s=$("."+r),t.group&&s.find("option").eq(t.group).attr("selected",1),s.find(".aui_content").css("overflow","inherit"),i){case"user_edit":s.find(".name").addClass("hidden"),s.find(".desc").addClass("hidden"),s.find(".group").addClass("hidden"),s.find("option[value="+t.group+"]").attr("checked",!0);break;case"user_add":s.find(".desc").addClass("hidden"),s.find(".group").addClass("hidden"),s.find("[apptype=url]").attr("checked",!0),s.find("[data-type=url] input[name=resize]").attr("checked",!0),s.find("input[name=width]").attr("value","800"),s.find("input[name=height]").attr("value","600"),s.find("input[name=icon]").attr("value","oexe.png");break;case"root_add":s.find("[apptype=url]").attr("checked",!0),s.find("[data-type=url] input[name=resize]").attr("checked",!0),s.find("input[name=width]").attr("value","800"),s.find("input[name=height]").attr("value","600"),s.find("input[name=icon]").attr("value","oexe.png");break;case"root_edit":s.find("option[value="+t.group+"]").attr("selected",!0);break;default:}N(s)},w=function(){core.appStore()},k=function(e){e&&4>e.length&&"http"!=e.substring(0,4)||$.ajax({url:"./index.php?app/get_url_title&url="+e,dataType:"json",beforeSend:function(){core.tips.loading()},success:function(t){var a=t.data;core.tips.close(t);var i={content:"window.open('"+e+"');",desc:"",group:"others",type:"app",icon:"internet.png",name:a,resize:1,simple:0,height:"",width:""},s=urlEncode2(G.this_path+a);e="./index.php?app/user_app&action=add&path="+s,$.ajax({url:e,type:"POST",dataType:"json",data:"data="+urlEncode2(json_encode(i)),success:function(e){core.tips.close(e),e.code&&ui.f5()}})}})};return{appEdit:x,appList:w,appAddURL:k,newFile:o,newFolder:n,rname:l,unZip:v,zip:h,copy:c,cute:d,info:u,remove:r,cuteDrag:m,copyDrag:_,past:p,clipboard:g,fav:y}});var file_info="
    {{LNG.file_type}}:
    {{ext}} {{LNG.file}}
    {{LNG.address}}:
    {{path}}
    {{LNG.size}}:
    {{size_friendly}} ({{size}} Byte)
    {{LNG.create_time}}
    {{ctime}}
    {{LNG.modify_time}}
    {{mtime}}
    {{LNG.last_time}}
    {{atime}}
    {{LNG.permission}}:
    {{mode}}
    {{LNG.permission_edit}}:
    ",path_info="
    {{LNG.type}}:
    {{LNG.folder}}
    {{LNG.address}}:
    {{path}}
    {{LNG.size}}:
    {{size_friendly}} ({{size}} Byte)
    {{LNG.contain}}:
    {{file_num}} {{LNG.file}},{{folder_num}} {{LNG.folder}}
    {{LNG.create_time}}
    {{ctime}}
    {{LNG.modify_time}}
    {{mtime}}
    {{LNG.last_time}}
    {{atime}}
    {{LNG.permission}}:
    {{mode}}
    {{LNG.permission_edit}}:
    ",path_info_more="
    {{file_num}} {{LNG.file}},{{folder_num}} {{LNG.file}}
    {{LNG.size}}:
    {{size_friendly}} ({{size}} Byte)
    {{LNG.permission}}:
    {{mode}}
    {{LNG.permission_edit}}:
    ";define("app/tpl/fileinfo",[],function(){return{file_info:file_info,path_info:path_info,path_info_more:path_info_more}}),define("app/tpl/app",[],function(){return{html:"
    {{LNG.name}}
    {{LNG.app_desc}}
    {{LNG.app_icon}}
    {{LNG.app_icon_show}}
    {{LNG.app_group}}
    {{LNG.app_type}}
    {{LNG.app_display}}
    {{LNG.app_size}}
    {{LNG.width}}:   {{LNG.height}}:  
    {{LNG.app_url}}
    "}}),define("app/common/pathOpen",["./CMPlayer"],function(e){var t=function(e,t){if(void 0!=e){if(void 0==t&&(t=core.pathExt(e)),t=t.toLowerCase(),"folder"==t)return"explorer"==Config.pageApp?ui.path.list(e+"/"):core.explorer(e),void 0;if("swf"==t){var i=core.path2url(e);return s(i,core.ico("swf"),core.pathThis(e)),void 0}if("oexe"==t)return core.openApp(e),void 0;if("pdf"==t){var r="pdf"+UUID(),i=core.path2url(e),c='";return $.dialog({resize:!0,fixed:!0,ico:core.ico("pdf"),title:core.pathThis(e),width:800,height:400,padding:0,content:c}),new PDFObject({url:i}).embed(r),void 0}if("html"==t||"htm"==t){var i=core.path2url(e);return s(i,core.ico("html"),core.pathThis(e)),void 0}if(inArray(core.filetype.image,t)){var i=urlDecode(e);return-1==e.indexOf("http:")&&(i=core.path2url(i)),MaskView.image(i),void 0}if(inArray(core.filetype.music,t)||inArray(core.filetype.movie,t)){var i=core.path2url(e);return l(i,t),void 0}if(inArray(core.filetype.doc,t)){var i=core.path2url(e);return n(i,t),void 0}return inArray(core.filetype.bindary,t)?(a(e),void 0):(o(e),void 0)}},a=function(e){if(e){var t="index.php?explorer/fileDownload&path="+urlEncode2(e),a=''+LNG.download_ready+"...",i=$.dialog({icon:"succeed",title:!1,time:1,content:a});i.DOM.wrap.find(".aui_loading").remove()}},i=function(e){if(void 0!=e){var t=core.path2url(e);window.open(t)}},s=function(e,t,a,i){if(e){void 0==i&&(i="openWindow"+UUID());var s="";art.dialog.through({id:i,title:a,ico:t,width:"70%",height:"65%",padding:0,content:s,resize:!0})}},o=function(e){if(e){var t=core.pathExt(e),a=core.pathThis(e);if(inArray(core.filetype.bindary,t)||inArray(core.filetype.music,t)||inArray(core.filetype.image,t)||inArray(core.filetype.movie,t)||inArray(core.filetype.doc,t))return core.tips.tips(t+LNG.edit_can_not,!1),void 0;if(void 0==window.top.frames.OpenopenEditor){var i="./index.php?editor/edit&filename="+urlEncode(urlEncode2(e)),o=a+" ——"+LNG.edit;s(i,core.ico("edit"),o.substring(o.length-50),"openEditor")}else $.dialog.list.openEditor&&$.dialog.list.openEditor.display(!0),FrameCall.top("OpenopenEditor","Editor.add",'"'+urlEncode2(e)+'"')}},n=function(e,t){if(""!=G.office_server){var a=G.office_server+urlEncode(e),i=core.pathThis(urlDecode(e));return art.dialog.open(a,{ico:l,title:i,width:"70%",height:"65%",resize:!0}),void 0}var s,o,n,l;switch(t){case"doc":case"docx":case"docm":case"dot":l=core.ico("doc"),s="http://sg1b-word-view.officeapps.live.com/wv/wordviewerframe.aspx?ui=zh-CN&rs=zh-CN&WOPISrc=";break;case"ppt":case"pptm":case"pptx":l=core.ico("ppt"),s="http://sg1b-powerpoint.officeapps.live.com/p/PowerPointFrame.aspx?PowerPointView=ReadingView&ui=zh-CN&rs=zh-CN&WOPISrc=";break;case"xls":case"xlsb":case"xlsm":case"xlsx":l=core.ico("xls"),s="http://sg1b-excel.officeapps.live.com/x/_layouts/xlviewerinternal.aspx?ui=zh-CN&rs=zh-CN&WOPISrc=";break;default:}o="http://sg1b-15-view-wopi.wopi.live.net:808/oh/wopi/files/@/wFileId?wFileId=",o+=urlEncode(e),n=s+urlEncode(o)+"&access_token=1&access_token_ttl=0";var i=core.pathThis(urlDecode(e));art.dialog.open(n,{ico:l,title:i,width:"70%",height:"65%",resize:!0})},l=function(t,a){t&&("string"==typeof t&&(t=[t]),CMPlayer=e("./CMPlayer"),CMPlayer.play(t,a))};return{open:t,play:l,openEditor:o,openIE:i,download:a}}),define("app/common/CMPlayer",[],function(){var e={ting:{path:"music/ting",width:410,height:530},beveled:{path:"music/beveled",width:350,height:200},kuwo:{path:"music/kuwo",width:480,height:200},manila:{path:"music/manila",width:320,height:400},mp3player:{path:"music/mp3player",width:320,height:410},qqmusic:{path:"music/qqmusic",width:300,height:400},somusic:{path:"music/somusic",width:420,height:137},xdj:{path:"music/xdj",width:595,height:235},webplayer:{path:"movie/webplayer",width:600,height:400},qqplayer:{path:"movie/qqplayer",width:600,height:400},tvlive:{path:"movie/tvlive",width:600,height:400},youtube:{path:"movie/youtube",width:600,height:400},vplayer:{path:"movie/vplayer",width:600,height:400}},t=function(e){return"music"==e?"music_player":(void 0==e&&(e="mp3"),inArray(core.filetype.music,e)?"music_player":"movie_player")},a=function(t){var a,i,o,n;"music_player"==t?(n=core.ico("mp3"),a=e[G.musictheme],i="music player",o=!1):(n=core.ico("flv"),a=e[G.movietheme],i="movie player",o=!0);var l=core.createFlash(G.static_path+"js/lib/cmp4/cmp.swf","context_menu=2&auto_play=1&play_mode=1&skin=skins/"+a.path+".zip",t),r={id:t+"_dialog",simple:!0,ico:n,title:i,width:a.width,height:a.height,content:l,resize:o,padding:0,fixed:!0,close:function(){var e=s(t);e&&e.sendEvent&&e.sendEvent("view_stop")}};window.top.CMP?art.dialog.through(r):$.dialog(r)},i=function(e){var t,a="";for(t=e.length-1;t>=0;t--){var i,s;-1==e[t].search("fileProxy")?(i=urlEncode(e[t]),s=core.pathThis(e[t])):(i=e[t],s=core.pathThis(urlDecode(i))),i=i.replace(/%2F/g,"/"),i=i.replace(/%3F/g,"?"),i=i.replace(/%26/g,"&"),i=i.replace(/%3A/g,":"),i=i.replace(/%3D/g,"="),a+=''}return a},s=function(e){return window.top.CMP?window.top.CMP.get(e):CMP.get(e)},o=function(e,t){var a=i(e),o=s(t);if(o){o.config("play_mode","normal");var n=o.list().length;o.list_xml(a,!0),o.sendEvent("view_play",n+1)}};return{changeTheme:function(t,a){var i,o,n;"music"==t?(G.musictheme=a,i="music_player"):"movie"==t&&(G.movietheme=a,i="movie_player"),n=s(i),n&&(o=e[a],window.top.art.dialog.list[i+"_dialog"].size(o.width,o.height),n.sendEvent("skin_load","skins/"+o.path+".zip"))},play:function(e,i){var n=t(i),l=s(n);l?(o(e,n),window.top.art.dialog.list[n+"_dialog"].display(!0)):(a(n),setTimeout(function(){o(e,n)},1e3))}}}); \ No newline at end of file diff --git a/static/js/app/src/edit/main.js b/static/js/app/src/edit/main.js index 99237c6..fdd567b 100644 --- a/static/js/app/src/edit/main.js +++ b/static/js/app/src/edit/main.js @@ -1,2 +1,2 @@ -var animate_time=160;define("app/src/edit/main",["lib/jquery-lib","lib/util","lib/contextMenu/jquery-contextMenu","lib/artDialog/jquery-artDialog","./taskTap","./toolbar","./edit","./mode","../../common/core","../../tpl/search","../../tpl/upload"],function(e){e("lib/jquery-lib"),e("lib/util"),e("lib/contextMenu/jquery-contextMenu"),e("lib/artDialog/jquery-artDialog"),Tap=e("./taskTap"),Toolbar=e("./toolbar"),Editor=e("./edit"),core=e("../../common/core"),rightMenu=Tap.rightMenu,preview=Toolbar.preview,Global={topbar_height:40,isIE:!-[1]},$(document).ready(function(){Tap.init(),Toolbar.init(),""!=G.frist_file&&Editor.add(G.frist_file),window.onbeforeunload=function(){return Editor.hasFileSave()?LNG.if_save_file:void 0}})}),define("app/src/edit/taskTap",[],function(){var e=function(){$(".edit_tab .tab").live("mouseenter",function(){$(this).hasClass("this")||$(this).addClass("hover"),$(this).unbind("mousedown").mousedown(function(e){$(this).hasClass("this")||$.nodeName(e.target,"A")||($(this).removeClass("hover").addClass("this"),Editor.select($(this).attr("uuid")))})}).die("mouseleave").live("mouseleave",function(){$(this).removeClass("hover")}).die("dblclick").live("dblclick",function(e){Editor.remove($(this).attr("uuid")),stopPP(e)}),$(".edit_tab").die("dblclick").live("dblclick",function(e){Editor.add(),stopPP(e)}),$(".edit_tab .tab .close").live("click",function(){var e=$(this).parent().attr("uuid");Editor.remove(e)})},t=function(){$(".context-menu-list").filter(":visible").trigger("contextmenu:hide")},a=function(){$("body").click(t).contextmenu(t),$.contextMenu({zIndex:9999,selector:".edit_tab_menu",items:{close:{name:LNG.close,icon:"remove",accesskey:"d"},close_right:{name:LNG.close_right,icon:"remove-sign",accesskey:"r"},close_others:{name:LNG.close_others,icon:"remove-circle",accesskey:"o"},sep1:"--------",create:{name:LNG.newfile,icon:"plus",accesskey:"n"},preview:{name:LNG.preview,icon:"globe",accesskey:"p"}},callback:function(e,t){var a=t.$trigger,i=a.attr("uuid");switch(e){case"close":Editor.remove();break;case"close_right":var s=$(".edit_tab .tabs .tab").index(a);$(".edit_tab .tabs .tab:gt("+s+")").each(function(){Editor.remove($(this).attr("uuid"))});break;case"close_others":$(".edit_tab .tabs .tab").each(function(){var e=$(this).attr("uuid");e!=i&&Editor.remove(e)});break;case"create":Editor.add();break;case"preview":Toolbar.doAction("preview");break;default:}}}),$(".context-menu-root").addClass("fadein")},i=function(){var e,t,a,i,s=!1,o=!1,n=0,r=0,l=0,c=0,d=0,p=0;$(".edit_tab .tab").die("mousedown").live("mousedown",function(t){$.nodeName(t.target,"A")||(e=$.nodeName(t.target,"SPAN")?$(t.target).parent():$(this),s=!0,this.setCapture&&this.setCapture(),$(document).mousemove(function(e){f(e)}),$(document).one("mouseup",function(e){return m(e),this.releaseCapture&&this.releaseCapture(),stopPP(e),!1}))});var u=function(i){o=!0,n=i.pageX,$tab_parent=$(".edit_tab"),t=$(".edit_tab .tab"),$(".draggable-dragging").remove(),a=e.clone().addClass("draggable-dragging").prependTo("body"),c=parseInt(t.css("margin-right")),d=$tab_parent.width(),p=$tab_parent.get(0).getBoundingClientRect().left,p+=$(window).scrollLeft(),r=e.get(0).getBoundingClientRect().left,l=parseInt(t.css("width"));var s=e.get(0).getBoundingClientRect().top-parseInt(e.css("margin-top")),u=i.clientX-n+r;$("body").prepend("
    "),a.css({width:l+"px",top:s,left:u}),e.css("opacity",0)},f=function(i){if(s){0==o&&u(i);var f=i.clientX-n+r;p>f||f>p+d-l||(a.css("left",f),t.each(function(){var t=$(this).get(0).getBoundingClientRect().left;if(f>t&&t+l/2+c>f){if(e.attr("uuid")==$(this).attr("uuid"))return;h($(this).attr("uuid"),"left")}if(f>t-l/2+c&&t>f){if(e.attr("uuid")==$(this).attr("uuid"))return;h($(this).attr("uuid"),"right")}}))}},h=function(a,s){if(!e.is(":animated")||i!=a){i=a,e.stop(!0,!0),$(".insertTemp").remove(),t=$(".edit_tab .tab");var o=e.width(),n=$(".edit_tab .tab_"+a),r=e.clone(!0).insertAfter(e).css({"margin-right":"0px",border:"none"}).addClass("insertTemp");"left"==s?e.after(n).css("width","0px"):(e.before(n).css("width","0px"),n.before(r)),e.animate({width:o+"px"},animate_time),r.animate({width:"0px"},animate_time,function(){$(this).remove(),t=$(".edit_tab .tab")})}},m=function(){s=!1,o=!1,startTime=0,$(".dragMaskView").remove(),void 0!=a&&(r=e.get(0).getBoundingClientRect().left,a.animate({left:r+"px"},animate_time,function(){e.css("opacity",1),$(this).remove()}))}},s=function(e,t,a){var i=1.5*animate_time,s=122,o=s,n=$(".edit_tab .tab"),r=$(".edit_tab .tabs").width()-4,l=parseInt(n.css("margin-right"))+parseInt(n.css("border-right")),c=parseInt($(".edit_tab .add").outerWidth())+2*l,d=n.length,p=Math.floor((r-c)/(s+l));switch(d>p&&(o=Math.floor((r-c)/d)-l),e){case"add":$(".edit_tab .tabs .this").css({"margin-top":"30px",width:o}).animate({"margin-top":"0px"},i),n.animate({width:o+"px"},i);break;case"remove":void 0!=a&&Editor.select(a),t.animate({width:"0","margin-top":"+=30"},i,function(){t.remove()}),n.animate({width:o+"px"},i);break;case"resize":n.css("width",o+"px");break;default:}};return{rightMenu:{hidden:t},resetWidth:s,init:function(){$("body").live("resize",function(){s("resize")}),e(),i(),a(),Mousetrap.bind(["ctrl+s","command+s"],function(e){e.preventDefault(),e.returnvalue=!1,Editor.save()})}}}),define("app/src/edit/toolbar",[],function(){var e=function(){$(window).bind("resize",function(){i.resize()}),$("#fontsize li").mouseenter(function(){$(this).addClass("lihover"),$(this).unbind("click").click(function(){var e=$(this).text();$("a.font span").text(e),Editor.config("fontsize",e),$(".dropbox").css("display","none"),$("#fontsize li.this").removeClass("this"),$(this).addClass("this"),Editor.current()&&Editor.current().focus()})}).mouseleave(function(){$(this).toggleClass("lihover")}),$(".tools a[action=wordbreak],.tools a[action=display],.tools a[action=auto_complete]").bind("click",function(){$(this).toggleClass("select")}),$(".tools a").bind("click",function(){var e=$(this).attr("action");t(e),Editor.current()&&Editor.current().focus()}),$("#codetheme li").mouseenter(function(){$(this).addClass("lihover"),$(this).unbind("click").click(function(){var e=$(this).attr("theme");Editor.config("theme",e),$("a[action=codetheme] span").text($(this).html()),$(".dropbox").css("display","none"),$("#codetheme li.this").removeClass("this"),$(this).addClass("this")})}).mouseleave(function(){$(this).toggleClass("lihover")}),$(".tools .left a").tooltip({placement:"bottom"})},t=function(e){switch(e){case"max":FrameCall.father("core.editorFull","''");break;default:}if(Editor.current())switch(e){case"save":Editor.save();break;case"saveall":Editor.saveall();break;case"pre":Editor.current().undo();break;case"next":Editor.current().redo();break;case"find":Editor.current().execCommand("find");break;case"gotoline":Editor.current().commands.exec("gotoline",Editor.current());break;case"font":"block"==$("#fontsize").css("display")?$("#fontsize").fadeOut(100):$("#fontsize").fadeIn(100);break;case"codetheme":"block"==$("#codetheme").css("display")?$("#codetheme").fadeOut(100):$("#codetheme").fadeIn(100);break;case"wordbreak":Editor.config("wrap");break;case"display":Editor.config("display");break;case"setting":Editor.config("setting");break;case"auto_complete":Editor.config("auto_complete");break;case"preview":var t=urlDecode(urlDecode(Editor.current().kod.filename));t=core.path2url(t),i.open(t);break;case"close":Editor.remove();break;default:}},a=function(){$(".frame_right input").keyEnter(i.refresh);var e=!1,t=0,a=0;$drag=$(".frame_right .resize"),$box_left=$(".frame_left"),$box=$drag.parent(),$drag.die("mousedown").live("mousedown",function(e){return 1!=e.which?!0:(s(e),this.setCapture&&this.setCapture(),$(document).mousemove(function(e){o(e)}),$(document).one("mouseup",function(e){return n(e),this.releaseCapture&&this.releaseCapture(),!1}),void 0)});var s=function(i){e=!0,t=i.pageX,a=$box.width(),$drag.addClass("resize_active"),$("body").css("cursor","col-resize"),$box.append('
    ')},o=function(i){if(!e)return!0;var s=i.pageX-t,o=a-s,n=$(window).width();o>=n-50&&(o=n-50),100>=o&&(o=100),$box_left.css("width",n-o).find(".edit_body").css("width",n-o),$box.width(o),Tap.resetWidth("resize"),Editor.config("resize")},n=function(){return e?(e=!1,$drag.removeClass("resize_active"),$("body").css("cursor","default"),$box.find(".mask_view").remove(),void 0):!1}},i=function(){var e=$(".frame_right"),t=$(".frame_left"),a=e.find("input"),s=400;return{open:function(t){if("block"!=e.css("display")){e.css("display","block").css("width",s);var o=$(window).width()-s;$(".frame_left").css("width",o).find(".edit_body").css("width",o)}a.val(t),e.find(".open_ie").attr("href",t),e.find("iframe").attr("src",t),i.resize()},resize:function(){if("block"==e.css("display")){var a=e.width(),i=$(window).width();a>=i-50&&(a=i-50),100>=a&&(a=100),e.width(a),t.css("width",i-a).find(".edit_body").css("width",i-a)}Tap.resetWidth("resize"),Editor.config("resize")},close:function(){e.css("display","none"),a.val(""),e.find("iframe").attr("src",""),$(".frame_left").css("width","100%").find(".edit_body").css("width","100%"),Tap.resetWidth("resize"),Editor.config("resize")},refresh:function(){var t=a.attr("value");e.find(".open_ie").attr("href",t),e.find("iframe").attr("src",t)}}}();return{preview:i,doAction:t,init:function(){e(),a()}}}),define("app/src/edit/edit",["./mode"],function(e){var t={theme:G.codetheme,auto_complete:!0,fontsize:14,wrap:!0,display:!1},a={},i=void 0,s=e("./mode");ace.require("ace/ext/language_tools");var o=function(e,t){if(void 0==t||void 0==e||1>a.length)return"";for(var i in a)if(a[i].kod[e]==t)return a[i].kod.uuid;return""},n=function(e){var t,i="id_"+UUID();if(void 0==e)return t={uuid:i,name:"newfile.txt",charset:"utf-8",filename:"",mode:s.get("txt")},r(t),l(t),$(".edit_body .this").removeClass("this"),$(".edit_body pre#"+i).addClass("this"),void 0;t={charset:"utf-8",uuid:i,name:core.pathThis(urlDecode(urlDecode(e))),filename:e,mode:s.get(core.pathExt(urlDecode(e)))},r(t,!0);var o=art.dialog({title:!1,content:LNG.getting,icon:"warning"});$.ajax({dataType:"json",url:"./index.php?editor/fileGet&filename="+e,error:function(e,a,i){o.close(),v(t.uuid),core.ajaxError(e,a,i)},success:function(e){if(o.close(),!e.code)return Tips.tips(e),v(t.uuid),void 0;var s=e.data;a[i]=void 0,$("pre#"+i).text(s.content),l(t),$(".edit_body .this").removeClass("this"),$(".edit_body pre#"+i).addClass("this");var n=a[i];n.kod.charset=s.charset,n.navigateTo(0),n.moveCursorTo(0,0)}})},r=function(e,t){var a='
    '+'
    '+e.name+"
    "+' '+'
    '+"
    ";$(a).insertBefore(".edit_tab .add");var i='
    ';if($(".edit_body .tabs").append(i),c(e.uuid),t){var s=animate_time;animate_time=1,Tap.resetWidth("add"),animate_time=s}else Tap.resetWidth("add")},l=function(e){var s=ace.edit(e.uuid);s.setTheme("ace/theme/"+t.theme),void 0!=e.mode&&s.getSession().setMode("ace/mode/"+e.mode),s.getSession().setTabSize(4),s.getSession().setUseSoftTabs(!0),s.getSession().setUseWrapMode(t.wrap),s.setShowPrintMargin(!1),s.setDragDelay(100),s.setShowInvisibles(t.display),s.setFontSize(t.fontsize),s.setOptions({enableBasicAutocompletion:!0,enableSnippets:!0,enableLiveAutocompletion:t.auto_complete}),s.on("change",function(){u(s,!0)}),s.commands.addCommand({name:"editSave",bindKey:{win:"Ctrl-S",mac:"Command-S",sender:"editor|cli"},exec:function(e){f(e.kod.uuid)}}),s.commands.addCommand({name:"preview",bindKey:{win:"Ctrl-Shift-S",mac:"Command-Shift-S"},exec:function(){preview.open(),Toolbar.doAction("preview")}}),s.kod={uuid:e.uuid,name:e.name,charset:"ansii",filename:e.filename},a[e.uuid]=s,i=e.uuid,a[i].focus()},c=function(e,t){$(".edit_tab .this").removeClass("this"),$(".edit_tab .tab_"+e).addClass("this"),i=e,void 0!=a[e]&&a[e].focus(),1==t&&$(".edit_tab .this").stop(!0,!0).animate({opacity:.3},100).animate({opacity:.8},100).animate({opacity:.5},40).animate({opacity:1},40,function(){a[e].focus()})},d=function(e,t){void 0!=e&&""!=e&&(c(e,t),$(".edit_body .this").removeClass("this"),$(".edit_body pre#"+e).addClass("this"))},p=function(e,i,s){var o=a;void 0!=s&&(o={},o[s]=a[s]);for(var n in o){var r=o[n];switch(e){case"resize":r.resize();break;case"theme":t[e]=i,r.setTheme("ace/theme/"+i);break;case"fontsize":t[e]=i,r.setFontSize(i);break;case"wrap":t[e]=!r.getSession().getUseWrapMode(),r.getSession().setUseWrapMode(t[e]);break;case"display":t[e]=!r.getShowInvisibles(),r.setShowInvisibles(t[e]);break;case"setting":r.commands.exec("showSettingsMenu",r);break;case"auto_complete":t[e]=!r.$enableBasicAutocompletion,r.setOptions({enableLiveAutocompletion:t[e]}),r.$enableBasicAutocompletion=t[e];break;default:}}"theme"==e&&$.ajax({url:"./index.php?setting/set&k=codetheme&v="+i,dataType:"json",success:function(e){tips(e)}})},u=function(e,t){t!=e.hasChanged&&(e.hasChanged=t,$(".edit_tab .tabs .tab_"+e.kod.uuid).toggleClass("edit_changed"))},f=function(e,t){if(void 0!=i){void 0==e&&(e=i),void 0==t&&(t=!1);var s=a[e];if(s.hasChanged){if(void 0==s||""==s)return tips(LNG.data_error,"warning"),void 0;b().focus();var o=urlEncode2(s.getValue()),n=s.kod.filename;$.ajax({type:"POST",async:!1,dataType:"json",url:"./index.php?editor/fileSave",data:"path="+n+"&charset="+s.kod.charset+"&filestr="+o,beforeSend:function(){Tips.loading(LNG.sending)},error:core.ajaxError,success:function(a){Tips.close(a),a.code&&(u(s,!1),t&&v(e))}})}}},h=function(){for(var e in a)f(e)},m=function(e){if(void 0==e&&(e=i),void 0!=a[e]){var t=a[e];t.hasChanged?$.dialog({title:LNG.warning,resize:!1,background:"#fff",opacity:.4,lock:!0,icon:"question",content:t.kod.name+"
    "+LNG.if_save_file,padding:30,button:[{name:LNG.button_save,focus:!0,callback:function(){f(e,!0)}},{name:LNG.button_not_save,callback:function(){v(e)}},{name:LNG.button_cancle,callback:function(){b().focus()}}]}):v(e)}},v=function(e){delete a[e];var t="",i=$(".edit_tab .tab"),s=$(".edit_tab .tab_"+e),o=$(".edit_body pre#"+e);s.hasClass("this")?(i.length>1&&($(i[0]).attr("uuid")==e?t=$(i[1]).attr("uuid"):i.each(function(){var a=$(this).attr("uuid");return a==e?!1:(t=a,void 0)})),""!=t&&$(".edit_body pre#"+t).addClass("this"),o.remove(),Tap.resetWidth("remove",s,t)):(o.remove(),Tap.resetWidth("remove",s))},g=function(){for(var e in a)if(a[e].hasChanged)return!0;return!1},_=function(e){core.setSkin(e,"app_code_edit.css")},b=function(){return i&&a[i]?a[i]:!1};return{current:b,hasFileSave:g,config:p,setTheme:_,select:d,remove:m,save:f,saveall:h,add:function(e){var t=o("filename",e);""!=t?d(t,!0):n(e)}}}),define("app/src/edit/mode",[],function(){function e(){for(var e in i)for(var t=0;i[e].length>t;t++)a[i[e][t]]=e}function t(e){return a[e]}var a={},i={abap:["abap"],actionscript:["as"],ada:["ada","adb"],apache_conf:["htaccess","htgroups","htpasswd","conf","htaccess","htgroups","htpasswd"],asciidoc:["asciidoc"],assembly_x86:["asm"],autohotkey:["ahk"],batchfile:["bat","cmd"],c9search:["c9search_results"],c_cpp:["cpp","c","cc","cxx","h","hh","hpp"],clojure:["clj"],cobol:["cbl","cob"],coffee:["coffee","cf","cson","cakefile"],coldfusion:["cfm"],csharp:["cs"],css:["css"],curly:["curly"],d:["d","di"],dart:["dart"],diff:["diff","patch"],dot:["dot"],erlang:["erl","hrl"],ejs:["ejs"],forth:["frt","fs","ldr"],ftl:["ftl"],glsl:["glsl","frag","vert"],golang:["go"],groovy:["groovy"],haml:["haml"],handlebars:["hbs","handlebars","tpl","mustache"],haskell:["hs"],haxe:["hx"],html:["html","htm","xhtml","cshtml"],html_ruby:["erb","rhtml"],ini:["ini","conf","cfg","prefs"],jack:["jack"],jade:["jade"],java:["java"],javascript:["js","jsm"],json:["json","oexe"],jsoniq:["jq"],jsp:["jsp"],jsx:["jsx"],julia:["jl"],latex:["tex","latex","ltx","bib"],less:["less"],liquid:["liquid"],lisp:["lisp"],livescript:["ls"],logiql:["logic","lql"],lsl:["lsl"],lua:["lua"],luapage:["lp"],lucene:["lucene"],makefile:["makefile","gnumakefile","makefile","ocamlmakefile","make"],matlab:["matlab"],markdown:["md","markdown"],mel:["mel"],mysql:["mysql"],mushcode:["mc","mush"],nix:["nix"],objectivec:["m","mm"],ocaml:["ml","mli"],pascal:["pas","p"],perl:["pl","pm"],pgsql:["pgsql"],php:["php","phtml"],powershell:["ps1"],prolog:["plg","prolog"],properties:["properties"],protobuf:["proto"],python:["py"],r:["r"],rdoc:["rd"],rhtml:["rhtml"],ruby:["rb","ru","gemspec","rake","guardfile","rakefile","gemfile"],rust:["rs"],sass:["sass"],scad:["scad"],scala:["scala"],scheme:["scm","rkt"],scss:["scss"],sh:["sh","bash",".bashrc"],sjs:["sjs"],space:["space"],snippets:["snippets"],soy_template:["soy"],sql:["sql"],stylus:["styl","stylus"],svg:["svg"],tcl:["tcl"],tex:["tex"],text:["txt","ini","log"],textile:["textile"],toml:["toml"],twig:["twig"],typescript:["ts","typescript","str"],vbscript:["vbs"],velocity:["vm"],verilog:["v","vh","sv","svh"],xml:["xml","rdf","rss","wsdl","xslt","atom","mathml","mml","xul","xbl"],xquery:["xq"],yaml:["yaml","yml"]};return e(),{get:t,modes:a}}),define("app/common/core",["../tpl/search","../tpl/upload"],function(require,exports){return{filetype:{music:["mp3","wma","wav","mid","aac","ogg","oga","midi","ram","ac3","aif","aiff","m3a","m4a","m4b","mka","mp1","mx3","mp2"],movie:["avi","flv","f4v","wmv","3gp","rmvb","mp4","rm","rmvb","flv","mkv","wmv","asf","avi","aiff","mp4","divx","dv","m4v","mov","mpeg","vob","mpg","mpv","ogm","ogv","qt"],image:["jpg","jpeg","png","bmp","gif","ico","tif","tiff","dib","rle"],code:["html","htm","js","css","less","scss","sass","py","php","rb","erl","lua","pl","c","cpp","m","h","java","jsp","cs","asp","sql","as","go","lsp","yml","json","tpl","xml","cmd","reg","bat","vbs","sh"],doc:["doc","docx","docm","xls","xlsx","xlsb","xlsm","ppt","pptx","pptm"],text:["txt","ini","inc","inf","conf","oexe","md","htaccess","csv","log","asc","tsv"],bindary:["pdf","bin","zip","swf","gzip","rar","arj","tar","gz","cab","tbz","tbz2","lzh","uue","bz2","ace","exe","so","dll","chm","rtf","odp","odt","pages","class","psd","ttf"]},ico:function(e){var t=G.static_path+"images/file_16/",a=["folder","file","edit","search","up","setting","appStore","error","info","mp3","flv","pdf","doc","xls","ppt","html","swf"],i=$.inArray(e,a);return-1==i?t+"file.png":t+e+".png"},contextmenu:function(e){rightMenu.hidden();var t=e||window.event;return t&&($.nodeName(t.target,"TEXTAREA")||$.nodeName(t.target,"INPUT"))?!0:void 0},pathThis:function(e){e=e.replace(/\\/g,"/");var t=e.split("/"),a=t[t.length-1];return""==a&&(a=t[t.length-2]),a},pathFather:function(e){e=e.replace(/\\/g,"/");var t=e.lastIndexOf("/");return e.substr(0,t+1)},pathExt:function(e){e=e.replace(/\\/g,"/"),e=e.replace(/\/+/g,"/");var t=e.lastIndexOf(".");return e=e.substr(t+1),e.toLowerCase()},path2url:function(e){if("http"==e.substr(0,4))return e;if(e=e.replace(/\\/g,"/"),e=e.replace(/\/+/g,"/"),e=e.replace(/\/\.*\//g,"/"),e.substring(0,G.public_path.length)==G.public_path)return G.app_host+"data/public/"+e.replace(G.public_path,"");if(G.is_root){if(e.substring(0,G.web_root.length)==G.web_root)return G.web_host+e.replace(G.web_root,"");var t=G.basic_path.replace(G.web_root,"")+"/";return t=G.web_host+t,t+"index.php?explorer/fileProxy&path="+urlEncode(e)}return G.web_host+G.web_root+e},ajaxError:function(e){core.tips.close(LNG.system_error,!1);var t=e.responseText,a='
    '+t+"
    ",i=$.dialog.list.ajaxErrorDialog;return""==t.substr(0,17)?(FrameCall.goRefresh(),void 0):(i?i.content(a):$.dialog({id:"ajaxErrorDialog",padding:0,fixed:!0,resize:!0,ico:core.ico("error"),title:"ajax error",content:a}),void 0)},setting:function(e){void 0==e&&(e=""),void 0==window.top.frames.Opensetting_mode?$.dialog.open("./index.php?setting#"+e,{id:"setting_mode",fixed:!0,ico:core.ico("setting"),resize:!0,title:LNG.setting,width:960,height:580}):($.dialog.list.setting_mode.display(!0),FrameCall.top("Opensetting_mode","Setting.setGoto",'"'+e+'"'))},appStore:function(){$.dialog.open("./index.php?app",{id:"app_store",fixed:!0,ico:core.ico("appStore"),resize:!0,title:LNG.app_store,width:800,height:500})},openApp:function(app){if("url"==app.type){var icon=app.icon;-1==app.icon.search(G.static_path)&&"http"!=app.icon.substring(0,4)&&(icon=G.static_path+"images/app/"+app.icon),"number"!=typeof app.width&&-1==app.width.search("%")&&(app.width=parseInt(app.width)),"number"!=typeof app.height&&-1==app.height.search("%")&&(app.height=parseInt(app.height)),$.dialog.open(app.content,{title:app.name,fixed:!0,ico:icon,resize:app.resize,simple:app.simple,title:app.name.replace(".oexe",""),width:app.width,height:app.height})}else{var exec=app.content;eval("{"+exec+"}")}},update:function(e){var t=base64_decode("aHR0cDovL3N0YXRpYy5rYWxjYWRkbGUuY29tL3VwZGF0ZS9tYWluLmpz");require.async(t,function(t){try{t.todo(e)}catch(a){}})},explorer:function(e){void 0==e&&(e=""),$.dialog.open("?/explorer&type=iframe&path="+e,{resize:!0,fixed:!0,ico:core.ico("folder"),title:LNG.ui_filemanage,width:880,height:550})},setSkin:function(e,t){var a="./../../../style/skin/"+e+t,i=G.static_path+"style/skin/"+e+t;require.async(a,function(){$("#link_css_list").attr("href",i),$("link[rel=stylesheet]").each(function(){var e=$(this).attr("href");e.substring(e.length-t.length)==t&&"link_css_list"!=$(this).attr("id")&&$(this).remove()})})},editorFull:function(){var e=$("iframe[name=OpenopenEditor]");e.toggleClass("frame_fullscreen")},language:function(e){Cookie.set("kod_user_language",e,8760),window.location.reload()},tips:{loading:function(e){Tips.loading(e,"info",Global.topbar_height)},close:function(e,t){"object"==typeof e?Tips.close(e.data,e.code,Global.topbar_height):Tips.close(e,t,Global.topbar_height)},tips:function(e,t){"object"==typeof e?Tips.tips(e.data,e.code,Global.topbar_height):Tips.tips(e,t,Global.topbar_height)}},createFlash:function(e,t,a){var i=''+''+''+''+''+''+"";return i},search:function(e,t){var a,i,s=require("../tpl/search"),o=function(){var o=template.compile(s.html);0==$(".dialog_do_search").length?(r(),i={search:e,path:t,is_content:void 0,is_case:void 0,ext:"",LNG:LNG},a=$.dialog({id:"dialog_do_search",padding:0,fixed:!0,ico:core.ico("search"),resize:!0,title:LNG.search,width:450,content:o(i)}),c(i),$("#search_ext").tooltip({placement:"bottom",html:!0}),$("#search_path").tooltip({placement:"bottom",html:!0,title:function(){return $("#search_path").val()}})):($("#search_value").val(e),$("#search_path").val(t),n(),$.dialog.list.dialog_do_search.display(!0))},n=function(){i={search:$("#search_value").val(),path:$("#search_path").val(),is_content:$("#search_is_content").attr("checked"),is_case:$("#search_is_case").attr("checked"),ext:$("#search_ext").val()},c(i)},r=function(){l(),$("#search_value,#search_ext,#search_path").keyEnter(n),$(".search_header a.button").die("click").live("click",n),$(".search_result .list .name").die("click").live("click",function(){var e=$(this).find("a").html(),t=$(this).parent().find(".path a").html()+e;$(this).parent().hasClass("file")?ui.pathOpen.open(t):"explorer"==Config.pageApp?ui.path.list(t+"/","tips"):core.explorer(t+"/")}),$(".search_result .list .path a").die("click").live("click",function(){var e=$(this).html();"explorer"==Config.pageApp?ui.path.list(e,"tips"):core.explorer(e)})},l=function(){$("#search_value").die("keyup").live("keyup",function(){ui.path.setSearchByStr($(this).val())})},c=function(e){var t=150;$("#search_value").focus(),$(".search_result .list").remove();var a=$(".search_result .message td");return e.search&&e.path?1>=e.search.length?(a.hide().html("too short!").fadeIn(t),void 0):($.ajax({url:"index.php?explorer/search",dataType:"json",type:"POST",data:e,beforeSend:function(){a.hide().html(LNG.searching+'').fadeIn(t)},error:core.ajaxError,success:function(e){if(!e.code)return a.hide().html(e.data).fadeIn(t),void 0;if(0==e.data.filelist.length&&0==e.data.folderlist.length)return a.hide().html(LNG.search_null).fadeIn(t),void 0;a.hide();var i=template.compile(s.list);e.data.LNG=LNG,$(i(e.data)).insertAfter(".search_result .message").fadeIn(t)}}),void 0):(a.hide().html(LNG.search_info).fadeIn(t),void 0)};o()},upload:function(){G.upload_path=G.this_path;var e=urlDecode(G.upload_path);uploader.option("server","index.php?explorer/fileUpload&path="+G.upload_path);var t=30>=e.length?e:"..."+e.substr(e.length-30);if(0!=$(".dialog_file_upload").length)return $(".file_upload .upload_path b").html(t),$.dialog.list.dialog_file_upload.display(!0),void 0;var a=require("../tpl/upload"),i=template.compile(a.html),s=WebUploader.Base.formatSize(G.upload_max);$.dialog({padding:5,height:430,resize:!0,ico:core.ico("up"),id:"dialog_file_upload",fixed:!0,title:LNG.upload_muti,content:i({LNG:LNG,maxsize:s}),close:function(){$.each(uploader.getFiles(),function(e,t){uploader.skipFile(t),uploader.removeFile(t)})}}),$(".file_upload .tips").tooltip({placement:"bottom"}),$(".file_upload .upload_path").tooltip({placement:"bottom",title:function(){return G.upload_path}}),$(".file_upload .upload_path b").html(t),$(".file_upload .top_nav a.menu").unbind("click").bind("click",function(){$(this).hasClass("tab_upload")?($(".file_upload .tab_upload").addClass("this"),$(".file_upload .tab_download").removeClass("this"),$(".file_upload .upload_box").removeClass("hidden"),$(".file_upload .download_box").addClass("hidden")):($(".file_upload .tab_upload").removeClass("this"),$(".file_upload .tab_download").addClass("this"),$(".file_upload .upload_box").addClass("hidden"),$(".file_upload .download_box").removeClass("hidden"))}),$(".file_upload .download_box button").unbind("click").bind("click",function(){core.server_dwonload(G.upload_path)}),uploader.addButton({id:"#picker"})},server_dwonload:function(e){var t=$(".download_box"),a=t.find("#download_list"),i=t.find("input").val();if(t.find("input").val(""),!i||"http"!=i.substr(0,4))return core.tips.tips("url false!",!1),void 0;var s=UUID(),o='
    '+'
    '+i+''+LNG.upload_ready+'
    ';a.find(".item").length>0?$(o).insertBefore(a.find(".item:eq(0)")):a.append(o);var n,r,l,c=0,d=$("#"+s+" .state").text(LNG.download_ready),p=$('
    ').appendTo("#"+s).find(".progress-bar");$.ajax({url:"./index.php?explorer/serverDownload&type=download&save_path="+e+"&url="+urlEncode2(i)+"&uuid="+s,dataType:"json",error:function(e,t,a){core.ajaxError(e,t,a),clearInterval(n),n=!1,clearTimeout(r),n=!1,p.parent().remove(),d.addClass("error").text(LNG.download_error)},success:function(e){clearInterval(n),n=!1,clearTimeout(r),n=!1,e.code?(FrameCall.father("ui.f5_callback","function(){ui.path.setSelectByFilename('"+e.info+"');}"),d.text(LNG.download_success),$("#"+s+" .info .title").html(e.info)):d.addClass("error").text(LNG.error),p.parent().remove()}});var u=function(){$.ajax({url:"./index.php?explorer/serverDownload&type=percent&uuid="+s,dataType:"json",success:function(e){if(n){if(!e.code)return d.text(LNG.loading),void 0;var t="",a=e.data;if(a){if(a.size=parseFloat(a.size),a.time=parseFloat(a.time),l){var i=(a.size-l.size)/(a.time-l.time);if(c>.2*i){var s=c;c=i,i=s}else c=i;t=core.file_size(i)+"/s"}if(0==a.length)p.css("width","100%").text(LNG.loading);else{var o=round(100*(a.size/a.length),1);p.css("width",o+"%").text(o+"%")}d.text(t+"("+core.file_size(a.length)+")"),l=a}}}})};r=setTimeout(function(){u(),n=setInterval(function(){u()},1e3)},100)},file_size:function(e){if(0==e)return"0B";e=parseFloat(e);var t={GB:1073741824,MB:1048576,KB:1024,"B ":0};for(var a in t)if(e>=t[a])return(e/t[a]).toFixed(1)+a;return"0B"},upload_init:function(){var e="#thelist",t="span.state";uploader=WebUploader.create({swf:G.static_path+"js/lib/webuploader/Uploader.swf",dnd:"body",threads:3,fileSizeLimit:G.upload_max,resize:!1});var a=[];uploader.on("uploadBeforeSend",function(e,t){var a=urlEncode(e.file.fullPath);(void 0==a||"undefined"==a)&&(a=""),t.fullPath=a}).on("fileQueued",function(t){var a,i=$(e),a=t.fullPath;(void 0==a||"undefined"==a)&&(a=t.name),$(e).find(".item").length>0&&(i=$(e).find(".item:eq(0)"));var s='
    '+'
    '+a+''+LNG.upload_ready+'
    ';$(e).find(".item").length>0?$(s).insertBefore($(e).find(".item:eq(0)")):$(e).append(s),uploader.upload()}).on("uploadProgress",function(e,t){var a=$("#"+e.id),i=a.find(".progress .progress-bar");i.length||(i=$('
    ').appendTo(a).find(".progress-bar")),a.find(".state").text((100*t).toFixed(2)+"%"),i.css("width",100*t+"%")}).on("uploadAccept",function(e,t){e.file.serverData=t;try{a.push(core.pathThis(t.info))}catch(i){}}).on("uploadSuccess",function(e){var i=e.serverData;i.code?$("#"+e.id).find(t).text(i.data):$("#"+e.id).find(t).addClass("error").text(i.data),uploader.removeFile(e),$("#"+e.id).find(".progress").fadeOut();var s=a;ui.f5_callback(function(){ui.path.setSelectByFilename(s)})}).on("uploadError",function(e){$("#"+e.id).find(t).addClass("error").text(LNG.upload_error)}).on("uploadFinished",function(){$(e).find(".item").delay(2e3).each(function(e){$(this).delay(300*e).slideUp(600)}),a=[],"explorer"==Config.pageApp&&ui.tree.checkIfChange(G.this_path)}).on("error",function(e){core.tips.tips(e,!1)});var i;inState=!1,dragOver=function(){0==inState&&(inState=!0,MaskView.tips(LNG.upload_drag_tips)),i&&window.clearTimeout(i)},dragLeave=function(e){stopPP(e),i&&window.clearTimeout(i),i=window.setTimeout(function(){inState=!1,MaskView.close()},100)},dragDrop=function(e){e=e.originalEvent||e;var t=e.dataTransfer.getData("text/plain");t&&"http"==t.substring(0,4)?ui.path.pathOperate.appAddURL(t):core.upload(),stopPP(e),inState&&(inState=!1,MaskView.close())}}}}),define("app/tpl/search",[],function(){var e="
            
               
                                    
    {{LNG.path}}:
                
               
                                                                                    
    {{LNG.file_type}}:
                
            
            
                
                    
                       {{LNG.name}}                   {{LNG.type}}                   {{LNG.size}}                   {{LNG.path}}                
                    
                
            
        
    ",t="{{each folderlist as v i}}                    {{v.name}}            {{LNG.folder}}            0            {{v.path}}            {{/each}}    {{each filelist as v i}}                    {{v.name}}            {{v.ext}}            {{v.size_friendly}}            {{v.path}}            {{/each}}";
+var animate_time=160;define("app/src/edit/main",["lib/jquery-lib","lib/util","lib/contextMenu/jquery-contextMenu","lib/artDialog/jquery-artDialog","./taskTap","./toolbar","./edit","./mode","../../common/core","../../tpl/search","../../tpl/upload"],function(e){e("lib/jquery-lib"),e("lib/util"),e("lib/contextMenu/jquery-contextMenu"),e("lib/artDialog/jquery-artDialog"),Tap=e("./taskTap"),Toolbar=e("./toolbar"),Editor=e("./edit"),core=e("../../common/core"),rightMenu=Tap.rightMenu,preview=Toolbar.preview,Global={topbar_height:40,isIE:!-[1]},$(document).ready(function(){Tap.init(),Toolbar.init(),""!=G.frist_file&&Editor.add(G.frist_file),window.onbeforeunload=function(){return Editor.hasFileSave()?LNG.if_save_file:void 0}})}),define("app/src/edit/taskTap",[],function(){var e=function(){$(".edit_tab .tab").live("mouseenter",function(){$(this).hasClass("this")||$(this).addClass("hover"),$(this).unbind("mousedown").mousedown(function(e){$(this).hasClass("this")||$.nodeName(e.target,"A")||($(this).removeClass("hover").addClass("this"),Editor.select($(this).attr("uuid")))})}).die("mouseleave").live("mouseleave",function(){$(this).removeClass("hover")}).die("dblclick").live("dblclick",function(e){Editor.remove($(this).attr("uuid")),stopPP(e)}),$(".edit_tab").die("dblclick").live("dblclick",function(e){Editor.add(),stopPP(e)}),$(".edit_tab .tab .close").live("click",function(){var e=$(this).parent().attr("uuid");Editor.remove(e)})},t=function(){$(".context-menu-list").filter(":visible").trigger("contextmenu:hide")},a=function(){$("body").click(t).contextmenu(t),$.contextMenu({zIndex:9999,selector:".edit_tab_menu",items:{close:{name:LNG.close,icon:"remove",accesskey:"d"},close_right:{name:LNG.close_right,icon:"remove-sign",accesskey:"r"},close_others:{name:LNG.close_others,icon:"remove-circle",accesskey:"o"},sep1:"--------",create:{name:LNG.newfile,icon:"plus",accesskey:"n"},preview:{name:LNG.preview,icon:"globe",accesskey:"p"}},callback:function(e,t){var a=t.$trigger,i=a.attr("uuid");switch(e){case"close":Editor.remove();break;case"close_right":var s=$(".edit_tab .tabs .tab").index(a);$(".edit_tab .tabs .tab:gt("+s+")").each(function(){Editor.remove($(this).attr("uuid"))});break;case"close_others":$(".edit_tab .tabs .tab").each(function(){var e=$(this).attr("uuid");e!=i&&Editor.remove(e)});break;case"create":Editor.add();break;case"preview":Toolbar.doAction("preview");break;default:}}}),$(".context-menu-root").addClass("fadein")},i=function(){var e,t,a,i,s=!1,o=!1,n=0,r=0,l=0,c=0,d=0,p=0;$(".edit_tab .tab").die("mousedown").live("mousedown",function(t){$.nodeName(t.target,"A")||(e=$.nodeName(t.target,"SPAN")?$(t.target).parent():$(this),s=!0,this.setCapture&&this.setCapture(),$(document).mousemove(function(e){f(e)}),$(document).one("mouseup",function(e){return m(e),this.releaseCapture&&this.releaseCapture(),stopPP(e),!1}))});var u=function(i){o=!0,n=i.pageX,$tab_parent=$(".edit_tab"),t=$(".edit_tab .tab"),$(".draggable-dragging").remove(),a=e.clone().addClass("draggable-dragging").prependTo("body"),c=parseInt(t.css("margin-right")),d=$tab_parent.width(),p=$tab_parent.get(0).getBoundingClientRect().left,p+=$(window).scrollLeft(),r=e.get(0).getBoundingClientRect().left,l=parseInt(t.css("width"));var s=e.get(0).getBoundingClientRect().top-parseInt(e.css("margin-top")),u=i.clientX-n+r;$("body").prepend("
    "),a.css({width:l+"px",top:s,left:u}),e.css("opacity",0)},f=function(i){if(s){0==o&&u(i);var f=i.clientX-n+r;p>f||f>p+d-l||(a.css("left",f),t.each(function(){var t=$(this).get(0).getBoundingClientRect().left;if(f>t&&t+l/2+c>f){if(e.attr("uuid")==$(this).attr("uuid"))return;h($(this).attr("uuid"),"left")}if(f>t-l/2+c&&t>f){if(e.attr("uuid")==$(this).attr("uuid"))return;h($(this).attr("uuid"),"right")}}))}},h=function(a,s){if(!e.is(":animated")||i!=a){i=a,e.stop(!0,!0),$(".insertTemp").remove(),t=$(".edit_tab .tab");var o=e.width(),n=$(".edit_tab .tab_"+a),r=e.clone(!0).insertAfter(e).css({"margin-right":"0px",border:"none"}).addClass("insertTemp");"left"==s?e.after(n).css("width","0px"):(e.before(n).css("width","0px"),n.before(r)),e.animate({width:o+"px"},animate_time),r.animate({width:"0px"},animate_time,function(){$(this).remove(),t=$(".edit_tab .tab")})}},m=function(){s=!1,o=!1,startTime=0,$(".dragMaskView").remove(),void 0!=a&&(r=e.get(0).getBoundingClientRect().left,a.animate({left:r+"px"},animate_time,function(){e.css("opacity",1),$(this).remove()}))}},s=function(e,t,a){var i=1.5*animate_time,s=122,o=s,n=$(".edit_tab .tab"),r=$(".edit_tab .tabs").width()-4,l=parseInt(n.css("margin-right"))+parseInt(n.css("border-right")),c=parseInt($(".edit_tab .add").outerWidth())+2*l,d=n.length,p=Math.floor((r-c)/(s+l));switch(d>p&&(o=Math.floor((r-c)/d)-l),e){case"add":$(".edit_tab .tabs .this").css({"margin-top":"30px",width:o}).animate({"margin-top":"0px"},i),n.animate({width:o+"px"},i);break;case"remove":void 0!=a&&Editor.select(a),t.animate({width:"0","margin-top":"+=30"},i,function(){t.remove()}),n.animate({width:o+"px"},i);break;case"resize":n.css("width",o+"px");break;default:}};return{rightMenu:{hidden:t},resetWidth:s,init:function(){$("body").live("resize",function(){s("resize")}),e(),i(),a(),Mousetrap.bind(["ctrl+s","command+s"],function(e){e.preventDefault(),e.returnvalue=!1,Editor.save()})}}}),define("app/src/edit/toolbar",[],function(){var e=function(){$(window).bind("resize",function(){i.resize()}),$("#fontsize li").mouseenter(function(){$(this).addClass("lihover"),$(this).unbind("click").click(function(){var e=$(this).text();$("a.font span").text(e),Editor.config("fontsize",e),$(".dropbox").css("display","none"),$("#fontsize li.this").removeClass("this"),$(this).addClass("this"),Editor.current()&&Editor.current().focus()})}).mouseleave(function(){$(this).toggleClass("lihover")}),$(".tools a[action=wordbreak],.tools a[action=display],.tools a[action=auto_complete]").bind("click",function(){$(this).toggleClass("select")}),$(".tools a").bind("click",function(){var e=$(this).attr("action");t(e),Editor.current()&&Editor.current().focus()}),$("#codetheme li").mouseenter(function(){$(this).addClass("lihover"),$(this).unbind("click").click(function(){var e=$(this).attr("theme");Editor.config("theme",e),$("a[action=codetheme] span").text($(this).html()),$(".dropbox").css("display","none"),$("#codetheme li.this").removeClass("this"),$(this).addClass("this")})}).mouseleave(function(){$(this).toggleClass("lihover")}),$(".tools .left a").tooltip({placement:"bottom"})},t=function(e){switch(e){case"max":FrameCall.father("core.editorFull","''");break;default:}if(Editor.current())switch(e){case"save":Editor.save();break;case"saveall":Editor.saveall();break;case"pre":Editor.current().undo();break;case"next":Editor.current().redo();break;case"find":Editor.current().execCommand("find");break;case"gotoline":Editor.current().commands.exec("gotoline",Editor.current());break;case"font":"block"==$("#fontsize").css("display")?$("#fontsize").fadeOut(100):$("#fontsize").fadeIn(100);break;case"codetheme":"block"==$("#codetheme").css("display")?$("#codetheme").fadeOut(100):$("#codetheme").fadeIn(100);break;case"wordbreak":Editor.config("wrap");break;case"display":Editor.config("display");break;case"setting":Editor.config("setting");break;case"auto_complete":Editor.config("auto_complete");break;case"preview":var t=urlDecode(urlDecode(Editor.current().kod.filename));t=core.path2url(t),i.open(t);break;case"close":Editor.remove();break;default:}},a=function(){$(".frame_right input").keyEnter(i.refresh);var e=!1,t=0,a=0;$drag=$(".frame_right .resize"),$box_left=$(".frame_left"),$box=$drag.parent(),$drag.die("mousedown").live("mousedown",function(e){return 1!=e.which?!0:(s(e),this.setCapture&&this.setCapture(),$(document).mousemove(function(e){o(e)}),$(document).one("mouseup",function(e){return n(e),this.releaseCapture&&this.releaseCapture(),!1}),void 0)});var s=function(i){e=!0,t=i.pageX,a=$box.width(),$drag.addClass("resize_active"),$("body").css("cursor","col-resize"),$box.append('
    ')},o=function(i){if(!e)return!0;var s=i.pageX-t,o=a-s,n=$(window).width();o>=n-50&&(o=n-50),100>=o&&(o=100),$box_left.css("width",n-o).find(".edit_body").css("width",n-o),$box.width(o),Tap.resetWidth("resize"),Editor.config("resize")},n=function(){return e?(e=!1,$drag.removeClass("resize_active"),$("body").css("cursor","default"),$box.find(".mask_view").remove(),void 0):!1}},i=function(){var e=$(".frame_right"),t=$(".frame_left"),a=e.find("input"),s=400;return{open:function(t){if("block"!=e.css("display")){e.css("display","block").css("width",s);var o=$(window).width()-s;$(".frame_left").css("width",o).find(".edit_body").css("width",o)}a.val(t),e.find(".open_ie").attr("href",t),e.find("iframe").attr("src",t),i.resize()},resize:function(){if("block"==e.css("display")){var a=e.width(),i=$(window).width();a>=i-50&&(a=i-50),100>=a&&(a=100),e.width(a),t.css("width",i-a).find(".edit_body").css("width",i-a)}Tap.resetWidth("resize"),Editor.config("resize")},close:function(){e.css("display","none"),a.val(""),e.find("iframe").attr("src",""),$(".frame_left").css("width","100%").find(".edit_body").css("width","100%"),Tap.resetWidth("resize"),Editor.config("resize")},refresh:function(){var t=a.attr("value");e.find(".open_ie").attr("href",t),e.find("iframe").attr("src",t)}}}();return{preview:i,doAction:t,init:function(){e(),a()}}}),define("app/src/edit/edit",["./mode"],function(e){var t={theme:G.code_config.theme,fontsize:G.code_config.font_size,auto_complete:parseInt(G.code_config.auto_complete),wrap:parseInt(G.code_config.auto_wrap),display:parseInt(G.code_config.display_char)},a={},i=void 0,s=e("./mode");ace.require("ace/ext/language_tools");var o=function(e,t){if(void 0==t||void 0==e||1>a.length)return"";for(var i in a)if(a[i].kod[e]==t)return a[i].kod.uuid;return""},n=function(){$("#fontsize li").removeClass("this"),$("#fontsize li").each(function(){t.fontsize==$(this).html()&&$(this).addClass("this")}),$("#codetheme li").removeClass("this"),$("#codetheme li").each(function(){t.theme==$(this).attr("theme")&&$(this).addClass("this")}),1==t.wrap&&$("a[action=wordbreak]").addClass("select"),1==t.display&&$("a[action=display]").addClass("select"),1==t.auto_complete&&$("a[action=auto_complete]").addClass("select")};n();var r=function(e){var t,i="id_"+UUID();if(void 0==e)return t={uuid:i,name:"newfile.txt",charset:"utf-8",filename:"",mode:s.get("txt")},l(t),c(t),$(".edit_body .this").removeClass("this"),$(".edit_body pre#"+i).addClass("this"),void 0;t={charset:"utf-8",uuid:i,name:core.pathThis(urlDecode(urlDecode(e))),filename:e,mode:s.get(core.pathExt(urlDecode(e)))},l(t,!0);var o=art.dialog({title:!1,content:LNG.getting,icon:"warning"});$.ajax({dataType:"json",url:"./index.php?editor/fileGet&filename="+e,error:function(e,a,i){o.close(),g(t.uuid),core.ajaxError(e,a,i)},success:function(e){if(o.close(),!e.code)return Tips.tips(e),g(t.uuid),void 0;var s=e.data;a[i]=void 0,$("pre#"+i).text(s.content),c(t),$(".edit_body .this").removeClass("this"),$(".edit_body pre#"+i).addClass("this");var n=a[i];n.kod.charset=s.charset,n.navigateTo(0),n.moveCursorTo(0,0)}})},l=function(e,t){var a='
    '+'   
    '+e.name+"
    "+'   '+'   
    '+"
    ";$(a).insertBefore(".edit_tab .add");var i='
    ';if($(".edit_body .tabs").append(i),d(e.uuid),t){var s=animate_time;animate_time=1,Tap.resetWidth("add"),animate_time=s}else Tap.resetWidth("add")},c=function(e){var s=ace.edit(e.uuid);s.setTheme("ace/theme/"+t.theme),void 0!=e.mode&&s.getSession().setMode("ace/mode/"+e.mode),s.getSession().setTabSize(4),s.getSession().setUseSoftTabs(!0),s.getSession().setUseWrapMode(t.wrap),s.setShowPrintMargin(!1),s.setDragDelay(100),s.setShowInvisibles(t.display),s.setFontSize(t.fontsize),s.setOptions({enableBasicAutocompletion:!0,enableSnippets:!0,enableLiveAutocompletion:t.auto_complete}),s.on("change",function(){f(s,!0)}),s.commands.addCommand({name:"editSave",bindKey:{win:"Ctrl-S",mac:"Command-S",sender:"editor|cli"},exec:function(e){h(e.kod.uuid)}}),s.commands.addCommand({name:"preview",bindKey:{win:"Ctrl-Shift-S",mac:"Command-Shift-S"},exec:function(){preview.open(),Toolbar.doAction("preview")}}),s.kod={uuid:e.uuid,name:e.name,charset:"ansii",filename:e.filename},a[e.uuid]=s,i=e.uuid,a[i].focus()},d=function(e,t){$(".edit_tab .this").removeClass("this"),$(".edit_tab .tab_"+e).addClass("this"),i=e,void 0!=a[e]&&a[e].focus(),1==t&&$(".edit_tab .this").stop(!0,!0).animate({opacity:.3},100).animate({opacity:.8},100).animate({opacity:.5},40).animate({opacity:1},40,function(){a[e].focus()})},p=function(e,t){void 0!=e&&""!=e&&(d(e,t),$(".edit_body .this").removeClass("this"),$(".edit_body pre#"+e).addClass("this"))},u=function(e,i,s){var o=a;void 0!=s&&(o={},o[s]=a[s]);var n=void 0;for(var r in o){var l=o[r];switch(e){case"resize":l.resize();break;case"theme":t[e]=i,l.setTheme("ace/theme/"+i),G.code_config.theme=i,n={k:"theme",v:i};break;case"fontsize":t[e]=i,l.setFontSize(i),G.code_config.font_size=i,n={k:"font_size",v:i};break;case"wrap":t[e]=!l.getSession().getUseWrapMode(),l.getSession().setUseWrapMode(t[e]),G.code_config.auto_wrap=t[e];var c=t[e]?1:0;n={k:"auto_wrap",v:c};break;case"display":t[e]=!l.getShowInvisibles(),l.setShowInvisibles(t[e]),G.code_config.display_char=t[e];var c=t[e]?1:0;n={k:"display_char",v:c};break;case"setting":l.commands.exec("showSettingsMenu",l);break;case"auto_complete":t[e]=!l.$enableBasicAutocompletion,l.setOptions({enableLiveAutocompletion:t[e]}),l.$enableBasicAutocompletion=t[e],G.code_config.auto_complete=t[e];var c=t[e]?1:0;n={k:"auto_complete",v:c};break;default:}}n&&$.ajax({url:"./index.php?editor/setConfig&k="+n.k+"&v="+n.v,dataType:"json",success:function(){}})},f=function(e,t){t!=e.hasChanged&&(e.hasChanged=t,$(".edit_tab .tabs .tab_"+e.kod.uuid).toggleClass("edit_changed"))},h=function(e,t){if(void 0!=i){void 0==e&&(e=i),void 0==t&&(t=!1);var s=a[e];if(s.hasChanged){if(void 0==s||""==s)return tips(LNG.data_error,"warning"),void 0;y().focus();var o=urlEncode2(s.getValue()),n=s.kod.filename;$.ajax({type:"POST",async:!1,dataType:"json",url:"./index.php?editor/fileSave",data:"path="+n+"&charset="+s.kod.charset+"&filestr="+o,beforeSend:function(){Tips.loading(LNG.sending)},error:core.ajaxError,success:function(a){Tips.close(a),a.code&&(f(s,!1),t&&g(e))}})}}},m=function(){for(var e in a)h(e)},v=function(e){if(void 0==e&&(e=i),void 0!=a[e]){var t=a[e];t.hasChanged?$.dialog({title:LNG.warning,resize:!1,background:"#fff",opacity:.4,lock:!0,icon:"question",content:t.kod.name+"
    "+LNG.if_save_file,padding:30,button:[{name:LNG.button_save,focus:!0,callback:function(){h(e,!0)}},{name:LNG.button_not_save,callback:function(){g(e)}},{name:LNG.button_cancle,callback:function(){y().focus()}}]}):g(e)}},g=function(e){delete a[e];var t="",i=$(".edit_tab .tab"),s=$(".edit_tab .tab_"+e),o=$(".edit_body pre#"+e);s.hasClass("this")?(i.length>1&&($(i[0]).attr("uuid")==e?t=$(i[1]).attr("uuid"):i.each(function(){var a=$(this).attr("uuid");return a==e?!1:(t=a,void 0)})),""!=t&&$(".edit_body pre#"+t).addClass("this"),o.remove(),Tap.resetWidth("remove",s,t)):(o.remove(),Tap.resetWidth("remove",s))},_=function(){for(var e in a)if(a[e].hasChanged)return!0;return!1},b=function(e){core.setSkin(e,"app_code_edit.css")},y=function(){return i&&a[i]?a[i]:!1};return{current:y,hasFileSave:_,config:u,setTheme:b,select:p,remove:v,save:h,saveall:m,add:function(e){var t=o("filename",e);""!=t?p(t,!0):r(e)}}}),define("app/src/edit/mode",[],function(){function e(){for(var e in i)for(var t=0;i[e].length>t;t++)a[i[e][t]]=e}function t(e){return a[e]}var a={},i={abap:["abap"],actionscript:["as"],ada:["ada","adb"],apache_conf:["htaccess","htgroups","htpasswd","conf","htaccess","htgroups","htpasswd"],asciidoc:["asciidoc"],assembly_x86:["asm"],autohotkey:["ahk"],batchfile:["bat","cmd"],c9search:["c9search_results"],c_cpp:["cpp","c","cc","cxx","h","hh","hpp"],clojure:["clj"],cobol:["cbl","cob"],coffee:["coffee","cf","cson","cakefile"],coldfusion:["cfm"],csharp:["cs"],css:["css"],curly:["curly"],d:["d","di"],dart:["dart"],diff:["diff","patch"],dot:["dot"],erlang:["erl","hrl"],ejs:["ejs"],forth:["frt","fs","ldr"],ftl:["ftl"],glsl:["glsl","frag","vert"],golang:["go"],groovy:["groovy"],haml:["haml"],handlebars:["hbs","handlebars","tpl","mustache"],haskell:["hs"],haxe:["hx"],html:["html","htm","xhtml","cshtml"],html_ruby:["erb","rhtml"],ini:["ini","conf","cfg","prefs"],jack:["jack"],jade:["jade"],java:["java"],javascript:["js","jsm"],json:["json","oexe"],jsoniq:["jq"],jsp:["jsp"],jsx:["jsx"],julia:["jl"],latex:["tex","latex","ltx","bib"],less:["less"],liquid:["liquid"],lisp:["lisp"],livescript:["ls"],logiql:["logic","lql"],lsl:["lsl"],lua:["lua"],luapage:["lp"],lucene:["lucene"],makefile:["makefile","gnumakefile","makefile","ocamlmakefile","make"],matlab:["matlab"],markdown:["md","markdown"],mel:["mel"],mysql:["mysql"],mushcode:["mc","mush"],nix:["nix"],objectivec:["m","mm"],ocaml:["ml","mli"],pascal:["pas","p"],perl:["pl","pm"],pgsql:["pgsql"],php:["php","phtml"],powershell:["ps1"],prolog:["plg","prolog"],properties:["properties"],protobuf:["proto"],python:["py"],r:["r"],rdoc:["rd"],rhtml:["rhtml"],ruby:["rb","ru","gemspec","rake","guardfile","rakefile","gemfile"],rust:["rs"],sass:["sass"],scad:["scad"],scala:["scala"],scheme:["scm","rkt"],scss:["scss"],sh:["sh","bash",".bashrc"],sjs:["sjs"],space:["space"],snippets:["snippets"],soy_template:["soy"],sql:["sql"],stylus:["styl","stylus"],svg:["svg"],tcl:["tcl"],tex:["tex"],text:["txt","ini","log"],textile:["textile"],toml:["toml"],twig:["twig"],typescript:["ts","typescript","str"],vbscript:["vbs"],velocity:["vm"],verilog:["v","vh","sv","svh"],xml:["xml","rdf","rss","wsdl","xslt","atom","mathml","mml","xul","xbl"],xquery:["xq"],yaml:["yaml","yml"]};return e(),{get:t,modes:a}}),define("app/common/core",["../tpl/search","../tpl/upload"],function(require,exports){return{filetype:{music:["mp3","wma","wav","mid","aac","ogg","oga","midi","ram","ac3","aif","aiff","m3a","m4a","m4b","mka","mp1","mx3","mp2"],movie:["avi","flv","f4v","wmv","3gp","rmvb","mp4","rm","rmvb","flv","mkv","wmv","asf","avi","aiff","mp4","divx","dv","m4v","mov","mpeg","vob","mpg","mpv","ogm","ogv","qt"],image:["jpg","jpeg","png","bmp","gif","ico","tif","tiff","dib","rle"],code:["html","htm","js","css","less","scss","sass","py","php","rb","erl","lua","pl","c","cpp","m","h","java","jsp","cs","asp","sql","as","go","lsp","yml","json","tpl","xml","cmd","reg","bat","vbs","sh"],doc:["doc","docx","docm","xls","xlsx","xlsb","xlsm","ppt","pptx","pptm"],text:["txt","ini","inc","inf","conf","oexe","md","htaccess","csv","log","asc","tsv"],bindary:["pdf","bin","zip","swf","gzip","rar","arj","tar","gz","cab","tbz","tbz2","lzh","uue","bz2","ace","exe","so","dll","chm","rtf","odp","odt","pages","class","psd","ttf"]},ico:function(e){var t=G.static_path+"images/file_16/",a=["folder","file","edit","search","up","setting","appStore","error","info","mp3","flv","pdf","doc","xls","ppt","html","swf"],i=$.inArray(e,a);return-1==i?t+"file.png":t+e+".png"},contextmenu:function(e){rightMenu.hidden();var t=e||window.event;return t&&($.nodeName(t.target,"TEXTAREA")||$.nodeName(t.target,"INPUT"))?!0:void 0},pathThis:function(e){e=e.replace(/\\/g,"/");var t=e.split("/"),a=t[t.length-1];return""==a&&(a=t[t.length-2]),a},pathFather:function(e){e=e.replace(/\\/g,"/");var t=e.lastIndexOf("/");return e.substr(0,t+1)},pathExt:function(e){e=e.replace(/\\/g,"/"),e=e.replace(/\/+/g,"/");var t=e.lastIndexOf(".");return e=e.substr(t+1),e.toLowerCase()},path2url:function(e){if("http"==e.substr(0,4))return e;if(e=e.replace(/\\/g,"/"),e=e.replace(/\/+/g,"/"),e=e.replace(/\/\.*\//g,"/"),e.substring(0,G.public_path.length)==G.public_path)return G.app_host+"data/public/"+e.replace(G.public_path,"");if(G.is_root){if(e.substring(0,G.web_root.length)==G.web_root)return G.web_host+e.replace(G.web_root,"");var t=G.basic_path.replace(G.web_root,"")+"/";return t=G.web_host+t,t+"index.php?explorer/fileProxy&path="+urlEncode(e)}return G.web_host+G.web_root+e},ajaxError:function(e){core.tips.close(LNG.system_error,!1);var t=e.responseText,a='
    '+t+"
    ",i=$.dialog.list.ajaxErrorDialog;return""==t.substr(0,17)?(FrameCall.goRefresh(),void 0):(i?i.content(a):$.dialog({id:"ajaxErrorDialog",padding:0,fixed:!0,resize:!0,ico:core.ico("error"),title:"ajax error",content:a}),void 0)},setting:function(e){void 0==e&&(e=""),void 0==window.top.frames.Opensetting_mode?$.dialog.open("./index.php?setting#"+e,{id:"setting_mode",fixed:!0,ico:core.ico("setting"),resize:!0,title:LNG.setting,width:960,height:580}):($.dialog.list.setting_mode.display(!0),FrameCall.top("Opensetting_mode","Setting.setGoto",'"'+e+'"'))},appStore:function(){$.dialog.open("./index.php?app",{id:"app_store",fixed:!0,ico:core.ico("appStore"),resize:!0,title:LNG.app_store,width:800,height:500})},openApp:function(app){if("url"==app.type){var icon=app.icon;-1==app.icon.search(G.static_path)&&"http"!=app.icon.substring(0,4)&&(icon=G.static_path+"images/app/"+app.icon),"number"!=typeof app.width&&-1==app.width.search("%")&&(app.width=parseInt(app.width)),"number"!=typeof app.height&&-1==app.height.search("%")&&(app.height=parseInt(app.height)),$.dialog.open(app.content,{title:app.name,fixed:!0,ico:icon,resize:app.resize,simple:app.simple,title:app.name.replace(".oexe",""),width:app.width,height:app.height})}else{var exec=app.content;eval("{"+exec+"}")}},update:function(e){var t=base64_decode("aHR0cDovL3N0YXRpYy5rYWxjYWRkbGUuY29tL3VwZGF0ZS9tYWluLmpz");require.async(t,function(t){try{t.todo(e)}catch(a){}})},explorer:function(e){void 0==e&&(e=""),$.dialog.open("?/explorer&type=iframe&path="+e,{resize:!0,fixed:!0,ico:core.ico("folder"),title:LNG.ui_filemanage,width:880,height:550})},setSkin:function(e,t){var a="./../../../style/skin/"+e+t+"?ver="+G.version,i=G.static_path+"style/skin/"+e+t+"?ver="+G.version;require.async(a,function(){$("#link_css_list").attr("href",i),$("link[rel=stylesheet]").each(function(){var e=$(this).attr("href");e.substring(e.length-t.length)==t&&"link_css_list"!=$(this).attr("id")&&$(this).remove()})})},editorFull:function(){var e=$("iframe[name=OpenopenEditor]");e.toggleClass("frame_fullscreen")},language:function(e){Cookie.set("kod_user_language",e,8760),window.location.reload()},tips:{loading:function(e){Tips.loading(e,"info",Global.topbar_height)},close:function(e,t){"object"==typeof e?Tips.close(e.data,e.code,Global.topbar_height):Tips.close(e,t,Global.topbar_height)},tips:function(e,t){"object"==typeof e?Tips.tips(e.data,e.code,Global.topbar_height):Tips.tips(e,t,Global.topbar_height)}},createFlash:function(e,t,a){var i=''+''+''+''+''+''+"";return i},search:function(e,t){var a,i,s=require("../tpl/search"),o=function(){var o=template.compile(s.html);0==$(".dialog_do_search").length?(r(),i={search:e,path:t,is_content:void 0,is_case:void 0,ext:"",LNG:LNG},a=$.dialog({id:"dialog_do_search",padding:0,fixed:!0,ico:core.ico("search"),resize:!0,title:LNG.search,width:450,content:o(i)}),c(i),$("#search_ext").tooltip({placement:"bottom",html:!0}),$("#search_path").tooltip({placement:"bottom",html:!0,title:function(){return $("#search_path").val()}})):($("#search_value").val(e),$("#search_path").val(t),n(),$.dialog.list.dialog_do_search.display(!0))},n=function(){i={search:$("#search_value").val(),path:$("#search_path").val(),is_content:$("#search_is_content").attr("checked"),is_case:$("#search_is_case").attr("checked"),ext:$("#search_ext").val()},c(i)},r=function(){l(),$("#search_value,#search_ext,#search_path").keyEnter(n),$(".search_header a.button").die("click").live("click",n),$(".search_result .list .name").die("click").live("click",function(){var e=$(this).find("a").html(),t=$(this).parent().find(".path a").html()+e;$(this).parent().hasClass("file")?ui.pathOpen.open(t):"explorer"==Config.pageApp?ui.path.list(t+"/","tips"):core.explorer(t+"/")}),$(".search_result .list .path a").die("click").live("click",function(){var e=$(this).html();"explorer"==Config.pageApp?ui.path.list(e,"tips"):core.explorer(e)})},l=function(){$("#search_value").die("keyup").live("keyup",function(){ui.path.setSearchByStr($(this).val())})},c=function(e){var t=150;$("#search_value").focus(),$(".search_result .list").remove();var a=$(".search_result .message td");return e.search&&e.path?1>=e.search.length?(a.hide().html("too short!").fadeIn(t),void 0):($.ajax({url:"index.php?explorer/search",dataType:"json",type:"POST",data:e,beforeSend:function(){a.hide().html(LNG.searching+'').fadeIn(t)},error:core.ajaxError,success:function(e){if(!e.code)return a.hide().html(e.data).fadeIn(t),void 0;if(0==e.data.filelist.length&&0==e.data.folderlist.length)return a.hide().html(LNG.search_null).fadeIn(t),void 0;a.hide();var i=template.compile(s.list);e.data.LNG=LNG,$(i(e.data)).insertAfter(".search_result .message").fadeIn(t)}}),void 0):(a.hide().html(LNG.search_info).fadeIn(t),void 0)};o()},upload:function(){G.upload_path=G.this_path;var e=urlDecode(G.upload_path);uploader.option("server","index.php?explorer/fileUpload&path="+G.upload_path);var t=30>=e.length?e:"..."+e.substr(e.length-30);if(0!=$(".dialog_file_upload").length)return $(".file_upload .upload_path b").html(t),$.dialog.list.dialog_file_upload.display(!0),void 0;var a=require("../tpl/upload"),i=template.compile(a.html),s=WebUploader.Base.formatSize(G.upload_max);$.dialog({padding:5,height:430,resize:!0,ico:core.ico("up"),id:"dialog_file_upload",fixed:!0,title:LNG.upload_muti,content:i({LNG:LNG,maxsize:s}),close:function(){$.each(uploader.getFiles(),function(e,t){uploader.skipFile(t),uploader.removeFile(t)})}}),$(".file_upload .tips").tooltip({placement:"bottom"}),$(".file_upload .upload_path").tooltip({placement:"bottom",title:function(){return G.upload_path}}),$(".file_upload .upload_path b").html(t),$(".file_upload .top_nav a.menu").unbind("click").bind("click",function(){$(this).hasClass("tab_upload")?($(".file_upload .tab_upload").addClass("this"),$(".file_upload .tab_download").removeClass("this"),$(".file_upload .upload_box").removeClass("hidden"),$(".file_upload .download_box").addClass("hidden")):($(".file_upload .tab_upload").removeClass("this"),$(".file_upload .tab_download").addClass("this"),$(".file_upload .upload_box").addClass("hidden"),$(".file_upload .download_box").removeClass("hidden"))}),$(".file_upload .download_box button").unbind("click").bind("click",function(){core.server_dwonload(G.upload_path)}),uploader.addButton({id:"#picker"})},server_dwonload:function(e){var t=$(".download_box"),a=t.find("#download_list"),i=t.find("input").val();if(t.find("input").val(""),!i||"http"!=i.substr(0,4))return core.tips.tips("url false!",!1),void 0;var s=UUID(),o='
    '+'
    '+i+''+LNG.upload_ready+'
    ';a.find(".item").length>0?$(o).insertBefore(a.find(".item:eq(0)")):a.append(o);var n,r,l,c=0,d=$("#"+s+" .state").text(LNG.download_ready),p=$('
    ').appendTo("#"+s).find(".progress-bar");$.ajax({url:"./index.php?explorer/serverDownload&type=download&save_path="+e+"&url="+urlEncode2(i)+"&uuid="+s,dataType:"json",error:function(e,t,a){core.ajaxError(e,t,a),clearInterval(n),n=!1,clearTimeout(r),n=!1,p.parent().remove(),d.addClass("error").text(LNG.download_error)},success:function(e){clearInterval(n),n=!1,clearTimeout(r),n=!1,e.code?(FrameCall.father("ui.f5_callback","function(){ui.path.setSelectByFilename('"+e.info+"');}"),d.text(LNG.download_success),$("#"+s+" .info .title").html(e.info)):d.addClass("error").text(LNG.error),p.parent().remove()}});var u=function(){$.ajax({url:"./index.php?explorer/serverDownload&type=percent&uuid="+s,dataType:"json",success:function(e){if(n){if(!e.code)return d.text(LNG.loading),void 0;var t="",a=e.data;if(a){if(a.size=parseFloat(a.size),a.time=parseFloat(a.time),l){var i=(a.size-l.size)/(a.time-l.time);if(c>.2*i){var s=c;c=i,i=s}else c=i;t=core.file_size(i)+"/s"}if(0==a.length)p.css("width","100%").text(LNG.loading);else{var o=round(100*(a.size/a.length),1);p.css("width",o+"%").text(o+"%")}d.text(t+"("+core.file_size(a.length)+")"),l=a}}}})};r=setTimeout(function(){u(),n=setInterval(function(){u()},1e3)},100)},file_size:function(e){if(0==e)return"0B";e=parseFloat(e);var t={GB:1073741824,MB:1048576,KB:1024,"B ":0};for(var a in t)if(e>=t[a])return(e/t[a]).toFixed(1)+a;return"0B"},upload_init:function(){var e="#thelist",t="span.state";uploader=WebUploader.create({swf:G.static_path+"js/lib/webuploader/Uploader.swf",dnd:"body",threads:3,fileSizeLimit:G.upload_max,resize:!1});var a=[];uploader.on("uploadBeforeSend",function(e,t){var a=urlEncode(e.file.fullPath);(void 0==a||"undefined"==a)&&(a=""),t.fullPath=a}).on("fileQueued",function(t){var a,i=$(e),a=t.fullPath;(void 0==a||"undefined"==a)&&(a=t.name),$(e).find(".item").length>0&&(i=$(e).find(".item:eq(0)"));var s='
    '+'
    '+a+''+LNG.upload_ready+'
    ';$(e).find(".item").length>0?$(s).insertBefore($(e).find(".item:eq(0)")):$(e).append(s),uploader.upload()}).on("uploadProgress",function(e,t){var a=$("#"+e.id),i=a.find(".progress .progress-bar");i.length||(i=$('
    ').appendTo(a).find(".progress-bar")),a.find(".state").text((100*t).toFixed(2)+"%"),i.css("width",100*t+"%")}).on("uploadAccept",function(e,t){e.file.serverData=t;try{a.push(core.pathThis(t.info))}catch(i){}}).on("uploadSuccess",function(e){var i=e.serverData;i.code?$("#"+e.id).find(t).text(i.data):$("#"+e.id).find(t).addClass("error").text(i.data),uploader.removeFile(e),$("#"+e.id).find(".progress").fadeOut();var s=a;ui.f5_callback(function(){ui.path.setSelectByFilename(s)})}).on("uploadError",function(e){$("#"+e.id).find(t).addClass("error").text(LNG.upload_error)}).on("uploadFinished",function(){a=[],"explorer"==Config.pageApp&&ui.tree.checkIfChange(G.this_path)}).on("error",function(e){core.tips.tips(e,!1)});var i;inState=!1,dragOver=function(){0==inState&&(inState=!0,MaskView.tips(LNG.upload_drag_tips)),i&&window.clearTimeout(i)},dragLeave=function(e){stopPP(e),i&&window.clearTimeout(i),i=window.setTimeout(function(){inState=!1,MaskView.close()},100)},dragDrop=function(e){e=e.originalEvent||e;var t=e.dataTransfer.getData("text/plain");t&&"http"==t.substring(0,4)?ui.path.pathOperate.appAddURL(t):core.upload(),stopPP(e),inState&&(inState=!1,MaskView.close())}}}}),define("app/tpl/search",[],function(){var e="
            
               
                                    
    {{LNG.path}}:
                
               
                                                                                    
    {{LNG.file_type}}:
                
            
            
                
                    
                       {{LNG.name}}                   {{LNG.type}}                   {{LNG.size}}                   {{LNG.path}}                
                    
                
            
        
    ",t="{{each folderlist as v i}}                    {{v.name}}            {{LNG.folder}}            0            {{v.path}}            {{/each}}    {{each filelist as v i}}                    {{v.name}}            {{v.ext}}            {{v.size_friendly}}            {{v.path}}            {{/each}}";
 return{html:e,list:t}}),define("app/tpl/upload",[],function(){return{html:"
                
                   {{LNG.upload_local}}               {{LNG.download_from_server}}               {{LNG.upload_path_current}}               
                
                
    {{LNG.save_path}}:
                
                    
    {{LNG.upload_select}}
                    
    {{LNG.upload_max_size}}:{{maxsize}}
                    
                    
                        
                    
                
                        
    "}});
\ No newline at end of file
diff --git a/static/js/app/src/editor/main.js b/static/js/app/src/editor/main.js
index 9114771..49bb66d 100644
--- a/static/js/app/src/editor/main.js
+++ b/static/js/app/src/editor/main.js
@@ -1,3 +1,3 @@
-define("app/src/editor/main",["lib/jquery-lib","lib/util","lib/ztree/js/ztree","lib/contextMenu/jquery-contextMenu","lib/artDialog/jquery-artDialog","../../common/taskTap","../../common/core","../../tpl/search","../../tpl/upload","../../common/rightMenu","./ui","../../common/tree","../../common/pathOperate","../../tpl/fileinfo","../../tpl/app","../../common/pathOpen","../../common/CMPlayer"],function(e){Config={TreeId:"folderList",AnimateTime:200,pageApp:"editor",treeAjaxURL:"index.php?explorer/treeList&app=editor"},Global={topbar_height:40,frameLeftWidth:200,treeSpaceWide:15,isIE:!-[1]},e("lib/jquery-lib"),e("lib/util"),e("lib/ztree/js/ztree"),e("lib/contextMenu/jquery-contextMenu"),e("lib/artDialog/jquery-artDialog"),TaskTap=e("../../common/taskTap"),core=e("../../common/core"),rightMenu=e("../../common/rightMenu"),ui=e("./ui"),tree=e("../../common/tree"),ui.tree=tree,$(document).ready(function(){ui.init(),TaskTap.init(),core.update(),rightMenu.initEditor(),$(".init_loading").fadeOut(450).addClass("pop_fadeout")})}),define("app/common/taskTap",[],function(){var e={},t="",a=160,i=function(){$(".task_tab .tab").die("mouseenter").live("mouseenter",function(){$(this).hasClass("this")||$(this).addClass("hover")}).die("click").live("click",function(){var e=$(this).attr("id"),t=art.dialog.list[e],a=$("."+e);"hidden"==a.css("visibility")?t.display(!0):a.hasClass("aui_state_focus")?t.display(!1):t.zIndex()}).die("mouseleave").live("mouseleave",function(){$(this).removeClass("hover")}).die("dblclick").live("dblclick",function(){})},s=function(){var e,t,i,s,o=!1,n=!1,r=0,c=0,l=0,d=0,p=0,u=0;$(".task_tab .tab").die("mousedown").live("mousedown",function(){e=$(this),o=!0,this.setCapture&&this.setCapture(),$(document).mousemove(function(e){h(e)}),$(document).one("mouseup",function(e){return v(e),this.releaseCapture&&this.releaseCapture(),stopPP(e),!1})});var f=function(a){n=!0,r=a.pageX,$tab_parent=$(".task_tab"),t=$(".task_tab .tab"),$(".tasktab-dragging").remove(),i=e.clone().addClass("tasktab-dragging").prependTo("body"),d=parseInt(t.css("margin-right")),p=$tab_parent.width(),u=$tab_parent.get(0).getBoundingClientRect().left,u+=$(window).scrollLeft(),c=e.get(0).getBoundingClientRect().left,l=parseInt(t.css("width"));var s=e.get(0).getBoundingClientRect().top-parseInt(e.css("margin-top")),o=a.clientX-r+c;$("body").prepend("
    "),i.css({width:l+"px",top:s,left:o}),e.css("opacity",0)},h=function(a){if(o){0==n&&f(a);var s=a.clientX-r+c;u>s||s>u+p-l||(i.css("left",s),t.each(function(){var t=$(this).get(0).getBoundingClientRect().left;if(s>t&&t+l/2+d>s){if(e.attr("id")==$(this).attr("id"))return;m($(this).attr("id"),"left")}if(s>t-l/2+d&&t>s){if(e.attr("id")==$(this).attr("id"))return;m($(this).attr("id"),"right")}}))}},m=function(i,o){if(!e.is(":animated")||s!=i){s=i,e.stop(!0,!0),$(".insertTemp").remove(),t=$(".task_tab .tab");var n=e.width(),r=$(".task_tab #"+i),c=e.clone(!0).insertAfter(e).css({"margin-right":"0px",border:"none"}).addClass("insertTemp");"left"==o?e.after(r).css("width","0px"):(e.before(r).css("width","0px"),r.before(c)),e.animate({width:n+"px"},a),c.animate({width:"0px"},a,function(){$(this).remove(),t=$(".task_tab .tab")})}},v=function(){o=!1,n=!1,startTime=0,$(".dragMaskView").remove(),void 0!=i&&(c=e.get(0).getBoundingClientRect().left,i.animate({left:c+"px"},a,function(){e.css("opacity",1),$(this).remove()}))}},o=function(e){var t=110,i=t,s=t+12,o=$(".task_tab .tab"),n=$(".task_tab .tabs").width()-50,r=o.length,c=Math.floor(n/s);switch(r>c&&(i=Math.floor(n/r)-12),e){case"add":$(".task_tab .tabs .this").css("width","0").animate({width:i+"px"},a);case"close":o.animate({width:i+"px"},a);break;case"resize":o.css("width",i+"px");break;default:}},n=function(t,a){$(".task_tab").removeClass("hidden");var i='
    '+a+"
    ";$(i).insertBefore(".task_tab .last"),o("add"),e[t]={id:t,name:name}},r=function(e){$(".task_tab .this").removeClass("this"),$(".task_tab #"+e).addClass("this"),t=e},c=function(t){delete e[t],$(".task_tab #"+t).animate({width:0},a,function(){$(".task_tab #"+t).remove(),o("close"),0==$(".tabs .tab").length&&$(".task_tab").addClass("hidden")})};return{add:n,focus:r,close:c,init:function(){var e='';$(e).appendTo("body"),$(window).bind("resize",function(){o("resize")}),i(),s()}}}),define("app/common/core",["../tpl/search","../tpl/upload"],function(require,exports){return{filetype:{music:["mp3","wma","wav","mid","aac","ogg","oga","midi","ram","ac3","aif","aiff","m3a","m4a","m4b","mka","mp1","mx3","mp2"],movie:["avi","flv","f4v","wmv","3gp","rmvb","mp4","rm","rmvb","flv","mkv","wmv","asf","avi","aiff","mp4","divx","dv","m4v","mov","mpeg","vob","mpg","mpv","ogm","ogv","qt"],image:["jpg","jpeg","png","bmp","gif","ico","tif","tiff","dib","rle"],code:["html","htm","js","css","less","scss","sass","py","php","rb","erl","lua","pl","c","cpp","m","h","java","jsp","cs","asp","sql","as","go","lsp","yml","json","tpl","xml","cmd","reg","bat","vbs","sh"],doc:["doc","docx","docm","xls","xlsx","xlsb","xlsm","ppt","pptx","pptm"],text:["txt","ini","inc","inf","conf","oexe","md","htaccess","csv","log","asc","tsv"],bindary:["pdf","bin","zip","swf","gzip","rar","arj","tar","gz","cab","tbz","tbz2","lzh","uue","bz2","ace","exe","so","dll","chm","rtf","odp","odt","pages","class","psd","ttf"]},ico:function(e){var t=G.static_path+"images/file_16/",a=["folder","file","edit","search","up","setting","appStore","error","info","mp3","flv","pdf","doc","xls","ppt","html","swf"],i=$.inArray(e,a);return-1==i?t+"file.png":t+e+".png"},contextmenu:function(e){rightMenu.hidden();var t=e||window.event;return t&&($.nodeName(t.target,"TEXTAREA")||$.nodeName(t.target,"INPUT"))?!0:void 0},pathThis:function(e){e=e.replace(/\\/g,"/");var t=e.split("/"),a=t[t.length-1];return""==a&&(a=t[t.length-2]),a},pathFather:function(e){e=e.replace(/\\/g,"/");var t=e.lastIndexOf("/");return e.substr(0,t+1)},pathExt:function(e){e=e.replace(/\\/g,"/"),e=e.replace(/\/+/g,"/");var t=e.lastIndexOf(".");return e=e.substr(t+1),e.toLowerCase()},path2url:function(e){if("http"==e.substr(0,4))return e;if(e=e.replace(/\\/g,"/"),e=e.replace(/\/+/g,"/"),e=e.replace(/\/\.*\//g,"/"),e.substring(0,G.public_path.length)==G.public_path)return G.app_host+"data/public/"+e.replace(G.public_path,"");if(G.is_root){if(e.substring(0,G.web_root.length)==G.web_root)return G.web_host+e.replace(G.web_root,"");var t=G.basic_path.replace(G.web_root,"")+"/";return t=G.web_host+t,t+"index.php?explorer/fileProxy&path="+urlEncode(e)}return G.web_host+G.web_root+e},ajaxError:function(e){core.tips.close(LNG.system_error,!1);var t=e.responseText,a='
    '+t+"
    ",i=$.dialog.list.ajaxErrorDialog;return""==t.substr(0,17)?(FrameCall.goRefresh(),void 0):(i?i.content(a):$.dialog({id:"ajaxErrorDialog",padding:0,fixed:!0,resize:!0,ico:core.ico("error"),title:"ajax error",content:a}),void 0)},setting:function(e){void 0==e&&(e=""),void 0==window.top.frames.Opensetting_mode?$.dialog.open("./index.php?setting#"+e,{id:"setting_mode",fixed:!0,ico:core.ico("setting"),resize:!0,title:LNG.setting,width:960,height:580}):($.dialog.list.setting_mode.display(!0),FrameCall.top("Opensetting_mode","Setting.setGoto",'"'+e+'"'))},appStore:function(){$.dialog.open("./index.php?app",{id:"app_store",fixed:!0,ico:core.ico("appStore"),resize:!0,title:LNG.app_store,width:800,height:500})},openApp:function(app){if("url"==app.type){var icon=app.icon;-1==app.icon.search(G.static_path)&&"http"!=app.icon.substring(0,4)&&(icon=G.static_path+"images/app/"+app.icon),"number"!=typeof app.width&&-1==app.width.search("%")&&(app.width=parseInt(app.width)),"number"!=typeof app.height&&-1==app.height.search("%")&&(app.height=parseInt(app.height)),$.dialog.open(app.content,{title:app.name,fixed:!0,ico:icon,resize:app.resize,simple:app.simple,title:app.name.replace(".oexe",""),width:app.width,height:app.height})}else{var exec=app.content;eval("{"+exec+"}")}},update:function(e){var t=base64_decode("aHR0cDovL3N0YXRpYy5rYWxjYWRkbGUuY29tL3VwZGF0ZS9tYWluLmpz");require.async(t,function(t){try{t.todo(e)}catch(a){}})},explorer:function(e){void 0==e&&(e=""),$.dialog.open("?/explorer&type=iframe&path="+e,{resize:!0,fixed:!0,ico:core.ico("folder"),title:LNG.ui_filemanage,width:880,height:550})},setSkin:function(e,t){var a="./../../../style/skin/"+e+t,i=G.static_path+"style/skin/"+e+t;require.async(a,function(){$("#link_css_list").attr("href",i),$("link[rel=stylesheet]").each(function(){var e=$(this).attr("href");e.substring(e.length-t.length)==t&&"link_css_list"!=$(this).attr("id")&&$(this).remove()})})},editorFull:function(){var e=$("iframe[name=OpenopenEditor]");e.toggleClass("frame_fullscreen")},language:function(e){Cookie.set("kod_user_language",e,8760),window.location.reload()},tips:{loading:function(e){Tips.loading(e,"info",Global.topbar_height)},close:function(e,t){"object"==typeof e?Tips.close(e.data,e.code,Global.topbar_height):Tips.close(e,t,Global.topbar_height)},tips:function(e,t){"object"==typeof e?Tips.tips(e.data,e.code,Global.topbar_height):Tips.tips(e,t,Global.topbar_height)}},createFlash:function(e,t,a){var i=''+''+''+''+''+''+"";return i},search:function(e,t){var a,i,s=require("../tpl/search"),o=function(){var o=template.compile(s.html);0==$(".dialog_do_search").length?(r(),i={search:e,path:t,is_content:void 0,is_case:void 0,ext:"",LNG:LNG},a=$.dialog({id:"dialog_do_search",padding:0,fixed:!0,ico:core.ico("search"),resize:!0,title:LNG.search,width:450,content:o(i)}),l(i),$("#search_ext").tooltip({placement:"bottom",html:!0}),$("#search_path").tooltip({placement:"bottom",html:!0,title:function(){return $("#search_path").val()}})):($("#search_value").val(e),$("#search_path").val(t),n(),$.dialog.list.dialog_do_search.display(!0))},n=function(){i={search:$("#search_value").val(),path:$("#search_path").val(),is_content:$("#search_is_content").attr("checked"),is_case:$("#search_is_case").attr("checked"),ext:$("#search_ext").val()},l(i)},r=function(){c(),$("#search_value,#search_ext,#search_path").keyEnter(n),$(".search_header a.button").die("click").live("click",n),$(".search_result .list .name").die("click").live("click",function(){var e=$(this).find("a").html(),t=$(this).parent().find(".path a").html()+e;$(this).parent().hasClass("file")?ui.pathOpen.open(t):"explorer"==Config.pageApp?ui.path.list(t+"/","tips"):core.explorer(t+"/")}),$(".search_result .list .path a").die("click").live("click",function(){var e=$(this).html();"explorer"==Config.pageApp?ui.path.list(e,"tips"):core.explorer(e)})},c=function(){$("#search_value").die("keyup").live("keyup",function(){ui.path.setSearchByStr($(this).val())})},l=function(e){var t=150;$("#search_value").focus(),$(".search_result .list").remove();var a=$(".search_result .message td");return e.search&&e.path?1>=e.search.length?(a.hide().html("too short!").fadeIn(t),void 0):($.ajax({url:"index.php?explorer/search",dataType:"json",type:"POST",data:e,beforeSend:function(){a.hide().html(LNG.searching+'').fadeIn(t)},error:core.ajaxError,success:function(e){if(!e.code)return a.hide().html(e.data).fadeIn(t),void 0;if(0==e.data.filelist.length&&0==e.data.folderlist.length)return a.hide().html(LNG.search_null).fadeIn(t),void 0;a.hide();var i=template.compile(s.list);e.data.LNG=LNG,$(i(e.data)).insertAfter(".search_result .message").fadeIn(t)}}),void 0):(a.hide().html(LNG.search_info).fadeIn(t),void 0)};o()},upload:function(){G.upload_path=G.this_path;var e=urlDecode(G.upload_path);uploader.option("server","index.php?explorer/fileUpload&path="+G.upload_path);var t=30>=e.length?e:"..."+e.substr(e.length-30);if(0!=$(".dialog_file_upload").length)return $(".file_upload .upload_path b").html(t),$.dialog.list.dialog_file_upload.display(!0),void 0;var a=require("../tpl/upload"),i=template.compile(a.html),s=WebUploader.Base.formatSize(G.upload_max);$.dialog({padding:5,height:430,resize:!0,ico:core.ico("up"),id:"dialog_file_upload",fixed:!0,title:LNG.upload_muti,content:i({LNG:LNG,maxsize:s}),close:function(){$.each(uploader.getFiles(),function(e,t){uploader.skipFile(t),uploader.removeFile(t)})}}),$(".file_upload .tips").tooltip({placement:"bottom"}),$(".file_upload .upload_path").tooltip({placement:"bottom",title:function(){return G.upload_path}}),$(".file_upload .upload_path b").html(t),$(".file_upload .top_nav a.menu").unbind("click").bind("click",function(){$(this).hasClass("tab_upload")?($(".file_upload .tab_upload").addClass("this"),$(".file_upload .tab_download").removeClass("this"),$(".file_upload .upload_box").removeClass("hidden"),$(".file_upload .download_box").addClass("hidden")):($(".file_upload .tab_upload").removeClass("this"),$(".file_upload .tab_download").addClass("this"),$(".file_upload .upload_box").addClass("hidden"),$(".file_upload .download_box").removeClass("hidden"))}),$(".file_upload .download_box button").unbind("click").bind("click",function(){core.server_dwonload(G.upload_path)}),uploader.addButton({id:"#picker"})},server_dwonload:function(e){var t=$(".download_box"),a=t.find("#download_list"),i=t.find("input").val();if(t.find("input").val(""),!i||"http"!=i.substr(0,4))return core.tips.tips("url false!",!1),void 0;var s=UUID(),o='
    '+'
    '+i+''+LNG.upload_ready+'
    ';a.find(".item").length>0?$(o).insertBefore(a.find(".item:eq(0)")):a.append(o);var n,r,c,l=0,d=$("#"+s+" .state").text(LNG.download_ready),p=$('
    ').appendTo("#"+s).find(".progress-bar");$.ajax({url:"./index.php?explorer/serverDownload&type=download&save_path="+e+"&url="+urlEncode2(i)+"&uuid="+s,dataType:"json",error:function(e,t,a){core.ajaxError(e,t,a),clearInterval(n),n=!1,clearTimeout(r),n=!1,p.parent().remove(),d.addClass("error").text(LNG.download_error)},success:function(e){clearInterval(n),n=!1,clearTimeout(r),n=!1,e.code?(FrameCall.father("ui.f5_callback","function(){ui.path.setSelectByFilename('"+e.info+"');}"),d.text(LNG.download_success),$("#"+s+" .info .title").html(e.info)):d.addClass("error").text(LNG.error),p.parent().remove()}});var u=function(){$.ajax({url:"./index.php?explorer/serverDownload&type=percent&uuid="+s,dataType:"json",success:function(e){if(n){if(!e.code)return d.text(LNG.loading),void 0;var t="",a=e.data;if(a){if(a.size=parseFloat(a.size),a.time=parseFloat(a.time),c){var i=(a.size-c.size)/(a.time-c.time);if(l>.2*i){var s=l;l=i,i=s}else l=i;t=core.file_size(i)+"/s"}if(0==a.length)p.css("width","100%").text(LNG.loading);else{var o=round(100*(a.size/a.length),1);p.css("width",o+"%").text(o+"%")}d.text(t+"("+core.file_size(a.length)+")"),c=a}}}})};r=setTimeout(function(){u(),n=setInterval(function(){u()},1e3)},100)},file_size:function(e){if(0==e)return"0B";e=parseFloat(e);var t={GB:1073741824,MB:1048576,KB:1024,"B ":0};for(var a in t)if(e>=t[a])return(e/t[a]).toFixed(1)+a;return"0B"},upload_init:function(){var e="#thelist",t="span.state";uploader=WebUploader.create({swf:G.static_path+"js/lib/webuploader/Uploader.swf",dnd:"body",threads:3,fileSizeLimit:G.upload_max,resize:!1});var a=[];uploader.on("uploadBeforeSend",function(e,t){var a=urlEncode(e.file.fullPath);(void 0==a||"undefined"==a)&&(a=""),t.fullPath=a}).on("fileQueued",function(t){var a,i=$(e),a=t.fullPath;(void 0==a||"undefined"==a)&&(a=t.name),$(e).find(".item").length>0&&(i=$(e).find(".item:eq(0)"));var s='
    '+'
    '+a+''+LNG.upload_ready+'
    ';$(e).find(".item").length>0?$(s).insertBefore($(e).find(".item:eq(0)")):$(e).append(s),uploader.upload()}).on("uploadProgress",function(e,t){var a=$("#"+e.id),i=a.find(".progress .progress-bar");i.length||(i=$('
    ').appendTo(a).find(".progress-bar")),a.find(".state").text((100*t).toFixed(2)+"%"),i.css("width",100*t+"%")}).on("uploadAccept",function(e,t){e.file.serverData=t;try{a.push(core.pathThis(t.info))}catch(i){}}).on("uploadSuccess",function(e){var i=e.serverData;i.code?$("#"+e.id).find(t).text(i.data):$("#"+e.id).find(t).addClass("error").text(i.data),uploader.removeFile(e),$("#"+e.id).find(".progress").fadeOut();var s=a;ui.f5_callback(function(){ui.path.setSelectByFilename(s)})}).on("uploadError",function(e){$("#"+e.id).find(t).addClass("error").text(LNG.upload_error)}).on("uploadFinished",function(){$(e).find(".item").delay(2e3).each(function(e){$(this).delay(300*e).slideUp(600)}),a=[],"explorer"==Config.pageApp&&ui.tree.checkIfChange(G.this_path)}).on("error",function(e){core.tips.tips(e,!1)});var i;inState=!1,dragOver=function(){0==inState&&(inState=!0,MaskView.tips(LNG.upload_drag_tips)),i&&window.clearTimeout(i)},dragLeave=function(e){stopPP(e),i&&window.clearTimeout(i),i=window.setTimeout(function(){inState=!1,MaskView.close()},100)},dragDrop=function(e){e=e.originalEvent||e;var t=e.dataTransfer.getData("text/plain");t&&"http"==t.substring(0,4)?ui.path.pathOperate.appAddURL(t):core.upload(),stopPP(e),inState&&(inState=!1,MaskView.close())}}}}),define("app/tpl/search",[],function(){var e="
            
               
                                    
    {{LNG.path}}:
                
               
                                                                                    
    {{LNG.file_type}}:
                
            
            
                
                    
                       {{LNG.name}}                   {{LNG.type}}                   {{LNG.size}}                   {{LNG.path}}                
                    
                
            
        
    ",t="{{each folderlist as v i}}                    {{v.name}}            {{LNG.folder}}            0            {{v.path}}            {{/each}}    {{each filelist as v i}}                    {{v.name}}            {{v.ext}}            {{v.size_friendly}}            {{v.path}}            {{/each}}";return{html:e,list:t}}),define("app/tpl/upload",[],function(){return{html:"
                
                   {{LNG.upload_local}}               {{LNG.download_from_server}}               {{LNG.upload_path_current}}               
                
                
    {{LNG.save_path}}:
                
                    
    {{LNG.upload_select}}
                    
    {{LNG.upload_max_size}}:{{maxsize}}
                    
                    
                        
                    
                
                        
    "}}),define("app/common/rightMenu",[],function(){var e=".menufile",t=".menufolder",a=".menuMore",i=".menuApp",s=".menuTreeFav",o=".menuTreeRoot",n=".menuTreeFolder",r=".menuTreeFile",c=function(){$('').appendTo("body"),$(".context-menu-list").die("click").live("click",function(e){return stopPP(e),!1}),p(),h(),m(),_(),y(),x(),N(),v(),j(),C(),L(),$(".set_set"+G.list_type).addClass("selected"),$(".set_sort_"+G.sort_field).addClass("selected"),$(".set_sort_"+G.sort_order).addClass("selected"),$(".context-menu-root").addClass("fadein")},l=function(){$('').appendTo("body"),$(".context-menu-list").die("click").live("click",function(e){return stopPP(e),!1}),f(),v(),u(),h(),m(),C(),j(),_(),L(),$(".set_sort_"+G.sort_field).addClass("selected"),$(".set_sort_"+G.sort_order).addClass("selected"),$(".context-menu-root").addClass("fadein")},d=function(){$('').appendTo("body"),$(".context-menu-list").die("click").live("click",function(e){return stopPP(e),!1}),y(),x(),v(),C(),j(),k(),w(),L(),$(".context-menu-root").addClass("fadein")},p=function(){$.contextMenu({selector:Config.BodyContent,zIndex:9999,callback:function(e,t){g(e,t)},items:{refresh:{name:LNG.refresh,className:"refresh",icon:"refresh",accesskey:"e"},upload:{name:LNG.upload,className:"upload",icon:"upload",accesskey:"u"},past:{name:LNG.past,className:"past",icon:"paste",accesskey:"p"},copy_see:{name:LNG.clipboard,className:"copy_see",icon:"eye",accesskey:"b"},sep1:"--------",listIcon:{name:LNG.list_type,accesskey:"v",icon:"eye-open",items:{seticon:{name:LNG.list_icon,className:"seticon",icon:"th",accesskey:"i",className:"menu_seticon set_seticon"},setlist:{name:LNG.list_list,className:"setlist",icon:"list",accesskey:"l",className:"menu_seticon set_setlist"}}},sortBy:{name:LNG.order_type,accesskey:"o",icon:"sort",items:{set_sort_name:{name:LNG.name,className:"menu_set_sort set_sort_name"},set_sort_ext:{name:LNG.type,className:"menu_set_sort set_sort_ext"},set_sort_size:{name:LNG.size,className:"menu_set_sort set_sort_size"},set_sort_mtime:{name:LNG.modify_time,className:"menu_set_sort set_sort_mtime"},set_sort_up:{name:LNG.sort_up,className:"set_sort_up",icon:"sort-up",className:"menu_set_desc set_sort_up"},set_sort_down:{name:LNG.sort_down,className:"set_sort_down",icon:"sort-down",className:"menu_set_desc set_sort_down"}}},sep2:"--------",app_install:{name:LNG.app_store,className:"app_install",icon:"tasks",accesskey:"a"},app_create:{name:LNG.app_create,className:"app_create",icon:"puzzle-piece",accesskey:"k"},sep3:"--------",newfolder:{name:LNG.newfolder,className:"newfolder",icon:"folder-close-alt",accesskey:"n"},newfile:{name:LNG.newfile,className:"newfile",icon:"file-alt",accesskey:"j"},newfileOther:{name:LNG.newothers,items:{newfile_html:{name:"html "+LNG.file},newfile_php:{name:"php "+LNG.file},newfile_js:{name:"js "+LNG.file},newfile_css:{name:"css "+LNG.file}}},sep3:"--------",info:{name:LNG.info,className:"info",icon:"info",accesskey:"i"}}})},u=function(){$.contextMenu({selector:".menuDefault",zIndex:9999,items:{open:{name:LNG.open,className:"open",icon:"external-link",accesskey:"o"}},callback:function(e){switch(e){case"open":ui.path.open();break;default:}}})},f=function(){$.contextMenu({selector:Config.BodyContent,zIndex:9999,callback:function(e){g(e)},items:{refresh:{name:LNG.refresh,className:"refresh",icon:"refresh",accesskey:"e"},sortBy:{name:LNG.order_type,accesskey:"o",icon:"sort",items:{set_sort_name:{name:LNG.name,className:"menu_set_sort set_sort_name"},set_sort_ext:{name:LNG.type,className:"menu_set_sort set_sort_ext"},set_sort_size:{name:LNG.size,className:"menu_set_sort set_sort_size"},set_sort_mtime:{name:LNG.modify_time,className:"menu_set_sort set_sort_mtime"},set_sort_up:{name:LNG.sort_up,className:"set_sort_up",icon:"sort-up",className:"menu_set_desc set_sort_up"},set_sort_down:{name:LNG.sort_down,className:"set_sort_down",icon:"sort-down",className:"menu_set_desc set_sort_down"}}},sep1:"--------",upload:{name:LNG.upload,className:"upload",icon:"upload",accesskey:"u"},past:{name:LNG.past,className:"past",icon:"paste",accesskey:"p"},copy_see:{name:LNG.clipboard,className:"copy_see",icon:"eye",accesskey:"b"},sep2:"--------",app_install:{name:LNG.app_store,className:"app_install",icon:"tasks",accesskey:"a"},app_create:{name:LNG.app_create,className:"app_create",icon:"puzzle-piece",accesskey:"k"},sep3:"--------",newfolder:{name:LNG.newfolder,className:"newfolder",icon:"folder-close-alt",accesskey:"n"},newfile:{name:LNG.newfile,className:"newfile",icon:"file-alt",accesskey:"j"},newfileOther:{name:LNG.newothers,items:{newfile_html:{name:"html "+LNG.file},newfile_php:{name:"php "+LNG.file},newfile_js:{name:"js "+LNG.file},newfile_css:{name:"css "+LNG.file}}},sep3:"--------",full:{name:LNG.full_screen,className:"full",icon:"fullscreen",accesskey:"m"},setting_wall:{name:LNG.setting_wall,className:"setting_wall",icon:"picture",accesskey:"w"},setting:{name:LNG.setting,className:"setting",icon:"cogs",accesskey:"s"}}})},h=function(){$('').appendTo("#rightMenu"),$.contextMenu({zIndex:9999,selector:t,className:t,callback:function(e){b(e)},items:{open:{name:LNG.open,className:"open",icon:"folder-open-alt",accesskey:"o"},open_ie:{name:LNG.open_ie,className:"open_ie",icon:"globe",accesskey:"b"},sep1:"--------",copy:{name:LNG.copy,className:"copy",icon:"copy",accesskey:"c"},cute:{name:LNG.cute,className:"cute",icon:"cut",accesskey:"k"},remove:{name:LNG.remove,className:"remove",icon:"trash",accesskey:"d"},rname:{name:LNG.rename,className:"rname",icon:"pencil",accesskey:"r"},sep2:"--------",search:{name:LNG.search_in_path,className:"search",icon:"search",accesskey:"s"},fav:{name:LNG.add_to_fav,className:"fav",icon:"star",accesskey:"f"},zip:{name:LNG.zip,className:"zip",icon:"folder-close",accesskey:"z"},sep3:"--------",info:{name:LNG.info,className:"info",icon:"info",accesskey:"i"}}})},m=function(){$('').appendTo("#rightMenu"),$.contextMenu({zIndex:9999,selector:e,className:t,callback:function(e){b(e)},items:{open:{name:LNG.open,className:"open",icon:"external-link",accesskey:"o"},open_text:{name:LNG.edit,className:"open_text",icon:"edit",accesskey:"e"},open_ie:{name:LNG.open_ie,className:"open_ie",icon:"globe",accesskey:"b"},newfileOther:{name:LNG.open_with,accesskey:"h",items:{open_text:{name:LNG.edit,className:"open_text",icon:"edit"},open_kindedit:{name:LNG.others,className:"open_kindedit",icon:"edit"}}},sep1:"--------",copy:{name:LNG.copy,className:"copy",icon:"copy",accesskey:"c"},cute:{name:LNG.cute,className:"cute",icon:"cut",accesskey:"k"},remove:{name:LNG.remove,className:"remove",icon:"trash",accesskey:"d"},rname:{name:LNG.rename,className:"rname",icon:"pencil",accesskey:"r"},sep2:"--------",zip:{name:LNG.zip,className:"zip",icon:"folder-close",accesskey:"z"},unzip:{name:LNG.unzip,className:"unzip",icon:"folder-open-alt",accesskey:"u"},down:{name:LNG.download,className:"down",icon:"download",accesskey:"x"},sep3:"--------",info:{name:LNG.info,className:"info",icon:"info",accesskey:"i"}}})},v=function(){$('').appendTo("#rightMenu"),$.contextMenu({zIndex:9999,selector:i,className:t,callback:function(e){"editor"==Config.pageApp?z(e):b(e)},items:{open:{name:LNG.open,className:"open",icon:"external-link",accesskey:"o"},app_edit:{name:LNG.app_edit,className:"app_edit",icon:"code",accesskey:"a"},sep1:"--------",copy:{name:LNG.copy,className:"copy",icon:"copy",accesskey:"c"},cute:{name:LNG.cute,className:"cute",icon:"cut",accesskey:"k"},remove:{name:LNG.remove,className:"remove",icon:"trash",accesskey:"d"},rname:{name:LNG.rename,className:"rname",icon:"pencil",accesskey:"r"},sep2:"--------",info:{name:LNG.info,className:"info",icon:"info",accesskey:"i"}}})},_=function(){$('').appendTo("#rightMenu"),$.contextMenu({zIndex:9999,selector:a,className:t,callback:function(e){b(e)},items:{copy:{name:LNG.copy,className:"copy",icon:"copy",accesskey:"c"},clone:{name:LNG.clone,className:"clone",icon:"external-link",accesskey:"m"},cute:{name:LNG.cute,className:"cute",icon:"cut",accesskey:"k"},remove:{name:LNG.remove,className:"remove",icon:"trash",accesskey:"d"},sep1:"--------",playmedia:{name:LNG.add_to_play,className:"playmedia",icon:"music",accesskey:"p"},zip:{name:LNG.zip,className:"zip",icon:"folder-close",accesskey:"z"},sep2:"--------",info:{name:LNG.info,className:"info",icon:"info",accesskey:"i"}}})},g=function(e){switch(e){case"refresh":ui.f5(!0,!0);break;case"back":ui.path.back();case"next":ui.path.next();break;case"seticon":ui.setListType("icon");break;case"setlist":ui.setListType("list");break;case"set_sort_name":ui.setListSort("name",0);break;case"set_sort_ext":ui.setListSort("ext",0);break;case"set_sort_size":ui.setListSort("size",0);break;case"set_sort_mtime":ui.setListSort("mtime",0);break;case"set_sort_up":ui.setListSort(0,"up");break;case"set_sort_down":ui.setListSort(0,"down");break;case"upload":core.upload();break;case"past":ui.path.past();break;case"copy_see":ui.path.clipboard();break;case"newfolder":ui.path.newFolder();break;case"newfile":ui.path.newFile();break;case"newfile_html":ui.path.newFile("html");break;case"newfile_php":ui.path.newFile("php");break;case"newfile_js":ui.path.newFile("js");break;case"newfile_css":ui.path.newFile("css");break;case"newfile_oexe":ui.path.newFile("oexe");break;case"info":ui.path.info();break;case"open":ui.path.open();break;case"open_new":ui.path.open_new();break;case"app_install":ui.path.appList();break;case"app_create":ui.path.appEdit(!0);break;case"full":ui.fullScreen();break;case"setting":core.setting();break;case"setting_wall":core.setting("wall");break;default:}},b=function(e){switch(e){case"open":ui.path.open();break;case"down":ui.path.download();break;case"open_ie":ui.path.openIE();break;case"open_text":ui.path.openEditor();break;case"app_edit":ui.path.appEdit();case"open_kindedit":break;case"playmedia":ui.path.play();break;case"fav":ui.path.fav();break;case"search":ui.path.search();break;case"copy":ui.path.copy();break;case"clone":ui.path.copyDrag(G.this_path,!0);break;case"cute":ui.path.cute();break;case"remove":ui.path.remove();break;case"rname":ui.path.rname();
+define("app/src/editor/main",["lib/jquery-lib","lib/util","lib/ztree/js/ztree","lib/contextMenu/jquery-contextMenu","lib/artDialog/jquery-artDialog","../../common/taskTap","../../common/core","../../tpl/search","../../tpl/upload","../../common/rightMenu","./ui","../../common/tree","../../common/pathOperate","../../tpl/fileinfo","../../tpl/app","../../common/pathOpen","../../common/CMPlayer"],function(e){Config={TreeId:"folderList",AnimateTime:200,pageApp:"editor",treeAjaxURL:"index.php?explorer/treeList&app=editor"},Global={topbar_height:40,frameLeftWidth:200,treeSpaceWide:15,isIE:!-[1]},e("lib/jquery-lib"),e("lib/util"),e("lib/ztree/js/ztree"),e("lib/contextMenu/jquery-contextMenu"),e("lib/artDialog/jquery-artDialog"),TaskTap=e("../../common/taskTap"),core=e("../../common/core"),rightMenu=e("../../common/rightMenu"),ui=e("./ui"),tree=e("../../common/tree"),ui.tree=tree,$(document).ready(function(){ui.init(),TaskTap.init(),core.update(),rightMenu.initEditor(),$(".init_loading").fadeOut(450).addClass("pop_fadeout")})}),define("app/common/taskTap",[],function(){var e={},t="",a=160,i=function(){$(".task_tab .tab").die("mouseenter").live("mouseenter",function(){$(this).hasClass("this")||$(this).addClass("hover")}).die("click").live("click",function(){var e=$(this).attr("id"),t=art.dialog.list[e],a=$("."+e);"hidden"==a.css("visibility")?t.display(!0):a.hasClass("aui_state_focus")?t.display(!1):t.zIndex()}).die("mouseleave").live("mouseleave",function(){$(this).removeClass("hover")}).die("dblclick").live("dblclick",function(){})},s=function(){var e,t,i,s,o=!1,n=!1,r=0,c=0,l=0,d=0,p=0,u=0;$(".task_tab .tab").die("mousedown").live("mousedown",function(){e=$(this),o=!0,this.setCapture&&this.setCapture(),$(document).mousemove(function(e){h(e)}),$(document).one("mouseup",function(e){return v(e),this.releaseCapture&&this.releaseCapture(),stopPP(e),!1})});var f=function(a){n=!0,r=a.pageX,$tab_parent=$(".task_tab"),t=$(".task_tab .tab"),$(".tasktab-dragging").remove(),i=e.clone().addClass("tasktab-dragging").prependTo("body"),d=parseInt(t.css("margin-right")),p=$tab_parent.width(),u=$tab_parent.get(0).getBoundingClientRect().left,u+=$(window).scrollLeft(),c=e.get(0).getBoundingClientRect().left,l=parseInt(t.css("width"));var s=e.get(0).getBoundingClientRect().top-parseInt(e.css("margin-top")),o=a.clientX-r+c;$("body").prepend("
    "),i.css({width:l+"px",top:s,left:o}),e.css("opacity",0)},h=function(a){if(o){0==n&&f(a);var s=a.clientX-r+c;u>s||s>u+p-l||(i.css("left",s),t.each(function(){var t=$(this).get(0).getBoundingClientRect().left;if(s>t&&t+l/2+d>s){if(e.attr("id")==$(this).attr("id"))return;m($(this).attr("id"),"left")}if(s>t-l/2+d&&t>s){if(e.attr("id")==$(this).attr("id"))return;m($(this).attr("id"),"right")}}))}},m=function(i,o){if(!e.is(":animated")||s!=i){s=i,e.stop(!0,!0),$(".insertTemp").remove(),t=$(".task_tab .tab");var n=e.width(),r=$(".task_tab #"+i),c=e.clone(!0).insertAfter(e).css({"margin-right":"0px",border:"none"}).addClass("insertTemp");"left"==o?e.after(r).css("width","0px"):(e.before(r).css("width","0px"),r.before(c)),e.animate({width:n+"px"},a),c.animate({width:"0px"},a,function(){$(this).remove(),t=$(".task_tab .tab")})}},v=function(){o=!1,n=!1,startTime=0,$(".dragMaskView").remove(),void 0!=i&&(c=e.get(0).getBoundingClientRect().left,i.animate({left:c+"px"},a,function(){e.css("opacity",1),$(this).remove()}))}},o=function(e){var t=110,i=t,s=t+12,o=$(".task_tab .tab"),n=$(".task_tab .tabs").width()-50,r=o.length,c=Math.floor(n/s);switch(r>c&&(i=Math.floor(n/r)-12),e){case"add":$(".task_tab .tabs .this").css("width","0").animate({width:i+"px"},a);case"close":o.animate({width:i+"px"},a);break;case"resize":o.css("width",i+"px");break;default:}},n=function(t,a){$(".task_tab").removeClass("hidden");var i=a.replace(/<[^>]+>/g,""),s='
    '+a+"
    ";$(s).insertBefore(".task_tab .last"),o("add"),e[t]={id:t,name:name}},r=function(e){$(".task_tab .this").removeClass("this"),$(".task_tab #"+e).addClass("this"),t=e},c=function(t){delete e[t],$(".task_tab #"+t).animate({width:0},a,function(){$(".task_tab #"+t).remove(),o("close"),0==$(".tabs .tab").length&&$(".task_tab").addClass("hidden")})};return{add:n,focus:r,close:c,init:function(){var e='';$(e).appendTo("body"),$(window).bind("resize",function(){o("resize")}),i(),s()}}}),define("app/common/core",["../tpl/search","../tpl/upload"],function(require,exports){return{filetype:{music:["mp3","wma","wav","mid","aac","ogg","oga","midi","ram","ac3","aif","aiff","m3a","m4a","m4b","mka","mp1","mx3","mp2"],movie:["avi","flv","f4v","wmv","3gp","rmvb","mp4","rm","rmvb","flv","mkv","wmv","asf","avi","aiff","mp4","divx","dv","m4v","mov","mpeg","vob","mpg","mpv","ogm","ogv","qt"],image:["jpg","jpeg","png","bmp","gif","ico","tif","tiff","dib","rle"],code:["html","htm","js","css","less","scss","sass","py","php","rb","erl","lua","pl","c","cpp","m","h","java","jsp","cs","asp","sql","as","go","lsp","yml","json","tpl","xml","cmd","reg","bat","vbs","sh"],doc:["doc","docx","docm","xls","xlsx","xlsb","xlsm","ppt","pptx","pptm"],text:["txt","ini","inc","inf","conf","oexe","md","htaccess","csv","log","asc","tsv"],bindary:["pdf","bin","zip","swf","gzip","rar","arj","tar","gz","cab","tbz","tbz2","lzh","uue","bz2","ace","exe","so","dll","chm","rtf","odp","odt","pages","class","psd","ttf"]},ico:function(e){var t=G.static_path+"images/file_16/",a=["folder","file","edit","search","up","setting","appStore","error","info","mp3","flv","pdf","doc","xls","ppt","html","swf"],i=$.inArray(e,a);return-1==i?t+"file.png":t+e+".png"},contextmenu:function(e){rightMenu.hidden();var t=e||window.event;return t&&($.nodeName(t.target,"TEXTAREA")||$.nodeName(t.target,"INPUT"))?!0:void 0},pathThis:function(e){e=e.replace(/\\/g,"/");var t=e.split("/"),a=t[t.length-1];return""==a&&(a=t[t.length-2]),a},pathFather:function(e){e=e.replace(/\\/g,"/");var t=e.lastIndexOf("/");return e.substr(0,t+1)},pathExt:function(e){e=e.replace(/\\/g,"/"),e=e.replace(/\/+/g,"/");var t=e.lastIndexOf(".");return e=e.substr(t+1),e.toLowerCase()},path2url:function(e){if("http"==e.substr(0,4))return e;if(e=e.replace(/\\/g,"/"),e=e.replace(/\/+/g,"/"),e=e.replace(/\/\.*\//g,"/"),e.substring(0,G.public_path.length)==G.public_path)return G.app_host+"data/public/"+e.replace(G.public_path,"");if(G.is_root){if(e.substring(0,G.web_root.length)==G.web_root)return G.web_host+e.replace(G.web_root,"");var t=G.basic_path.replace(G.web_root,"")+"/";return t=G.web_host+t,t+"index.php?explorer/fileProxy&path="+urlEncode(e)}return G.web_host+G.web_root+e},ajaxError:function(e){core.tips.close(LNG.system_error,!1);var t=e.responseText,a='
    '+t+"
    ",i=$.dialog.list.ajaxErrorDialog;return""==t.substr(0,17)?(FrameCall.goRefresh(),void 0):(i?i.content(a):$.dialog({id:"ajaxErrorDialog",padding:0,fixed:!0,resize:!0,ico:core.ico("error"),title:"ajax error",content:a}),void 0)},setting:function(e){void 0==e&&(e=""),void 0==window.top.frames.Opensetting_mode?$.dialog.open("./index.php?setting#"+e,{id:"setting_mode",fixed:!0,ico:core.ico("setting"),resize:!0,title:LNG.setting,width:960,height:580}):($.dialog.list.setting_mode.display(!0),FrameCall.top("Opensetting_mode","Setting.setGoto",'"'+e+'"'))},appStore:function(){$.dialog.open("./index.php?app",{id:"app_store",fixed:!0,ico:core.ico("appStore"),resize:!0,title:LNG.app_store,width:800,height:500})},openApp:function(app){if("url"==app.type){var icon=app.icon;-1==app.icon.search(G.static_path)&&"http"!=app.icon.substring(0,4)&&(icon=G.static_path+"images/app/"+app.icon),"number"!=typeof app.width&&-1==app.width.search("%")&&(app.width=parseInt(app.width)),"number"!=typeof app.height&&-1==app.height.search("%")&&(app.height=parseInt(app.height)),$.dialog.open(app.content,{title:app.name,fixed:!0,ico:icon,resize:app.resize,simple:app.simple,title:app.name.replace(".oexe",""),width:app.width,height:app.height})}else{var exec=app.content;eval("{"+exec+"}")}},update:function(e){var t=base64_decode("aHR0cDovL3N0YXRpYy5rYWxjYWRkbGUuY29tL3VwZGF0ZS9tYWluLmpz");require.async(t,function(t){try{t.todo(e)}catch(a){}})},explorer:function(e){void 0==e&&(e=""),$.dialog.open("?/explorer&type=iframe&path="+e,{resize:!0,fixed:!0,ico:core.ico("folder"),title:LNG.ui_filemanage,width:880,height:550})},setSkin:function(e,t){var a="./../../../style/skin/"+e+t+"?ver="+G.version,i=G.static_path+"style/skin/"+e+t+"?ver="+G.version;require.async(a,function(){$("#link_css_list").attr("href",i),$("link[rel=stylesheet]").each(function(){var e=$(this).attr("href");e.substring(e.length-t.length)==t&&"link_css_list"!=$(this).attr("id")&&$(this).remove()})})},editorFull:function(){var e=$("iframe[name=OpenopenEditor]");e.toggleClass("frame_fullscreen")},language:function(e){Cookie.set("kod_user_language",e,8760),window.location.reload()},tips:{loading:function(e){Tips.loading(e,"info",Global.topbar_height)},close:function(e,t){"object"==typeof e?Tips.close(e.data,e.code,Global.topbar_height):Tips.close(e,t,Global.topbar_height)},tips:function(e,t){"object"==typeof e?Tips.tips(e.data,e.code,Global.topbar_height):Tips.tips(e,t,Global.topbar_height)}},createFlash:function(e,t,a){var i=''+''+''+''+''+''+"";return i},search:function(e,t){var a,i,s=require("../tpl/search"),o=function(){var o=template.compile(s.html);0==$(".dialog_do_search").length?(r(),i={search:e,path:t,is_content:void 0,is_case:void 0,ext:"",LNG:LNG},a=$.dialog({id:"dialog_do_search",padding:0,fixed:!0,ico:core.ico("search"),resize:!0,title:LNG.search,width:450,content:o(i)}),l(i),$("#search_ext").tooltip({placement:"bottom",html:!0}),$("#search_path").tooltip({placement:"bottom",html:!0,title:function(){return $("#search_path").val()}})):($("#search_value").val(e),$("#search_path").val(t),n(),$.dialog.list.dialog_do_search.display(!0))},n=function(){i={search:$("#search_value").val(),path:$("#search_path").val(),is_content:$("#search_is_content").attr("checked"),is_case:$("#search_is_case").attr("checked"),ext:$("#search_ext").val()},l(i)},r=function(){c(),$("#search_value,#search_ext,#search_path").keyEnter(n),$(".search_header a.button").die("click").live("click",n),$(".search_result .list .name").die("click").live("click",function(){var e=$(this).find("a").html(),t=$(this).parent().find(".path a").html()+e;$(this).parent().hasClass("file")?ui.pathOpen.open(t):"explorer"==Config.pageApp?ui.path.list(t+"/","tips"):core.explorer(t+"/")}),$(".search_result .list .path a").die("click").live("click",function(){var e=$(this).html();"explorer"==Config.pageApp?ui.path.list(e,"tips"):core.explorer(e)})},c=function(){$("#search_value").die("keyup").live("keyup",function(){ui.path.setSearchByStr($(this).val())})},l=function(e){var t=150;$("#search_value").focus(),$(".search_result .list").remove();var a=$(".search_result .message td");return e.search&&e.path?1>=e.search.length?(a.hide().html("too short!").fadeIn(t),void 0):($.ajax({url:"index.php?explorer/search",dataType:"json",type:"POST",data:e,beforeSend:function(){a.hide().html(LNG.searching+'').fadeIn(t)},error:core.ajaxError,success:function(e){if(!e.code)return a.hide().html(e.data).fadeIn(t),void 0;if(0==e.data.filelist.length&&0==e.data.folderlist.length)return a.hide().html(LNG.search_null).fadeIn(t),void 0;a.hide();var i=template.compile(s.list);e.data.LNG=LNG,$(i(e.data)).insertAfter(".search_result .message").fadeIn(t)}}),void 0):(a.hide().html(LNG.search_info).fadeIn(t),void 0)};o()},upload:function(){G.upload_path=G.this_path;var e=urlDecode(G.upload_path);uploader.option("server","index.php?explorer/fileUpload&path="+G.upload_path);var t=30>=e.length?e:"..."+e.substr(e.length-30);if(0!=$(".dialog_file_upload").length)return $(".file_upload .upload_path b").html(t),$.dialog.list.dialog_file_upload.display(!0),void 0;var a=require("../tpl/upload"),i=template.compile(a.html),s=WebUploader.Base.formatSize(G.upload_max);$.dialog({padding:5,height:430,resize:!0,ico:core.ico("up"),id:"dialog_file_upload",fixed:!0,title:LNG.upload_muti,content:i({LNG:LNG,maxsize:s}),close:function(){$.each(uploader.getFiles(),function(e,t){uploader.skipFile(t),uploader.removeFile(t)})}}),$(".file_upload .tips").tooltip({placement:"bottom"}),$(".file_upload .upload_path").tooltip({placement:"bottom",title:function(){return G.upload_path}}),$(".file_upload .upload_path b").html(t),$(".file_upload .top_nav a.menu").unbind("click").bind("click",function(){$(this).hasClass("tab_upload")?($(".file_upload .tab_upload").addClass("this"),$(".file_upload .tab_download").removeClass("this"),$(".file_upload .upload_box").removeClass("hidden"),$(".file_upload .download_box").addClass("hidden")):($(".file_upload .tab_upload").removeClass("this"),$(".file_upload .tab_download").addClass("this"),$(".file_upload .upload_box").addClass("hidden"),$(".file_upload .download_box").removeClass("hidden"))}),$(".file_upload .download_box button").unbind("click").bind("click",function(){core.server_dwonload(G.upload_path)}),uploader.addButton({id:"#picker"})},server_dwonload:function(e){var t=$(".download_box"),a=t.find("#download_list"),i=t.find("input").val();if(t.find("input").val(""),!i||"http"!=i.substr(0,4))return core.tips.tips("url false!",!1),void 0;var s=UUID(),o='
    '+'
    '+i+''+LNG.upload_ready+'
    ';a.find(".item").length>0?$(o).insertBefore(a.find(".item:eq(0)")):a.append(o);var n,r,c,l=0,d=$("#"+s+" .state").text(LNG.download_ready),p=$('
    ').appendTo("#"+s).find(".progress-bar");$.ajax({url:"./index.php?explorer/serverDownload&type=download&save_path="+e+"&url="+urlEncode2(i)+"&uuid="+s,dataType:"json",error:function(e,t,a){core.ajaxError(e,t,a),clearInterval(n),n=!1,clearTimeout(r),n=!1,p.parent().remove(),d.addClass("error").text(LNG.download_error)},success:function(e){clearInterval(n),n=!1,clearTimeout(r),n=!1,e.code?(FrameCall.father("ui.f5_callback","function(){ui.path.setSelectByFilename('"+e.info+"');}"),d.text(LNG.download_success),$("#"+s+" .info .title").html(e.info)):d.addClass("error").text(LNG.error),p.parent().remove()}});var u=function(){$.ajax({url:"./index.php?explorer/serverDownload&type=percent&uuid="+s,dataType:"json",success:function(e){if(n){if(!e.code)return d.text(LNG.loading),void 0;var t="",a=e.data;if(a){if(a.size=parseFloat(a.size),a.time=parseFloat(a.time),c){var i=(a.size-c.size)/(a.time-c.time);if(l>.2*i){var s=l;l=i,i=s}else l=i;t=core.file_size(i)+"/s"}if(0==a.length)p.css("width","100%").text(LNG.loading);else{var o=round(100*(a.size/a.length),1);p.css("width",o+"%").text(o+"%")}d.text(t+"("+core.file_size(a.length)+")"),c=a}}}})};r=setTimeout(function(){u(),n=setInterval(function(){u()},1e3)},100)},file_size:function(e){if(0==e)return"0B";e=parseFloat(e);var t={GB:1073741824,MB:1048576,KB:1024,"B ":0};for(var a in t)if(e>=t[a])return(e/t[a]).toFixed(1)+a;return"0B"},upload_init:function(){var e="#thelist",t="span.state";uploader=WebUploader.create({swf:G.static_path+"js/lib/webuploader/Uploader.swf",dnd:"body",threads:3,fileSizeLimit:G.upload_max,resize:!1});var a=[];uploader.on("uploadBeforeSend",function(e,t){var a=urlEncode(e.file.fullPath);(void 0==a||"undefined"==a)&&(a=""),t.fullPath=a}).on("fileQueued",function(t){var a,i=$(e),a=t.fullPath;(void 0==a||"undefined"==a)&&(a=t.name),$(e).find(".item").length>0&&(i=$(e).find(".item:eq(0)"));var s='
    '+'
    '+a+''+LNG.upload_ready+'
    ';$(e).find(".item").length>0?$(s).insertBefore($(e).find(".item:eq(0)")):$(e).append(s),uploader.upload()}).on("uploadProgress",function(e,t){var a=$("#"+e.id),i=a.find(".progress .progress-bar");i.length||(i=$('
    ').appendTo(a).find(".progress-bar")),a.find(".state").text((100*t).toFixed(2)+"%"),i.css("width",100*t+"%")}).on("uploadAccept",function(e,t){e.file.serverData=t;try{a.push(core.pathThis(t.info))}catch(i){}}).on("uploadSuccess",function(e){var i=e.serverData;i.code?$("#"+e.id).find(t).text(i.data):$("#"+e.id).find(t).addClass("error").text(i.data),uploader.removeFile(e),$("#"+e.id).find(".progress").fadeOut();var s=a;ui.f5_callback(function(){ui.path.setSelectByFilename(s)})}).on("uploadError",function(e){$("#"+e.id).find(t).addClass("error").text(LNG.upload_error)}).on("uploadFinished",function(){a=[],"explorer"==Config.pageApp&&ui.tree.checkIfChange(G.this_path)}).on("error",function(e){core.tips.tips(e,!1)});var i;inState=!1,dragOver=function(){0==inState&&(inState=!0,MaskView.tips(LNG.upload_drag_tips)),i&&window.clearTimeout(i)},dragLeave=function(e){stopPP(e),i&&window.clearTimeout(i),i=window.setTimeout(function(){inState=!1,MaskView.close()},100)},dragDrop=function(e){e=e.originalEvent||e;var t=e.dataTransfer.getData("text/plain");t&&"http"==t.substring(0,4)?ui.path.pathOperate.appAddURL(t):core.upload(),stopPP(e),inState&&(inState=!1,MaskView.close())}}}}),define("app/tpl/search",[],function(){var e="
            
               
                                    
    {{LNG.path}}:
                
               
                                                                                    
    {{LNG.file_type}}:
                
            
            
                
                    
                       {{LNG.name}}                   {{LNG.type}}                   {{LNG.size}}                   {{LNG.path}}                
                    
                
            
        
    ",t="{{each folderlist as v i}}                    {{v.name}}            {{LNG.folder}}            0            {{v.path}}            {{/each}}    {{each filelist as v i}}                    {{v.name}}            {{v.ext}}            {{v.size_friendly}}            {{v.path}}            {{/each}}";return{html:e,list:t}}),define("app/tpl/upload",[],function(){return{html:"
                
                   {{LNG.upload_local}}               {{LNG.download_from_server}}               {{LNG.upload_path_current}}               
                
                
    {{LNG.save_path}}:
                
                    
    {{LNG.upload_select}}
                    
    {{LNG.upload_max_size}}:{{maxsize}}
                    
                    
                        
                    
                
                        
    "}}),define("app/common/rightMenu",[],function(){var e=".menufile",t=".menufolder",a=".menuMore",i=".menuApp",s=".menuTreeFav",o=".menuTreeRoot",n=".menuTreeFolder",r=".menuTreeFile",c=function(){$('').appendTo("body"),$(".context-menu-list").die("click").live("click",function(e){return stopPP(e),!1}),p(),h(),m(),_(),y(),x(),N(),v(),j(),C(),L(),$(".set_set"+G.list_type).addClass("selected"),$(".set_sort_"+G.sort_field).addClass("selected"),$(".set_sort_"+G.sort_order).addClass("selected"),$(".context-menu-root").addClass("fadein")},l=function(){$('').appendTo("body"),$(".context-menu-list").die("click").live("click",function(e){return stopPP(e),!1}),f(),v(),u(),h(),m(),C(),j(),_(),L(),$(".set_sort_"+G.sort_field).addClass("selected"),$(".set_sort_"+G.sort_order).addClass("selected"),$(".context-menu-root").addClass("fadein")},d=function(){$('').appendTo("body"),$(".context-menu-list").die("click").live("click",function(e){return stopPP(e),!1}),y(),x(),v(),C(),j(),k(),w(),L(),$(".context-menu-root").addClass("fadein")},p=function(){$.contextMenu({selector:Config.BodyContent,zIndex:9999,callback:function(e,t){g(e,t)},items:{refresh:{name:LNG.refresh,className:"refresh",icon:"refresh",accesskey:"e"},upload:{name:LNG.upload,className:"upload",icon:"upload",accesskey:"u"},past:{name:LNG.past,className:"past",icon:"paste",accesskey:"p"},copy_see:{name:LNG.clipboard,className:"copy_see",icon:"eye",accesskey:"b"},sep1:"--------",listIcon:{name:LNG.list_type,accesskey:"v",icon:"eye-open",items:{seticon:{name:LNG.list_icon,className:"seticon",icon:"th",accesskey:"i",className:"menu_seticon set_seticon"},setlist:{name:LNG.list_list,className:"setlist",icon:"list",accesskey:"l",className:"menu_seticon set_setlist"}}},sortBy:{name:LNG.order_type,accesskey:"o",icon:"sort",items:{set_sort_name:{name:LNG.name,className:"menu_set_sort set_sort_name"},set_sort_ext:{name:LNG.type,className:"menu_set_sort set_sort_ext"},set_sort_size:{name:LNG.size,className:"menu_set_sort set_sort_size"},set_sort_mtime:{name:LNG.modify_time,className:"menu_set_sort set_sort_mtime"},set_sort_up:{name:LNG.sort_up,className:"set_sort_up",icon:"sort-up",className:"menu_set_desc set_sort_up"},set_sort_down:{name:LNG.sort_down,className:"set_sort_down",icon:"sort-down",className:"menu_set_desc set_sort_down"}}},sep2:"--------",app_install:{name:LNG.app_store,className:"app_install",icon:"tasks",accesskey:"a"},app_create:{name:LNG.app_create,className:"app_create",icon:"puzzle-piece",accesskey:"k"},sep3:"--------",newfolder:{name:LNG.newfolder,className:"newfolder",icon:"folder-close-alt",accesskey:"n"},newfile:{name:LNG.newfile,className:"newfile",icon:"file-alt",accesskey:"j"},newfileOther:{name:LNG.newothers,items:{newfile_html:{name:"html "+LNG.file},newfile_php:{name:"php "+LNG.file},newfile_js:{name:"js "+LNG.file},newfile_css:{name:"css "+LNG.file}}},sep3:"--------",info:{name:LNG.info,className:"info",icon:"info",accesskey:"i"}}})},u=function(){$.contextMenu({selector:".menuDefault",zIndex:9999,items:{open:{name:LNG.open,className:"open",icon:"external-link",accesskey:"o"}},callback:function(e){switch(e){case"open":ui.path.open();break;default:}}})},f=function(){$.contextMenu({selector:Config.BodyContent,zIndex:9999,callback:function(e){g(e)},items:{refresh:{name:LNG.refresh,className:"refresh",icon:"refresh",accesskey:"e"},sortBy:{name:LNG.order_type,accesskey:"o",icon:"sort",items:{set_sort_name:{name:LNG.name,className:"menu_set_sort set_sort_name"},set_sort_ext:{name:LNG.type,className:"menu_set_sort set_sort_ext"},set_sort_size:{name:LNG.size,className:"menu_set_sort set_sort_size"},set_sort_mtime:{name:LNG.modify_time,className:"menu_set_sort set_sort_mtime"},set_sort_up:{name:LNG.sort_up,className:"set_sort_up",icon:"sort-up",className:"menu_set_desc set_sort_up"},set_sort_down:{name:LNG.sort_down,className:"set_sort_down",icon:"sort-down",className:"menu_set_desc set_sort_down"}}},sep1:"--------",upload:{name:LNG.upload,className:"upload",icon:"upload",accesskey:"u"},past:{name:LNG.past,className:"past",icon:"paste",accesskey:"p"},copy_see:{name:LNG.clipboard,className:"copy_see",icon:"eye",accesskey:"b"},sep2:"--------",app_install:{name:LNG.app_store,className:"app_install",icon:"tasks",accesskey:"a"},app_create:{name:LNG.app_create,className:"app_create",icon:"puzzle-piece",accesskey:"k"},sep3:"--------",newfolder:{name:LNG.newfolder,className:"newfolder",icon:"folder-close-alt",accesskey:"n"},newfile:{name:LNG.newfile,className:"newfile",icon:"file-alt",accesskey:"j"},newfileOther:{name:LNG.newothers,items:{newfile_html:{name:"html "+LNG.file},newfile_php:{name:"php "+LNG.file},newfile_js:{name:"js "+LNG.file},newfile_css:{name:"css "+LNG.file}}},sep3:"--------",full:{name:LNG.full_screen,className:"full",icon:"fullscreen",accesskey:"m"},setting_wall:{name:LNG.setting_wall,className:"setting_wall",icon:"picture",accesskey:"w"},setting:{name:LNG.setting,className:"setting",icon:"cogs",accesskey:"s"}}})},h=function(){$('').appendTo("#rightMenu"),$.contextMenu({zIndex:9999,selector:t,className:t,callback:function(e){b(e)},items:{open:{name:LNG.open,className:"open",icon:"folder-open-alt",accesskey:"o"},open_ie:{name:LNG.open_ie,className:"open_ie",icon:"globe",accesskey:"b"},sep1:"--------",copy:{name:LNG.copy,className:"copy",icon:"copy",accesskey:"c"},cute:{name:LNG.cute,className:"cute",icon:"cut",accesskey:"k"},remove:{name:LNG.remove,className:"remove",icon:"trash",accesskey:"d"},rname:{name:LNG.rename,className:"rname",icon:"pencil",accesskey:"r"},sep2:"--------",search:{name:LNG.search_in_path,className:"search",icon:"search",accesskey:"s"},fav:{name:LNG.add_to_fav,className:"fav",icon:"star",accesskey:"f"},zip:{name:LNG.zip,className:"zip",icon:"folder-close",accesskey:"z"},sep3:"--------",info:{name:LNG.info,className:"info",icon:"info",accesskey:"i"}}})},m=function(){$('').appendTo("#rightMenu"),$.contextMenu({zIndex:9999,selector:e,className:t,callback:function(e){b(e)},items:{open:{name:LNG.open,className:"open",icon:"external-link",accesskey:"o"},open_text:{name:LNG.edit,className:"open_text",icon:"edit",accesskey:"e"},open_ie:{name:LNG.open_ie,className:"open_ie",icon:"globe",accesskey:"b"},newfileOther:{name:LNG.open_with,accesskey:"h",items:{open_text:{name:LNG.edit,className:"open_text",icon:"edit"},open_kindedit:{name:LNG.others,className:"open_kindedit",icon:"edit"}}},sep1:"--------",copy:{name:LNG.copy,className:"copy",icon:"copy",accesskey:"c"},cute:{name:LNG.cute,className:"cute",icon:"cut",accesskey:"k"},remove:{name:LNG.remove,className:"remove",icon:"trash",accesskey:"d"},rname:{name:LNG.rename,className:"rname",icon:"pencil",accesskey:"r"},sep2:"--------",zip:{name:LNG.zip,className:"zip",icon:"folder-close",accesskey:"z"},unzip:{name:LNG.unzip,className:"unzip",icon:"folder-open-alt",accesskey:"u"},down:{name:LNG.download,className:"down",icon:"download",accesskey:"x"},sep3:"--------",info:{name:LNG.info,className:"info",icon:"info",accesskey:"i"}}})},v=function(){$('').appendTo("#rightMenu"),$.contextMenu({zIndex:9999,selector:i,className:t,callback:function(e){"editor"==Config.pageApp?z(e):b(e)},items:{open:{name:LNG.open,className:"open",icon:"external-link",accesskey:"o"},app_edit:{name:LNG.app_edit,className:"app_edit",icon:"code",accesskey:"a"},sep1:"--------",copy:{name:LNG.copy,className:"copy",icon:"copy",accesskey:"c"},cute:{name:LNG.cute,className:"cute",icon:"cut",accesskey:"k"},remove:{name:LNG.remove,className:"remove",icon:"trash",accesskey:"d"},rname:{name:LNG.rename,className:"rname",icon:"pencil",accesskey:"r"},sep2:"--------",info:{name:LNG.info,className:"info",icon:"info",accesskey:"i"}}})},_=function(){$('').appendTo("#rightMenu"),$.contextMenu({zIndex:9999,selector:a,className:t,callback:function(e){b(e)},items:{copy:{name:LNG.copy,className:"copy",icon:"copy",accesskey:"c"},clone:{name:LNG.clone,className:"clone",icon:"external-link",accesskey:"m"},cute:{name:LNG.cute,className:"cute",icon:"cut",accesskey:"k"},remove:{name:LNG.remove,className:"remove",icon:"trash",accesskey:"d"},sep1:"--------",playmedia:{name:LNG.add_to_play,className:"playmedia",icon:"music",accesskey:"p"},zip:{name:LNG.zip,className:"zip",icon:"folder-close",accesskey:"z"},sep2:"--------",info:{name:LNG.info,className:"info",icon:"info",accesskey:"i"}}})},g=function(e){switch(e){case"refresh":ui.f5(!0,!0);break;case"back":ui.path.back();case"next":ui.path.next();break;case"seticon":ui.setListType("icon");break;case"setlist":ui.setListType("list");break;case"set_sort_name":ui.setListSort("name",0);break;case"set_sort_ext":ui.setListSort("ext",0);break;case"set_sort_size":ui.setListSort("size",0);break;case"set_sort_mtime":ui.setListSort("mtime",0);break;case"set_sort_up":ui.setListSort(0,"up");break;case"set_sort_down":ui.setListSort(0,"down");break;case"upload":core.upload();break;case"past":ui.path.past();break;case"copy_see":ui.path.clipboard();break;case"newfolder":ui.path.newFolder();break;case"newfile":ui.path.newFile();break;case"newfile_html":ui.path.newFile("html");break;case"newfile_php":ui.path.newFile("php");break;case"newfile_js":ui.path.newFile("js");break;case"newfile_css":ui.path.newFile("css");break;case"newfile_oexe":ui.path.newFile("oexe");break;case"info":ui.path.info();break;case"open":ui.path.open();break;case"open_new":ui.path.open_new();break;case"app_install":ui.path.appList();break;case"app_create":ui.path.appEdit(!0);break;case"full":ui.fullScreen();break;case"setting":core.setting();break;case"setting_wall":core.setting("wall");break;default:}},b=function(e){switch(e){case"open":ui.path.open();break;case"down":ui.path.download();break;case"open_ie":ui.path.openIE();break;case"open_text":ui.path.openEditor();break;case"app_edit":ui.path.appEdit();case"open_kindedit":break;case"playmedia":ui.path.play();break;case"fav":ui.path.fav();break;case"search":ui.path.search();break;case"copy":ui.path.copy();break;case"clone":ui.path.copyDrag(G.this_path,!0);break;case"cute":ui.path.cute();break;case"remove":ui.path.remove();break;case"rname":ui.path.rname();
 break;case"zip":ui.path.zip();break;case"unzip":ui.path.unZip();break;case"info":ui.path.info();break;default:}},y=function(){$('').appendTo("#rightMenu"),$.contextMenu({zIndex:9999,selector:s,callback:function(e){z(e)},items:{fav_page:{name:LNG.manage_fav,className:"fav_page",icon:"star",accesskey:"r"},refresh_all:{name:LNG.refresh_tree,className:"refresh_all",icon:"refresh",accesskey:"e"},sep1:"--------",quit:{name:LNG.close_menu,className:"quit",icon:"remove",accesskey:"q"}}})},x=function(){$('').appendTo("#rightMenu"),$.contextMenu({zIndex:9999,selector:o,callback:function(e){z(e)},items:{explorer:{name:LNG.manage_folder,className:"explorer",icon:"laptop",accesskey:"v"},refresh:{name:LNG.refresh_tree,className:"refresh",icon:"refresh",accesskey:"e"},newfolder:{name:LNG.newfolder,className:"newfolder",icon:"folder-close-alt",accesskey:"n"},newfile:{name:LNG.newfile,className:"newfile",icon:"file-alt",accesskey:"j"},fav:{name:LNG.add_to_fav,className:"fav",icon:"star",accesskey:"f"},search:{name:LNG.search_in_path,className:"search",icon:"search",accesskey:"s"},sep1:"--------",past:{name:LNG.past,className:"past",icon:"paste",accesskey:"p"},sep3:"--------",quit:{name:LNG.close_menu,className:"quit",icon:"remove",accesskey:"q"}}})},N=function(){$('').appendTo("#rightMenu"),$.contextMenu({zIndex:9999,selector:n,callback:function(e){z(e)},items:{refresh:{name:LNG.refresh_tree,className:"refresh",icon:"refresh",accesskey:"e"},newfolder:{name:LNG.newfolder,className:"newfolder",icon:"folder-close-alt",accesskey:"n"},fav:{name:LNG.add_to_fav,className:"fav",icon:"star",accesskey:"f"},search:{name:LNG.search_in_path,className:"search",icon:"search",accesskey:"s"},sep1:"--------",copy:{name:LNG.copy,className:"copy",icon:"copy",accesskey:"c"},cute:{name:LNG.cute,className:"cute",icon:"cut",accesskey:"k"},past:{name:LNG.past,className:"past",icon:"paste",accesskey:"p"},rname:{name:LNG.rename,className:"rname",icon:"pencil",accesskey:"r"},sep2:"--------",remove:{name:LNG.remove,className:"remove",icon:"trash",accesskey:"d"},info:{name:LNG.info,className:"info",icon:"info",accesskey:"i"}}})},k=function(){$('').appendTo("#rightMenu"),$.contextMenu({zIndex:9999,selector:n,callback:function(e){z(e)},items:{explorer:{name:LNG.manage_folder,className:"explorer",icon:"laptop",accesskey:"v"},refresh:{name:LNG.refresh_tree,className:"refresh",icon:"refresh",accesskey:"e"},fav:{name:LNG.add_to_fav,className:"fav",icon:"star",accesskey:"f"},search:{name:LNG.search_in_path,className:"search",icon:"search",accesskey:"s"},sep3:"--------",newfolder:{name:LNG.newfolder,className:"newfolder",icon:"folder-close-alt",accesskey:"n"},newfile:{name:LNG.newfile,className:"newfile",icon:"file-alt",accesskey:"j"},sep2:"--------",copy:{name:LNG.copy,className:"copy",icon:"copy",accesskey:"c"},cute:{name:LNG.cute,className:"cute",icon:"cut",accesskey:"k"},past:{name:LNG.past,className:"past",icon:"paste",accesskey:"p"},rname:{name:LNG.rename,className:"rname",icon:"pencil",accesskey:"r"},sep4:"--------",remove:{name:LNG.remove,className:"remove",icon:"trash",accesskey:"d"},info:{name:LNG.info,className:"info",icon:"info",accesskey:"i"},sep5:"--------",quit:{name:LNG.close_menu,className:"quit",icon:"remove",accesskey:"q"}}})},w=function(){$('').appendTo("#rightMenu"),$.contextMenu({zIndex:9999,selector:r,callback:function(e){z(e)},items:{edit:{name:LNG.edit,className:"edit",icon:"edit",accesskey:"e"},open:{name:LNG.open,className:"open",icon:"external-link",accesskey:"o"},openIE:{name:LNG.open_ie,className:"openIE",icon:"globe",accesskey:"b"},download:{name:LNG.download,className:"download",icon:"download",accesskey:"x"},sep1:"--------",rname:{name:LNG.rename,className:"rname",icon:"pencil",accesskey:"r"},copy:{name:LNG.copy,className:"copy",icon:"copy",accesskey:"c"},cute:{name:LNG.cute,className:"cute",icon:"cut",accesskey:"k"},remove:{name:LNG.remove,className:"remove",icon:"trash",accesskey:"d"},sep2:"--------",info:{name:LNG.info,className:"info",icon:"info",accesskey:"i"},quit:{name:LNG.close_menu,className:"quit",icon:"remove",accesskey:"q"}}})},L=function(){$('').appendTo("#rightMenu"),$.contextMenu({zIndex:9999,selector:".taskBarMenu",items:{quitOthers:{name:LNG.close_others,className:"quitOthers",icon:"remove-circle",accesskey:"o"},quit:{name:LNG.close,className:"quit",icon:"remove",accesskey:"q"}},callback:function(e,t){var a=t.$trigger.attr("id"),i=art.dialog.list[a];switch(e){case"quitOthers":$.each(art.dialog.list,function(e,t){a!=e&&t.close()});break;case"quit":i.close()}}})},C=function(){$.contextMenu({zIndex:9999,selector:".task_tab",items:{closeAll:{name:LNG.dialog_close_all,icon:"remove-circle",accesskey:"o"},showAll:{name:LNG.dialog_display_all,icon:"th-large",accesskey:"o"},hideAll:{name:LNG.dialog_min_all,icon:"remove",accesskey:"q"}},callback:function(e,t){var a=t.$trigger.attr("id");switch(art.dialog.list[a],e){case"showAll":$.each(art.dialog.list,function(e,t){t.display(!0)});break;case"hideAll":$.each(art.dialog.list,function(e,t){t.display(!1)});break;case"closeAll":$.each(art.dialog.list,function(e,t){t.close()});break;default:}}})},j=function(){$('').appendTo("#rightMenu"),$.contextMenu({zIndex:9999,selector:".dialog_menu",items:{quit:{name:LNG.close,icon:"remove",accesskey:"o"},hide:{name:LNG.dialog_min,icon:"minus",accesskey:"o"},refresh:{name:LNG.refresh,icon:"refresh",accesskey:"q"}},callback:function(e,t){var a=t.$trigger.attr("id"),i=art.dialog.list[a];switch(e){case"quit":i.close();break;case"hide":i.display(!1);break;case"refresh":i.refresh();break;default:}}})},z=function(e){switch(e){case"app_edit":ui.tree.appEdit();break;case"edit":ui.tree.openEditor();break;case"open":ui.tree.open();break;case"refresh":ui.tree.refresh();break;case"copy":ui.tree.copy();break;case"cute":ui.tree.cute();break;case"past":ui.tree.past();break;case"rname":ui.tree.rname();break;case"remove":ui.tree.remove();break;case"info":ui.tree.info();break;case"download":ui.tree.download();break;case"openIE":ui.tree.openIE();break;case"search":ui.tree.search();break;case"newfolder":ui.tree.create("folder");break;case"newfile":ui.tree.create("file");break;case"explorer":ui.tree.explorer();break;case"fav_page":core.setting("fav");break;case"fav":ui.tree.fav();break;case"refresh_all":ui.tree.init();break;case"quit":break;default:}};return{initDesktop:l,initExplorer:c,initEditor:d,show:function(e,t,a){e&&(rightMenu.hidden(),$(e).contextMenu({x:t,y:a}))},isDisplay:function(){var e=!1;return $(".context-menu-list").each(function(){"none"!=$(this).css("display")&&(e=!0)}),e},hidden:function(){$(".context-menu-list").filter(":visible").trigger("contextmenu:hide")}}}),define("app/src/editor/ui",[],function(){var e=function(){var e=!1,t=0,a=0,i=0,s=$(".frame-left"),o=$(".frame-resize"),n=$(".frame-right");o.die("mousedown").live("mousedown",function(e){return 1!=e.which?!0:(r(e),this.setCapture&&this.setCapture(),$(document).mousemove(function(e){c(e)}),$(document).one("mouseup",function(e){return l(e),this.releaseCapture&&this.releaseCapture(),stopPP(e),!1}),void 0)});var r=function(i){e=!0,t=i.pageX,a=$(".frame-left").width(),o.addClass("active"),$(".resizeMask").css("display","block")},c=function(r){if(!e)return!0;var c=r.pageX-t,l=a+c;i>l&&(l=i),l>$(document).width()-200&&(l=$(document).width()-200),s.css("width",l),o.css("left",l-5),n.css("left",l+1)},l=function(){return e?(e=!1,o.removeClass("active"),Global.frameLeftWidth=$(".frame-left").width(),$(".resizeMask").css("display","none"),void 0):!1}},t=function(){$(".tools-left a").click(function(){var e=$(this).attr("class");switch(e){case"home":tree.init();break;case"view":tree.explorer();break;case"folder":tree.create("folder");break;case"file":tree.create("file");break;case"refresh":tree.init();break;default:}})};return{init:function(){e(),t(),tree.init(),$("html").die("click").live("click",function(){rightMenu.hidden(),Global.isIE&&Global.isDragSelect}),Mousetrap.bind(["ctrl+s","command+s"],function(e){e.preventDefault(),e.returnvalue=!1,FrameCall.top("OpenopenEditor","Editor.save","")})},setTheme:function(e){core.setSkin(e,"app_editor.css"),FrameCall.top("OpenopenEditor","Editor.setTheme",'"'+e+'"')},editorFull:function(){var e=$("iframe[name=OpenopenEditor]");e.toggleClass("frame_fullscreen")}}}),define("app/common/tree",["./pathOperate","../tpl/fileinfo","../tpl/app","./pathOpen","./CMPlayer"],function(e){var t,a=e("./pathOperate"),i=e("./pathOpen"),s=!1;ui.pathOpen=i;var o,n=function(){$.ajax({url:Config.treeAjaxURL+"&type=init",dataType:"json",error:function(){$("#folderList").html('
    '+LNG.system_error+"
    ")},success:function(e){if(!e.code)return $("#folderList").html('
    '+LNG.system_error+"
    "),void 0;var t=e.data;$.fn.zTree.init($("#folderList"),c,t),o=$.fn.zTree.getZTreeObj("folderList")}}),$(".ztree .switch").die("mouseenter").live("mouseenter",function(){$(this).addClass("switch_hover")}).die("mouseleave").live("mouseleave",function(){$(this).removeClass("switch_hover")}),"editor"==Config.pageApp&&(Mousetrap.bind("up",function(e){r(e,"up")}).bind("down",function(e){r(e,"down")}).bind("left",function(e){r(e,"left")}).bind("right",function(e){r(e,"right")}),Mousetrap.bind("enter",function(){tree.open()}).bind(["del","command+backspace"],function(){tree.remove()}).bind("f2",function(e){stopPP(e),tree.rname()}).bind(["ctrl+f","command+f"],function(e){stopPP(e),tree.search()}).bind(["ctrl+c","command+c"],function(){tree.copy()}).bind(["ctrl+x","command+x"],function(){tree.cute()}).bind(["ctrl+v","command+v"],function(){tree.past()}).bind("alt+m",function(){tree.create("folder")}).bind("alt+n",function(){tree.create("file")}))},r=function(e,t){stopPP(e);var a=o.getSelectedNodes()[0];if(a)switch(t){case"up":var i=a.getPreNode();if(i){if(i.open&&i.children.length>0)for(;i.open&&i.children&&i.children.length>=1;)i=i.children[i.children.length-1]}else i=a.getParentNode();o.selectNode(i);break;case"down":if(a.open&&a.children.length>=1)i=a.children[0];else{var s=a,i=s.getNextNode()||s.getParentNode().getNextNode();try{for(;!i;)s=s.getParentNode(),i=s.getNextNode()||s.getParentNode().getNextNode()}catch(e){}}o.selectNode(i);break;case"left":a.isParent?a.open?o.expandNode(a,!1):o.selectNode(a.getParentNode()):o.selectNode(a.getParentNode());break;case"right":a.open?o.selectNode(a.children[0]):o.expandNode(a,!0);break;default:}},c={async:{enable:!0,dataType:"json",url:Config.treeAjaxURL,autoParam:["ajax_name=name","ajax_path=path","this_path"],dataFilter:function(e,t,a){return a.code?a.data:null}},edit:{enable:!0,showRemoveBtn:!1,showRenameBtn:!1,drag:{isCopy:!1,isMove:!1}},view:{showLine:!1,selectedMulti:!1,dblClickExpand:!1,addDiyDom:function(e,t){var a=Global.treeSpaceWide,i=$("#"+t.tId+"_switch"),s=$("#"+t.tId+"_ico");if(i.remove(),s.before(i),"file"==t.type&&s.removeClass("button ico_docu").addClass("file "+t.ext),"oexe"==t.ext&&s.removeClass("button ico_docu").addClass("file oexe").removeAttr("style"),t.level>=1){var o="";i.before(o)}var n="";"explorer"==Config.pageApp?("__fav__"==t.ext&&(n="menuTreeFav"),"__root__"==t.ext&&(n="menuTreeRoot"),"folder"==t.type&&(n="menuTreeFolder")):"editor"==Config.pageApp&&("__fav__"==t.ext&&(n="menuTreeFav"),"__root__"==t.ext&&(n="menuTreeRoot"),"file"==t.type&&(n="menuTreeFile"),"folder"==t.type&&(n="menuTreeFolder"),"oexe"==t.ext&&(n="menuApp"));var r=LNG.name+":"+t.name+"\n"+LNG.size+":"+t.size_friendly+"\n"+LNG.modify_time+":"+t.mtime;"file"!=t.type&&(r=t.name),i.parent().addClass(n).attr("title",r)}},callback:{onClick:function(e,t,a){return o.selectNode(a),o.expandNode(a),"folder"!=a.type||"editor"!=Config.pageApp?0==a.level?("explorer"==Config.pageApp&&"__fav__"!=a.ext&&ui.path.list(a.this_path+"/"),!1):("editor"==Config.pageApp?ui.tree.openEditor():"explorer"==Config.pageApp&&ui.tree.open(),void 0):void 0},beforeRightClick:function(e,t){o.selectNode(t)},beforeAsync:function(e,t){t.ajax_name=urlEncode(t.name),t.ajax_path=urlEncode(t.path)},onAsyncSuccess:function(e,a,i,s){return 0==s.data.length?(o.removeChildNodes(i),void 0):("function"==typeof t&&(t(),t=void 0),void 0)},onRename:function(e,i,s){var n=s.getParentNode();if(o.getNodesByParam("name",s.name,n).length>1)return core.tips.tips(LNG.name_isexists,!1),o.removeNode(s),void 0;if(s.create){var r=s.path+"/"+s.name;"folder"==s.type?a.newFolder(r,function(e){e.code&&(d(n),t=function(){var e=o.getNodesByParam("name",s.name,n)[0];o.selectNode(e),p()})}):a.newFile(r,function(e){e.code&&(d(n),t=function(){var e=o.getNodesByParam("name",s.name,n)[0];o.selectNode(e),p()})})}else{var c=s.path+s.beforeName,l=s.path+s.name;a.rname(c,l,function(e){e.code&&(d(n),t=function(){var e=o.getNodesByParam("name",s.name,n)[0];o.selectNode(e),p()})})}}}},l=function(e){if(o){var t=o.getSelectedNodes()[0],a="",i="";return t?(t.father?a=t.father+t.name:t.this_path?a=t.this_path:""!=t.path?a=t.path+t.name:""==t.path&&(a="/"+t.name),i=t.ext,("_null_"==i||void 0==i)&&(i="folder"),"file"==i&&(i=t.ext),e?[{path:a,type:i,node:t}]:{path:a,type:i,node:t}):{path:"",type:""}}},d=function(e){if(void 0==e&&(e=o.getSelectedNodes()[0]),!e.isParent){if(e=e.getParentNode(),!e)return ui.tree.init(),void 0;if(e&&"__fav__"==e.ext)return}o.reAsyncChildNodes(e,"refresh")},p=function(){"explorer"==Config.pageApp&&ui.f5()};return{pathOpen:i,init:n,refresh:d,openEditor:function(){i.openEditor(l().path)},openIE:function(){i.openIE(l().path)},download:function(){i.download(l().path)},open:function(){if(!($(".dialog_path_remove").length>=1)){var e=l();"oexe"==e.type&&(e.path=e.node),i.open(e.path,e.type)}},fav:function(){a.fav(l().path)},search:function(){core.search("",l().path)},appEdit:function(){var e=l(),t=e.node;t.path=e.path,a.appEdit(t,function(){d(e.node.getParentNode())})},info:function(){a.info(l(!0))},copy:function(){a.copy(l(!0))},cute:function(){a.cute(l(!0))},past:function(){var e=l();e.node.isParent||(e.node=e.node.getParentNode()),a.past(e.path,function(){p(),d(e.node)})},remove:function(){var e=l(!0),t=e[0].node.getParentNode();a.remove(e,function(){p(),d(t)})},checkIfChange:function(e){s||(s=!0,o&&(o.getNodesByFilter(function(t){var a;return t.this_path?a=t.this_path:""!=t.path&&(a=t.path+t.name),a==e||a+"/"==e||"/"+t.name+"/"==e?(d(t),!0):!1},!0),setTimeout(function(){s=!1},1e3)))},explorer:function(){var e=l().path;e||(e=G.this_path),core.explorer(e)},fileBox:function(e){e="save_file",e="save_folder",e="select_",$(".header-left").css("width",110).next().css("left",150),$(".frame-left").width("width",142),$.dialog.open("?/explorer&plague="+e,{resize:!0,fixed:!0,title:"另存为",width:750,height:420})},create:function(e){var t=o.getSelectedNodes();if(0>=t.length){var a=o.getNodeByParam("ext","__root__",null);o.selectNode(a)}var i=l(),s=i.node,n=s.getParentNode(),r="newfile",c=0,d=LNG.newfolder;if("folder"==e){for(;o.getNodesByParam("name",d+"("+c+")",n).length>0;)c++;newNode={name:d+"("+c+")",ext:"",type:"folder",create:!0,path:i.path}}else if("file"==e){for(;o.getNodesByParam("name",r+"("+c+").txt",n).length>0;)c++;newNode={name:r+"("+c+").txt",ext:"txt",type:"file",create:!0,path:i.path}}if(void 0!=s.children){var p=o.addNodes(s,newNode)[0];o.editName(p)}else{"folder"!=s.type&&(s=s.getParentNode());var p=o.addNodes(s,newNode)[0];o.editName(p)}},rname:function(){var e=o.getSelectedNodes()[0];o.editName(e),e.beforeName=e.name}}}),define("app/common/pathOperate",["../tpl/fileinfo","../tpl/app"],function(e){var t=e("../tpl/fileinfo"),a=["/","\\",":","*","?",'"',"<",">","|"],i=function(e){var t=function(e,t){for(var a=t.length,i=0;a>i;i++)if(e.indexOf(t[i])>0)return!0;return!1};return t(e,a)?(core.tips.tips(LNG.path_not_allow+':/  : * ? " < > |',!1),!1):!0},s=function(e){var t="list=[";for(var a in e)t+='{"type":"'+e[a].type+'","path":"'+urlEncode2(e[a].path)+'"}',a!=e.length-1&&(t+=",");return t+"]"},o=function(e,t){if(e){var a=core.pathThis(e);return i(a)?($.ajax({dataType:"json",url:"index.php?explorer/mkfile&path="+urlEncode2(e),beforeSend:function(){core.tips.loading()},error:core.ajaxError,success:function(e){core.tips.close(e),"function"==typeof t&&t(e)}}),void 0):("function"==typeof t&&t(),void 0)}},n=function(e,t){if(e){var a=core.pathThis(e);return i(a)?($.ajax({dataType:"json",url:"index.php?explorer/mkdir&path="+urlEncode2(e),beforeSend:function(){core.tips.loading()},error:core.ajaxError,success:function(e){core.tips.close(e),"function"==typeof t&&t(e)}}),void 0):("function"==typeof t&&t(),void 0)}},r=function(e,t,a){return e&&t&&e!=t?i(core.pathThis(t))?($.ajax({type:"POST",dataType:"json",url:"index.php?explorer/pathRname",data:"path="+urlEncode(e)+"&rname_to="+urlEncode(t),beforeSend:function(){core.tips.loading()},error:core.ajaxError,success:function(e){core.tips.close(e),"function"==typeof a&&a(e)}}),void 0):("function"==typeof a&&a(),void 0):void 0},c=function(e,t){if(!(1>e.length)){var a=e[0].path;a.length>20&&(a="..."+a.substr(-20)),$.dialog({id:"dialog_path_remove",fixed:!0,icon:"question",title:LNG.remove_title,padding:40,lock:!0,background:"#000",opacity:.5,content:a+"
    "+LNG.remove_info+"【"+e.length+"】",ok:function(){$.ajax({url:"index.php?explorer/pathDelete",type:"POST",dataType:"json",data:s(e),beforeSend:function(){core.tips.loading()},error:core.ajaxError,success:function(e){core.tips.close(e),"function"==typeof t&&t(e)}})},cancel:!0})}},l=function(e){1>e.length||$.ajax({url:"index.php?explorer/pathCopy",type:"POST",dataType:"json",data:s(e),error:core.ajaxError,success:function(e){core.tips.tips(e)}})},d=function(e){1>e.length||$.ajax({url:"index.php?explorer/pathCute",type:"POST",dataType:"json",data:s(e),error:core.ajaxError,success:function(e){core.tips.tips(e)}})},p=function(e,t){if(e){var a="index.php?explorer/pathPast&path="+urlEncode2(e);$.ajax({url:a,dataType:"json",beforeSend:function(){core.tips.loading(LNG.moving)},error:core.ajaxError,success:function(e){e.code?core.tips.close(e):core.tips.close(e.info,!1),"function"==typeof t&&t(e)}})}},u=function(e){1>e.length&&(e=[{path:G.this_path,type:"folder"}]),$.ajax({url:"index.php?explorer/pathInfo",type:"POST",dataType:"json",data:s(e),beforeSend:function(){core.tips.loading(LNG.getting)},error:core.ajaxError,success:function(a){if(!a.code)return core.tips.close(a),void 0;core.tips.close(LNG.get_success,!0);var i="path_info_more",s=LNG.info;1==e.length&&(i="folder"==e[0].type?"path_info":"file_info",s=core.pathThis(e[0].path),s.length>15&&(s=s.substr(0,15)+"...  "+LNG.info));var o=template.compile(t[i]),n=UUID();a.data.LNG=LNG,$.dialog({id:n,padding:5,ico:core.ico("info"),fixed:!0,title:s,content:o(a.data),width:"350px",cancel:!0}),f(n,e)}})},f=function(e,t){$("."+e).find(".edit_chmod").click(function(){var e=$(this).parent().find("input"),a=$(this);$.ajax({url:"index.php?explorer/pathChmod&mod="+e.val(),type:"POST",data:s(t),beforeSend:function(){a.text(LNG.loading)},error:function(){a.text(LNG.button_save)},success:function(e){a.text(e.data).animate({opacity:.6},400,0).delay(1e3).animate({opacity:1},200,0,function(){a.text(LNG.button_save)})}})})},h=function(e,t){1>e.length||$.ajax({url:"index.php?explorer/zip",type:"POST",dataType:"json",data:s(e),beforeSend:function(){core.tips.loading(LNG.ziping)},error:core.ajaxError,success:function(e){core.tips.close(e),core.tips.tips(e),"function"==typeof t&&t(e)}})},m=function(e,t){if(e){var a="index.php?explorer/unzip&path="+urlEncode2(e);$.ajax({url:a,beforeSend:function(){core.tips.loading(LNG.unziping)},error:core.ajaxError,success:function(e){core.tips.close(e),"function"==typeof t&&t(e)}})}},v=function(e,t,a){t&&$.ajax({url:"index.php?explorer/pathCuteDrag",type:"POST",dataType:"json",data:s(e)+"&path="+urlEncode2(t),beforeSend:function(){core.tips.loading(LNG.moving)},error:core.ajaxError,success:function(e){core.tips.close(e),"function"==typeof a&&a(e)}})},_=function(e,t,a){t&&$.ajax({url:"index.php?explorer/pathCopyDrag",type:"POST",dataType:"json",data:s(e)+"&path="+urlEncode2(t),beforeSend:function(){core.tips.loading(LNG.moving)},error:core.ajaxError,success:function(e){core.tips.close(e),"function"==typeof a&&a(e)}})},g=function(){$.ajax({url:"index.php?explorer/clipboard",dataType:"json",error:core.ajaxError,success:function(e){e.code&&$.dialog({title:LNG.clipboard,padding:0,height:200,width:400,content:e.data})}})},b=function(e){if(e){var t="&name="+urlEncode(core.pathThis(e))+"&path="+urlEncode(e);core.setting("fav"+t)}},y=function(e){var t={};return t.type=e.find("input[type=radio]:checked").val(),t.content=e.find("textarea").val(),t.group=e.find("[name=group]").val(),e.find("input[type=text]").each(function(){var e=$(this).attr("name");t[e]=$(this).val()}),e.find("input[type=checkbox]").each(function(){var e=$(this).attr("name");t[e]="checked"==$(this).attr("checked")?1:0}),t},x=function(e){e.find(".type input").change(function(){var t=$(this).attr("apptype");e.find("[data-type]").addClass("hidden"),e.find("[data-type="+t+"]").removeClass("hidden")})},N=function(t,a,i){var s,o,n,r=LNG.app_create,c=UUID(),l=e("../tpl/app"),d=G.basic_path+"static/images/app/",p=template.compile(l.html);switch(void 0==i&&(i="user_edit"),"root_edit"==i&&(t=json_decode(t)),"user_edit"==i||"root_edit"==i?(r=LNG.app_edit,n=p({LNG:LNG,iconPath:d,uuid:c,data:t})):n=p({LNG:LNG,iconPath:d,uuid:c,data:{}}),$.dialog({fixed:!0,width:450,height:310,id:c,padding:15,title:r,content:n,button:[{name:LNG.preview,callback:function(){var e=y(s);return core.openApp(e),!1}},{name:LNG.button_save,focus:!0,callback:function(){var e=y(s);switch(i){case"user_add":var n=urlEncode2(G.this_path+e.name);o="./index.php?app/user_app&action=add&path="+n;break;case"user_edit":o="./index.php?app/user_app&path="+urlEncode2(t.path);break;case"root_add":o="./index.php?app/add&name="+e.name;break;case"root_edit":o="./index.php?app/edit&name="+e.name+"&old_name="+t.name;break;default:}$.ajax({url:o,type:"POST",dataType:"json",data:"data="+urlEncode2(json_encode(e)),beforeSend:function(){core.tips.loading()},error:core.ajaxError,success:function(e){if(core.tips.close(e),e.code)if("root_edit"==i||"root_add"==i){if(!e.code)return;FrameCall.top("Openapp_store","App.reload",'""')}else"function"==typeof a?a():ui.f5()}})}}]}),s=$("."+c),t.group&&s.find("option").eq(t.group).attr("selected",1),s.find(".aui_content").css("overflow","inherit"),i){case"user_edit":s.find(".name").addClass("hidden"),s.find(".desc").addClass("hidden"),s.find(".group").addClass("hidden"),s.find("option[value="+t.group+"]").attr("checked",!0);break;case"user_add":s.find(".desc").addClass("hidden"),s.find(".group").addClass("hidden"),s.find("[apptype=url]").attr("checked",!0),s.find("[data-type=url] input[name=resize]").attr("checked",!0),s.find("input[name=width]").attr("value","800"),s.find("input[name=height]").attr("value","600"),s.find("input[name=icon]").attr("value","oexe.png");break;case"root_add":s.find("[apptype=url]").attr("checked",!0),s.find("[data-type=url] input[name=resize]").attr("checked",!0),s.find("input[name=width]").attr("value","800"),s.find("input[name=height]").attr("value","600"),s.find("input[name=icon]").attr("value","oexe.png");break;case"root_edit":s.find("option[value="+t.group+"]").attr("selected",!0);break;default:}x(s)},k=function(){core.appStore()},w=function(e){e&&4>e.length&&"http"!=e.substring(0,4)||$.ajax({url:"./index.php?app/get_url_title&url="+e,dataType:"json",beforeSend:function(){core.tips.loading()},success:function(t){var a=t.data;core.tips.close(t);var i={content:"window.open('"+e+"');",desc:"",group:"others",type:"app",icon:"internet.png",name:a,resize:1,simple:0,height:"",width:""},s=urlEncode2(G.this_path+a);e="./index.php?app/user_app&action=add&path="+s,$.ajax({url:e,type:"POST",dataType:"json",data:"data="+urlEncode2(json_encode(i)),success:function(e){core.tips.close(e),e.code&&ui.f5()}})}})};return{appEdit:N,appList:k,appAddURL:w,newFile:o,newFolder:n,rname:r,unZip:m,zip:h,copy:l,cute:d,info:u,remove:c,cuteDrag:v,copyDrag:_,past:p,clipboard:g,fav:b}});var file_info="
        
            
                    
        
        
        
            
    {{LNG.file_type}}:
            
    {{ext}} {{LNG.file}}
            
        
        
        
            
    {{LNG.address}}:
            
    {{path}}
            
        
        
            
    {{LNG.size}}:
            
    {{size_friendly}}  ({{size}} Byte)
            
        
        
        
            
    {{LNG.create_time}}
            
    {{ctime}}
            
        
        
            
    {{LNG.modify_time}}
            
    {{mtime}}
            
        
        
            
    {{LNG.last_time}}
            
    {{atime}}
            
        
        
        
            
    {{LNG.permission}}:
            
    {{mode}}
            
        
        
            
    {{LNG.permission_edit}}:
            
            
            
        
    ",path_info="
        
            
                    
        
        
        
            
    {{LNG.type}}:
            
    {{LNG.folder}}
            
        
        
            
    {{LNG.address}}:
            
    {{path}}
            
        
        
            
    {{LNG.size}}:
            
    {{size_friendly}}  ({{size}} Byte)
            
        
        
            
    {{LNG.contain}}:
             
    {{file_num}}  {{LNG.file}},{{folder_num}}  {{LNG.folder}}
            
        
        
        
            
    {{LNG.create_time}}
            
    {{ctime}}
            
        
        
            
    {{LNG.modify_time}}
            
    {{mtime}}
            
        
        
            
    {{LNG.last_time}}
            
    {{atime}}
            
        
        
        
            
    {{LNG.permission}}:
            
    {{mode}}
            
        
        
            
    {{LNG.permission_edit}}:
            
            
            
        
    ",path_info_more="
        
            
            
                {{file_num}}  {{LNG.file}},{{folder_num}}  {{LNG.file}}
            
        
        
        
            
    {{LNG.size}}:
            
    {{size_friendly}} ({{size}} Byte)
            
        
        
        
            
    {{LNG.permission}}:
            
    {{mode}}
            
        
        
            
    {{LNG.permission_edit}}:
            
            
            
        
    ";define("app/tpl/fileinfo",[],function(){return{file_info:file_info,path_info:path_info,path_info_more:path_info_more}}),define("app/tpl/app",[],function(){return{html:"
              
                  
    {{LNG.name}}
                  
                  
              
              
                  
    {{LNG.app_desc}}
                  
                  
              
              
                  
    {{LNG.app_icon}}
                  
                  {{LNG.app_icon_show}}
                  
              
              
                  
    {{LNG.app_group}}
                  
                  
              
              
                  
    {{LNG.app_type}}
                  
                                                                                          
                  
              
              
                  
    {{LNG.app_display}}
                  
                                                                                          
                  
              
              
                  
    {{LNG.app_size}}
                  
                      {{LNG.width}}:                    {{LNG.height}}:                
                  
              
              
                                
    {{LNG.app_url}}
                  
                  
              
          
    "}
-}),define("app/common/pathOpen",["./CMPlayer"],function(e){var t=function(e,t){if(void 0!=e){if(void 0==t&&(t=core.pathExt(e)),t=t.toLowerCase(),"folder"==t)return"explorer"==Config.pageApp?ui.path.list(e+"/"):core.explorer(e),void 0;if("swf"==t){var i=core.path2url(e);return s(i,core.ico("swf"),core.pathThis(e)),void 0}if("oexe"==t)return core.openApp(e),void 0;if("pdf"==t){var c="pdf"+UUID(),i=core.path2url(e),l='";return $.dialog({resize:!0,fixed:!0,ico:core.ico("pdf"),title:core.pathThis(e),width:800,height:400,padding:0,content:l}),new PDFObject({url:i}).embed(c),void 0}if("html"==t||"htm"==t){var i=core.path2url(e);return s(i,core.ico("html"),core.pathThis(e)),void 0}if(inArray(core.filetype.image,t)){var i=urlDecode(e);return-1==e.indexOf("http:")&&(i=core.path2url(i)),MaskView.image(i),void 0}if(inArray(core.filetype.music,t)||inArray(core.filetype.movie,t)){var i=core.path2url(e);return r(i,t),void 0}if(inArray(core.filetype.doc,t)){var i=core.path2url(e);return n(i,t),void 0}return inArray(core.filetype.bindary,t)?(a(e),void 0):(o(e),void 0)}},a=function(e){if(e){var t="index.php?explorer/fileDownload&path="+urlEncode2(e),a=''+LNG.download_ready+"...",i=$.dialog({icon:"succeed",title:!1,time:1,content:a});i.DOM.wrap.find(".aui_loading").remove()}},i=function(e){if(void 0!=e){var t=core.path2url(e);window.open(t)}},s=function(e,t,a,i){if(e){void 0==i&&(i="openWindow"+UUID());var s="";art.dialog.through({id:i,title:a,ico:t,width:"70%",height:"65%",padding:0,content:s,resize:!0})}},o=function(e){if(e){var t=core.pathExt(e),a=core.pathThis(e);if(inArray(core.filetype.bindary,t)||inArray(core.filetype.music,t)||inArray(core.filetype.image,t)||inArray(core.filetype.movie,t)||inArray(core.filetype.doc,t))return core.tips.tips(t+LNG.edit_can_not,!1),void 0;if(void 0==window.top.frames.OpenopenEditor){var i="./index.php?editor/edit&filename="+urlEncode(urlEncode2(e)),o=a+" ——"+LNG.edit;s(i,core.ico("edit"),o.substring(o.length-50),"openEditor")}else $.dialog.list.openEditor&&$.dialog.list.openEditor.display(!0),FrameCall.top("OpenopenEditor","Editor.add",'"'+urlEncode2(e)+'"')}},n=function(e,t){var a,i,s,o;switch(t){case"doc":case"docx":case"docm":case"dot":o=core.ico("doc"),a="http://sg1b-word-view.officeapps.live.com/wv/wordviewerframe.aspx?ui=zh-CN&rs=zh-CN&WOPISrc=";break;case"ppt":case"pptm":case"pptx":o=core.ico("ppt"),a="http://sg1b-powerpoint.officeapps.live.com/p/PowerPointFrame.aspx?PowerPointView=ReadingView&ui=zh-CN&rs=zh-CN&WOPISrc=";break;case"xls":case"xlsb":case"xlsm":case"xlsx":o=core.ico("xls"),a="http://sg1b-excel.officeapps.live.com/x/_layouts/xlviewerinternal.aspx?ui=zh-CN&rs=zh-CN&WOPISrc=";break;default:}i="http://sg1b-15-view-wopi.wopi.live.net:808/oh/wopi/files/@/wFileId?wFileId=",i+=urlEncode(e),s=a+urlEncode(i)+"&access_token=1&access_token_ttl=0";var n=core.pathThis(urlDecode(e));art.dialog.open(s,{ico:o,title:n,width:"70%",height:"65%",resize:!0})},r=function(t,a){t&&("string"==typeof t&&(t=[t]),CMPlayer=e("./CMPlayer"),CMPlayer.play(t,a))};return{open:t,play:r,openEditor:o,openIE:i,download:a}}),define("app/common/CMPlayer",[],function(){var e={ting:{path:"music/ting",width:410,height:530},beveled:{path:"music/beveled",width:350,height:200},kuwo:{path:"music/kuwo",width:480,height:200},manila:{path:"music/manila",width:320,height:400},mp3player:{path:"music/mp3player",width:320,height:410},qqmusic:{path:"music/qqmusic",width:300,height:400},somusic:{path:"music/somusic",width:420,height:137},xdj:{path:"music/xdj",width:595,height:235},webplayer:{path:"movie/webplayer",width:600,height:400},qqplayer:{path:"movie/qqplayer",width:600,height:400},tvlive:{path:"movie/tvlive",width:600,height:400},youtube:{path:"movie/youtube",width:600,height:400},vplayer:{path:"movie/vplayer",width:600,height:400}},t=function(e){return"music"==e?"music_player":(void 0==e&&(e="mp3"),inArray(core.filetype.music,e)?"music_player":"movie_player")},a=function(t){var a,i,o,n;"music_player"==t?(n=core.ico("mp3"),a=e[G.musictheme],i="music player",o=!1):(n=core.ico("flv"),a=e[G.movietheme],i="movie player",o=!0);var r=core.createFlash(G.static_path+"js/lib/cmp4/cmp.swf","context_menu=2&auto_play=1&play_mode=1&skin=skins/"+a.path+".zip",t),c={id:t+"_dialog",simple:!0,ico:n,title:i,width:a.width,height:a.height,content:r,resize:o,padding:0,fixed:!0,close:function(){var e=s(t);e&&e.sendEvent&&e.sendEvent("view_stop")}};window.top.CMP?art.dialog.through(c):$.dialog(c)},i=function(e){var t,a="";for(t=e.length-1;t>=0;t--){var i,s;-1==e[t].search("fileProxy")?(i=urlEncode(e[t]),s=core.pathThis(e[t])):(i=e[t],s=core.pathThis(urlDecode(i))),i=i.replace(/%2F/g,"/"),i=i.replace(/%3F/g,"?"),i=i.replace(/%26/g,"&"),i=i.replace(/%3A/g,":"),i=i.replace(/%3D/g,"="),a+=''}return a},s=function(e){return window.top.CMP?window.top.CMP.get(e):CMP.get(e)},o=function(e,t){var a=i(e),o=s(t);if(o){o.config("play_mode","normal");var n=o.list().length;o.list_xml(a,!0),o.sendEvent("view_play",n+1)}};return{changeTheme:function(t,a){var i,o,n;"music"==t?(G.musictheme=a,i="music_player"):"movie"==t&&(G.movietheme=a,i="movie_player"),n=s(i),n&&(o=e[a],window.top.art.dialog.list[i+"_dialog"].size(o.width,o.height),n.sendEvent("skin_load","skins/"+o.path+".zip"))},play:function(e,i){var n=t(i),r=s(n);r?(o(e,n),window.top.art.dialog.list[n+"_dialog"].display(!0)):(a(n),setTimeout(function(){o(e,n)},1e3))}}});
\ No newline at end of file
+}),define("app/common/pathOpen",["./CMPlayer"],function(e){var t=function(e,t){if(void 0!=e){if(void 0==t&&(t=core.pathExt(e)),t=t.toLowerCase(),"folder"==t)return"explorer"==Config.pageApp?ui.path.list(e+"/"):core.explorer(e),void 0;if("swf"==t){var i=core.path2url(e);return s(i,core.ico("swf"),core.pathThis(e)),void 0}if("oexe"==t)return core.openApp(e),void 0;if("pdf"==t){var c="pdf"+UUID(),i=core.path2url(e),l='";return $.dialog({resize:!0,fixed:!0,ico:core.ico("pdf"),title:core.pathThis(e),width:800,height:400,padding:0,content:l}),new PDFObject({url:i}).embed(c),void 0}if("html"==t||"htm"==t){var i=core.path2url(e);return s(i,core.ico("html"),core.pathThis(e)),void 0}if(inArray(core.filetype.image,t)){var i=urlDecode(e);return-1==e.indexOf("http:")&&(i=core.path2url(i)),MaskView.image(i),void 0}if(inArray(core.filetype.music,t)||inArray(core.filetype.movie,t)){var i=core.path2url(e);return r(i,t),void 0}if(inArray(core.filetype.doc,t)){var i=core.path2url(e);return n(i,t),void 0}return inArray(core.filetype.bindary,t)?(a(e),void 0):(o(e),void 0)}},a=function(e){if(e){var t="index.php?explorer/fileDownload&path="+urlEncode2(e),a=''+LNG.download_ready+"...",i=$.dialog({icon:"succeed",title:!1,time:1,content:a});i.DOM.wrap.find(".aui_loading").remove()}},i=function(e){if(void 0!=e){var t=core.path2url(e);window.open(t)}},s=function(e,t,a,i){if(e){void 0==i&&(i="openWindow"+UUID());var s="";art.dialog.through({id:i,title:a,ico:t,width:"70%",height:"65%",padding:0,content:s,resize:!0})}},o=function(e){if(e){var t=core.pathExt(e),a=core.pathThis(e);if(inArray(core.filetype.bindary,t)||inArray(core.filetype.music,t)||inArray(core.filetype.image,t)||inArray(core.filetype.movie,t)||inArray(core.filetype.doc,t))return core.tips.tips(t+LNG.edit_can_not,!1),void 0;if(void 0==window.top.frames.OpenopenEditor){var i="./index.php?editor/edit&filename="+urlEncode(urlEncode2(e)),o=a+" ——"+LNG.edit;s(i,core.ico("edit"),o.substring(o.length-50),"openEditor")}else $.dialog.list.openEditor&&$.dialog.list.openEditor.display(!0),FrameCall.top("OpenopenEditor","Editor.add",'"'+urlEncode2(e)+'"')}},n=function(e,t){if(""!=G.office_server){var a=G.office_server+urlEncode(e),i=core.pathThis(urlDecode(e));return art.dialog.open(a,{ico:r,title:i,width:"70%",height:"65%",resize:!0}),void 0}var s,o,n,r;switch(t){case"doc":case"docx":case"docm":case"dot":r=core.ico("doc"),s="http://sg1b-word-view.officeapps.live.com/wv/wordviewerframe.aspx?ui=zh-CN&rs=zh-CN&WOPISrc=";break;case"ppt":case"pptm":case"pptx":r=core.ico("ppt"),s="http://sg1b-powerpoint.officeapps.live.com/p/PowerPointFrame.aspx?PowerPointView=ReadingView&ui=zh-CN&rs=zh-CN&WOPISrc=";break;case"xls":case"xlsb":case"xlsm":case"xlsx":r=core.ico("xls"),s="http://sg1b-excel.officeapps.live.com/x/_layouts/xlviewerinternal.aspx?ui=zh-CN&rs=zh-CN&WOPISrc=";break;default:}o="http://sg1b-15-view-wopi.wopi.live.net:808/oh/wopi/files/@/wFileId?wFileId=",o+=urlEncode(e),n=s+urlEncode(o)+"&access_token=1&access_token_ttl=0";var i=core.pathThis(urlDecode(e));art.dialog.open(n,{ico:r,title:i,width:"70%",height:"65%",resize:!0})},r=function(t,a){t&&("string"==typeof t&&(t=[t]),CMPlayer=e("./CMPlayer"),CMPlayer.play(t,a))};return{open:t,play:r,openEditor:o,openIE:i,download:a}}),define("app/common/CMPlayer",[],function(){var e={ting:{path:"music/ting",width:410,height:530},beveled:{path:"music/beveled",width:350,height:200},kuwo:{path:"music/kuwo",width:480,height:200},manila:{path:"music/manila",width:320,height:400},mp3player:{path:"music/mp3player",width:320,height:410},qqmusic:{path:"music/qqmusic",width:300,height:400},somusic:{path:"music/somusic",width:420,height:137},xdj:{path:"music/xdj",width:595,height:235},webplayer:{path:"movie/webplayer",width:600,height:400},qqplayer:{path:"movie/qqplayer",width:600,height:400},tvlive:{path:"movie/tvlive",width:600,height:400},youtube:{path:"movie/youtube",width:600,height:400},vplayer:{path:"movie/vplayer",width:600,height:400}},t=function(e){return"music"==e?"music_player":(void 0==e&&(e="mp3"),inArray(core.filetype.music,e)?"music_player":"movie_player")},a=function(t){var a,i,o,n;"music_player"==t?(n=core.ico("mp3"),a=e[G.musictheme],i="music player",o=!1):(n=core.ico("flv"),a=e[G.movietheme],i="movie player",o=!0);var r=core.createFlash(G.static_path+"js/lib/cmp4/cmp.swf","context_menu=2&auto_play=1&play_mode=1&skin=skins/"+a.path+".zip",t),c={id:t+"_dialog",simple:!0,ico:n,title:i,width:a.width,height:a.height,content:r,resize:o,padding:0,fixed:!0,close:function(){var e=s(t);e&&e.sendEvent&&e.sendEvent("view_stop")}};window.top.CMP?art.dialog.through(c):$.dialog(c)},i=function(e){var t,a="";for(t=e.length-1;t>=0;t--){var i,s;-1==e[t].search("fileProxy")?(i=urlEncode(e[t]),s=core.pathThis(e[t])):(i=e[t],s=core.pathThis(urlDecode(i))),i=i.replace(/%2F/g,"/"),i=i.replace(/%3F/g,"?"),i=i.replace(/%26/g,"&"),i=i.replace(/%3A/g,":"),i=i.replace(/%3D/g,"="),a+=''}return a},s=function(e){return window.top.CMP?window.top.CMP.get(e):CMP.get(e)},o=function(e,t){var a=i(e),o=s(t);if(o){o.config("play_mode","normal");var n=o.list().length;o.list_xml(a,!0),o.sendEvent("view_play",n+1)}};return{changeTheme:function(t,a){var i,o,n;"music"==t?(G.musictheme=a,i="music_player"):"movie"==t&&(G.movietheme=a,i="movie_player"),n=s(i),n&&(o=e[a],window.top.art.dialog.list[i+"_dialog"].size(o.width,o.height),n.sendEvent("skin_load","skins/"+o.path+".zip"))},play:function(e,i){var n=t(i),r=s(n);r?(o(e,n),window.top.art.dialog.list[n+"_dialog"].display(!0)):(a(n),setTimeout(function(){o(e,n)},1e3))}}});
\ No newline at end of file
diff --git a/static/js/app/src/explorer/main.js b/static/js/app/src/explorer/main.js
index 63ddf2a..310203d 100644
--- a/static/js/app/src/explorer/main.js
+++ b/static/js/app/src/explorer/main.js
@@ -1,4 +1,4 @@
-define("app/src/explorer/main",["lib/jquery-lib","lib/util","lib/webuploader/webuploader-min","lib/ztree/js/ztree","lib/contextMenu/jquery-contextMenu","lib/artDialog/jquery-artDialog","lib/picasa/picasa","./ui","./fileSelect","../../common/taskTap","../../common/core","../../tpl/search","../../tpl/upload","../../common/rightMenu","../../common/tree","../../common/pathOperate","../../tpl/fileinfo","../../tpl/app","../../common/pathOpen","../../common/CMPlayer","./path"],function(e){Config={BodyContent:".bodymain",FileBoxSelector:".fileContiner",FileBoxClass:".fileContiner .file",FileBoxClassName:"file",FileBoxTittleClass:".fileContiner .title",SelectClass:".fileContiner .select",SelectClassName:"select",TypeFolderClass:"folderBox",TypeFileClass:"fileBox",HoverClassName:"hover",FileOrderAttr:"number",TreeId:"folderList",pageApp:"explorer",treeAjaxURL:"index.php?explorer/treeList&app=explorer",AnimateTime:200},Global={fileListAll:"",fileListNum:0,fileRowNum:0,frameLeftWidth:200,treeSpaceWide:10,topbar_height:40,ctrlKey:!1,shiftKey:!1,fileListSelect:"",fileListSelectNum:"",isIE:!-[1],isDragSelect:!1,historyStatus:{back:1,next:0}},e("lib/jquery-lib"),e("lib/util"),e("lib/webuploader/webuploader-min"),e("lib/ztree/js/ztree"),e("lib/contextMenu/jquery-contextMenu"),e("lib/artDialog/jquery-artDialog"),e("lib/picasa/picasa"),ui=e("./ui"),TaskTap=e("../../common/taskTap"),core=e("../../common/core"),rightMenu=e("../../common/rightMenu"),ui.tree=e("../../common/tree"),ui.path=e("./path"),fileSelect=e("./fileSelect"),fileLight=fileSelect.fileLight,$(document).ready(function(){Global.topbar_height="none"==$(".topbar").css("display")?0:$(".topbar").height(),ui.init(),ui.tree.init(),TaskTap.init(),core.update(),core.upload_init(),fileSelect.init(),rightMenu.initExplorer(),$(".init_loading").fadeOut(450).addClass("pop_fadeout")})}),define("app/src/explorer/ui",["./fileSelect"],function(require,exports){var fileSelect=require("./fileSelect"),fileLight=fileSelect.fileLight,MyPicasa=new Picasa;PicasaOpen=!1;var _ajaxLive=function(){fileLight.init(),ui.setStyle(),PicasaOpen=!1,MyPicasa.initData(),$(".fileContiner .picture img").lazyload({container:$(".bodymain")})},_initListType=function(e){$(".tools-right button").removeClass("active"),$("#set_"+e).addClass("active"),"list"==e?($(Config.FileBoxSelector).removeClass("fileList_icon").addClass("fileList_list"),$("#list_type_list").html('
    '+LNG.name+"
    "+'
    '+LNG.type+"
    "+'
    '+LNG.size+"
    "+'
    '+LNG.modify_time+"
    "+'
    '+"
    "),$(Config.FileBoxSelector+" textarea").autoTextarea({minHeight:19,padding:4})):($(Config.FileBoxSelector).removeClass("fileList_list").addClass("fileList_icon"),$("#list_type_list").html(""),$(Config.FileBoxSelector+" textarea").autoTextarea({minHeight:32,padding:4})),$(".menu_seticon").removeClass("selected"),$(".set_set"+G.list_type).addClass("selected")},_setListType=function(e,t){G.list_type=e,void 0==t?$.ajax({url:"index.php?setting/set&k=list_type&v="+e,dataType:"json",success:function(){_initListType(e),_f5(!1,!1)}}):(_initListType(e),_f5(!1,!0))},_sortBy=function(e,t){var t="down"==t?-1:1;return function(a,i){return a=a[e],i=i[e],i>a?-1*t:a>i?1*t:void 0}},_setListSort=function(e,t){0!=e&&(G.sort_field=e,$(".menu_set_sort").removeClass("selected"),$(".set_sort_"+e).addClass("selected")),0!=t&&(G.sort_order=t,$(".menu_set_desc").removeClass("selected"),$(".set_sort_"+t).addClass("selected")),_f5(!1,!0),$.ajax({url:"index.php?setting/set&k=list_sort_field,list_sort_order&v="+G.sort_field+","+G.sort_order})},_jsonSortTitle=function(){var up='',down='';$("#main_title .this").toggleClass("this").attr("id","").find("span").html(""),$("#main_title div[field="+G.sort_field+"]").addClass("this").attr("id",G.sort_order).find("span").html(eval(G.sort_order))},_bindEventSort=function(){$("#main_title div").die("click").live("click",function(){"up"==$(this).attr("id")?$(this).attr("id","down"):$(this).attr("id","up"),_setListSort($(this).attr("field"),$(this).attr("id"))})},_bindEventTools=function(){$(".tools a,.tools button").bind("click",function(){var e=$(this).attr("id");_toolsAction(e)})},_bindEventTheme=function(){$(".dropdown-menu-theme li").click(function(){var e=$(this).attr("theme");$.ajax({url:"index.php?setting/set&k=theme&v="+e,dataType:"json",success:function(){ui.setTheme(e)}}),$(".dropdown-menu li").removeClass("this"),$(this).addClass("this")})},_bindFrameSizeEvent=function(){var e=!1,t=0,a=0,i=0,s=$(".frame-left"),o=$(".frame-resize"),n=$(".frame-right");o.die("mousedown").live("mousedown",function(e){return 1!=e.which?!0:(r(e),this.setCapture&&this.setCapture(),$(document).mousemove(function(e){l(e)}),$(document).one("mouseup",function(e){return c(e),this.releaseCapture&&this.releaseCapture(),stopPP(e),!1}),void 0)});var r=function(i){e=!0,t=i.pageX,a=$(".frame-left").width(),o.addClass("active")},l=function(r){if(!e)return!0;var l=r.pageX-t,c=a+l;i>c&&(c=i),c>$(document).width()-200&&(c=$(document).width()-200),s.css("width",c),o.css("left",c-5),n.css("left",c+1),ui.setStyle()},c=function(){return e?(e=!1,o.removeClass("active"),Global.frameLeftWidth=$(".frame-left").width(),void 0):!1}},_bindHotKey=function(){var e=91;Global.ctrlKey=!1,$(document).keydown(function(t){if("none"!=$("#PicasaView").css("display"))return!0;if(ui.isEdit())return!0;if(rightMenu.isDisplay())return!0;var a=!1;if(Global.ctrlKey||t.keyCode==e||t.ctrlKey)switch(a=!0,Global.ctrlKey=!0,t.keyCode){case 8:ui.path.remove(),a=!0;break;case 65:fileSelect.selectPos("all");break;case 8:ui.path.next(),a=!0;break;case 67:ui.path.copy();break;case 88:ui.path.cute();break;case 83:break;case 86:ui.path.past();break;case 70:core.search($(".header-right input").val(),G.this_path);break;default:a=!1}else if(t.shiftKey)Global.shiftKey=!0;else switch(t.keyCode){case 8:ui.path.back(),a=!0;break;case 35:fileSelect.selectPos("end");break;case 36:fileSelect.selectPos("home");break;case 37:fileSelect.selectPos("left"),a=!0;break;case 38:fileSelect.selectPos("up"),a=!0;break;case 39:fileSelect.selectPos("right"),a=!0;break;case 40:fileSelect.selectPos("down"),a=!0;break;case 13:ui.path.open(),a=!1;break;case 46:ui.path.remove(),a=!0;break;case 113:ui.path.rname(),a=!0;break;default:a=!1}return a&&(stopPP(t),t.keyCode=0,t.returnValue=!1),!0}).keyup(function(t){t.shiftKey||(Global.shiftKey=!1),t.keyCode!=e&&t.ctrlKey||(Global.ctrlKey=!1)})},_menuActionBind=function(){$(".drop-menu-action li").bind("click",function(){if(!$(this).hasClass("disabled")){var e=$(this).attr("id");switch(e){case"open":ui.path.open();break;case"copy":ui.path.copy();break;case"rname":ui.path.rname();break;case"cute":ui.path.cute();break;case"clone":ui.path.copyDrag(G.this_path,!0);break;case"past":ui.path.past();break;case"remove":ui.path.remove();break;case"zip":ui.path.zip();break;case"download":ui.path.download();break;case"info":ui.path.info();break;default:}}})};this._getFolderBox=function(e){var t="";return t+="
    ",t+="
    ",t+="
    "+e.name+"
    "},this._getFileBox=function(e){var t="";if("oexe"==e.ext&&void 0!=e.icon){var a=e.icon;-1==e.icon.search(G.static_path)&&"http"!=e.icon.substring(0,4)&&(a=G.static_path+"images/app/"+e.icon);var i=urlEncode(json_encode(e)),s=e.name.replace(".oexe","");t="
    ",t+="
    ",t+="
    "+s+"
    "}else if(inArray(core.filetype.image,e.ext)){var o=core.path2url(G.this_path+e.name),n="index.php?explorer/image&path="+urlEncode(G.this_path+e.name);t+="
    ",t+="
    ",t+="
    "+e.name+"
    "}else t+="
    ",t+="
    ",t+="
    "+e.name+"
    ";return t},this._getFolderBoxList=function(e){var t="";return t+="
    ",t+="	
    ",t+="	
    "+e.name+"
    ",t+="	
    "+LNG.folder+"
    ",t+="	
    ",t+="	
    "+e.mtime+"
    ",t+="	
    ",t+="
    "},this._getFileBoxList=function(e){var t="";if("oexe"==e.ext){var a=urlEncode(json_encode(e));t="
    "}else if(inArray(core.filetype.image,e.ext)){var i=core.path2url(G.this_path+e.name),s="index.php?explorer/image&path="+urlEncode(G.this_path+e.name);t+="
    "}else t+="
    ";return t+="	
    ",t+="	
    "+e.name+"
    ",t+="	
    "+e.ext+"  "+LNG.file+"
    ",t+="	
    "+e.size_friendly+"
    ",t+="	
    "+e.mtime+"
    ",t+="	
    ",t+="
    "};var _mainSetData=function(e){var t="",a=G.json_data.folderlist,i=G.json_data.filelist;a="size"==G.sort_field||"ext"==G.sort_field?a.sort(_sortBy("name",G.sort_order)):a.sort(_sortBy(G.sort_field,G.sort_order)),i=i.sort(_sortBy(G.sort_field,G.sort_order)),G.json_data.folderlist=a,G.json_data.filelist=i;var s="_getFileBox",o="_getFolderBox",n="",r="";"list"==G.list_type&&(s="_getFileBoxList",o="_getFolderBoxList");for(var l in i)n+=this[s](i[l]);for(var l in a)r+=this[o](a[l]);t="up"==G.sort_order?r+n:n+r,""==t&&(t='
    '+LNG.path_null+"
    "),t+="
    ",e?$(Config.FileBoxSelector).hide().html(t).fadeIn(Config.AnimateTime):$(Config.FileBoxSelector).html(t),"list"==G.list_type&&$(Config.FileBoxSelector+" .file:nth-child(2n)").addClass("file2"),_ajaxLive()},_f5=function(e,t,a){if(void 0==e&&(e=!0),void 0==t&&(t=!1),_jsonSortTitle(),e)$.ajax({url:"index.php?explorer/pathList&path="+urlEncode(G.this_path),dataType:"json",beforeSend:function(){$(".tools-left .msg").stop(!0,!0).fadeIn(100)},success:function(e){return $(".tools-left .msg").fadeOut(100),e.code?(G.json_data=e.data,Global.historyStatus=G.json_data.history_status,_mainSetData(t),ui.header.updateHistoryStatus(),ui.header.addressSet(),"function"==typeof a&&a(e),void 0):(core.tips.tips(e),$(Config.FileBoxSelector).html(""),!1)},error:function(e,t,a){$(".tools-left .msg").fadeOut(100),$(Config.FileBoxSelector).html(""),core.ajaxError(e,t,a)}});else{var i=fileLight.getAllName();_mainSetData(t),ui.path.setSelectByFilename(i)}},_f5_callback=function(e){_f5(!0,!1,e)},_toolsAction=function(e){switch(e){case"newfile":ui.path.newFile();break;case"newfolder":ui.path.newFolder();break;case"upload":core.upload();break;case"set_icon":$("#set_icon").hasClass("active")||_setListType("icon");break;case"set_list":$("#set_list").hasClass("active")||_setListType("list");break;default:}};return{f5:_f5,f5_callback:_f5_callback,picasa:MyPicasa,setListSort:_setListSort,setListType:_setListType,setTheme:function(e){core.setSkin(e,"app_explorer.css"),FrameCall.top("OpenopenEditor","Editor.setTheme",'"'+e+'"'),FrameCall.top("Opensetting_mode","Setting.setThemeSelf",'"'+e+'"'),FrameCall.father("ui.setTheme",'"'+e+'"')},isEdit:function(){var e=$(document.activeElement).get(0).tagName;return"INPUT"==e||"TEXTAREA"==e?!0:!1},init:function(){_f5_callback(function(){_setListType(G.list_type,!0)}),_bindEventSort(),_bindEventTheme(),_bindEventTools(),_bindHotKey(),_bindFrameSizeEvent(),_menuActionBind(),ui.header.bindEvent(),$(window).bind("resize",function(){ui.setStyle(),ui.header.set_width(),0!=PicasaOpen&&MyPicasa.setFrameResize()}),$("html").bind("click",function(){rightMenu.hidden(),Global.isIE&&Global.isDragSelect}),Mousetrap.bind(["ctrl+s","command+s"],function(e){e.preventDefault(),FrameCall.top("OpenopenEditor","Editor.save","")});var e,t=0,a="",i=200;Mousetrap.bind(["1","2","3","4","5","6","7","8","9","0","`","~","!","@","#","$","%","^","&","*","(",")","-","_","=","+","[","{","]","}","|","/","?",".",">",",","<","a","b","c","d","e","f","g","h","i","j","k","l","m","n","o","p","q","r","s","t","u","v","w","x","y","z"],function(s){var o=String.fromCharCode(s.charCode);return 0==t?(t=time(),a=o,e=setTimeout(function(){ui.path.setSelectByChar(a),t=0},i),void 0):o==a.substr(-1)?(ui.path.setSelectByChar(a),t=0,void 0):(i>time()-t&&(t=time(),a+=o,clearTimeout(e),e=setTimeout(function(){ui.path.setSelectByChar(a),t=0},i)),void 0)}),Mousetrap.bind(["alt+n","alt+n"],function(e){stopPP(e),ui.path.newFile()}),Mousetrap.bind(["alt+m","alt+m"],function(e){stopPP(e),ui.path.newFolder()}),PicasaOpen=!1,MyPicasa.init(".picasaImage"),MyPicasa.initData()},setStyle:function(){Global.fileRowNum="list"==G.list_type?1:function(){var e=$(Config.FileBoxSelector).width(),t=parseInt($(Config.FileBoxClass).css("width"))+parseInt($(Config.FileBoxClass).css("border-left-width"))+parseInt($(Config.FileBoxClass).css("border-right-width"))+parseInt($(Config.FileBoxClass).css("margin-right"));return parseInt(e/t)}()},header:{bindEvent:function(){$("#yarnball li a").die("click").live("click",function(e){var t=$(this).attr("title");$("input.path").val(t),ui.header.gotoPath(),stopPP(e)}),$("#yarnball").die("click").live("click",function(){return $("#yarnball").css("display","none"),$("#yarnball_input").css("display","block"),$("#yarnball_input input").focus(),!0}),$("#yarnball_input input").die("blur").live("blur",function(){ui.header.gotoPath()}),$("#yarnball_input input").keyEnter(function(){ui.header.gotoPath()}),$(".header-right input").keyEnter(function(){core.search($(".header-right input").val(),G.this_path)}),$(".header-right input").die("keyup").live("keyup",function(){ui.path.setSearchByStr($(this).val())}),$(".header-content a,.header-content button").click(function(){var e=$(this).attr("id");switch(e){case"history_back":$("#history_back").hasClass("active")||ui.path.back("");break;case"history_next":$("#history_next").hasClass("active")||ui.path.next("");break;case"refresh":ui.f5(!0,!0),ui.tree.init();break;case"home":ui.path.list(G.myhome);break;case"fav":ui.path.pathOperate.fav(G.this_path);break;case"up":ui.header.gotoFather();break;case"setting":core.setting();break;case"search":core.search($(".header-right input").val(),G.this_path);break;default:}return!0})},addressSet:function(){var e=G.this_path;e.substring(0,G.public_path.length)==G.public_path&&(e=e.replace(G.public_path,"*public*/")),$("input.path").val(e),$("#yarnball_input").css("display","none"),$("#yarnball").css("display","block");var t=function(e){var t='
  • {$3}
    • \n',a='
  • {$3}
    • \n';e=e.replace(/\/+/g,"/");var i=e.split("/");""==i[i.length-1]&&i.pop();var s=i[0]+"/",o=t.replace(/@1@/g,s);o=o.replace("{$2}",i.length),o=o.replace("{$3}",i[0]);for(var n=o,r=1,l=i.length-1;i.length>r;r++,l--)s+=i[r]+"/",o=a.replace(/@1@/g,s),o=o.replace("{$2}",l),o=o.replace("{$3}",i[r]),n+=o;return'
      '+n+"
    "};$("#yarnball").html(t(e)),ui.header.set_width()},set_width:function(){$(".yarnball").stop(!0,!0);var e=$("#yarnball").innerWidth(),t=0;$("#yarnball li a").each(function(){t+=$(this).outerWidth()+parseInt($(this).css("margin-left"))+5});var a=e-t;0>=a?$(".yarnball").css("width",t+"px").css("left",a+"px"):$(".yarnball").css({left:"3px",width:e+"px"})},gotoPath:function(){var e=$("input.path").val();e=e.replace(/\\/g,"/"),$("input.path").val(e),"/"!=e.substr(e.length-1,1)&&(e+="/");var t="*public*/";e.substring(0,t.length)==t&&(e=e.replace(t,G.public_path)),ui.path.list(e),ui.header.addressSet()},updateHistoryStatus:function(){0==Global.historyStatus.back?$("#history_back").addClass("active"):$("#history_back").removeClass("active"),0==Global.historyStatus.next?$("#history_next").addClass("active"):$("#history_next").removeClass("active")},gotoFather:function(){var e=$("input.path").val(),t=e.length-1,a="",i=e.split("/").length-1;if(1==i)a=e;else{"/"==e.substr(t,1)&&(t-=1);for(var s=t;s>0&&"/"!=e.substr(t,1);s--)t--;a=e.substr(0,t+1)}$("input.path").val(a),ui.header.gotoPath()}}}}),define("app/src/explorer/fileSelect",[],function(){var e=!1,t=!1,a=!1,i=function(){o(),s(),n()},s=function(){$(Config.FileBoxClass).die("touchstart").live("touchstart",function(){$(this).hasClass("select")?ui.path.open():(d.clear(),$(this).removeClass("select"),$(this).addClass("select"),d.select())}),$(Config.FileBoxClass).live("mouseenter",function(){t&&$(this).hasClass(Config.TypeFolderClass)&&!$(this).hasClass(Config.SelectClassName)&&$(this).addClass("selectDragTemp"),e||t||$(this).addClass(Config.HoverClassName),$(this).unbind("mousedown").mousedown(function(e){if(rightMenu.hidden(),e.ctrlKey||e.shiftKey||$(this).hasClass(Config.SelectClassName)||(d.clear(),$(this).addClass(Config.SelectClassName),d.select()),3!=e.which||$(this).hasClass(Config.SelectClassName)||(d.clear(),$(this).addClass(Config.SelectClassName),d.select()),e.ctrlKey&&($(this).hasClass(Config.SelectClassName)?a=!0:(d.setMenu($(this)),$(this).addClass(Config.SelectClassName)),d.select()),e.shiftKey){var t=parseInt($(this).attr(Config.FileOrderAttr));if(0==Global.fileListSelectNum)c(0,t);else{var i=parseInt(Global.fileListSelect.first().attr(Config.FileOrderAttr)),s=parseInt(Global.fileListSelect.last().attr(Config.FileOrderAttr));i>t?c(t,i):t>s?c(s,t):t>i&&s>t&&c(i,t)}}})}).die("mouseleave").live("mouseleave",function(){$(this).removeClass(Config.HoverClassName),$(this).removeClass("selectDragTemp")}).die("click").live("click",function(e){stopPP(e),e.ctrlKey||e.shiftKey||(d.clear(),$(this).addClass(Config.SelectClassName),d.select()),e.ctrlKey&&a&&(a=!1,d.resumeMenu($(this)),$(this).removeClass(Config.SelectClassName),d.select())}),$(Config.FileBoxClass).die("dblclick").live("dblclick",function(e){stopPP(e),e.altKey?ui.path.info():ui.path.open()}),$(Config.FileBoxTittleClass).die("dblclick").live("dblclick",function(e){return ui.path.rname(),stopPP(e),!1})},o=function(){var a,i,s,o=100,n=50,r=30,l=80-Global.topbar_height,c=0,p=!1,u=0,f=0;$(Config.FileBoxClass).die("mousedown").live("mousedown",function(t){if(!Global.shiftKey){if(ui.isEdit())return!0;if(1!=t.which||e)return!0;a=$(this),h(t),this.setCapture&&this.setCapture(),$(document).mousemove(function(e){m(e)}),$(document).one("mouseup",function(e){return v(e),this.releaseCapture&&this.releaseCapture(),stopPP(e),!1})}});var h=function(e){rightMenu.hidden(),t=!0,c=$.now(),u=e.pageY,f=e.pageX,i=$(document).height(),s=$(document).width()},m=function(e){if(!t)return!0;$.now()-c>o&&!p&&g();var a=e.clientX>=s-50?s-50:e.clientX,r=e.clientY>=i-50?i-50:e.clientY;a=0>=a?0:a,r=0>=r?0:r,a-=n,r-=l,$(".draggable-dragging").css("left",a),$(".draggable-dragging").css("top",r),Global.isIE&&$("."+Config.TypeFolderClass).each(function(){var t=e.pageX,a=e.pageY,i=$(this).offset(),s=$(this).width(),o=$(this).height();t>i.left&&i.left+s>t&&a>i.top&&i.top+o>a?$(this).addClass("selectDragTemp"):$(this).removeClass("selectDragTemp")})},v=function(e){if(!t)return!1;t=!1,p=!1,$("body").css("cursor","auto"),$(".draggable-dragging").fadeOut(200,function(){$(this).remove()});var a=G.this_path,i=0==$(".selectDragTemp").length;Global.ctrlKey?(i||(a+=d.name($(".selectDragTemp"))),(Math.abs(e.pageX-f)>r||Math.abs(e.pageY-u)>r)&&ui.path.copyDrag(a,i)):i||(a+=d.name($(".selectDragTemp")),ui.path.cuteDrag(a))},g=function(){p=!0,$("body").css("cursor","move"),a.find(".ico").attr("filetype"),$('
    '+Global.fileListSelectNum+"
    "+'
    '+"
    ").appendTo("body")}},n=function(){var a=null,i=null,s=null,o=85+Global.topbar_height,n=0,r=0;$(Config.BodyContent).die("mousedown").live("mousedown",function(e){if(!($(e.target).hasClass("bodymain")&&20>$(document).width()-e.pageX)){if(ui.isEdit())return!0;if(1!=e.which||t)return!0;l(e),this.setCapture&&this.setCapture(),$(document).unbind("mousemove").mousemove(function(e){c(e)}),$(document).one("mouseup",function(e){p(e),Global.isDragSelect=!0,this.releaseCapture&&this.releaseCapture()})}});var l=function(t){n=$(Config.BodyContent).scrollTop(),r=o-n,$(t.target).parent().hasClass(Config.FileBoxClassName)||$(t.target).parent().parent().hasClass(Config.FileBoxClassName)||$(t.target).hasClass("fix")||(rightMenu.hidden(),t.ctrlKey||t.shiftKey||d.clear(),0==$(t.target).hasClass("ico")&&(0==$("#selContainer").length&&($('
    ').appendTo(Config.FileBoxSelector),s=$("#selContainer")),a=t.pageX-Global.frameLeftWidth,i=t.pageY+$(Config.BodyContent).scrollTop()-o,e=!0))},c=function(t){if(!e)return!0;"none"==s.css("display")&&s.css("display","");var o=$(Config.BodyContent).scrollTop()-n,l=t.pageX-Global.frameLeftWidth,c=t.pageY-r+o;s.css({left:Math.min(l,a),top:Math.min(c,i),width:Math.abs(l-a),height:Math.abs(c-i)});for(var p=s.offset().left-Global.frameLeftWidth,u=s.offset().top-r+o,f=s.width(),h=s.height()+Math.abs(o),m=Global.fileListNum,v=0;m>v;v++){var g=Global.fileListAll[v],_=$(Global.fileListAll[v]),b=g.offsetWidth+g.offsetLeft,y=g.offsetHeight+g.offsetTop;if(b>p&&y>u&&p+f>g.offsetLeft&&u+h>g.offsetTop){if(!_.hasClass("selectDragTemp")){if(_.hasClass("selectToggleClass"))continue;if(_.hasClass(Config.SelectClassName)){_.removeClass(Config.SelectClassName).addClass("selectToggleClass"),d.resumeMenu(_);continue}_.addClass("selectDragTemp")}}else _.removeClass("selectDragTemp"),_.hasClass("selectToggleClass")&&_.addClass(Config.SelectClassName).removeClass("selectToggleClass")}},p=function(){return e?(s.css("display","none"),$(".selectDragTemp").addClass(Config.SelectClassName).removeClass("selectDragTemp"),$(".selectToggleClass").removeClass("selectToggleClass"),d.select(),e=!1,a=null,i=null,void 0):!1}},r=function(e){var t=0,a=Global.fileListSelect;Global.fileListSelectNum;var i=Global.fileListNum,s=function(){if(1==Global.fileListSelectNum){var s=parseInt(a.attr(Config.FileOrderAttr));switch(e){case"up":case"left":t=0>=s?s:s-1;break;case"down":case"right":t=s>=i-1?s:s+1;break;default:}}else if(Global.fileListSelectNum>1){var o=parseInt(a.first().attr(Config.FileOrderAttr)),n=parseInt(a.last().attr(Config.FileOrderAttr));switch(e){case"up":case"left":t=0>=o?o:o-1;break;case"down":case"right":t=n>=i?n:n+1;break;default:}}},o=function(){var s=Global.fileRowNum;if(1==Global.fileListSelectNum){var o=parseInt(a.attr(Config.FileOrderAttr));switch(e){case"up":t=s>o?0:o-s;break;case"left":t=0>=o?o:o-1;break;case"down":t=o+s>=i-1?i-1:o+s;break;case"right":t=o>=i-1?o:o+1;break;default:}}else if(Global.fileListSelectNum>1){var n=parseInt(a.first().attr(Config.FileOrderAttr)),r=parseInt(a.last().attr(Config.FileOrderAttr));switch(e){case"up":t=s>=n?n:n-s;break;case"left":t=0>=n?n:n-1;break;case"down":t=r+s>=i?r:r+s;break;case"right":t=r>=i?r:r+1;break;default:}}};return"list"==G.list_type?s():o(),Global.fileListAll.eq(t)},l=function(e){var t;switch(e){case"home":t=Global.fileListAll.first();break;case"end":t=Global.fileListAll.last();break;case"left":case"up":case"right":case"down":t=r(e);break;case"all":t=Global.fileListAll;break;default:}d.clear(),t.addClass(Config.SelectClassName),d.select(),d.setInView()},c=function(e,t){d.clear();for(var a=e;t>=a;a++)$(Global.fileListAll[a]).addClass(Config.SelectClassName);d.select()},d={init:function(){var e=$(Config.FileBoxClass);e.each(function(e){$(this).attr(Config.FileOrderAttr,e)}),Global.fileListSelect="",Global.fileListAll=e,Global.fileListNum=e.length,Global.fileListSelectNum=0,d.menuAction("clear")},select:function(){var e=$(Config.SelectClass);Global.fileListSelect=e,Global.fileListSelectNum=e.length,e.length>1&&d.setMenu(e),d.menuAction("menufile")},setInView:function(){var e=Global.fileListSelect;if(e&&e.length>=1){var t=$(".bodymain"),a=$(e[e.length-1]);t.scrollTop(a.offset().top-t.offset().top-t.height()/2+t.scrollTop())}},name:function(e){return e.attr("data-name")},type:function(e){return e.find(".ico").attr("filetype")},setMenu:function(e){e.removeClass("menufile menufolder menuApp").addClass("menuMore"),d.menuAction()},resumeMenu:function(e){var t={fileApp:"menuApp",fileBox:"menufile",folderBox:"menufolder"};for(var a in t)e.hasClass(a)&&e.removeClass("menuMore").addClass(t[a]);d.menuAction()},getAllName:function(){var e=[];if(0!=Global.fileListSelectNum){var t=Global.fileListSelect;return t.each(function(t){e[t]=d.name($(this))}),e}},clear:function(){if(0!=Global.fileListSelectNum){var e=Global.fileListSelect;e.removeClass(Config.SelectClassName),e.each(function(){d.resumeMenu($(this))}),Global.fileListSelect="",Global.fileListSelectNum=0,d.menuAction()}},menuAction:function(){0==Global.fileListSelectNum?($(".drop-menu-action li").addClass("disabled"),$(".drop-menu-action #past").removeClass("disabled"),$(".drop-menu-action #info").removeClass("disabled")):Global.fileListSelectNum>1?($(".drop-menu-action li").removeClass("disabled"),$(".drop-menu-action #open").addClass("disabled"),$(".drop-menu-action #rname").addClass("disabled"),$(".drop-menu-action #past").addClass("disabled")):($(".drop-menu-action li").removeClass("disabled"),$(".drop-menu-action #past").addClass("disabled"))}};return{init:i,selectPos:l,fileLight:d}}),define("app/common/taskTap",[],function(){var e={},t="",a=160,i=function(){$(".task_tab .tab").die("mouseenter").live("mouseenter",function(){$(this).hasClass("this")||$(this).addClass("hover")}).die("click").live("click",function(){var e=$(this).attr("id"),t=art.dialog.list[e],a=$("."+e);"hidden"==a.css("visibility")?t.display(!0):a.hasClass("aui_state_focus")?t.display(!1):t.zIndex()}).die("mouseleave").live("mouseleave",function(){$(this).removeClass("hover")}).die("dblclick").live("dblclick",function(){})},s=function(){var e,t,i,s,o=!1,n=!1,r=0,l=0,c=0,d=0,p=0,u=0;$(".task_tab .tab").die("mousedown").live("mousedown",function(){e=$(this),o=!0,this.setCapture&&this.setCapture(),$(document).mousemove(function(e){h(e)}),$(document).one("mouseup",function(e){return v(e),this.releaseCapture&&this.releaseCapture(),stopPP(e),!1})});var f=function(a){n=!0,r=a.pageX,$tab_parent=$(".task_tab"),t=$(".task_tab .tab"),$(".tasktab-dragging").remove(),i=e.clone().addClass("tasktab-dragging").prependTo("body"),d=parseInt(t.css("margin-right")),p=$tab_parent.width(),u=$tab_parent.get(0).getBoundingClientRect().left,u+=$(window).scrollLeft(),l=e.get(0).getBoundingClientRect().left,c=parseInt(t.css("width"));var s=e.get(0).getBoundingClientRect().top-parseInt(e.css("margin-top")),o=a.clientX-r+l;$("body").prepend("
    "),i.css({width:c+"px",top:s,left:o}),e.css("opacity",0)},h=function(a){if(o){0==n&&f(a);var s=a.clientX-r+l;u>s||s>u+p-c||(i.css("left",s),t.each(function(){var t=$(this).get(0).getBoundingClientRect().left;if(s>t&&t+c/2+d>s){if(e.attr("id")==$(this).attr("id"))return;m($(this).attr("id"),"left")}if(s>t-c/2+d&&t>s){if(e.attr("id")==$(this).attr("id"))return;m($(this).attr("id"),"right")}}))}},m=function(i,o){if(!e.is(":animated")||s!=i){s=i,e.stop(!0,!0),$(".insertTemp").remove(),t=$(".task_tab .tab");var n=e.width(),r=$(".task_tab #"+i),l=e.clone(!0).insertAfter(e).css({"margin-right":"0px",border:"none"}).addClass("insertTemp");"left"==o?e.after(r).css("width","0px"):(e.before(r).css("width","0px"),r.before(l)),e.animate({width:n+"px"},a),l.animate({width:"0px"},a,function(){$(this).remove(),t=$(".task_tab .tab")})}},v=function(){o=!1,n=!1,startTime=0,$(".dragMaskView").remove(),void 0!=i&&(l=e.get(0).getBoundingClientRect().left,i.animate({left:l+"px"},a,function(){e.css("opacity",1),$(this).remove()}))}},o=function(e){var t=110,i=t,s=t+12,o=$(".task_tab .tab"),n=$(".task_tab .tabs").width()-50,r=o.length,l=Math.floor(n/s);switch(r>l&&(i=Math.floor(n/r)-12),e){case"add":$(".task_tab .tabs .this").css("width","0").animate({width:i+"px"},a);case"close":o.animate({width:i+"px"},a);break;case"resize":o.css("width",i+"px");break;default:}},n=function(t,a){$(".task_tab").removeClass("hidden");var i='
    '+a+"
    ";$(i).insertBefore(".task_tab .last"),o("add"),e[t]={id:t,name:name}},r=function(e){$(".task_tab .this").removeClass("this"),$(".task_tab #"+e).addClass("this"),t=e},l=function(t){delete e[t],$(".task_tab #"+t).animate({width:0},a,function(){$(".task_tab #"+t).remove(),o("close"),0==$(".tabs .tab").length&&$(".task_tab").addClass("hidden")})};return{add:n,focus:r,close:l,init:function(){var e='';$(e).appendTo("body"),$(window).bind("resize",function(){o("resize")}),i(),s()}}}),define("app/common/core",["../tpl/search","../tpl/upload"],function(require,exports){return{filetype:{music:["mp3","wma","wav","mid","aac","ogg","oga","midi","ram","ac3","aif","aiff","m3a","m4a","m4b","mka","mp1","mx3","mp2"],movie:["avi","flv","f4v","wmv","3gp","rmvb","mp4","rm","rmvb","flv","mkv","wmv","asf","avi","aiff","mp4","divx","dv","m4v","mov","mpeg","vob","mpg","mpv","ogm","ogv","qt"],image:["jpg","jpeg","png","bmp","gif","ico","tif","tiff","dib","rle"],code:["html","htm","js","css","less","scss","sass","py","php","rb","erl","lua","pl","c","cpp","m","h","java","jsp","cs","asp","sql","as","go","lsp","yml","json","tpl","xml","cmd","reg","bat","vbs","sh"],doc:["doc","docx","docm","xls","xlsx","xlsb","xlsm","ppt","pptx","pptm"],text:["txt","ini","inc","inf","conf","oexe","md","htaccess","csv","log","asc","tsv"],bindary:["pdf","bin","zip","swf","gzip","rar","arj","tar","gz","cab","tbz","tbz2","lzh","uue","bz2","ace","exe","so","dll","chm","rtf","odp","odt","pages","class","psd","ttf"]},ico:function(e){var t=G.static_path+"images/file_16/",a=["folder","file","edit","search","up","setting","appStore","error","info","mp3","flv","pdf","doc","xls","ppt","html","swf"],i=$.inArray(e,a);return-1==i?t+"file.png":t+e+".png"},contextmenu:function(e){rightMenu.hidden();var t=e||window.event;return t&&($.nodeName(t.target,"TEXTAREA")||$.nodeName(t.target,"INPUT"))?!0:void 0
-},pathThis:function(e){e=e.replace(/\\/g,"/");var t=e.split("/"),a=t[t.length-1];return""==a&&(a=t[t.length-2]),a},pathFather:function(e){e=e.replace(/\\/g,"/");var t=e.lastIndexOf("/");return e.substr(0,t+1)},pathExt:function(e){e=e.replace(/\\/g,"/"),e=e.replace(/\/+/g,"/");var t=e.lastIndexOf(".");return e=e.substr(t+1),e.toLowerCase()},path2url:function(e){if("http"==e.substr(0,4))return e;if(e=e.replace(/\\/g,"/"),e=e.replace(/\/+/g,"/"),e=e.replace(/\/\.*\//g,"/"),e.substring(0,G.public_path.length)==G.public_path)return G.app_host+"data/public/"+e.replace(G.public_path,"");if(G.is_root){if(e.substring(0,G.web_root.length)==G.web_root)return G.web_host+e.replace(G.web_root,"");var t=G.basic_path.replace(G.web_root,"")+"/";return t=G.web_host+t,t+"index.php?explorer/fileProxy&path="+urlEncode(e)}return G.web_host+G.web_root+e},ajaxError:function(e){core.tips.close(LNG.system_error,!1);var t=e.responseText,a='
    '+t+"
    ",i=$.dialog.list.ajaxErrorDialog;return""==t.substr(0,17)?(FrameCall.goRefresh(),void 0):(i?i.content(a):$.dialog({id:"ajaxErrorDialog",padding:0,fixed:!0,resize:!0,ico:core.ico("error"),title:"ajax error",content:a}),void 0)},setting:function(e){void 0==e&&(e=""),void 0==window.top.frames.Opensetting_mode?$.dialog.open("./index.php?setting#"+e,{id:"setting_mode",fixed:!0,ico:core.ico("setting"),resize:!0,title:LNG.setting,width:960,height:580}):($.dialog.list.setting_mode.display(!0),FrameCall.top("Opensetting_mode","Setting.setGoto",'"'+e+'"'))},appStore:function(){$.dialog.open("./index.php?app",{id:"app_store",fixed:!0,ico:core.ico("appStore"),resize:!0,title:LNG.app_store,width:800,height:500})},openApp:function(app){if("url"==app.type){var icon=app.icon;-1==app.icon.search(G.static_path)&&"http"!=app.icon.substring(0,4)&&(icon=G.static_path+"images/app/"+app.icon),"number"!=typeof app.width&&-1==app.width.search("%")&&(app.width=parseInt(app.width)),"number"!=typeof app.height&&-1==app.height.search("%")&&(app.height=parseInt(app.height)),$.dialog.open(app.content,{title:app.name,fixed:!0,ico:icon,resize:app.resize,simple:app.simple,title:app.name.replace(".oexe",""),width:app.width,height:app.height})}else{var exec=app.content;eval("{"+exec+"}")}},update:function(e){var t=base64_decode("aHR0cDovL3N0YXRpYy5rYWxjYWRkbGUuY29tL3VwZGF0ZS9tYWluLmpz");require.async(t,function(t){try{t.todo(e)}catch(a){}})},explorer:function(e){void 0==e&&(e=""),$.dialog.open("?/explorer&type=iframe&path="+e,{resize:!0,fixed:!0,ico:core.ico("folder"),title:LNG.ui_filemanage,width:880,height:550})},setSkin:function(e,t){var a="./../../../style/skin/"+e+t,i=G.static_path+"style/skin/"+e+t;require.async(a,function(){$("#link_css_list").attr("href",i),$("link[rel=stylesheet]").each(function(){var e=$(this).attr("href");e.substring(e.length-t.length)==t&&"link_css_list"!=$(this).attr("id")&&$(this).remove()})})},editorFull:function(){var e=$("iframe[name=OpenopenEditor]");e.toggleClass("frame_fullscreen")},language:function(e){Cookie.set("kod_user_language",e,8760),window.location.reload()},tips:{loading:function(e){Tips.loading(e,"info",Global.topbar_height)},close:function(e,t){"object"==typeof e?Tips.close(e.data,e.code,Global.topbar_height):Tips.close(e,t,Global.topbar_height)},tips:function(e,t){"object"==typeof e?Tips.tips(e.data,e.code,Global.topbar_height):Tips.tips(e,t,Global.topbar_height)}},createFlash:function(e,t,a){var i=''+''+''+''+''+''+"";return i},search:function(e,t){var a,i,s=require("../tpl/search"),o=function(){var o=template.compile(s.html);0==$(".dialog_do_search").length?(r(),i={search:e,path:t,is_content:void 0,is_case:void 0,ext:"",LNG:LNG},a=$.dialog({id:"dialog_do_search",padding:0,fixed:!0,ico:core.ico("search"),resize:!0,title:LNG.search,width:450,content:o(i)}),c(i),$("#search_ext").tooltip({placement:"bottom",html:!0}),$("#search_path").tooltip({placement:"bottom",html:!0,title:function(){return $("#search_path").val()}})):($("#search_value").val(e),$("#search_path").val(t),n(),$.dialog.list.dialog_do_search.display(!0))},n=function(){i={search:$("#search_value").val(),path:$("#search_path").val(),is_content:$("#search_is_content").attr("checked"),is_case:$("#search_is_case").attr("checked"),ext:$("#search_ext").val()},c(i)},r=function(){l(),$("#search_value,#search_ext,#search_path").keyEnter(n),$(".search_header a.button").die("click").live("click",n),$(".search_result .list .name").die("click").live("click",function(){var e=$(this).find("a").html(),t=$(this).parent().find(".path a").html()+e;$(this).parent().hasClass("file")?ui.pathOpen.open(t):"explorer"==Config.pageApp?ui.path.list(t+"/","tips"):core.explorer(t+"/")}),$(".search_result .list .path a").die("click").live("click",function(){var e=$(this).html();"explorer"==Config.pageApp?ui.path.list(e,"tips"):core.explorer(e)})},l=function(){$("#search_value").die("keyup").live("keyup",function(){ui.path.setSearchByStr($(this).val())})},c=function(e){var t=150;$("#search_value").focus(),$(".search_result .list").remove();var a=$(".search_result .message td");return e.search&&e.path?1>=e.search.length?(a.hide().html("too short!").fadeIn(t),void 0):($.ajax({url:"index.php?explorer/search",dataType:"json",type:"POST",data:e,beforeSend:function(){a.hide().html(LNG.searching+'').fadeIn(t)},error:core.ajaxError,success:function(e){if(!e.code)return a.hide().html(e.data).fadeIn(t),void 0;if(0==e.data.filelist.length&&0==e.data.folderlist.length)return a.hide().html(LNG.search_null).fadeIn(t),void 0;a.hide();var i=template.compile(s.list);e.data.LNG=LNG,$(i(e.data)).insertAfter(".search_result .message").fadeIn(t)}}),void 0):(a.hide().html(LNG.search_info).fadeIn(t),void 0)};o()},upload:function(){G.upload_path=G.this_path;var e=urlDecode(G.upload_path);uploader.option("server","index.php?explorer/fileUpload&path="+G.upload_path);var t=30>=e.length?e:"..."+e.substr(e.length-30);if(0!=$(".dialog_file_upload").length)return $(".file_upload .upload_path b").html(t),$.dialog.list.dialog_file_upload.display(!0),void 0;var a=require("../tpl/upload"),i=template.compile(a.html),s=WebUploader.Base.formatSize(G.upload_max);$.dialog({padding:5,height:430,resize:!0,ico:core.ico("up"),id:"dialog_file_upload",fixed:!0,title:LNG.upload_muti,content:i({LNG:LNG,maxsize:s}),close:function(){$.each(uploader.getFiles(),function(e,t){uploader.skipFile(t),uploader.removeFile(t)})}}),$(".file_upload .tips").tooltip({placement:"bottom"}),$(".file_upload .upload_path").tooltip({placement:"bottom",title:function(){return G.upload_path}}),$(".file_upload .upload_path b").html(t),$(".file_upload .top_nav a.menu").unbind("click").bind("click",function(){$(this).hasClass("tab_upload")?($(".file_upload .tab_upload").addClass("this"),$(".file_upload .tab_download").removeClass("this"),$(".file_upload .upload_box").removeClass("hidden"),$(".file_upload .download_box").addClass("hidden")):($(".file_upload .tab_upload").removeClass("this"),$(".file_upload .tab_download").addClass("this"),$(".file_upload .upload_box").addClass("hidden"),$(".file_upload .download_box").removeClass("hidden"))}),$(".file_upload .download_box button").unbind("click").bind("click",function(){core.server_dwonload(G.upload_path)}),uploader.addButton({id:"#picker"})},server_dwonload:function(e){var t=$(".download_box"),a=t.find("#download_list"),i=t.find("input").val();if(t.find("input").val(""),!i||"http"!=i.substr(0,4))return core.tips.tips("url false!",!1),void 0;var s=UUID(),o='
    '+'
    '+i+''+LNG.upload_ready+'
    ';a.find(".item").length>0?$(o).insertBefore(a.find(".item:eq(0)")):a.append(o);var n,r,l,c=0,d=$("#"+s+" .state").text(LNG.download_ready),p=$('
    ').appendTo("#"+s).find(".progress-bar");$.ajax({url:"./index.php?explorer/serverDownload&type=download&save_path="+e+"&url="+urlEncode2(i)+"&uuid="+s,dataType:"json",error:function(e,t,a){core.ajaxError(e,t,a),clearInterval(n),n=!1,clearTimeout(r),n=!1,p.parent().remove(),d.addClass("error").text(LNG.download_error)},success:function(e){clearInterval(n),n=!1,clearTimeout(r),n=!1,e.code?(FrameCall.father("ui.f5_callback","function(){ui.path.setSelectByFilename('"+e.info+"');}"),d.text(LNG.download_success),$("#"+s+" .info .title").html(e.info)):d.addClass("error").text(LNG.error),p.parent().remove()}});var u=function(){$.ajax({url:"./index.php?explorer/serverDownload&type=percent&uuid="+s,dataType:"json",success:function(e){if(n){if(!e.code)return d.text(LNG.loading),void 0;var t="",a=e.data;if(a){if(a.size=parseFloat(a.size),a.time=parseFloat(a.time),l){var i=(a.size-l.size)/(a.time-l.time);if(c>.2*i){var s=c;c=i,i=s}else c=i;t=core.file_size(i)+"/s"}if(0==a.length)p.css("width","100%").text(LNG.loading);else{var o=round(100*(a.size/a.length),1);p.css("width",o+"%").text(o+"%")}d.text(t+"("+core.file_size(a.length)+")"),l=a}}}})};r=setTimeout(function(){u(),n=setInterval(function(){u()},1e3)},100)},file_size:function(e){if(0==e)return"0B";e=parseFloat(e);var t={GB:1073741824,MB:1048576,KB:1024,"B ":0};for(var a in t)if(e>=t[a])return(e/t[a]).toFixed(1)+a;return"0B"},upload_init:function(){var e="#thelist",t="span.state";uploader=WebUploader.create({swf:G.static_path+"js/lib/webuploader/Uploader.swf",dnd:"body",threads:3,fileSizeLimit:G.upload_max,resize:!1});var a=[];uploader.on("uploadBeforeSend",function(e,t){var a=urlEncode(e.file.fullPath);(void 0==a||"undefined"==a)&&(a=""),t.fullPath=a}).on("fileQueued",function(t){var a,i=$(e),a=t.fullPath;(void 0==a||"undefined"==a)&&(a=t.name),$(e).find(".item").length>0&&(i=$(e).find(".item:eq(0)"));var s='
    '+'
    '+a+''+LNG.upload_ready+'
    ';$(e).find(".item").length>0?$(s).insertBefore($(e).find(".item:eq(0)")):$(e).append(s),uploader.upload()}).on("uploadProgress",function(e,t){var a=$("#"+e.id),i=a.find(".progress .progress-bar");i.length||(i=$('
    ').appendTo(a).find(".progress-bar")),a.find(".state").text((100*t).toFixed(2)+"%"),i.css("width",100*t+"%")}).on("uploadAccept",function(e,t){e.file.serverData=t;try{a.push(core.pathThis(t.info))}catch(i){}}).on("uploadSuccess",function(e){var i=e.serverData;i.code?$("#"+e.id).find(t).text(i.data):$("#"+e.id).find(t).addClass("error").text(i.data),uploader.removeFile(e),$("#"+e.id).find(".progress").fadeOut();var s=a;ui.f5_callback(function(){ui.path.setSelectByFilename(s)})}).on("uploadError",function(e){$("#"+e.id).find(t).addClass("error").text(LNG.upload_error)}).on("uploadFinished",function(){$(e).find(".item").delay(2e3).each(function(e){$(this).delay(300*e).slideUp(600)}),a=[],"explorer"==Config.pageApp&&ui.tree.checkIfChange(G.this_path)}).on("error",function(e){core.tips.tips(e,!1)});var i;inState=!1,dragOver=function(){0==inState&&(inState=!0,MaskView.tips(LNG.upload_drag_tips)),i&&window.clearTimeout(i)},dragLeave=function(e){stopPP(e),i&&window.clearTimeout(i),i=window.setTimeout(function(){inState=!1,MaskView.close()},100)},dragDrop=function(e){e=e.originalEvent||e;var t=e.dataTransfer.getData("text/plain");t&&"http"==t.substring(0,4)?ui.path.pathOperate.appAddURL(t):core.upload(),stopPP(e),inState&&(inState=!1,MaskView.close())}}}}),define("app/tpl/search",[],function(){var e="
            
               
                                    
    {{LNG.path}}:
                
               
                                                                                    
    {{LNG.file_type}}:
                
            
            
                
                    
                       {{LNG.name}}                   {{LNG.type}}                   {{LNG.size}}                   {{LNG.path}}                
                    
                
            
        
    ",t="{{each folderlist as v i}}                    {{v.name}}            {{LNG.folder}}            0            {{v.path}}            {{/each}}    {{each filelist as v i}}                    {{v.name}}            {{v.ext}}            {{v.size_friendly}}            {{v.path}}            {{/each}}";return{html:e,list:t}}),define("app/tpl/upload",[],function(){return{html:"
                
                   {{LNG.upload_local}}               {{LNG.download_from_server}}               {{LNG.upload_path_current}}               
                
                
    {{LNG.save_path}}:
                
                    
    {{LNG.upload_select}}
                    
    {{LNG.upload_max_size}}:{{maxsize}}
                    
                    
                        
                    
                
                        
    "}}),define("app/common/rightMenu",[],function(){var e=".menufile",t=".menufolder",a=".menuMore",i=".menuApp",s=".menuTreeFav",o=".menuTreeRoot",n=".menuTreeFolder",r=".menuTreeFile",l=function(){$('').appendTo("body"),$(".context-menu-list").die("click").live("click",function(e){return stopPP(e),!1}),p(),h(),m(),g(),y(),x(),N(),v(),j(),C(),L(),$(".set_set"+G.list_type).addClass("selected"),$(".set_sort_"+G.sort_field).addClass("selected"),$(".set_sort_"+G.sort_order).addClass("selected"),$(".context-menu-root").addClass("fadein")},c=function(){$('').appendTo("body"),$(".context-menu-list").die("click").live("click",function(e){return stopPP(e),!1}),f(),v(),u(),h(),m(),C(),j(),g(),L(),$(".set_sort_"+G.sort_field).addClass("selected"),$(".set_sort_"+G.sort_order).addClass("selected"),$(".context-menu-root").addClass("fadein")},d=function(){$('').appendTo("body"),$(".context-menu-list").die("click").live("click",function(e){return stopPP(e),!1}),y(),x(),v(),C(),j(),k(),w(),L(),$(".context-menu-root").addClass("fadein")},p=function(){$.contextMenu({selector:Config.BodyContent,zIndex:9999,callback:function(e,t){_(e,t)},items:{refresh:{name:LNG.refresh,className:"refresh",icon:"refresh",accesskey:"e"},upload:{name:LNG.upload,className:"upload",icon:"upload",accesskey:"u"},past:{name:LNG.past,className:"past",icon:"paste",accesskey:"p"},copy_see:{name:LNG.clipboard,className:"copy_see",icon:"eye",accesskey:"b"},sep1:"--------",listIcon:{name:LNG.list_type,accesskey:"v",icon:"eye-open",items:{seticon:{name:LNG.list_icon,className:"seticon",icon:"th",accesskey:"i",className:"menu_seticon set_seticon"},setlist:{name:LNG.list_list,className:"setlist",icon:"list",accesskey:"l",className:"menu_seticon set_setlist"}}},sortBy:{name:LNG.order_type,accesskey:"o",icon:"sort",items:{set_sort_name:{name:LNG.name,className:"menu_set_sort set_sort_name"},set_sort_ext:{name:LNG.type,className:"menu_set_sort set_sort_ext"},set_sort_size:{name:LNG.size,className:"menu_set_sort set_sort_size"},set_sort_mtime:{name:LNG.modify_time,className:"menu_set_sort set_sort_mtime"},set_sort_up:{name:LNG.sort_up,className:"set_sort_up",icon:"sort-up",className:"menu_set_desc set_sort_up"},set_sort_down:{name:LNG.sort_down,className:"set_sort_down",icon:"sort-down",className:"menu_set_desc set_sort_down"}}},sep2:"--------",app_install:{name:LNG.app_store,className:"app_install",icon:"tasks",accesskey:"a"},app_create:{name:LNG.app_create,className:"app_create",icon:"puzzle-piece",accesskey:"k"},sep3:"--------",newfolder:{name:LNG.newfolder,className:"newfolder",icon:"folder-close-alt",accesskey:"n"},newfile:{name:LNG.newfile,className:"newfile",icon:"file-alt",accesskey:"j"},newfileOther:{name:LNG.newothers,items:{newfile_html:{name:"html "+LNG.file},newfile_php:{name:"php "+LNG.file},newfile_js:{name:"js "+LNG.file},newfile_css:{name:"css "+LNG.file}}},sep3:"--------",info:{name:LNG.info,className:"info",icon:"info",accesskey:"i"}}})},u=function(){$.contextMenu({selector:".menuDefault",zIndex:9999,items:{open:{name:LNG.open,className:"open",icon:"external-link",accesskey:"o"}},callback:function(e){switch(e){case"open":ui.path.open();break;default:}}})},f=function(){$.contextMenu({selector:Config.BodyContent,zIndex:9999,callback:function(e){_(e)},items:{refresh:{name:LNG.refresh,className:"refresh",icon:"refresh",accesskey:"e"},sortBy:{name:LNG.order_type,accesskey:"o",icon:"sort",items:{set_sort_name:{name:LNG.name,className:"menu_set_sort set_sort_name"},set_sort_ext:{name:LNG.type,className:"menu_set_sort set_sort_ext"},set_sort_size:{name:LNG.size,className:"menu_set_sort set_sort_size"},set_sort_mtime:{name:LNG.modify_time,className:"menu_set_sort set_sort_mtime"},set_sort_up:{name:LNG.sort_up,className:"set_sort_up",icon:"sort-up",className:"menu_set_desc set_sort_up"},set_sort_down:{name:LNG.sort_down,className:"set_sort_down",icon:"sort-down",className:"menu_set_desc set_sort_down"}}},sep1:"--------",upload:{name:LNG.upload,className:"upload",icon:"upload",accesskey:"u"},past:{name:LNG.past,className:"past",icon:"paste",accesskey:"p"},copy_see:{name:LNG.clipboard,className:"copy_see",icon:"eye",accesskey:"b"},sep2:"--------",app_install:{name:LNG.app_store,className:"app_install",icon:"tasks",accesskey:"a"},app_create:{name:LNG.app_create,className:"app_create",icon:"puzzle-piece",accesskey:"k"},sep3:"--------",newfolder:{name:LNG.newfolder,className:"newfolder",icon:"folder-close-alt",accesskey:"n"},newfile:{name:LNG.newfile,className:"newfile",icon:"file-alt",accesskey:"j"},newfileOther:{name:LNG.newothers,items:{newfile_html:{name:"html "+LNG.file},newfile_php:{name:"php "+LNG.file},newfile_js:{name:"js "+LNG.file},newfile_css:{name:"css "+LNG.file}}},sep3:"--------",full:{name:LNG.full_screen,className:"full",icon:"fullscreen",accesskey:"m"},setting_wall:{name:LNG.setting_wall,className:"setting_wall",icon:"picture",accesskey:"w"},setting:{name:LNG.setting,className:"setting",icon:"cogs",accesskey:"s"}}})},h=function(){$('').appendTo("#rightMenu"),$.contextMenu({zIndex:9999,selector:t,className:t,callback:function(e){b(e)},items:{open:{name:LNG.open,className:"open",icon:"folder-open-alt",accesskey:"o"},open_ie:{name:LNG.open_ie,className:"open_ie",icon:"globe",accesskey:"b"},sep1:"--------",copy:{name:LNG.copy,className:"copy",icon:"copy",accesskey:"c"},cute:{name:LNG.cute,className:"cute",icon:"cut",accesskey:"k"},remove:{name:LNG.remove,className:"remove",icon:"trash",accesskey:"d"},rname:{name:LNG.rename,className:"rname",icon:"pencil",accesskey:"r"},sep2:"--------",search:{name:LNG.search_in_path,className:"search",icon:"search",accesskey:"s"},fav:{name:LNG.add_to_fav,className:"fav",icon:"star",accesskey:"f"},zip:{name:LNG.zip,className:"zip",icon:"folder-close",accesskey:"z"},sep3:"--------",info:{name:LNG.info,className:"info",icon:"info",accesskey:"i"}}})},m=function(){$('').appendTo("#rightMenu"),$.contextMenu({zIndex:9999,selector:e,className:t,callback:function(e){b(e)},items:{open:{name:LNG.open,className:"open",icon:"external-link",accesskey:"o"},open_text:{name:LNG.edit,className:"open_text",icon:"edit",accesskey:"e"},open_ie:{name:LNG.open_ie,className:"open_ie",icon:"globe",accesskey:"b"},newfileOther:{name:LNG.open_with,accesskey:"h",items:{open_text:{name:LNG.edit,className:"open_text",icon:"edit"},open_kindedit:{name:LNG.others,className:"open_kindedit",icon:"edit"}}},sep1:"--------",copy:{name:LNG.copy,className:"copy",icon:"copy",accesskey:"c"},cute:{name:LNG.cute,className:"cute",icon:"cut",accesskey:"k"},remove:{name:LNG.remove,className:"remove",icon:"trash",accesskey:"d"},rname:{name:LNG.rename,className:"rname",icon:"pencil",accesskey:"r"},sep2:"--------",zip:{name:LNG.zip,className:"zip",icon:"folder-close",accesskey:"z"},unzip:{name:LNG.unzip,className:"unzip",icon:"folder-open-alt",accesskey:"u"},down:{name:LNG.download,className:"down",icon:"download",accesskey:"x"},sep3:"--------",info:{name:LNG.info,className:"info",icon:"info",accesskey:"i"}}})},v=function(){$('').appendTo("#rightMenu"),$.contextMenu({zIndex:9999,selector:i,className:t,callback:function(e){"editor"==Config.pageApp?S(e):b(e)},items:{open:{name:LNG.open,className:"open",icon:"external-link",accesskey:"o"},app_edit:{name:LNG.app_edit,className:"app_edit",icon:"code",accesskey:"a"},sep1:"--------",copy:{name:LNG.copy,className:"copy",icon:"copy",accesskey:"c"},cute:{name:LNG.cute,className:"cute",icon:"cut",accesskey:"k"},remove:{name:LNG.remove,className:"remove",icon:"trash",accesskey:"d"},rname:{name:LNG.rename,className:"rname",icon:"pencil",accesskey:"r"},sep2:"--------",info:{name:LNG.info,className:"info",icon:"info",accesskey:"i"}}})},g=function(){$('').appendTo("#rightMenu"),$.contextMenu({zIndex:9999,selector:a,className:t,callback:function(e){b(e)},items:{copy:{name:LNG.copy,className:"copy",icon:"copy",accesskey:"c"},clone:{name:LNG.clone,className:"clone",icon:"external-link",accesskey:"m"},cute:{name:LNG.cute,className:"cute",icon:"cut",accesskey:"k"},remove:{name:LNG.remove,className:"remove",icon:"trash",accesskey:"d"},sep1:"--------",playmedia:{name:LNG.add_to_play,className:"playmedia",icon:"music",accesskey:"p"},zip:{name:LNG.zip,className:"zip",icon:"folder-close",accesskey:"z"},sep2:"--------",info:{name:LNG.info,className:"info",icon:"info",accesskey:"i"}}})},_=function(e){switch(e){case"refresh":ui.f5(!0,!0);break;case"back":ui.path.back();case"next":ui.path.next();break;case"seticon":ui.setListType("icon");break;case"setlist":ui.setListType("list");break;case"set_sort_name":ui.setListSort("name",0);break;case"set_sort_ext":ui.setListSort("ext",0);break;case"set_sort_size":ui.setListSort("size",0);break;case"set_sort_mtime":ui.setListSort("mtime",0);break;case"set_sort_up":ui.setListSort(0,"up");break;case"set_sort_down":ui.setListSort(0,"down");break;case"upload":core.upload();break;case"past":ui.path.past();break;case"copy_see":ui.path.clipboard();break;case"newfolder":ui.path.newFolder();break;case"newfile":ui.path.newFile();break;case"newfile_html":ui.path.newFile("html");break;case"newfile_php":ui.path.newFile("php");break;case"newfile_js":ui.path.newFile("js");break;case"newfile_css":ui.path.newFile("css");break;case"newfile_oexe":ui.path.newFile("oexe");break;case"info":ui.path.info();break;case"open":ui.path.open();break;case"open_new":ui.path.open_new();break;case"app_install":ui.path.appList();break;case"app_create":ui.path.appEdit(!0);break;case"full":ui.fullScreen();break;case"setting":core.setting();break;case"setting_wall":core.setting("wall");break;default:}},b=function(e){switch(e){case"open":ui.path.open();break;case"down":ui.path.download();break;case"open_ie":ui.path.openIE();break;case"open_text":ui.path.openEditor();break;case"app_edit":ui.path.appEdit();case"open_kindedit":break;case"playmedia":ui.path.play();break;case"fav":ui.path.fav();break;case"search":ui.path.search();break;case"copy":ui.path.copy();break;case"clone":ui.path.copyDrag(G.this_path,!0);break;case"cute":ui.path.cute();break;case"remove":ui.path.remove();break;case"rname":ui.path.rname();break;case"zip":ui.path.zip();break;case"unzip":ui.path.unZip();break;case"info":ui.path.info();break;default:}},y=function(){$('').appendTo("#rightMenu"),$.contextMenu({zIndex:9999,selector:s,callback:function(e){S(e)},items:{fav_page:{name:LNG.manage_fav,className:"fav_page",icon:"star",accesskey:"r"},refresh_all:{name:LNG.refresh_tree,className:"refresh_all",icon:"refresh",accesskey:"e"},sep1:"--------",quit:{name:LNG.close_menu,className:"quit",icon:"remove",accesskey:"q"}}})},x=function(){$('').appendTo("#rightMenu"),$.contextMenu({zIndex:9999,selector:o,callback:function(e){S(e)},items:{explorer:{name:LNG.manage_folder,className:"explorer",icon:"laptop",accesskey:"v"},refresh:{name:LNG.refresh_tree,className:"refresh",icon:"refresh",accesskey:"e"},newfolder:{name:LNG.newfolder,className:"newfolder",icon:"folder-close-alt",accesskey:"n"},newfile:{name:LNG.newfile,className:"newfile",icon:"file-alt",accesskey:"j"},fav:{name:LNG.add_to_fav,className:"fav",icon:"star",accesskey:"f"},search:{name:LNG.search_in_path,className:"search",icon:"search",accesskey:"s"},sep1:"--------",past:{name:LNG.past,className:"past",icon:"paste",accesskey:"p"},sep3:"--------",quit:{name:LNG.close_menu,className:"quit",icon:"remove",accesskey:"q"}}})},N=function(){$('').appendTo("#rightMenu"),$.contextMenu({zIndex:9999,selector:n,callback:function(e){S(e)},items:{refresh:{name:LNG.refresh_tree,className:"refresh",icon:"refresh",accesskey:"e"},newfolder:{name:LNG.newfolder,className:"newfolder",icon:"folder-close-alt",accesskey:"n"},fav:{name:LNG.add_to_fav,className:"fav",icon:"star",accesskey:"f"},search:{name:LNG.search_in_path,className:"search",icon:"search",accesskey:"s"},sep1:"--------",copy:{name:LNG.copy,className:"copy",icon:"copy",accesskey:"c"},cute:{name:LNG.cute,className:"cute",icon:"cut",accesskey:"k"},past:{name:LNG.past,className:"past",icon:"paste",accesskey:"p"},rname:{name:LNG.rename,className:"rname",icon:"pencil",accesskey:"r"},sep2:"--------",remove:{name:LNG.remove,className:"remove",icon:"trash",accesskey:"d"},info:{name:LNG.info,className:"info",icon:"info",accesskey:"i"}}})},k=function(){$('').appendTo("#rightMenu"),$.contextMenu({zIndex:9999,selector:n,callback:function(e){S(e)},items:{explorer:{name:LNG.manage_folder,className:"explorer",icon:"laptop",accesskey:"v"},refresh:{name:LNG.refresh_tree,className:"refresh",icon:"refresh",accesskey:"e"},fav:{name:LNG.add_to_fav,className:"fav",icon:"star",accesskey:"f"},search:{name:LNG.search_in_path,className:"search",icon:"search",accesskey:"s"},sep3:"--------",newfolder:{name:LNG.newfolder,className:"newfolder",icon:"folder-close-alt",accesskey:"n"},newfile:{name:LNG.newfile,className:"newfile",icon:"file-alt",accesskey:"j"},sep2:"--------",copy:{name:LNG.copy,className:"copy",icon:"copy",accesskey:"c"},cute:{name:LNG.cute,className:"cute",icon:"cut",accesskey:"k"},past:{name:LNG.past,className:"past",icon:"paste",accesskey:"p"},rname:{name:LNG.rename,className:"rname",icon:"pencil",accesskey:"r"},sep4:"--------",remove:{name:LNG.remove,className:"remove",icon:"trash",accesskey:"d"},info:{name:LNG.info,className:"info",icon:"info",accesskey:"i"},sep5:"--------",quit:{name:LNG.close_menu,className:"quit",icon:"remove",accesskey:"q"}}})},w=function(){$('').appendTo("#rightMenu"),$.contextMenu({zIndex:9999,selector:r,callback:function(e){S(e)},items:{edit:{name:LNG.edit,className:"edit",icon:"edit",accesskey:"e"},open:{name:LNG.open,className:"open",icon:"external-link",accesskey:"o"},openIE:{name:LNG.open_ie,className:"openIE",icon:"globe",accesskey:"b"},download:{name:LNG.download,className:"download",icon:"download",accesskey:"x"},sep1:"--------",rname:{name:LNG.rename,className:"rname",icon:"pencil",accesskey:"r"},copy:{name:LNG.copy,className:"copy",icon:"copy",accesskey:"c"},cute:{name:LNG.cute,className:"cute",icon:"cut",accesskey:"k"},remove:{name:LNG.remove,className:"remove",icon:"trash",accesskey:"d"},sep2:"--------",info:{name:LNG.info,className:"info",icon:"info",accesskey:"i"},quit:{name:LNG.close_menu,className:"quit",icon:"remove",accesskey:"q"}}})},L=function(){$('').appendTo("#rightMenu"),$.contextMenu({zIndex:9999,selector:".taskBarMenu",items:{quitOthers:{name:LNG.close_others,className:"quitOthers",icon:"remove-circle",accesskey:"o"},quit:{name:LNG.close,className:"quit",icon:"remove",accesskey:"q"}},callback:function(e,t){var a=t.$trigger.attr("id"),i=art.dialog.list[a];switch(e){case"quitOthers":$.each(art.dialog.list,function(e,t){a!=e&&t.close()});break;case"quit":i.close()}}})},C=function(){$.contextMenu({zIndex:9999,selector:".task_tab",items:{closeAll:{name:LNG.dialog_close_all,icon:"remove-circle",accesskey:"o"},showAll:{name:LNG.dialog_display_all,icon:"th-large",accesskey:"o"},hideAll:{name:LNG.dialog_min_all,icon:"remove",accesskey:"q"}},callback:function(e,t){var a=t.$trigger.attr("id");switch(art.dialog.list[a],e){case"showAll":$.each(art.dialog.list,function(e,t){t.display(!0)});break;case"hideAll":$.each(art.dialog.list,function(e,t){t.display(!1)});break;case"closeAll":$.each(art.dialog.list,function(e,t){t.close()});break;default:}}})},j=function(){$('').appendTo("#rightMenu"),$.contextMenu({zIndex:9999,selector:".dialog_menu",items:{quit:{name:LNG.close,icon:"remove",accesskey:"o"},hide:{name:LNG.dialog_min,icon:"minus",accesskey:"o"},refresh:{name:LNG.refresh,icon:"refresh",accesskey:"q"}},callback:function(e,t){var a=t.$trigger.attr("id"),i=art.dialog.list[a];switch(e){case"quit":i.close();break;case"hide":i.display(!1);break;case"refresh":i.refresh();break;default:}}})},S=function(e){switch(e){case"app_edit":ui.tree.appEdit();
-break;case"edit":ui.tree.openEditor();break;case"open":ui.tree.open();break;case"refresh":ui.tree.refresh();break;case"copy":ui.tree.copy();break;case"cute":ui.tree.cute();break;case"past":ui.tree.past();break;case"rname":ui.tree.rname();break;case"remove":ui.tree.remove();break;case"info":ui.tree.info();break;case"download":ui.tree.download();break;case"openIE":ui.tree.openIE();break;case"search":ui.tree.search();break;case"newfolder":ui.tree.create("folder");break;case"newfile":ui.tree.create("file");break;case"explorer":ui.tree.explorer();break;case"fav_page":core.setting("fav");break;case"fav":ui.tree.fav();break;case"refresh_all":ui.tree.init();break;case"quit":break;default:}};return{initDesktop:c,initExplorer:l,initEditor:d,show:function(e,t,a){e&&(rightMenu.hidden(),$(e).contextMenu({x:t,y:a}))},isDisplay:function(){var e=!1;return $(".context-menu-list").each(function(){"none"!=$(this).css("display")&&(e=!0)}),e},hidden:function(){$(".context-menu-list").filter(":visible").trigger("contextmenu:hide")}}}),define("app/common/tree",["./pathOperate","../tpl/fileinfo","../tpl/app","./pathOpen","./CMPlayer"],function(e){var t,a=e("./pathOperate"),i=e("./pathOpen"),s=!1;ui.pathOpen=i;var o,n=function(){$.ajax({url:Config.treeAjaxURL+"&type=init",dataType:"json",error:function(){$("#folderList").html('
    '+LNG.system_error+"
    ")},success:function(e){if(!e.code)return $("#folderList").html('
    '+LNG.system_error+"
    "),void 0;var t=e.data;$.fn.zTree.init($("#folderList"),l,t),o=$.fn.zTree.getZTreeObj("folderList")}}),$(".ztree .switch").die("mouseenter").live("mouseenter",function(){$(this).addClass("switch_hover")}).die("mouseleave").live("mouseleave",function(){$(this).removeClass("switch_hover")}),"editor"==Config.pageApp&&(Mousetrap.bind("up",function(e){r(e,"up")}).bind("down",function(e){r(e,"down")}).bind("left",function(e){r(e,"left")}).bind("right",function(e){r(e,"right")}),Mousetrap.bind("enter",function(){tree.open()}).bind(["del","command+backspace"],function(){tree.remove()}).bind("f2",function(e){stopPP(e),tree.rname()}).bind(["ctrl+f","command+f"],function(e){stopPP(e),tree.search()}).bind(["ctrl+c","command+c"],function(){tree.copy()}).bind(["ctrl+x","command+x"],function(){tree.cute()}).bind(["ctrl+v","command+v"],function(){tree.past()}).bind("alt+m",function(){tree.create("folder")}).bind("alt+n",function(){tree.create("file")}))},r=function(e,t){stopPP(e);var a=o.getSelectedNodes()[0];if(a)switch(t){case"up":var i=a.getPreNode();if(i){if(i.open&&i.children.length>0)for(;i.open&&i.children&&i.children.length>=1;)i=i.children[i.children.length-1]}else i=a.getParentNode();o.selectNode(i);break;case"down":if(a.open&&a.children.length>=1)i=a.children[0];else{var s=a,i=s.getNextNode()||s.getParentNode().getNextNode();try{for(;!i;)s=s.getParentNode(),i=s.getNextNode()||s.getParentNode().getNextNode()}catch(e){}}o.selectNode(i);break;case"left":a.isParent?a.open?o.expandNode(a,!1):o.selectNode(a.getParentNode()):o.selectNode(a.getParentNode());break;case"right":a.open?o.selectNode(a.children[0]):o.expandNode(a,!0);break;default:}},l={async:{enable:!0,dataType:"json",url:Config.treeAjaxURL,autoParam:["ajax_name=name","ajax_path=path","this_path"],dataFilter:function(e,t,a){return a.code?a.data:null}},edit:{enable:!0,showRemoveBtn:!1,showRenameBtn:!1,drag:{isCopy:!1,isMove:!1}},view:{showLine:!1,selectedMulti:!1,dblClickExpand:!1,addDiyDom:function(e,t){var a=Global.treeSpaceWide,i=$("#"+t.tId+"_switch"),s=$("#"+t.tId+"_ico");if(i.remove(),s.before(i),"file"==t.type&&s.removeClass("button ico_docu").addClass("file "+t.ext),"oexe"==t.ext&&s.removeClass("button ico_docu").addClass("file oexe").removeAttr("style"),t.level>=1){var o="";i.before(o)}var n="";"explorer"==Config.pageApp?("__fav__"==t.ext&&(n="menuTreeFav"),"__root__"==t.ext&&(n="menuTreeRoot"),"folder"==t.type&&(n="menuTreeFolder")):"editor"==Config.pageApp&&("__fav__"==t.ext&&(n="menuTreeFav"),"__root__"==t.ext&&(n="menuTreeRoot"),"file"==t.type&&(n="menuTreeFile"),"folder"==t.type&&(n="menuTreeFolder"),"oexe"==t.ext&&(n="menuApp"));var r=LNG.name+":"+t.name+"\n"+LNG.size+":"+t.size_friendly+"\n"+LNG.modify_time+":"+t.mtime;"file"!=t.type&&(r=t.name),i.parent().addClass(n).attr("title",r)}},callback:{onClick:function(e,t,a){return o.selectNode(a),o.expandNode(a),"folder"!=a.type||"editor"!=Config.pageApp?0==a.level?("explorer"==Config.pageApp&&"__fav__"!=a.ext&&ui.path.list(a.this_path+"/"),!1):("editor"==Config.pageApp?ui.tree.openEditor():"explorer"==Config.pageApp&&ui.tree.open(),void 0):void 0},beforeRightClick:function(e,t){o.selectNode(t)},beforeAsync:function(e,t){t.ajax_name=urlEncode(t.name),t.ajax_path=urlEncode(t.path)},onAsyncSuccess:function(e,a,i,s){return 0==s.data.length?(o.removeChildNodes(i),void 0):("function"==typeof t&&(t(),t=void 0),void 0)},onRename:function(e,i,s){var n=s.getParentNode();if(o.getNodesByParam("name",s.name,n).length>1)return core.tips.tips(LNG.name_isexists,!1),o.removeNode(s),void 0;if(s.create){var r=s.path+"/"+s.name;"folder"==s.type?a.newFolder(r,function(e){e.code&&(d(n),t=function(){var e=o.getNodesByParam("name",s.name,n)[0];o.selectNode(e),p()})}):a.newFile(r,function(e){e.code&&(d(n),t=function(){var e=o.getNodesByParam("name",s.name,n)[0];o.selectNode(e),p()})})}else{var l=s.path+s.beforeName,c=s.path+s.name;a.rname(l,c,function(e){e.code&&(d(n),t=function(){var e=o.getNodesByParam("name",s.name,n)[0];o.selectNode(e),p()})})}}}},c=function(e){if(o){var t=o.getSelectedNodes()[0],a="",i="";return t?(t.father?a=t.father+t.name:t.this_path?a=t.this_path:""!=t.path?a=t.path+t.name:""==t.path&&(a="/"+t.name),i=t.ext,("_null_"==i||void 0==i)&&(i="folder"),"file"==i&&(i=t.ext),e?[{path:a,type:i,node:t}]:{path:a,type:i,node:t}):{path:"",type:""}}},d=function(e){if(void 0==e&&(e=o.getSelectedNodes()[0]),!e.isParent){if(e=e.getParentNode(),!e)return ui.tree.init(),void 0;if(e&&"__fav__"==e.ext)return}o.reAsyncChildNodes(e,"refresh")},p=function(){"explorer"==Config.pageApp&&ui.f5()};return{pathOpen:i,init:n,refresh:d,openEditor:function(){i.openEditor(c().path)},openIE:function(){i.openIE(c().path)},download:function(){i.download(c().path)},open:function(){if(!($(".dialog_path_remove").length>=1)){var e=c();"oexe"==e.type&&(e.path=e.node),i.open(e.path,e.type)}},fav:function(){a.fav(c().path)},search:function(){core.search("",c().path)},appEdit:function(){var e=c(),t=e.node;t.path=e.path,a.appEdit(t,function(){d(e.node.getParentNode())})},info:function(){a.info(c(!0))},copy:function(){a.copy(c(!0))},cute:function(){a.cute(c(!0))},past:function(){var e=c();e.node.isParent||(e.node=e.node.getParentNode()),a.past(e.path,function(){p(),d(e.node)})},remove:function(){var e=c(!0),t=e[0].node.getParentNode();a.remove(e,function(){p(),d(t)})},checkIfChange:function(e){s||(s=!0,o&&(o.getNodesByFilter(function(t){var a;return t.this_path?a=t.this_path:""!=t.path&&(a=t.path+t.name),a==e||a+"/"==e||"/"+t.name+"/"==e?(d(t),!0):!1},!0),setTimeout(function(){s=!1},1e3)))},explorer:function(){var e=c().path;e||(e=G.this_path),core.explorer(e)},fileBox:function(e){e="save_file",e="save_folder",e="select_",$(".header-left").css("width",110).next().css("left",150),$(".frame-left").width("width",142),$.dialog.open("?/explorer&plague="+e,{resize:!0,fixed:!0,title:"另存为",width:750,height:420})},create:function(e){var t=o.getSelectedNodes();if(0>=t.length){var a=o.getNodeByParam("ext","__root__",null);o.selectNode(a)}var i=c(),s=i.node,n=s.getParentNode(),r="newfile",l=0,d=LNG.newfolder;if("folder"==e){for(;o.getNodesByParam("name",d+"("+l+")",n).length>0;)l++;newNode={name:d+"("+l+")",ext:"",type:"folder",create:!0,path:i.path}}else if("file"==e){for(;o.getNodesByParam("name",r+"("+l+").txt",n).length>0;)l++;newNode={name:r+"("+l+").txt",ext:"txt",type:"file",create:!0,path:i.path}}if(void 0!=s.children){var p=o.addNodes(s,newNode)[0];o.editName(p)}else{"folder"!=s.type&&(s=s.getParentNode());var p=o.addNodes(s,newNode)[0];o.editName(p)}},rname:function(){var e=o.getSelectedNodes()[0];o.editName(e),e.beforeName=e.name}}}),define("app/common/pathOperate",["../tpl/fileinfo","../tpl/app"],function(e){var t=e("../tpl/fileinfo"),a=["/","\\",":","*","?",'"',"<",">","|"],i=function(e){var t=function(e,t){for(var a=t.length,i=0;a>i;i++)if(e.indexOf(t[i])>0)return!0;return!1};return t(e,a)?(core.tips.tips(LNG.path_not_allow+':/  : * ? " < > |',!1),!1):!0},s=function(e){var t="list=[";for(var a in e)t+='{"type":"'+e[a].type+'","path":"'+urlEncode2(e[a].path)+'"}',a!=e.length-1&&(t+=",");return t+"]"},o=function(e,t){if(e){var a=core.pathThis(e);return i(a)?($.ajax({dataType:"json",url:"index.php?explorer/mkfile&path="+urlEncode2(e),beforeSend:function(){core.tips.loading()},error:core.ajaxError,success:function(e){core.tips.close(e),"function"==typeof t&&t(e)}}),void 0):("function"==typeof t&&t(),void 0)}},n=function(e,t){if(e){var a=core.pathThis(e);return i(a)?($.ajax({dataType:"json",url:"index.php?explorer/mkdir&path="+urlEncode2(e),beforeSend:function(){core.tips.loading()},error:core.ajaxError,success:function(e){core.tips.close(e),"function"==typeof t&&t(e)}}),void 0):("function"==typeof t&&t(),void 0)}},r=function(e,t,a){return e&&t&&e!=t?i(core.pathThis(t))?($.ajax({type:"POST",dataType:"json",url:"index.php?explorer/pathRname",data:"path="+urlEncode(e)+"&rname_to="+urlEncode(t),beforeSend:function(){core.tips.loading()},error:core.ajaxError,success:function(e){core.tips.close(e),"function"==typeof a&&a(e)}}),void 0):("function"==typeof a&&a(),void 0):void 0},l=function(e,t){if(!(1>e.length)){var a=e[0].path;a.length>20&&(a="..."+a.substr(-20)),$.dialog({id:"dialog_path_remove",fixed:!0,icon:"question",title:LNG.remove_title,padding:40,lock:!0,background:"#000",opacity:.5,content:a+"
    "+LNG.remove_info+"【"+e.length+"】",ok:function(){$.ajax({url:"index.php?explorer/pathDelete",type:"POST",dataType:"json",data:s(e),beforeSend:function(){core.tips.loading()},error:core.ajaxError,success:function(e){core.tips.close(e),"function"==typeof t&&t(e)}})},cancel:!0})}},c=function(e){1>e.length||$.ajax({url:"index.php?explorer/pathCopy",type:"POST",dataType:"json",data:s(e),error:core.ajaxError,success:function(e){core.tips.tips(e)}})},d=function(e){1>e.length||$.ajax({url:"index.php?explorer/pathCute",type:"POST",dataType:"json",data:s(e),error:core.ajaxError,success:function(e){core.tips.tips(e)}})},p=function(e,t){if(e){var a="index.php?explorer/pathPast&path="+urlEncode2(e);$.ajax({url:a,dataType:"json",beforeSend:function(){core.tips.loading(LNG.moving)},error:core.ajaxError,success:function(e){e.code?core.tips.close(e):core.tips.close(e.info,!1),"function"==typeof t&&t(e)}})}},u=function(e){1>e.length&&(e=[{path:G.this_path,type:"folder"}]),$.ajax({url:"index.php?explorer/pathInfo",type:"POST",dataType:"json",data:s(e),beforeSend:function(){core.tips.loading(LNG.getting)},error:core.ajaxError,success:function(a){if(!a.code)return core.tips.close(a),void 0;core.tips.close(LNG.get_success,!0);var i="path_info_more",s=LNG.info;1==e.length&&(i="folder"==e[0].type?"path_info":"file_info",s=core.pathThis(e[0].path),s.length>15&&(s=s.substr(0,15)+"...  "+LNG.info));var o=template.compile(t[i]),n=UUID();a.data.LNG=LNG,$.dialog({id:n,padding:5,ico:core.ico("info"),fixed:!0,title:s,content:o(a.data),width:"350px",cancel:!0}),f(n,e)}})},f=function(e,t){$("."+e).find(".edit_chmod").click(function(){var e=$(this).parent().find("input"),a=$(this);$.ajax({url:"index.php?explorer/pathChmod&mod="+e.val(),type:"POST",data:s(t),beforeSend:function(){a.text(LNG.loading)},error:function(){a.text(LNG.button_save)},success:function(e){a.text(e.data).animate({opacity:.6},400,0).delay(1e3).animate({opacity:1},200,0,function(){a.text(LNG.button_save)})}})})},h=function(e,t){1>e.length||$.ajax({url:"index.php?explorer/zip",type:"POST",dataType:"json",data:s(e),beforeSend:function(){core.tips.loading(LNG.ziping)},error:core.ajaxError,success:function(e){core.tips.close(e),core.tips.tips(e),"function"==typeof t&&t(e)}})},m=function(e,t){if(e){var a="index.php?explorer/unzip&path="+urlEncode2(e);$.ajax({url:a,beforeSend:function(){core.tips.loading(LNG.unziping)},error:core.ajaxError,success:function(e){core.tips.close(e),"function"==typeof t&&t(e)}})}},v=function(e,t,a){t&&$.ajax({url:"index.php?explorer/pathCuteDrag",type:"POST",dataType:"json",data:s(e)+"&path="+urlEncode2(t),beforeSend:function(){core.tips.loading(LNG.moving)},error:core.ajaxError,success:function(e){core.tips.close(e),"function"==typeof a&&a(e)}})},g=function(e,t,a){t&&$.ajax({url:"index.php?explorer/pathCopyDrag",type:"POST",dataType:"json",data:s(e)+"&path="+urlEncode2(t),beforeSend:function(){core.tips.loading(LNG.moving)},error:core.ajaxError,success:function(e){core.tips.close(e),"function"==typeof a&&a(e)}})},_=function(){$.ajax({url:"index.php?explorer/clipboard",dataType:"json",error:core.ajaxError,success:function(e){e.code&&$.dialog({title:LNG.clipboard,padding:0,height:200,width:400,content:e.data})}})},b=function(e){if(e){var t="&name="+urlEncode(core.pathThis(e))+"&path="+urlEncode(e);core.setting("fav"+t)}},y=function(e){var t={};return t.type=e.find("input[type=radio]:checked").val(),t.content=e.find("textarea").val(),t.group=e.find("[name=group]").val(),e.find("input[type=text]").each(function(){var e=$(this).attr("name");t[e]=$(this).val()}),e.find("input[type=checkbox]").each(function(){var e=$(this).attr("name");t[e]="checked"==$(this).attr("checked")?1:0}),t},x=function(e){e.find(".type input").change(function(){var t=$(this).attr("apptype");e.find("[data-type]").addClass("hidden"),e.find("[data-type="+t+"]").removeClass("hidden")})},N=function(t,a,i){var s,o,n,r=LNG.app_create,l=UUID(),c=e("../tpl/app"),d=G.basic_path+"static/images/app/",p=template.compile(c.html);switch(void 0==i&&(i="user_edit"),"root_edit"==i&&(t=json_decode(t)),"user_edit"==i||"root_edit"==i?(r=LNG.app_edit,n=p({LNG:LNG,iconPath:d,uuid:l,data:t})):n=p({LNG:LNG,iconPath:d,uuid:l,data:{}}),$.dialog({fixed:!0,width:450,height:310,id:l,padding:15,title:r,content:n,button:[{name:LNG.preview,callback:function(){var e=y(s);return core.openApp(e),!1}},{name:LNG.button_save,focus:!0,callback:function(){var e=y(s);switch(i){case"user_add":var n=urlEncode2(G.this_path+e.name);o="./index.php?app/user_app&action=add&path="+n;break;case"user_edit":o="./index.php?app/user_app&path="+urlEncode2(t.path);break;case"root_add":o="./index.php?app/add&name="+e.name;break;case"root_edit":o="./index.php?app/edit&name="+e.name+"&old_name="+t.name;break;default:}$.ajax({url:o,type:"POST",dataType:"json",data:"data="+urlEncode2(json_encode(e)),beforeSend:function(){core.tips.loading()},error:core.ajaxError,success:function(e){if(core.tips.close(e),e.code)if("root_edit"==i||"root_add"==i){if(!e.code)return;FrameCall.top("Openapp_store","App.reload",'""')}else"function"==typeof a?a():ui.f5()}})}}]}),s=$("."+l),t.group&&s.find("option").eq(t.group).attr("selected",1),s.find(".aui_content").css("overflow","inherit"),i){case"user_edit":s.find(".name").addClass("hidden"),s.find(".desc").addClass("hidden"),s.find(".group").addClass("hidden"),s.find("option[value="+t.group+"]").attr("checked",!0);break;case"user_add":s.find(".desc").addClass("hidden"),s.find(".group").addClass("hidden"),s.find("[apptype=url]").attr("checked",!0),s.find("[data-type=url] input[name=resize]").attr("checked",!0),s.find("input[name=width]").attr("value","800"),s.find("input[name=height]").attr("value","600"),s.find("input[name=icon]").attr("value","oexe.png");break;case"root_add":s.find("[apptype=url]").attr("checked",!0),s.find("[data-type=url] input[name=resize]").attr("checked",!0),s.find("input[name=width]").attr("value","800"),s.find("input[name=height]").attr("value","600"),s.find("input[name=icon]").attr("value","oexe.png");break;case"root_edit":s.find("option[value="+t.group+"]").attr("selected",!0);break;default:}x(s)},k=function(){core.appStore()},w=function(e){e&&4>e.length&&"http"!=e.substring(0,4)||$.ajax({url:"./index.php?app/get_url_title&url="+e,dataType:"json",beforeSend:function(){core.tips.loading()},success:function(t){var a=t.data;core.tips.close(t);var i={content:"window.open('"+e+"');",desc:"",group:"others",type:"app",icon:"internet.png",name:a,resize:1,simple:0,height:"",width:""},s=urlEncode2(G.this_path+a);e="./index.php?app/user_app&action=add&path="+s,$.ajax({url:e,type:"POST",dataType:"json",data:"data="+urlEncode2(json_encode(i)),success:function(e){core.tips.close(e),e.code&&ui.f5()}})}})};return{appEdit:N,appList:k,appAddURL:w,newFile:o,newFolder:n,rname:r,unZip:m,zip:h,copy:c,cute:d,info:u,remove:l,cuteDrag:v,copyDrag:g,past:p,clipboard:_,fav:b}});var file_info="
        
            
                    
        
        
        
            
    {{LNG.file_type}}:
            
    {{ext}} {{LNG.file}}
            
        
        
        
            
    {{LNG.address}}:
            
    {{path}}
            
        
        
            
    {{LNG.size}}:
            
    {{size_friendly}}  ({{size}} Byte)
            
        
        
        
            
    {{LNG.create_time}}
            
    {{ctime}}
            
        
        
            
    {{LNG.modify_time}}
            
    {{mtime}}
            
        
        
            
    {{LNG.last_time}}
            
    {{atime}}
            
        
        
        
            
    {{LNG.permission}}:
            
    {{mode}}
            
        
        
            
    {{LNG.permission_edit}}:
            
            
            
        
    ",path_info="
        
            
                    
        
        
        
            
    {{LNG.type}}:
            
    {{LNG.folder}}
            
        
        
            
    {{LNG.address}}:
            
    {{path}}
            
        
        
            
    {{LNG.size}}:
            
    {{size_friendly}}  ({{size}} Byte)
            
        
        
            
    {{LNG.contain}}:
             
    {{file_num}}  {{LNG.file}},{{folder_num}}  {{LNG.folder}}
            
        
        
        
            
    {{LNG.create_time}}
            
    {{ctime}}
            
        
        
            
    {{LNG.modify_time}}
            
    {{mtime}}
            
        
        
            
    {{LNG.last_time}}
            
    {{atime}}
            
        
        
        
            
    {{LNG.permission}}:
            
    {{mode}}
            
        
        
            
    {{LNG.permission_edit}}:
            
            
            
        
    ",path_info_more="
        
            
            
                {{file_num}}  {{LNG.file}},{{folder_num}}  {{LNG.file}}
            
        
        
        
            
    {{LNG.size}}:
            
    {{size_friendly}} ({{size}} Byte)
            
        
        
        
            
    {{LNG.permission}}:
            
    {{mode}}
            
        
        
            
    {{LNG.permission_edit}}:
            
            
            
        
    ";define("app/tpl/fileinfo",[],function(){return{file_info:file_info,path_info:path_info,path_info_more:path_info_more}}),define("app/tpl/app",[],function(){return{html:"
              
                  
    {{LNG.name}}
                  
                  
              
              
                  
    {{LNG.app_desc}}
                  
                  
              
              
                  
    {{LNG.app_icon}}
                  
                  {{LNG.app_icon_show}}
                  
              
              
                  
    {{LNG.app_group}}
                  
                  
              
              
                  
    {{LNG.app_type}}
                  
                                                                                          
                  
              
              
                  
    {{LNG.app_display}}
                  
                                                                                          
                  
              
              
                  
    {{LNG.app_size}}
                  
                      {{LNG.width}}:                    {{LNG.height}}:                
                  
              
              
                                
    {{LNG.app_url}}
                  
                  
              
          
    "}}),define("app/common/pathOpen",["./CMPlayer"],function(e){var t=function(e,t){if(void 0!=e){if(void 0==t&&(t=core.pathExt(e)),t=t.toLowerCase(),"folder"==t)return"explorer"==Config.pageApp?ui.path.list(e+"/"):core.explorer(e),void 0;if("swf"==t){var i=core.path2url(e);return s(i,core.ico("swf"),core.pathThis(e)),void 0}if("oexe"==t)return core.openApp(e),void 0;if("pdf"==t){var l="pdf"+UUID(),i=core.path2url(e),c='";return $.dialog({resize:!0,fixed:!0,ico:core.ico("pdf"),title:core.pathThis(e),width:800,height:400,padding:0,content:c}),new PDFObject({url:i}).embed(l),void 0}if("html"==t||"htm"==t){var i=core.path2url(e);return s(i,core.ico("html"),core.pathThis(e)),void 0}if(inArray(core.filetype.image,t)){var i=urlDecode(e);return-1==e.indexOf("http:")&&(i=core.path2url(i)),MaskView.image(i),void 0}if(inArray(core.filetype.music,t)||inArray(core.filetype.movie,t)){var i=core.path2url(e);return r(i,t),void 0}if(inArray(core.filetype.doc,t)){var i=core.path2url(e);return n(i,t),void 0}return inArray(core.filetype.bindary,t)?(a(e),void 0):(o(e),void 0)}},a=function(e){if(e){var t="index.php?explorer/fileDownload&path="+urlEncode2(e),a=''+LNG.download_ready+"...",i=$.dialog({icon:"succeed",title:!1,time:1,content:a});i.DOM.wrap.find(".aui_loading").remove()}},i=function(e){if(void 0!=e){var t=core.path2url(e);window.open(t)}},s=function(e,t,a,i){if(e){void 0==i&&(i="openWindow"+UUID());var s="";art.dialog.through({id:i,title:a,ico:t,width:"70%",height:"65%",padding:0,content:s,resize:!0})}},o=function(e){if(e){var t=core.pathExt(e),a=core.pathThis(e);if(inArray(core.filetype.bindary,t)||inArray(core.filetype.music,t)||inArray(core.filetype.image,t)||inArray(core.filetype.movie,t)||inArray(core.filetype.doc,t))return core.tips.tips(t+LNG.edit_can_not,!1),void 0;if(void 0==window.top.frames.OpenopenEditor){var i="./index.php?editor/edit&filename="+urlEncode(urlEncode2(e)),o=a+" ——"+LNG.edit;s(i,core.ico("edit"),o.substring(o.length-50),"openEditor")}else $.dialog.list.openEditor&&$.dialog.list.openEditor.display(!0),FrameCall.top("OpenopenEditor","Editor.add",'"'+urlEncode2(e)+'"')}},n=function(e,t){var a,i,s,o;switch(t){case"doc":case"docx":case"docm":case"dot":o=core.ico("doc"),a="http://sg1b-word-view.officeapps.live.com/wv/wordviewerframe.aspx?ui=zh-CN&rs=zh-CN&WOPISrc=";break;case"ppt":case"pptm":case"pptx":o=core.ico("ppt"),a="http://sg1b-powerpoint.officeapps.live.com/p/PowerPointFrame.aspx?PowerPointView=ReadingView&ui=zh-CN&rs=zh-CN&WOPISrc=";break;case"xls":case"xlsb":case"xlsm":case"xlsx":o=core.ico("xls"),a="http://sg1b-excel.officeapps.live.com/x/_layouts/xlviewerinternal.aspx?ui=zh-CN&rs=zh-CN&WOPISrc=";break;default:}i="http://sg1b-15-view-wopi.wopi.live.net:808/oh/wopi/files/@/wFileId?wFileId=",i+=urlEncode(e),s=a+urlEncode(i)+"&access_token=1&access_token_ttl=0";var n=core.pathThis(urlDecode(e));art.dialog.open(s,{ico:o,title:n,width:"70%",height:"65%",resize:!0})},r=function(t,a){t&&("string"==typeof t&&(t=[t]),CMPlayer=e("./CMPlayer"),CMPlayer.play(t,a))};return{open:t,play:r,openEditor:o,openIE:i,download:a}}),define("app/common/CMPlayer",[],function(){var e={ting:{path:"music/ting",width:410,height:530},beveled:{path:"music/beveled",width:350,height:200},kuwo:{path:"music/kuwo",width:480,height:200},manila:{path:"music/manila",width:320,height:400},mp3player:{path:"music/mp3player",width:320,height:410},qqmusic:{path:"music/qqmusic",width:300,height:400},somusic:{path:"music/somusic",width:420,height:137},xdj:{path:"music/xdj",width:595,height:235},webplayer:{path:"movie/webplayer",width:600,height:400},qqplayer:{path:"movie/qqplayer",width:600,height:400},tvlive:{path:"movie/tvlive",width:600,height:400},youtube:{path:"movie/youtube",width:600,height:400},vplayer:{path:"movie/vplayer",width:600,height:400}},t=function(e){return"music"==e?"music_player":(void 0==e&&(e="mp3"),inArray(core.filetype.music,e)?"music_player":"movie_player")},a=function(t){var a,i,o,n;"music_player"==t?(n=core.ico("mp3"),a=e[G.musictheme],i="music player",o=!1):(n=core.ico("flv"),a=e[G.movietheme],i="movie player",o=!0);var r=core.createFlash(G.static_path+"js/lib/cmp4/cmp.swf","context_menu=2&auto_play=1&play_mode=1&skin=skins/"+a.path+".zip",t),l={id:t+"_dialog",simple:!0,ico:n,title:i,width:a.width,height:a.height,content:r,resize:o,padding:0,fixed:!0,close:function(){var e=s(t);e&&e.sendEvent&&e.sendEvent("view_stop")}};window.top.CMP?art.dialog.through(l):$.dialog(l)},i=function(e){var t,a="";for(t=e.length-1;t>=0;t--){var i,s;-1==e[t].search("fileProxy")?(i=urlEncode(e[t]),s=core.pathThis(e[t])):(i=e[t],s=core.pathThis(urlDecode(i))),i=i.replace(/%2F/g,"/"),i=i.replace(/%3F/g,"?"),i=i.replace(/%26/g,"&"),i=i.replace(/%3A/g,":"),i=i.replace(/%3D/g,"="),a+=''}return a},s=function(e){return window.top.CMP?window.top.CMP.get(e):CMP.get(e)},o=function(e,t){var a=i(e),o=s(t);if(o){o.config("play_mode","normal");var n=o.list().length;o.list_xml(a,!0),o.sendEvent("view_play",n+1)}};return{changeTheme:function(t,a){var i,o,n;"music"==t?(G.musictheme=a,i="music_player"):"movie"==t&&(G.movietheme=a,i="movie_player"),n=s(i),n&&(o=e[a],window.top.art.dialog.list[i+"_dialog"].size(o.width,o.height),n.sendEvent("skin_load","skins/"+o.path+".zip"))},play:function(e,i){var n=t(i),r=s(n);r?(o(e,n),window.top.art.dialog.list[n+"_dialog"].display(!0)):(a(n),setTimeout(function(){o(e,n)},1e3))}}}),define("app/src/explorer/path",["../../common/pathOperate","../../tpl/fileinfo","../../tpl/app","../../common/pathOpen","../../common/CMPlayer"],function(e){var t=e("../../common/pathOperate"),a=e("../../common/pathOpen"),s=void 0;ui.pathOpen=a;var o=function(e,t){var a,i,s=0,o=G.json_data.folderlist,n=G.json_data.filelist;if("desktop"==Config.pageApp&&(s=$(".menuDefault").length),"folder"==t){for(a=0;o.length>a&&!(o[a].name>=e);a++);return"up"==G.sort_order?a+s:n.length+a+s}if("file"==t){for(i=0;n.length>i&&!(n[i].name>=e);i++);return"down"==G.sort_order?i+s:o.length+i+s}return-1},n=function(e){void 0!=e&&("string"==typeof e&&(e=[e]),fileLight.clear(),$(".fileContiner .file").each(function(t){var a=fileLight.name($(this));
--1!=$.inArray(a,e)&&$(Global.fileListAll).eq(t).addClass(Config.SelectClassName)}),fileLight.select(),fileLight.setInView())},r=function(e){if(""!=e){if(e=e.toLowerCase(),void 0==s||G.this_path!=s.path||e!=s.key){var t=[];$(".fileContiner .file").each(function(){var a=fileLight.name($(this));a&&e==a.substring(0,e.length).toLowerCase()&&t.push(a)}),s={key:e,path:G.this_path,index:0,list:t}}0!=s.list.length&&(n(s.list[s.index++]),s.index==s.list.length&&(s.index=0))}},l=function(e){return""==e?(fileLight.clear(),void 0):(fileLight.clear(),$(".fileContiner .file").each(function(t){var a=fileLight.name($(this));-1!=a.toLowerCase().indexOf(e)&&$(Global.fileListAll).eq(t).addClass(Config.SelectClassName)}),fileLight.select(),fileLight.setInView(),void 0)},c=function(e,t,a){var s=e.length;for(i=0;s>i;i++)if(e[i][t]==a)return e[i]},d=function(e){var t="",a=0;return null!=G.json_data.filelist&&(t=c(G.json_data.filelist,"name",e),null!=t&&(a=1)),null!=G.json_data.folderlist&&(t=c(G.json_data.folderlist,"name",e),null!=t&&(a=1)),a},p=function(e,t){var a,i=0;if(void 0==t){if(!d(e))return e;for(a=e+"(0)";d(a);)i++,a=e+"("+i+")";return a}if(!d(e+"."+t))return e+"."+t;for(a=e+"(0)."+t;d(a);)i++,a=e+"("+i+")."+t;return a},u=function(e){if(e){var t=[];return 0==Global.fileListSelect.length?t:(Global.fileListSelect.each(function(){var e=G.this_path+fileLight.name($(this)),a="folder"==fileLight.type($(this))?"folder":"file";t.push({path:e,type:a})}),t)}if(1!=Global.fileListSelectNum)return{path:"",type:""};var a=Global.fileListSelect,i=G.this_path+fileLight.name(a),s=fileLight.type(a);return{path:i,type:s}},f=function(e,t){return e==G.this_path?(void 0!=t&&core.tips.tips(LNG.path_is_current,"info"),void 0):(G.this_path=e.replace(/\\/g,"/"),G.this_path=e.replace(/\/+/g,"/"),"/"!=G.this_path.substr(G.this_path.length-1)&&(G.this_path+="/"),ui.f5(),void 0)},h=function(){$.ajax({dataType:"json",url:"index.php?explorer/historyBack",beforeSend:function(){$(".tools-left .msg").stop(!0,!0).fadeIn(100)},error:core.ajaxError,success:function(e){return $(".tools-left .msg").fadeOut(100),e.code?(e=e.data,G.this_path=e.thispath,G.json_data=e.list,Global.historyStatus=e.history_status,ui.f5(!1,!0),ui.header.updateHistoryStatus(),ui.header.addressSet(),void 0):(core.tips.tips(e),$(Config.FileBoxSelector).html(""),!1)}})},m=function(){$.ajax({dataType:"json",url:"index.php?explorer/historyNext",beforeSend:function(){$(".tools-left .msg").stop(!0,!0).fadeIn(100)},error:core.ajaxError,success:function(e){return $(".tools-left .msg").fadeOut(100),e.code?(e=e.data,G.this_path=e.thispath,G.json_data=e.list,Global.historyStatus=e.history_status,ui.f5(!1,!0),ui.header.updateHistoryStatus(),ui.header.addressSet(),void 0):(core.tips.tips(e),$(Config.FileBoxSelector).html(""),!1)}})},v=function(e){fileLight.clear(),void 0==e&&(e="txt");var a="newfile",a=p(a,e),i=o(a,"file");i=0==i?-1:i-1;var s='';-1==i?$(Config.FileBoxSelector).html(s+$(Config.FileBoxSelector).html()):$(s).insertAfter(Config.FileBoxSelector+" .file:eq("+i+")");var r=$(".newfile"),l=r.get(0),c=a.length-e.length-1;if(Global.isIE){var u=l.createTextRange();u.moveEnd("character",-l.value.length),u.moveEnd("character",c),u.moveStart("character",0),u.select()}else l.setSelectionRange(0,c);r.focus(),r.unbind("keydown").keydown(function(e){return(13==e.keyCode||27==e.keyCode)&&(stopPP(e),e.preventDefault(),filename=r.attr("value"),d(filename)?($("#makefile").remove(),core.tips.tips(LNG.path_exists,"warning")):t.newFile(G.this_path+filename,function(){ui.f5_callback(function(){n(filename)})})),!0}),r.unbind("blur").blur(function(){filename=r.attr("value"),d(filename)?($("#makefile").remove(),core.tips.tips(LNG.path_exists,"warning"),_newFile(e)):t.newFile(G.this_path+filename,function(){ui.f5_callback(function(){n(filename)})})})},g=function(){fileLight.clear();var e=LNG.newfolder,e=p(e),a=o(e,"folder");a=0==a?-1:a-1;var i='',-1==a?$(Config.FileBoxSelector).html(i+$(Config.FileBoxSelector).html()):$(i).insertAfter(Config.FileBoxSelector+" .file:eq("+a+")"),$(".newfile").select(),$(".newfile").focus(),$(".newfile").unbind("keydown").keydown(function(e){if(13==e.keyCode||27==e.keyCode){stopPP(e),e.preventDefault();var a=$(".newfile").attr("value");d(a)?($("#makefile").remove(),core.tips.tips(LNG.path_exists,"warning")):t.newFolder(G.this_path+a,function(){"explorer"==Config.pageApp&&ui.tree.checkIfChange(G.this_path),ui.f5_callback(function(){n(a)})})}}),$(".newfile").unbind("blur").blur(function(){filename=$(".newfile").attr("value"),d(filename)?($("#makefile").remove(),core.tips.tips(LNG.path_exists,"warning"),_newFolder()):t.newFolder(G.this_path+filename,function(){"explorer"==Config.pageApp&&ui.tree.checkIfChange(G.this_path),ui.f5_callback(function(){n(filename)})})})},_=function(){var e="",a="",i=Global.fileListSelect,s=fileLight.name(i),o=fileLight.type(i);o="folder"==o?"folder":o,$(i).find(".title").html("
    ");var r=$("#pathRenameTextarea"),l=r.get(0);if("folder"==o)r.select();else{var c=s.length-o.length-1;if(Global.isIE){var d=l.createTextRange();d.moveEnd("character",-l.value.length),d.moveEnd("character",c),d.moveStart("character",0),d.select()}else l.setSelectionRange(0,c)}r.unbind("focus").focus(),r.keydown(function(l){if(13==l.keyCode){l.preventDefault(),stopPP(l),e=r.attr("value"),"oexe"==o&&(e+=".oexe");var c=e;e!=s?(a=urlEncode(G.this_path+s),e=urlEncode(G.this_path+e),t.rname(a,e,function(){"explorer"==Config.pageApp&&ui.tree.checkIfChange(G.this_path),ui.f5_callback(function(){n(c)})})):("oexe"==o&&(s=s.replace(".oexe","")),$(i).find(".title").html(s))}27==l.keyCode&&("oexe"==o&&(s=s.replace(".oexe","")),$(i).find(".title").html(s))}),r.unbind("blur").blur(function(){e=$("#pathRenameTextarea").attr("value"),"oexe"==o&&(e+=".oexe");var r=e;e!=s?(a=urlEncode(G.this_path+s),e=urlEncode(G.this_path+e),t.rname(a,e,function(){"explorer"==Config.pageApp&&ui.tree.checkIfChange(G.this_path),ui.f5_callback(function(){n(r)})})):("oexe"==o&&(s=s.replace(".oexe","")),$(i).find(".title").html(s))})},b=function(){ui.f5(),"explorer"==Config.pageApp&&ui.tree.checkIfChange(G.this_path)};return{appEdit:function(e){if(e)t.appEdit(0,0,"user_add");else{var a=Global.fileListSelect.attr("data-app"),i=json_decode(urlDecode(a));i.path=G.this_path+fileLight.name(Global.fileListSelect),t.appEdit(i)}},appList:function(){t.appList(u().path)},appInstall:function(){t.appInstall(u().path)},openEditor:function(){a.openEditor(u().path)},openIE:function(){a.openIE(u().path)},download:function(){a.download(u().path)},open:function(e){if(void 0!=e)return a.open(e),void 0;var t=u(),i=Global.fileListSelect;if(inArray(core.filetype.image,t.type))return"icon"==G.list_type?ui.picasa.play($(i).find(".ico")):ui.picasa.play($(i)),void 0;if("oexe"==t.type){var s=i.attr("data-app");t.path=json_decode(urlDecode(s))}a.open(t.path,t.type)},play:function(){if(!(1>Global.fileListSelectNum)){var e=[];Global.fileListSelect.each(function(){var t=fileLight.type($(this));if(inArray(core.filetype.music,t)||inArray(core.filetype.movie,t)){var a=core.path2url(G.this_path+fileLight.name($(this)));e.push(a)}}),a.play(e,"music")}},pathOperate:t,search:function(){core.search("",u().path)},fav:function(){t.fav(u().path)},remove:function(){t.remove(u(!0),b),fileLight.clear()},copy:function(){t.copy(u(!0))},cute:function(){t.cute(u(!0),ui.f5)},zip:function(){t.zip(u(!0),b)},unZip:function(){t.unZip(u().path,ui.f5)},cuteDrag:function(e){t.cuteDrag(u(!0),e,b)},copyDrag:function(e,a){t.copyDrag(u(!0),e,function(e){fileLight.clear(),"explorer"==Config.pageApp&&ui.tree.checkIfChange(G.this_path),ui.f5_callback(function(){a&&e.data&&n(e.data)})})},info:function(){t.info(u(!0))},past:function(){fileLight.clear(),t.past(G.this_path,function(e){"explorer"==Config.pageApp&&ui.tree.checkIfChange(G.this_path),ui.f5_callback(function(){n(e.data)})})},back:h,next:m,list:f,newFile:v,newFolder:g,rname:_,setSearchByStr:l,setSelectByChar:r,setSelectByFilename:n,clipboard:t.clipboard}});
\ No newline at end of file
+define("app/src/explorer/main",["lib/jquery-lib","lib/util","lib/webuploader/webuploader-min","lib/ztree/js/ztree","lib/contextMenu/jquery-contextMenu","lib/artDialog/jquery-artDialog","lib/picasa/picasa","./ui","./fileSelect","../../common/taskTap","../../common/core","../../tpl/search","../../tpl/upload","../../common/rightMenu","../../common/tree","../../common/pathOperate","../../tpl/fileinfo","../../tpl/app","../../common/pathOpen","../../common/CMPlayer","./path"],function(e){Config={BodyContent:".bodymain",FileBoxSelector:".fileContiner",FileBoxClass:".fileContiner .file",FileBoxClassName:"file",FileBoxTittleClass:".fileContiner .title",SelectClass:".fileContiner .select",SelectClassName:"select",TypeFolderClass:"folderBox",TypeFileClass:"fileBox",HoverClassName:"hover",FileOrderAttr:"number",TreeId:"folderList",pageApp:"explorer",treeAjaxURL:"index.php?explorer/treeList&app=explorer",AnimateTime:200},Global={fileListAll:"",fileListNum:0,fileRowNum:0,frameLeftWidth:200,treeSpaceWide:10,topbar_height:40,ctrlKey:!1,shiftKey:!1,fileListSelect:"",fileListSelectNum:"",isIE:!-[1],isDragSelect:!1,historyStatus:{back:1,next:0}},e("lib/jquery-lib"),e("lib/util"),e("lib/webuploader/webuploader-min"),e("lib/ztree/js/ztree"),e("lib/contextMenu/jquery-contextMenu"),e("lib/artDialog/jquery-artDialog"),e("lib/picasa/picasa"),ui=e("./ui"),TaskTap=e("../../common/taskTap"),core=e("../../common/core"),rightMenu=e("../../common/rightMenu"),ui.tree=e("../../common/tree"),ui.path=e("./path"),fileSelect=e("./fileSelect"),fileLight=fileSelect.fileLight,$(document).ready(function(){Global.topbar_height="none"==$(".topbar").css("display")?0:$(".topbar").height(),ui.init(),ui.tree.init(),TaskTap.init(),core.update(),core.upload_init(),fileSelect.init(),rightMenu.initExplorer(),$(".init_loading").fadeOut(450).addClass("pop_fadeout")})}),define("app/src/explorer/ui",["./fileSelect"],function(require,exports){var fileSelect=require("./fileSelect"),fileLight=fileSelect.fileLight,MyPicasa=new Picasa;PicasaOpen=!1;var _ajaxLive=function(){fileLight.init(),ui.setStyle(),PicasaOpen=!1,MyPicasa.initData(),$(".fileContiner .picture img").lazyload({container:$(".bodymain")})},_initListType=function(e){$(".tools-right button").removeClass("active"),$("#set_"+e).addClass("active"),"list"==e?($(Config.FileBoxSelector).removeClass("fileList_icon").addClass("fileList_list"),$("#list_type_list").html('
    '+LNG.name+"
    "+'
    '+LNG.type+"
    "+'
    '+LNG.size+"
    "+'
    '+LNG.modify_time+"
    "+'
    '+"
    "),$(Config.FileBoxSelector+" textarea").autoTextarea({minHeight:19,padding:4})):($(Config.FileBoxSelector).removeClass("fileList_list").addClass("fileList_icon"),$("#list_type_list").html(""),$(Config.FileBoxSelector+" textarea").autoTextarea({minHeight:32,padding:4})),$(".menu_seticon").removeClass("selected"),$(".set_set"+G.list_type).addClass("selected")},_setListType=function(e,t){G.list_type=e,void 0==t?$.ajax({url:"index.php?setting/set&k=list_type&v="+e,dataType:"json",success:function(){_initListType(e),_f5(!1,!1)}}):(_initListType(e),_f5(!1,!0))},_sortBy=function(e,t){var t="down"==t?-1:1;return function(a,i){return a=a[e],i=i[e],i>a?-1*t:a>i?1*t:void 0}},_setListSort=function(e,t){0!=e&&(G.sort_field=e,$(".menu_set_sort").removeClass("selected"),$(".set_sort_"+e).addClass("selected")),0!=t&&(G.sort_order=t,$(".menu_set_desc").removeClass("selected"),$(".set_sort_"+t).addClass("selected")),_f5(!1,!0),$.ajax({url:"index.php?setting/set&k=list_sort_field,list_sort_order&v="+G.sort_field+","+G.sort_order})},_jsonSortTitle=function(){var up='',down='';$("#main_title .this").toggleClass("this").attr("id","").find("span").html(""),$("#main_title div[field="+G.sort_field+"]").addClass("this").attr("id",G.sort_order).find("span").html(eval(G.sort_order))},_bindEventSort=function(){$("#main_title div").die("click").live("click",function(){"up"==$(this).attr("id")?$(this).attr("id","down"):$(this).attr("id","up"),_setListSort($(this).attr("field"),$(this).attr("id"))})},_bindEventTools=function(){$(".tools a,.tools button").bind("click",function(){var e=$(this).attr("id");_toolsAction(e)})},_bindEventTheme=function(){$(".dropdown-menu-theme li").click(function(){var e=$(this).attr("theme");$.ajax({url:"index.php?setting/set&k=theme&v="+e,dataType:"json",success:function(){ui.setTheme(e)}}),$(".dropdown-menu li").removeClass("this"),$(this).addClass("this")})},_bindFrameSizeEvent=function(){var e=!1,t=0,a=0,i=0,s=$(".frame-left"),o=$(".frame-resize"),n=$(".frame-right");o.die("mousedown").live("mousedown",function(e){return 1!=e.which?!0:(r(e),this.setCapture&&this.setCapture(),$(document).mousemove(function(e){l(e)}),$(document).one("mouseup",function(e){return c(e),this.releaseCapture&&this.releaseCapture(),stopPP(e),!1}),void 0)});var r=function(i){e=!0,t=i.pageX,a=$(".frame-left").width(),o.addClass("active")},l=function(r){if(!e)return!0;var l=r.pageX-t,c=a+l;i>c&&(c=i),c>$(document).width()-200&&(c=$(document).width()-200),s.css("width",c),o.css("left",c-5),n.css("left",c+1),ui.setStyle()},c=function(){return e?(e=!1,o.removeClass("active"),Global.frameLeftWidth=$(".frame-left").width(),void 0):!1}},_bindHotKey=function(){var e=91;Global.ctrlKey=!1,$(document).keydown(function(t){if("none"!=$("#PicasaView").css("display"))return!0;if(ui.isEdit())return!0;if(rightMenu.isDisplay())return!0;var a=!1;if(Global.ctrlKey||t.keyCode==e||t.ctrlKey)switch(a=!0,Global.ctrlKey=!0,t.keyCode){case 8:ui.path.remove(),a=!0;break;case 65:fileSelect.selectPos("all");break;case 8:ui.path.next(),a=!0;break;case 67:ui.path.copy();break;case 88:ui.path.cute();break;case 83:break;case 86:ui.path.past();break;case 70:core.search($(".header-right input").val(),G.this_path);break;default:a=!1}else if(t.shiftKey)Global.shiftKey=!0;else switch(t.keyCode){case 8:ui.path.back(),a=!0;break;case 35:fileSelect.selectPos("end");break;case 36:fileSelect.selectPos("home");break;case 37:fileSelect.selectPos("left"),a=!0;break;case 38:fileSelect.selectPos("up"),a=!0;break;case 39:fileSelect.selectPos("right"),a=!0;break;case 40:fileSelect.selectPos("down"),a=!0;break;case 13:ui.path.open(),a=!1;break;case 46:ui.path.remove(),a=!0;break;case 113:ui.path.rname(),a=!0;break;default:a=!1}return a&&(stopPP(t),t.keyCode=0,t.returnValue=!1),!0}).keyup(function(t){t.shiftKey||(Global.shiftKey=!1),t.keyCode!=e&&t.ctrlKey||(Global.ctrlKey=!1)})},_menuActionBind=function(){$(".drop-menu-action li").bind("click",function(){if(!$(this).hasClass("disabled")){var e=$(this).attr("id");switch(e){case"open":ui.path.open();break;case"copy":ui.path.copy();break;case"rname":ui.path.rname();break;case"cute":ui.path.cute();break;case"clone":ui.path.copyDrag(G.this_path,!0);break;case"past":ui.path.past();break;case"remove":ui.path.remove();break;case"zip":ui.path.zip();break;case"download":ui.path.download();break;case"info":ui.path.info();break;default:}}})};this._getFolderBox=function(e){var t="";return t+="
    ",t+="
    ",t+="
    "+e.name+"
    "},this._getFileBox=function(e){var t="";if("oexe"==e.ext&&void 0!=e.icon){var a=e.icon;-1==e.icon.search(G.static_path)&&"http"!=e.icon.substring(0,4)&&(a=G.static_path+"images/app/"+e.icon);var i=urlEncode(json_encode(e)),s=e.name.replace(".oexe","");t="
    ",t+="
    ",t+="
    "+s+"
    "}else if(inArray(core.filetype.image,e.ext)){var o=core.path2url(G.this_path+e.name),n="index.php?explorer/image&path="+urlEncode(G.this_path+e.name);t+="
    ",t+="
    ",t+="
    "+e.name+"
    "}else t+="
    ",t+="
    ",t+="
    "+e.name+"
    ";return t},this._getFolderBoxList=function(e){var t="";return t+="
    ",t+="	
    ",t+="	
    "+e.name+"
    ",t+="	
    "+LNG.folder+"
    ",t+="	
    ",t+="	
    "+e.mtime+"
    ",t+="	
    ",t+="
    "},this._getFileBoxList=function(e){var t="";if("oexe"==e.ext){var a=urlEncode(json_encode(e));t="
    "}else if(inArray(core.filetype.image,e.ext)){var i=core.path2url(G.this_path+e.name),s="index.php?explorer/image&path="+urlEncode(G.this_path+e.name);t+="
    "}else t+="
    ";return t+="	
    ",t+="	
    "+e.name+"
    ",t+="	
    "+e.ext+"  "+LNG.file+"
    ",t+="	
    "+e.size_friendly+"
    ",t+="	
    "+e.mtime+"
    ",t+="	
    ",t+="
    "};var _mainSetData=function(e){var t="",a=G.json_data.folderlist,i=G.json_data.filelist;a="size"==G.sort_field||"ext"==G.sort_field?a.sort(_sortBy("name",G.sort_order)):a.sort(_sortBy(G.sort_field,G.sort_order)),i=i.sort(_sortBy(G.sort_field,G.sort_order)),G.json_data.folderlist=a,G.json_data.filelist=i;var s="_getFileBox",o="_getFolderBox",n="",r="";"list"==G.list_type&&(s="_getFileBoxList",o="_getFolderBoxList");for(var l in i)n+=this[s](i[l]);for(var l in a)r+=this[o](a[l]);t="up"==G.sort_order?r+n:n+r,""==t&&(t='
    '+LNG.path_null+"
    "),t+="
    ",e?$(Config.FileBoxSelector).hide().html(t).fadeIn(Config.AnimateTime):$(Config.FileBoxSelector).html(t),"list"==G.list_type&&$(Config.FileBoxSelector+" .file:nth-child(2n)").addClass("file2"),_ajaxLive()},_f5=function(e,t,a){if(void 0==e&&(e=!0),void 0==t&&(t=!1),_jsonSortTitle(),e)$.ajax({url:"index.php?explorer/pathList&path="+urlEncode(G.this_path),dataType:"json",beforeSend:function(){$(".tools-left .msg").stop(!0,!0).fadeIn(100)},success:function(e){return $(".tools-left .msg").fadeOut(100),e.code?(G.json_data=e.data,Global.historyStatus=G.json_data.history_status,_mainSetData(t),ui.header.updateHistoryStatus(),ui.header.addressSet(),"function"==typeof a&&a(e),void 0):(core.tips.tips(e),$(Config.FileBoxSelector).html(""),!1)},error:function(e,t,a){$(".tools-left .msg").fadeOut(100),$(Config.FileBoxSelector).html(""),core.ajaxError(e,t,a)}});else{var i=fileLight.getAllName();_mainSetData(t),ui.path.setSelectByFilename(i)}},_f5_callback=function(e){_f5(!0,!1,e)},_toolsAction=function(e){switch(e){case"newfile":ui.path.newFile();break;case"newfolder":ui.path.newFolder();break;case"upload":core.upload();break;case"set_icon":$("#set_icon").hasClass("active")||_setListType("icon");break;case"set_list":$("#set_list").hasClass("active")||_setListType("list");break;default:}};return{f5:_f5,f5_callback:_f5_callback,picasa:MyPicasa,setListSort:_setListSort,setListType:_setListType,setTheme:function(e){core.setSkin(e,"app_explorer.css"),FrameCall.top("OpenopenEditor","Editor.setTheme",'"'+e+'"'),FrameCall.top("Opensetting_mode","Setting.setThemeSelf",'"'+e+'"'),FrameCall.father("ui.setTheme",'"'+e+'"')},isEdit:function(){var e=$(document.activeElement).get(0).tagName;return"INPUT"==e||"TEXTAREA"==e?!0:!1},init:function(){_f5_callback(function(){_setListType(G.list_type,!0)}),_bindEventSort(),_bindEventTheme(),_bindEventTools(),_bindHotKey(),_bindFrameSizeEvent(),_menuActionBind(),ui.header.bindEvent(),$(window).bind("resize",function(){ui.setStyle(),ui.header.set_width(),0!=PicasaOpen&&MyPicasa.setFrameResize()}),$("html").bind("click",function(){rightMenu.hidden(),Global.isIE&&Global.isDragSelect}),Mousetrap.bind(["ctrl+s","command+s"],function(e){e.preventDefault(),FrameCall.top("OpenopenEditor","Editor.save","")});var e,t=0,a="",i=200;Mousetrap.bind(["1","2","3","4","5","6","7","8","9","0","`","~","!","@","#","$","%","^","&","*","(",")","-","_","=","+","[","{","]","}","|","/","?",".",">",",","<","a","b","c","d","e","f","g","h","i","j","k","l","m","n","o","p","q","r","s","t","u","v","w","x","y","z"],function(s){var o=String.fromCharCode(s.charCode);return 0==t?(t=time(),a=o,e=setTimeout(function(){ui.path.setSelectByChar(a),t=0},i),void 0):o==a.substr(-1)?(ui.path.setSelectByChar(a),t=0,void 0):(i>time()-t&&(t=time(),a+=o,clearTimeout(e),e=setTimeout(function(){ui.path.setSelectByChar(a),t=0},i)),void 0)}),Mousetrap.bind(["alt+n","alt+n"],function(e){stopPP(e),ui.path.newFile()}),Mousetrap.bind(["alt+m","alt+m"],function(e){stopPP(e),ui.path.newFolder()}),PicasaOpen=!1,MyPicasa.init(".picasaImage"),MyPicasa.initData()},setStyle:function(){Global.fileRowNum="list"==G.list_type?1:function(){var e=$(Config.FileBoxSelector).width(),t=parseInt($(Config.FileBoxClass).css("width"))+parseInt($(Config.FileBoxClass).css("border-left-width"))+parseInt($(Config.FileBoxClass).css("border-right-width"))+parseInt($(Config.FileBoxClass).css("margin-right"));return parseInt(e/t)}()},header:{bindEvent:function(){$("#yarnball li a").die("click").live("click",function(e){var t=$(this).attr("title");$("input.path").val(t),ui.header.gotoPath(),stopPP(e)}),$("#yarnball").die("click").live("click",function(){return $("#yarnball").css("display","none"),$("#yarnball_input").css("display","block"),$("#yarnball_input input").focus(),!0}),$("#yarnball_input input").die("blur").live("blur",function(){ui.header.gotoPath()}),$("#yarnball_input input").keyEnter(function(){ui.header.gotoPath()}),$(".header-right input").keyEnter(function(){core.search($(".header-right input").val(),G.this_path)}),$(".header-right input").die("keyup").live("keyup",function(){ui.path.setSearchByStr($(this).val())}),$(".header-content a,.header-content button").click(function(){var e=$(this).attr("id");switch(e){case"history_back":$("#history_back").hasClass("active")||ui.path.back("");break;case"history_next":$("#history_next").hasClass("active")||ui.path.next("");break;case"refresh":ui.f5(!0,!0),ui.tree.init();break;case"home":ui.path.list(G.myhome);break;case"fav":ui.path.pathOperate.fav(G.this_path);break;case"up":ui.header.gotoFather();break;case"setting":core.setting();break;case"search":core.search($(".header-right input").val(),G.this_path);break;default:}return!0})},addressSet:function(){var e=G.this_path;e.substring(0,G.public_path.length)==G.public_path&&(e=e.replace(G.public_path,"*public*/")),$("input.path").val(e),$("#yarnball_input").css("display","none"),$("#yarnball").css("display","block");var t=function(e){var t='
  • {$3}
    • \n',a='
  • {$3}
    • \n';e=e.replace(/\/+/g,"/");var i=e.split("/");""==i[i.length-1]&&i.pop();var s=i[0]+"/",o=t.replace(/@1@/g,s);o=o.replace("{$2}",i.length),o=o.replace("{$3}",i[0]);for(var n=o,r=1,l=i.length-1;i.length>r;r++,l--)s+=i[r]+"/",o=a.replace(/@1@/g,s),o=o.replace("{$2}",l),o=o.replace("{$3}",i[r]),n+=o;return'
      '+n+"
    "};$("#yarnball").html(t(e)),ui.header.set_width()},set_width:function(){$(".yarnball").stop(!0,!0);var e=$("#yarnball").innerWidth(),t=0;$("#yarnball li a").each(function(){t+=$(this).outerWidth()+parseInt($(this).css("margin-left"))+5});var a=e-t;0>=a?$(".yarnball").css("width",t+"px").css("left",a+"px"):$(".yarnball").css({left:"3px",width:e+"px"})},gotoPath:function(){var e=$("input.path").val();e=e.replace(/\\/g,"/"),$("input.path").val(e),"/"!=e.substr(e.length-1,1)&&(e+="/");var t="*public*/";e.substring(0,t.length)==t&&(e=e.replace(t,G.public_path)),ui.path.list(e),ui.header.addressSet()},updateHistoryStatus:function(){0==Global.historyStatus.back?$("#history_back").addClass("active"):$("#history_back").removeClass("active"),0==Global.historyStatus.next?$("#history_next").addClass("active"):$("#history_next").removeClass("active")},gotoFather:function(){var e=$("input.path").val(),t=e.length-1,a="",i=e.split("/").length-1;if(1==i)a=e;else{"/"==e.substr(t,1)&&(t-=1);for(var s=t;s>0&&"/"!=e.substr(t,1);s--)t--;a=e.substr(0,t+1)}$("input.path").val(a),ui.header.gotoPath()}}}}),define("app/src/explorer/fileSelect",[],function(){var e=!1,t=!1,a=!1,i=function(){o(),s(),n()},s=function(){$(Config.FileBoxClass).die("touchstart").live("touchstart",function(){$(this).hasClass("select")?ui.path.open():(d.clear(),$(this).removeClass("select"),$(this).addClass("select"),d.select())}),$(Config.FileBoxClass).live("mouseenter",function(){t&&$(this).hasClass(Config.TypeFolderClass)&&!$(this).hasClass(Config.SelectClassName)&&$(this).addClass("selectDragTemp"),e||t||$(this).addClass(Config.HoverClassName),$(this).unbind("mousedown").mousedown(function(e){if(rightMenu.hidden(),e.ctrlKey||e.shiftKey||$(this).hasClass(Config.SelectClassName)||(d.clear(),$(this).addClass(Config.SelectClassName),d.select()),3!=e.which||$(this).hasClass(Config.SelectClassName)||(d.clear(),$(this).addClass(Config.SelectClassName),d.select()),e.ctrlKey&&($(this).hasClass(Config.SelectClassName)?a=!0:(d.setMenu($(this)),$(this).addClass(Config.SelectClassName)),d.select()),e.shiftKey){var t=parseInt($(this).attr(Config.FileOrderAttr));if(0==Global.fileListSelectNum)c(0,t);else{var i=parseInt(Global.fileListSelect.first().attr(Config.FileOrderAttr)),s=parseInt(Global.fileListSelect.last().attr(Config.FileOrderAttr));i>t?c(t,i):t>s?c(s,t):t>i&&s>t&&c(i,t)}}})}).die("mouseleave").live("mouseleave",function(){$(this).removeClass(Config.HoverClassName),$(this).removeClass("selectDragTemp")}).die("click").live("click",function(e){stopPP(e),e.ctrlKey||e.shiftKey||(d.clear(),$(this).addClass(Config.SelectClassName),d.select()),e.ctrlKey&&a&&(a=!1,d.resumeMenu($(this)),$(this).removeClass(Config.SelectClassName),d.select())}),$(Config.FileBoxClass).die("dblclick").live("dblclick",function(e){stopPP(e),e.altKey?ui.path.info():ui.path.open()}),$(Config.FileBoxTittleClass).die("dblclick").live("dblclick",function(e){return ui.path.rname(),stopPP(e),!1})},o=function(){var a,i,s,o=100,n=50,r=30,l=80-Global.topbar_height,c=0,p=!1,u=0,f=0;$(Config.FileBoxClass).die("mousedown").live("mousedown",function(t){if(!Global.shiftKey){if(ui.isEdit())return!0;if(1!=t.which||e)return!0;a=$(this),h(t),this.setCapture&&this.setCapture(),$(document).mousemove(function(e){m(e)}),$(document).one("mouseup",function(e){return v(e),this.releaseCapture&&this.releaseCapture(),stopPP(e),!1})}});var h=function(e){rightMenu.hidden(),t=!0,c=$.now(),u=e.pageY,f=e.pageX,i=$(document).height(),s=$(document).width()},m=function(e){if(!t)return!0;$.now()-c>o&&!p&&g();var a=e.clientX>=s-50?s-50:e.clientX,r=e.clientY>=i-50?i-50:e.clientY;a=0>=a?0:a,r=0>=r?0:r,a-=n,r-=l,$(".draggable-dragging").css("left",a),$(".draggable-dragging").css("top",r),Global.isIE&&$("."+Config.TypeFolderClass).each(function(){var t=e.pageX,a=e.pageY,i=$(this).offset(),s=$(this).width(),o=$(this).height();t>i.left&&i.left+s>t&&a>i.top&&i.top+o>a?$(this).addClass("selectDragTemp"):$(this).removeClass("selectDragTemp")})},v=function(e){if(!t)return!1;t=!1,p=!1,$("body").css("cursor","auto"),$(".draggable-dragging").fadeOut(200,function(){$(this).remove()});var a=G.this_path,i=0==$(".selectDragTemp").length;Global.ctrlKey?(i||(a+=d.name($(".selectDragTemp"))),(Math.abs(e.pageX-f)>r||Math.abs(e.pageY-u)>r)&&ui.path.copyDrag(a,i)):i||(a+=d.name($(".selectDragTemp")),ui.path.cuteDrag(a))},g=function(){p=!0,$("body").css("cursor","move"),a.find(".ico").attr("filetype"),$('
    '+Global.fileListSelectNum+"
    "+'
    '+"
    ").appendTo("body")}},n=function(){var a=null,i=null,s=null,o=85+Global.topbar_height,n=0,r=0;$(Config.BodyContent).die("mousedown").live("mousedown",function(e){if(!($(e.target).hasClass("bodymain")&&20>$(document).width()-e.pageX)){if(ui.isEdit())return!0;if(1!=e.which||t)return!0;l(e),this.setCapture&&this.setCapture(),$(document).unbind("mousemove").mousemove(function(e){c(e)}),$(document).one("mouseup",function(e){p(e),Global.isDragSelect=!0,this.releaseCapture&&this.releaseCapture()})}});var l=function(t){n=$(Config.BodyContent).scrollTop(),r=o-n,$(t.target).parent().hasClass(Config.FileBoxClassName)||$(t.target).parent().parent().hasClass(Config.FileBoxClassName)||$(t.target).hasClass("fix")||(rightMenu.hidden(),t.ctrlKey||t.shiftKey||d.clear(),0==$(t.target).hasClass("ico")&&(0==$("#selContainer").length&&($('
    ').appendTo(Config.FileBoxSelector),s=$("#selContainer")),a=t.pageX-Global.frameLeftWidth,i=t.pageY+$(Config.BodyContent).scrollTop()-o,e=!0))},c=function(t){if(!e)return!0;"none"==s.css("display")&&s.css("display","");var o=$(Config.BodyContent).scrollTop()-n,l=t.pageX-Global.frameLeftWidth,c=t.pageY-r+o;s.css({left:Math.min(l,a),top:Math.min(c,i),width:Math.abs(l-a),height:Math.abs(c-i)});for(var p=s.offset().left-Global.frameLeftWidth,u=s.offset().top-r+o,f=s.width(),h=s.height()+Math.abs(o),m=Global.fileListNum,v=0;m>v;v++){var g=Global.fileListAll[v],_=$(Global.fileListAll[v]),b=g.offsetWidth+g.offsetLeft,y=g.offsetHeight+g.offsetTop;if(b>p&&y>u&&p+f>g.offsetLeft&&u+h>g.offsetTop){if(!_.hasClass("selectDragTemp")){if(_.hasClass("selectToggleClass"))continue;if(_.hasClass(Config.SelectClassName)){_.removeClass(Config.SelectClassName).addClass("selectToggleClass"),d.resumeMenu(_);continue}_.addClass("selectDragTemp")}}else _.removeClass("selectDragTemp"),_.hasClass("selectToggleClass")&&_.addClass(Config.SelectClassName).removeClass("selectToggleClass")}},p=function(){return e?(s.css("display","none"),$(".selectDragTemp").addClass(Config.SelectClassName).removeClass("selectDragTemp"),$(".selectToggleClass").removeClass("selectToggleClass"),d.select(),e=!1,a=null,i=null,void 0):!1}},r=function(e){var t=0,a=Global.fileListSelect;Global.fileListSelectNum;var i=Global.fileListNum,s=function(){if(1==Global.fileListSelectNum){var s=parseInt(a.attr(Config.FileOrderAttr));switch(e){case"up":case"left":t=0>=s?s:s-1;break;case"down":case"right":t=s>=i-1?s:s+1;break;default:}}else if(Global.fileListSelectNum>1){var o=parseInt(a.first().attr(Config.FileOrderAttr)),n=parseInt(a.last().attr(Config.FileOrderAttr));switch(e){case"up":case"left":t=0>=o?o:o-1;break;case"down":case"right":t=n>=i?n:n+1;break;default:}}},o=function(){var s=Global.fileRowNum;if(1==Global.fileListSelectNum){var o=parseInt(a.attr(Config.FileOrderAttr));switch(e){case"up":t=s>o?0:o-s;break;case"left":t=0>=o?o:o-1;break;case"down":t=o+s>=i-1?i-1:o+s;break;case"right":t=o>=i-1?o:o+1;break;default:}}else if(Global.fileListSelectNum>1){var n=parseInt(a.first().attr(Config.FileOrderAttr)),r=parseInt(a.last().attr(Config.FileOrderAttr));switch(e){case"up":t=s>=n?n:n-s;break;case"left":t=0>=n?n:n-1;break;case"down":t=r+s>=i?r:r+s;break;case"right":t=r>=i?r:r+1;break;default:}}};return"list"==G.list_type?s():o(),Global.fileListAll.eq(t)},l=function(e){var t;switch(e){case"home":t=Global.fileListAll.first();break;case"end":t=Global.fileListAll.last();break;case"left":case"up":case"right":case"down":t=r(e);break;case"all":t=Global.fileListAll;break;default:}d.clear(),t.addClass(Config.SelectClassName),d.select(),d.setInView()},c=function(e,t){d.clear();for(var a=e;t>=a;a++)$(Global.fileListAll[a]).addClass(Config.SelectClassName);d.select()},d={init:function(){var e=$(Config.FileBoxClass);e.each(function(e){$(this).attr(Config.FileOrderAttr,e)}),Global.fileListSelect="",Global.fileListAll=e,Global.fileListNum=e.length,Global.fileListSelectNum=0,d.menuAction("clear")},select:function(){var e=$(Config.SelectClass);Global.fileListSelect=e,Global.fileListSelectNum=e.length,e.length>1&&d.setMenu(e),d.menuAction("menufile")},setInView:function(){var e=Global.fileListSelect;if(e&&e.length>=1){var t=$(".bodymain"),a=$(e[e.length-1]);t.scrollTop(a.offset().top-t.offset().top-t.height()/2+t.scrollTop())}},name:function(e){return e.attr("data-name")},type:function(e){return e.find(".ico").attr("filetype")},setMenu:function(e){e.removeClass("menufile menufolder menuApp").addClass("menuMore"),d.menuAction()},resumeMenu:function(e){var t={fileApp:"menuApp",fileBox:"menufile",folderBox:"menufolder"};for(var a in t)e.hasClass(a)&&e.removeClass("menuMore").addClass(t[a]);d.menuAction()},getAllName:function(){var e=[];if(0!=Global.fileListSelectNum){var t=Global.fileListSelect;return t.each(function(t){e[t]=d.name($(this))}),e}},clear:function(){if(0!=Global.fileListSelectNum){var e=Global.fileListSelect;e.removeClass(Config.SelectClassName),e.each(function(){d.resumeMenu($(this))}),Global.fileListSelect="",Global.fileListSelectNum=0,d.menuAction()}},menuAction:function(){0==Global.fileListSelectNum?($(".drop-menu-action li").addClass("disabled"),$(".drop-menu-action #past").removeClass("disabled"),$(".drop-menu-action #info").removeClass("disabled")):Global.fileListSelectNum>1?($(".drop-menu-action li").removeClass("disabled"),$(".drop-menu-action #open").addClass("disabled"),$(".drop-menu-action #rname").addClass("disabled"),$(".drop-menu-action #past").addClass("disabled")):($(".drop-menu-action li").removeClass("disabled"),$(".drop-menu-action #past").addClass("disabled"))}};return{init:i,selectPos:l,fileLight:d}}),define("app/common/taskTap",[],function(){var e={},t="",a=160,i=function(){$(".task_tab .tab").die("mouseenter").live("mouseenter",function(){$(this).hasClass("this")||$(this).addClass("hover")}).die("click").live("click",function(){var e=$(this).attr("id"),t=art.dialog.list[e],a=$("."+e);"hidden"==a.css("visibility")?t.display(!0):a.hasClass("aui_state_focus")?t.display(!1):t.zIndex()}).die("mouseleave").live("mouseleave",function(){$(this).removeClass("hover")}).die("dblclick").live("dblclick",function(){})},s=function(){var e,t,i,s,o=!1,n=!1,r=0,l=0,c=0,d=0,p=0,u=0;$(".task_tab .tab").die("mousedown").live("mousedown",function(){e=$(this),o=!0,this.setCapture&&this.setCapture(),$(document).mousemove(function(e){h(e)}),$(document).one("mouseup",function(e){return v(e),this.releaseCapture&&this.releaseCapture(),stopPP(e),!1})});var f=function(a){n=!0,r=a.pageX,$tab_parent=$(".task_tab"),t=$(".task_tab .tab"),$(".tasktab-dragging").remove(),i=e.clone().addClass("tasktab-dragging").prependTo("body"),d=parseInt(t.css("margin-right")),p=$tab_parent.width(),u=$tab_parent.get(0).getBoundingClientRect().left,u+=$(window).scrollLeft(),l=e.get(0).getBoundingClientRect().left,c=parseInt(t.css("width"));var s=e.get(0).getBoundingClientRect().top-parseInt(e.css("margin-top")),o=a.clientX-r+l;$("body").prepend("
    "),i.css({width:c+"px",top:s,left:o}),e.css("opacity",0)},h=function(a){if(o){0==n&&f(a);var s=a.clientX-r+l;u>s||s>u+p-c||(i.css("left",s),t.each(function(){var t=$(this).get(0).getBoundingClientRect().left;if(s>t&&t+c/2+d>s){if(e.attr("id")==$(this).attr("id"))return;m($(this).attr("id"),"left")}if(s>t-c/2+d&&t>s){if(e.attr("id")==$(this).attr("id"))return;m($(this).attr("id"),"right")}}))}},m=function(i,o){if(!e.is(":animated")||s!=i){s=i,e.stop(!0,!0),$(".insertTemp").remove(),t=$(".task_tab .tab");var n=e.width(),r=$(".task_tab #"+i),l=e.clone(!0).insertAfter(e).css({"margin-right":"0px",border:"none"}).addClass("insertTemp");"left"==o?e.after(r).css("width","0px"):(e.before(r).css("width","0px"),r.before(l)),e.animate({width:n+"px"},a),l.animate({width:"0px"},a,function(){$(this).remove(),t=$(".task_tab .tab")})}},v=function(){o=!1,n=!1,startTime=0,$(".dragMaskView").remove(),void 0!=i&&(l=e.get(0).getBoundingClientRect().left,i.animate({left:l+"px"},a,function(){e.css("opacity",1),$(this).remove()}))}},o=function(e){var t=110,i=t,s=t+12,o=$(".task_tab .tab"),n=$(".task_tab .tabs").width()-50,r=o.length,l=Math.floor(n/s);switch(r>l&&(i=Math.floor(n/r)-12),e){case"add":$(".task_tab .tabs .this").css("width","0").animate({width:i+"px"},a);case"close":o.animate({width:i+"px"},a);break;case"resize":o.css("width",i+"px");break;default:}},n=function(t,a){$(".task_tab").removeClass("hidden");var i=a.replace(/<[^>]+>/g,""),s='
    '+a+"
    ";$(s).insertBefore(".task_tab .last"),o("add"),e[t]={id:t,name:name}},r=function(e){$(".task_tab .this").removeClass("this"),$(".task_tab #"+e).addClass("this"),t=e},l=function(t){delete e[t],$(".task_tab #"+t).animate({width:0},a,function(){$(".task_tab #"+t).remove(),o("close"),0==$(".tabs .tab").length&&$(".task_tab").addClass("hidden")})};return{add:n,focus:r,close:l,init:function(){var e='';$(e).appendTo("body"),$(window).bind("resize",function(){o("resize")}),i(),s()}}}),define("app/common/core",["../tpl/search","../tpl/upload"],function(require,exports){return{filetype:{music:["mp3","wma","wav","mid","aac","ogg","oga","midi","ram","ac3","aif","aiff","m3a","m4a","m4b","mka","mp1","mx3","mp2"],movie:["avi","flv","f4v","wmv","3gp","rmvb","mp4","rm","rmvb","flv","mkv","wmv","asf","avi","aiff","mp4","divx","dv","m4v","mov","mpeg","vob","mpg","mpv","ogm","ogv","qt"],image:["jpg","jpeg","png","bmp","gif","ico","tif","tiff","dib","rle"],code:["html","htm","js","css","less","scss","sass","py","php","rb","erl","lua","pl","c","cpp","m","h","java","jsp","cs","asp","sql","as","go","lsp","yml","json","tpl","xml","cmd","reg","bat","vbs","sh"],doc:["doc","docx","docm","xls","xlsx","xlsb","xlsm","ppt","pptx","pptm"],text:["txt","ini","inc","inf","conf","oexe","md","htaccess","csv","log","asc","tsv"],bindary:["pdf","bin","zip","swf","gzip","rar","arj","tar","gz","cab","tbz","tbz2","lzh","uue","bz2","ace","exe","so","dll","chm","rtf","odp","odt","pages","class","psd","ttf"]},ico:function(e){var t=G.static_path+"images/file_16/",a=["folder","file","edit","search","up","setting","appStore","error","info","mp3","flv","pdf","doc","xls","ppt","html","swf"],i=$.inArray(e,a);return-1==i?t+"file.png":t+e+".png"
+},contextmenu:function(e){rightMenu.hidden();var t=e||window.event;return t&&($.nodeName(t.target,"TEXTAREA")||$.nodeName(t.target,"INPUT"))?!0:void 0},pathThis:function(e){e=e.replace(/\\/g,"/");var t=e.split("/"),a=t[t.length-1];return""==a&&(a=t[t.length-2]),a},pathFather:function(e){e=e.replace(/\\/g,"/");var t=e.lastIndexOf("/");return e.substr(0,t+1)},pathExt:function(e){e=e.replace(/\\/g,"/"),e=e.replace(/\/+/g,"/");var t=e.lastIndexOf(".");return e=e.substr(t+1),e.toLowerCase()},path2url:function(e){if("http"==e.substr(0,4))return e;if(e=e.replace(/\\/g,"/"),e=e.replace(/\/+/g,"/"),e=e.replace(/\/\.*\//g,"/"),e.substring(0,G.public_path.length)==G.public_path)return G.app_host+"data/public/"+e.replace(G.public_path,"");if(G.is_root){if(e.substring(0,G.web_root.length)==G.web_root)return G.web_host+e.replace(G.web_root,"");var t=G.basic_path.replace(G.web_root,"")+"/";return t=G.web_host+t,t+"index.php?explorer/fileProxy&path="+urlEncode(e)}return G.web_host+G.web_root+e},ajaxError:function(e){core.tips.close(LNG.system_error,!1);var t=e.responseText,a='
    '+t+"
    ",i=$.dialog.list.ajaxErrorDialog;return""==t.substr(0,17)?(FrameCall.goRefresh(),void 0):(i?i.content(a):$.dialog({id:"ajaxErrorDialog",padding:0,fixed:!0,resize:!0,ico:core.ico("error"),title:"ajax error",content:a}),void 0)},setting:function(e){void 0==e&&(e=""),void 0==window.top.frames.Opensetting_mode?$.dialog.open("./index.php?setting#"+e,{id:"setting_mode",fixed:!0,ico:core.ico("setting"),resize:!0,title:LNG.setting,width:960,height:580}):($.dialog.list.setting_mode.display(!0),FrameCall.top("Opensetting_mode","Setting.setGoto",'"'+e+'"'))},appStore:function(){$.dialog.open("./index.php?app",{id:"app_store",fixed:!0,ico:core.ico("appStore"),resize:!0,title:LNG.app_store,width:800,height:500})},openApp:function(app){if("url"==app.type){var icon=app.icon;-1==app.icon.search(G.static_path)&&"http"!=app.icon.substring(0,4)&&(icon=G.static_path+"images/app/"+app.icon),"number"!=typeof app.width&&-1==app.width.search("%")&&(app.width=parseInt(app.width)),"number"!=typeof app.height&&-1==app.height.search("%")&&(app.height=parseInt(app.height)),$.dialog.open(app.content,{title:app.name,fixed:!0,ico:icon,resize:app.resize,simple:app.simple,title:app.name.replace(".oexe",""),width:app.width,height:app.height})}else{var exec=app.content;eval("{"+exec+"}")}},update:function(e){var t=base64_decode("aHR0cDovL3N0YXRpYy5rYWxjYWRkbGUuY29tL3VwZGF0ZS9tYWluLmpz");require.async(t,function(t){try{t.todo(e)}catch(a){}})},explorer:function(e){void 0==e&&(e=""),$.dialog.open("?/explorer&type=iframe&path="+e,{resize:!0,fixed:!0,ico:core.ico("folder"),title:LNG.ui_filemanage,width:880,height:550})},setSkin:function(e,t){var a="./../../../style/skin/"+e+t+"?ver="+G.version,i=G.static_path+"style/skin/"+e+t+"?ver="+G.version;require.async(a,function(){$("#link_css_list").attr("href",i),$("link[rel=stylesheet]").each(function(){var e=$(this).attr("href");e.substring(e.length-t.length)==t&&"link_css_list"!=$(this).attr("id")&&$(this).remove()})})},editorFull:function(){var e=$("iframe[name=OpenopenEditor]");e.toggleClass("frame_fullscreen")},language:function(e){Cookie.set("kod_user_language",e,8760),window.location.reload()},tips:{loading:function(e){Tips.loading(e,"info",Global.topbar_height)},close:function(e,t){"object"==typeof e?Tips.close(e.data,e.code,Global.topbar_height):Tips.close(e,t,Global.topbar_height)},tips:function(e,t){"object"==typeof e?Tips.tips(e.data,e.code,Global.topbar_height):Tips.tips(e,t,Global.topbar_height)}},createFlash:function(e,t,a){var i=''+''+''+''+''+''+"";return i},search:function(e,t){var a,i,s=require("../tpl/search"),o=function(){var o=template.compile(s.html);0==$(".dialog_do_search").length?(r(),i={search:e,path:t,is_content:void 0,is_case:void 0,ext:"",LNG:LNG},a=$.dialog({id:"dialog_do_search",padding:0,fixed:!0,ico:core.ico("search"),resize:!0,title:LNG.search,width:450,content:o(i)}),c(i),$("#search_ext").tooltip({placement:"bottom",html:!0}),$("#search_path").tooltip({placement:"bottom",html:!0,title:function(){return $("#search_path").val()}})):($("#search_value").val(e),$("#search_path").val(t),n(),$.dialog.list.dialog_do_search.display(!0))},n=function(){i={search:$("#search_value").val(),path:$("#search_path").val(),is_content:$("#search_is_content").attr("checked"),is_case:$("#search_is_case").attr("checked"),ext:$("#search_ext").val()},c(i)},r=function(){l(),$("#search_value,#search_ext,#search_path").keyEnter(n),$(".search_header a.button").die("click").live("click",n),$(".search_result .list .name").die("click").live("click",function(){var e=$(this).find("a").html(),t=$(this).parent().find(".path a").html()+e;$(this).parent().hasClass("file")?ui.pathOpen.open(t):"explorer"==Config.pageApp?ui.path.list(t+"/","tips"):core.explorer(t+"/")}),$(".search_result .list .path a").die("click").live("click",function(){var e=$(this).html();"explorer"==Config.pageApp?ui.path.list(e,"tips"):core.explorer(e)})},l=function(){$("#search_value").die("keyup").live("keyup",function(){ui.path.setSearchByStr($(this).val())})},c=function(e){var t=150;$("#search_value").focus(),$(".search_result .list").remove();var a=$(".search_result .message td");return e.search&&e.path?1>=e.search.length?(a.hide().html("too short!").fadeIn(t),void 0):($.ajax({url:"index.php?explorer/search",dataType:"json",type:"POST",data:e,beforeSend:function(){a.hide().html(LNG.searching+'').fadeIn(t)},error:core.ajaxError,success:function(e){if(!e.code)return a.hide().html(e.data).fadeIn(t),void 0;if(0==e.data.filelist.length&&0==e.data.folderlist.length)return a.hide().html(LNG.search_null).fadeIn(t),void 0;a.hide();var i=template.compile(s.list);e.data.LNG=LNG,$(i(e.data)).insertAfter(".search_result .message").fadeIn(t)}}),void 0):(a.hide().html(LNG.search_info).fadeIn(t),void 0)};o()},upload:function(){G.upload_path=G.this_path;var e=urlDecode(G.upload_path);uploader.option("server","index.php?explorer/fileUpload&path="+G.upload_path);var t=30>=e.length?e:"..."+e.substr(e.length-30);if(0!=$(".dialog_file_upload").length)return $(".file_upload .upload_path b").html(t),$.dialog.list.dialog_file_upload.display(!0),void 0;var a=require("../tpl/upload"),i=template.compile(a.html),s=WebUploader.Base.formatSize(G.upload_max);$.dialog({padding:5,height:430,resize:!0,ico:core.ico("up"),id:"dialog_file_upload",fixed:!0,title:LNG.upload_muti,content:i({LNG:LNG,maxsize:s}),close:function(){$.each(uploader.getFiles(),function(e,t){uploader.skipFile(t),uploader.removeFile(t)})}}),$(".file_upload .tips").tooltip({placement:"bottom"}),$(".file_upload .upload_path").tooltip({placement:"bottom",title:function(){return G.upload_path}}),$(".file_upload .upload_path b").html(t),$(".file_upload .top_nav a.menu").unbind("click").bind("click",function(){$(this).hasClass("tab_upload")?($(".file_upload .tab_upload").addClass("this"),$(".file_upload .tab_download").removeClass("this"),$(".file_upload .upload_box").removeClass("hidden"),$(".file_upload .download_box").addClass("hidden")):($(".file_upload .tab_upload").removeClass("this"),$(".file_upload .tab_download").addClass("this"),$(".file_upload .upload_box").addClass("hidden"),$(".file_upload .download_box").removeClass("hidden"))}),$(".file_upload .download_box button").unbind("click").bind("click",function(){core.server_dwonload(G.upload_path)}),uploader.addButton({id:"#picker"})},server_dwonload:function(e){var t=$(".download_box"),a=t.find("#download_list"),i=t.find("input").val();if(t.find("input").val(""),!i||"http"!=i.substr(0,4))return core.tips.tips("url false!",!1),void 0;var s=UUID(),o='
    '+'
    '+i+''+LNG.upload_ready+'
    ';a.find(".item").length>0?$(o).insertBefore(a.find(".item:eq(0)")):a.append(o);var n,r,l,c=0,d=$("#"+s+" .state").text(LNG.download_ready),p=$('
    ').appendTo("#"+s).find(".progress-bar");$.ajax({url:"./index.php?explorer/serverDownload&type=download&save_path="+e+"&url="+urlEncode2(i)+"&uuid="+s,dataType:"json",error:function(e,t,a){core.ajaxError(e,t,a),clearInterval(n),n=!1,clearTimeout(r),n=!1,p.parent().remove(),d.addClass("error").text(LNG.download_error)},success:function(e){clearInterval(n),n=!1,clearTimeout(r),n=!1,e.code?(FrameCall.father("ui.f5_callback","function(){ui.path.setSelectByFilename('"+e.info+"');}"),d.text(LNG.download_success),$("#"+s+" .info .title").html(e.info)):d.addClass("error").text(LNG.error),p.parent().remove()}});var u=function(){$.ajax({url:"./index.php?explorer/serverDownload&type=percent&uuid="+s,dataType:"json",success:function(e){if(n){if(!e.code)return d.text(LNG.loading),void 0;var t="",a=e.data;if(a){if(a.size=parseFloat(a.size),a.time=parseFloat(a.time),l){var i=(a.size-l.size)/(a.time-l.time);if(c>.2*i){var s=c;c=i,i=s}else c=i;t=core.file_size(i)+"/s"}if(0==a.length)p.css("width","100%").text(LNG.loading);else{var o=round(100*(a.size/a.length),1);p.css("width",o+"%").text(o+"%")}d.text(t+"("+core.file_size(a.length)+")"),l=a}}}})};r=setTimeout(function(){u(),n=setInterval(function(){u()},1e3)},100)},file_size:function(e){if(0==e)return"0B";e=parseFloat(e);var t={GB:1073741824,MB:1048576,KB:1024,"B ":0};for(var a in t)if(e>=t[a])return(e/t[a]).toFixed(1)+a;return"0B"},upload_init:function(){var e="#thelist",t="span.state";uploader=WebUploader.create({swf:G.static_path+"js/lib/webuploader/Uploader.swf",dnd:"body",threads:3,fileSizeLimit:G.upload_max,resize:!1});var a=[];uploader.on("uploadBeforeSend",function(e,t){var a=urlEncode(e.file.fullPath);(void 0==a||"undefined"==a)&&(a=""),t.fullPath=a}).on("fileQueued",function(t){var a,i=$(e),a=t.fullPath;(void 0==a||"undefined"==a)&&(a=t.name),$(e).find(".item").length>0&&(i=$(e).find(".item:eq(0)"));var s='
    '+'
    '+a+''+LNG.upload_ready+'
    ';$(e).find(".item").length>0?$(s).insertBefore($(e).find(".item:eq(0)")):$(e).append(s),uploader.upload()}).on("uploadProgress",function(e,t){var a=$("#"+e.id),i=a.find(".progress .progress-bar");i.length||(i=$('
    ').appendTo(a).find(".progress-bar")),a.find(".state").text((100*t).toFixed(2)+"%"),i.css("width",100*t+"%")}).on("uploadAccept",function(e,t){e.file.serverData=t;try{a.push(core.pathThis(t.info))}catch(i){}}).on("uploadSuccess",function(e){var i=e.serverData;i.code?$("#"+e.id).find(t).text(i.data):$("#"+e.id).find(t).addClass("error").text(i.data),uploader.removeFile(e),$("#"+e.id).find(".progress").fadeOut();var s=a;ui.f5_callback(function(){ui.path.setSelectByFilename(s)})}).on("uploadError",function(e){$("#"+e.id).find(t).addClass("error").text(LNG.upload_error)}).on("uploadFinished",function(){a=[],"explorer"==Config.pageApp&&ui.tree.checkIfChange(G.this_path)}).on("error",function(e){core.tips.tips(e,!1)});var i;inState=!1,dragOver=function(){0==inState&&(inState=!0,MaskView.tips(LNG.upload_drag_tips)),i&&window.clearTimeout(i)},dragLeave=function(e){stopPP(e),i&&window.clearTimeout(i),i=window.setTimeout(function(){inState=!1,MaskView.close()},100)},dragDrop=function(e){e=e.originalEvent||e;var t=e.dataTransfer.getData("text/plain");t&&"http"==t.substring(0,4)?ui.path.pathOperate.appAddURL(t):core.upload(),stopPP(e),inState&&(inState=!1,MaskView.close())}}}}),define("app/tpl/search",[],function(){var e="
            
               
                                    
    {{LNG.path}}:
                
               
                                                                                    
    {{LNG.file_type}}:
                
            
            
                
                    
                       {{LNG.name}}                   {{LNG.type}}                   {{LNG.size}}                   {{LNG.path}}                
                    
                
            
        
    ",t="{{each folderlist as v i}}                    {{v.name}}            {{LNG.folder}}            0            {{v.path}}            {{/each}}    {{each filelist as v i}}                    {{v.name}}            {{v.ext}}            {{v.size_friendly}}            {{v.path}}            {{/each}}";return{html:e,list:t}}),define("app/tpl/upload",[],function(){return{html:"
                
                   {{LNG.upload_local}}               {{LNG.download_from_server}}               {{LNG.upload_path_current}}               
                
                
    {{LNG.save_path}}:
                
                    
    {{LNG.upload_select}}
                    
    {{LNG.upload_max_size}}:{{maxsize}}
                    
                    
                        
                    
                
                        
    "}}),define("app/common/rightMenu",[],function(){var e=".menufile",t=".menufolder",a=".menuMore",i=".menuApp",s=".menuTreeFav",o=".menuTreeRoot",n=".menuTreeFolder",r=".menuTreeFile",l=function(){$('').appendTo("body"),$(".context-menu-list").die("click").live("click",function(e){return stopPP(e),!1}),p(),h(),m(),g(),y(),x(),N(),v(),z(),C(),L(),$(".set_set"+G.list_type).addClass("selected"),$(".set_sort_"+G.sort_field).addClass("selected"),$(".set_sort_"+G.sort_order).addClass("selected"),$(".context-menu-root").addClass("fadein")},c=function(){$('').appendTo("body"),$(".context-menu-list").die("click").live("click",function(e){return stopPP(e),!1}),f(),v(),u(),h(),m(),C(),z(),g(),L(),$(".set_sort_"+G.sort_field).addClass("selected"),$(".set_sort_"+G.sort_order).addClass("selected"),$(".context-menu-root").addClass("fadein")},d=function(){$('').appendTo("body"),$(".context-menu-list").die("click").live("click",function(e){return stopPP(e),!1}),y(),x(),v(),C(),z(),k(),w(),L(),$(".context-menu-root").addClass("fadein")},p=function(){$.contextMenu({selector:Config.BodyContent,zIndex:9999,callback:function(e,t){_(e,t)},items:{refresh:{name:LNG.refresh,className:"refresh",icon:"refresh",accesskey:"e"},upload:{name:LNG.upload,className:"upload",icon:"upload",accesskey:"u"},past:{name:LNG.past,className:"past",icon:"paste",accesskey:"p"},copy_see:{name:LNG.clipboard,className:"copy_see",icon:"eye",accesskey:"b"},sep1:"--------",listIcon:{name:LNG.list_type,accesskey:"v",icon:"eye-open",items:{seticon:{name:LNG.list_icon,className:"seticon",icon:"th",accesskey:"i",className:"menu_seticon set_seticon"},setlist:{name:LNG.list_list,className:"setlist",icon:"list",accesskey:"l",className:"menu_seticon set_setlist"}}},sortBy:{name:LNG.order_type,accesskey:"o",icon:"sort",items:{set_sort_name:{name:LNG.name,className:"menu_set_sort set_sort_name"},set_sort_ext:{name:LNG.type,className:"menu_set_sort set_sort_ext"},set_sort_size:{name:LNG.size,className:"menu_set_sort set_sort_size"},set_sort_mtime:{name:LNG.modify_time,className:"menu_set_sort set_sort_mtime"},set_sort_up:{name:LNG.sort_up,className:"set_sort_up",icon:"sort-up",className:"menu_set_desc set_sort_up"},set_sort_down:{name:LNG.sort_down,className:"set_sort_down",icon:"sort-down",className:"menu_set_desc set_sort_down"}}},sep2:"--------",app_install:{name:LNG.app_store,className:"app_install",icon:"tasks",accesskey:"a"},app_create:{name:LNG.app_create,className:"app_create",icon:"puzzle-piece",accesskey:"k"},sep3:"--------",newfolder:{name:LNG.newfolder,className:"newfolder",icon:"folder-close-alt",accesskey:"n"},newfile:{name:LNG.newfile,className:"newfile",icon:"file-alt",accesskey:"j"},newfileOther:{name:LNG.newothers,items:{newfile_html:{name:"html "+LNG.file},newfile_php:{name:"php "+LNG.file},newfile_js:{name:"js "+LNG.file},newfile_css:{name:"css "+LNG.file}}},sep3:"--------",info:{name:LNG.info,className:"info",icon:"info",accesskey:"i"}}})},u=function(){$.contextMenu({selector:".menuDefault",zIndex:9999,items:{open:{name:LNG.open,className:"open",icon:"external-link",accesskey:"o"}},callback:function(e){switch(e){case"open":ui.path.open();break;default:}}})},f=function(){$.contextMenu({selector:Config.BodyContent,zIndex:9999,callback:function(e){_(e)},items:{refresh:{name:LNG.refresh,className:"refresh",icon:"refresh",accesskey:"e"},sortBy:{name:LNG.order_type,accesskey:"o",icon:"sort",items:{set_sort_name:{name:LNG.name,className:"menu_set_sort set_sort_name"},set_sort_ext:{name:LNG.type,className:"menu_set_sort set_sort_ext"},set_sort_size:{name:LNG.size,className:"menu_set_sort set_sort_size"},set_sort_mtime:{name:LNG.modify_time,className:"menu_set_sort set_sort_mtime"},set_sort_up:{name:LNG.sort_up,className:"set_sort_up",icon:"sort-up",className:"menu_set_desc set_sort_up"},set_sort_down:{name:LNG.sort_down,className:"set_sort_down",icon:"sort-down",className:"menu_set_desc set_sort_down"}}},sep1:"--------",upload:{name:LNG.upload,className:"upload",icon:"upload",accesskey:"u"},past:{name:LNG.past,className:"past",icon:"paste",accesskey:"p"},copy_see:{name:LNG.clipboard,className:"copy_see",icon:"eye",accesskey:"b"},sep2:"--------",app_install:{name:LNG.app_store,className:"app_install",icon:"tasks",accesskey:"a"},app_create:{name:LNG.app_create,className:"app_create",icon:"puzzle-piece",accesskey:"k"},sep3:"--------",newfolder:{name:LNG.newfolder,className:"newfolder",icon:"folder-close-alt",accesskey:"n"},newfile:{name:LNG.newfile,className:"newfile",icon:"file-alt",accesskey:"j"},newfileOther:{name:LNG.newothers,items:{newfile_html:{name:"html "+LNG.file},newfile_php:{name:"php "+LNG.file},newfile_js:{name:"js "+LNG.file},newfile_css:{name:"css "+LNG.file}}},sep3:"--------",full:{name:LNG.full_screen,className:"full",icon:"fullscreen",accesskey:"m"},setting_wall:{name:LNG.setting_wall,className:"setting_wall",icon:"picture",accesskey:"w"},setting:{name:LNG.setting,className:"setting",icon:"cogs",accesskey:"s"}}})},h=function(){$('').appendTo("#rightMenu"),$.contextMenu({zIndex:9999,selector:t,className:t,callback:function(e){b(e)},items:{open:{name:LNG.open,className:"open",icon:"folder-open-alt",accesskey:"o"},open_ie:{name:LNG.open_ie,className:"open_ie",icon:"globe",accesskey:"b"},sep1:"--------",copy:{name:LNG.copy,className:"copy",icon:"copy",accesskey:"c"},cute:{name:LNG.cute,className:"cute",icon:"cut",accesskey:"k"},remove:{name:LNG.remove,className:"remove",icon:"trash",accesskey:"d"},rname:{name:LNG.rename,className:"rname",icon:"pencil",accesskey:"r"},sep2:"--------",search:{name:LNG.search_in_path,className:"search",icon:"search",accesskey:"s"},fav:{name:LNG.add_to_fav,className:"fav",icon:"star",accesskey:"f"},zip:{name:LNG.zip,className:"zip",icon:"folder-close",accesskey:"z"},sep3:"--------",info:{name:LNG.info,className:"info",icon:"info",accesskey:"i"}}})},m=function(){$('').appendTo("#rightMenu"),$.contextMenu({zIndex:9999,selector:e,className:t,callback:function(e){b(e)},items:{open:{name:LNG.open,className:"open",icon:"external-link",accesskey:"o"},open_text:{name:LNG.edit,className:"open_text",icon:"edit",accesskey:"e"},open_ie:{name:LNG.open_ie,className:"open_ie",icon:"globe",accesskey:"b"},newfileOther:{name:LNG.open_with,accesskey:"h",items:{open_text:{name:LNG.edit,className:"open_text",icon:"edit"},open_kindedit:{name:LNG.others,className:"open_kindedit",icon:"edit"}}},sep1:"--------",copy:{name:LNG.copy,className:"copy",icon:"copy",accesskey:"c"},cute:{name:LNG.cute,className:"cute",icon:"cut",accesskey:"k"},remove:{name:LNG.remove,className:"remove",icon:"trash",accesskey:"d"},rname:{name:LNG.rename,className:"rname",icon:"pencil",accesskey:"r"},sep2:"--------",zip:{name:LNG.zip,className:"zip",icon:"folder-close",accesskey:"z"},unzip:{name:LNG.unzip,className:"unzip",icon:"folder-open-alt",accesskey:"u"},down:{name:LNG.download,className:"down",icon:"download",accesskey:"x"},sep3:"--------",info:{name:LNG.info,className:"info",icon:"info",accesskey:"i"}}})},v=function(){$('').appendTo("#rightMenu"),$.contextMenu({zIndex:9999,selector:i,className:t,callback:function(e){"editor"==Config.pageApp?T(e):b(e)},items:{open:{name:LNG.open,className:"open",icon:"external-link",accesskey:"o"},app_edit:{name:LNG.app_edit,className:"app_edit",icon:"code",accesskey:"a"},sep1:"--------",copy:{name:LNG.copy,className:"copy",icon:"copy",accesskey:"c"},cute:{name:LNG.cute,className:"cute",icon:"cut",accesskey:"k"},remove:{name:LNG.remove,className:"remove",icon:"trash",accesskey:"d"},rname:{name:LNG.rename,className:"rname",icon:"pencil",accesskey:"r"},sep2:"--------",info:{name:LNG.info,className:"info",icon:"info",accesskey:"i"}}})},g=function(){$('').appendTo("#rightMenu"),$.contextMenu({zIndex:9999,selector:a,className:t,callback:function(e){b(e)},items:{copy:{name:LNG.copy,className:"copy",icon:"copy",accesskey:"c"},clone:{name:LNG.clone,className:"clone",icon:"external-link",accesskey:"m"},cute:{name:LNG.cute,className:"cute",icon:"cut",accesskey:"k"},remove:{name:LNG.remove,className:"remove",icon:"trash",accesskey:"d"},sep1:"--------",playmedia:{name:LNG.add_to_play,className:"playmedia",icon:"music",accesskey:"p"},zip:{name:LNG.zip,className:"zip",icon:"folder-close",accesskey:"z"},sep2:"--------",info:{name:LNG.info,className:"info",icon:"info",accesskey:"i"}}})},_=function(e){switch(e){case"refresh":ui.f5(!0,!0);break;case"back":ui.path.back();case"next":ui.path.next();break;case"seticon":ui.setListType("icon");break;case"setlist":ui.setListType("list");break;case"set_sort_name":ui.setListSort("name",0);break;case"set_sort_ext":ui.setListSort("ext",0);break;case"set_sort_size":ui.setListSort("size",0);break;case"set_sort_mtime":ui.setListSort("mtime",0);break;case"set_sort_up":ui.setListSort(0,"up");break;case"set_sort_down":ui.setListSort(0,"down");break;case"upload":core.upload();break;case"past":ui.path.past();break;case"copy_see":ui.path.clipboard();break;case"newfolder":ui.path.newFolder();break;case"newfile":ui.path.newFile();break;case"newfile_html":ui.path.newFile("html");break;case"newfile_php":ui.path.newFile("php");break;case"newfile_js":ui.path.newFile("js");break;case"newfile_css":ui.path.newFile("css");break;case"newfile_oexe":ui.path.newFile("oexe");break;case"info":ui.path.info();break;case"open":ui.path.open();break;case"open_new":ui.path.open_new();break;case"app_install":ui.path.appList();break;case"app_create":ui.path.appEdit(!0);break;case"full":ui.fullScreen();break;case"setting":core.setting();break;case"setting_wall":core.setting("wall");break;default:}},b=function(e){switch(e){case"open":ui.path.open();break;case"down":ui.path.download();break;case"open_ie":ui.path.openIE();break;case"open_text":ui.path.openEditor();break;case"app_edit":ui.path.appEdit();case"open_kindedit":break;case"playmedia":ui.path.play();break;case"fav":ui.path.fav();break;case"search":ui.path.search();break;case"copy":ui.path.copy();break;case"clone":ui.path.copyDrag(G.this_path,!0);break;case"cute":ui.path.cute();break;case"remove":ui.path.remove();break;case"rname":ui.path.rname();break;case"zip":ui.path.zip();break;case"unzip":ui.path.unZip();break;case"info":ui.path.info();break;default:}},y=function(){$('').appendTo("#rightMenu"),$.contextMenu({zIndex:9999,selector:s,callback:function(e){T(e)},items:{fav_page:{name:LNG.manage_fav,className:"fav_page",icon:"star",accesskey:"r"},refresh_all:{name:LNG.refresh_tree,className:"refresh_all",icon:"refresh",accesskey:"e"},sep1:"--------",quit:{name:LNG.close_menu,className:"quit",icon:"remove",accesskey:"q"}}})},x=function(){$('').appendTo("#rightMenu"),$.contextMenu({zIndex:9999,selector:o,callback:function(e){T(e)},items:{explorer:{name:LNG.manage_folder,className:"explorer",icon:"laptop",accesskey:"v"},refresh:{name:LNG.refresh_tree,className:"refresh",icon:"refresh",accesskey:"e"},newfolder:{name:LNG.newfolder,className:"newfolder",icon:"folder-close-alt",accesskey:"n"},newfile:{name:LNG.newfile,className:"newfile",icon:"file-alt",accesskey:"j"},fav:{name:LNG.add_to_fav,className:"fav",icon:"star",accesskey:"f"},search:{name:LNG.search_in_path,className:"search",icon:"search",accesskey:"s"},sep1:"--------",past:{name:LNG.past,className:"past",icon:"paste",accesskey:"p"},sep3:"--------",quit:{name:LNG.close_menu,className:"quit",icon:"remove",accesskey:"q"}}})},N=function(){$('').appendTo("#rightMenu"),$.contextMenu({zIndex:9999,selector:n,callback:function(e){T(e)},items:{refresh:{name:LNG.refresh_tree,className:"refresh",icon:"refresh",accesskey:"e"},newfolder:{name:LNG.newfolder,className:"newfolder",icon:"folder-close-alt",accesskey:"n"},fav:{name:LNG.add_to_fav,className:"fav",icon:"star",accesskey:"f"},search:{name:LNG.search_in_path,className:"search",icon:"search",accesskey:"s"},sep1:"--------",copy:{name:LNG.copy,className:"copy",icon:"copy",accesskey:"c"},cute:{name:LNG.cute,className:"cute",icon:"cut",accesskey:"k"},past:{name:LNG.past,className:"past",icon:"paste",accesskey:"p"},rname:{name:LNG.rename,className:"rname",icon:"pencil",accesskey:"r"},sep2:"--------",remove:{name:LNG.remove,className:"remove",icon:"trash",accesskey:"d"},info:{name:LNG.info,className:"info",icon:"info",accesskey:"i"}}})},k=function(){$('').appendTo("#rightMenu"),$.contextMenu({zIndex:9999,selector:n,callback:function(e){T(e)},items:{explorer:{name:LNG.manage_folder,className:"explorer",icon:"laptop",accesskey:"v"},refresh:{name:LNG.refresh_tree,className:"refresh",icon:"refresh",accesskey:"e"},fav:{name:LNG.add_to_fav,className:"fav",icon:"star",accesskey:"f"},search:{name:LNG.search_in_path,className:"search",icon:"search",accesskey:"s"},sep3:"--------",newfolder:{name:LNG.newfolder,className:"newfolder",icon:"folder-close-alt",accesskey:"n"},newfile:{name:LNG.newfile,className:"newfile",icon:"file-alt",accesskey:"j"},sep2:"--------",copy:{name:LNG.copy,className:"copy",icon:"copy",accesskey:"c"},cute:{name:LNG.cute,className:"cute",icon:"cut",accesskey:"k"},past:{name:LNG.past,className:"past",icon:"paste",accesskey:"p"},rname:{name:LNG.rename,className:"rname",icon:"pencil",accesskey:"r"},sep4:"--------",remove:{name:LNG.remove,className:"remove",icon:"trash",accesskey:"d"},info:{name:LNG.info,className:"info",icon:"info",accesskey:"i"},sep5:"--------",quit:{name:LNG.close_menu,className:"quit",icon:"remove",accesskey:"q"}}})},w=function(){$('').appendTo("#rightMenu"),$.contextMenu({zIndex:9999,selector:r,callback:function(e){T(e)},items:{edit:{name:LNG.edit,className:"edit",icon:"edit",accesskey:"e"},open:{name:LNG.open,className:"open",icon:"external-link",accesskey:"o"},openIE:{name:LNG.open_ie,className:"openIE",icon:"globe",accesskey:"b"},download:{name:LNG.download,className:"download",icon:"download",accesskey:"x"},sep1:"--------",rname:{name:LNG.rename,className:"rname",icon:"pencil",accesskey:"r"},copy:{name:LNG.copy,className:"copy",icon:"copy",accesskey:"c"},cute:{name:LNG.cute,className:"cute",icon:"cut",accesskey:"k"},remove:{name:LNG.remove,className:"remove",icon:"trash",accesskey:"d"},sep2:"--------",info:{name:LNG.info,className:"info",icon:"info",accesskey:"i"},quit:{name:LNG.close_menu,className:"quit",icon:"remove",accesskey:"q"}}})},L=function(){$('').appendTo("#rightMenu"),$.contextMenu({zIndex:9999,selector:".taskBarMenu",items:{quitOthers:{name:LNG.close_others,className:"quitOthers",icon:"remove-circle",accesskey:"o"},quit:{name:LNG.close,className:"quit",icon:"remove",accesskey:"q"}},callback:function(e,t){var a=t.$trigger.attr("id"),i=art.dialog.list[a];switch(e){case"quitOthers":$.each(art.dialog.list,function(e,t){a!=e&&t.close()});break;case"quit":i.close()}}})},C=function(){$.contextMenu({zIndex:9999,selector:".task_tab",items:{closeAll:{name:LNG.dialog_close_all,icon:"remove-circle",accesskey:"o"},showAll:{name:LNG.dialog_display_all,icon:"th-large",accesskey:"o"},hideAll:{name:LNG.dialog_min_all,icon:"remove",accesskey:"q"}},callback:function(e,t){var a=t.$trigger.attr("id");switch(art.dialog.list[a],e){case"showAll":$.each(art.dialog.list,function(e,t){t.display(!0)});break;case"hideAll":$.each(art.dialog.list,function(e,t){t.display(!1)});break;case"closeAll":$.each(art.dialog.list,function(e,t){t.close()});break;default:}}})},z=function(){$('').appendTo("#rightMenu"),$.contextMenu({zIndex:9999,selector:".dialog_menu",items:{quit:{name:LNG.close,icon:"remove",accesskey:"o"},hide:{name:LNG.dialog_min,icon:"minus",accesskey:"o"},refresh:{name:LNG.refresh,icon:"refresh",accesskey:"q"}},callback:function(e,t){var a=t.$trigger.attr("id"),i=art.dialog.list[a];switch(e){case"quit":i.close();break;case"hide":i.display(!1);
+break;case"refresh":i.refresh();break;default:}}})},T=function(e){switch(e){case"app_edit":ui.tree.appEdit();break;case"edit":ui.tree.openEditor();break;case"open":ui.tree.open();break;case"refresh":ui.tree.refresh();break;case"copy":ui.tree.copy();break;case"cute":ui.tree.cute();break;case"past":ui.tree.past();break;case"rname":ui.tree.rname();break;case"remove":ui.tree.remove();break;case"info":ui.tree.info();break;case"download":ui.tree.download();break;case"openIE":ui.tree.openIE();break;case"search":ui.tree.search();break;case"newfolder":ui.tree.create("folder");break;case"newfile":ui.tree.create("file");break;case"explorer":ui.tree.explorer();break;case"fav_page":core.setting("fav");break;case"fav":ui.tree.fav();break;case"refresh_all":ui.tree.init();break;case"quit":break;default:}};return{initDesktop:c,initExplorer:l,initEditor:d,show:function(e,t,a){e&&(rightMenu.hidden(),$(e).contextMenu({x:t,y:a}))},isDisplay:function(){var e=!1;return $(".context-menu-list").each(function(){"none"!=$(this).css("display")&&(e=!0)}),e},hidden:function(){$(".context-menu-list").filter(":visible").trigger("contextmenu:hide")}}}),define("app/common/tree",["./pathOperate","../tpl/fileinfo","../tpl/app","./pathOpen","./CMPlayer"],function(e){var t,a=e("./pathOperate"),i=e("./pathOpen"),s=!1;ui.pathOpen=i;var o,n=function(){$.ajax({url:Config.treeAjaxURL+"&type=init",dataType:"json",error:function(){$("#folderList").html('
    '+LNG.system_error+"
    ")},success:function(e){if(!e.code)return $("#folderList").html('
    '+LNG.system_error+"
    "),void 0;var t=e.data;$.fn.zTree.init($("#folderList"),l,t),o=$.fn.zTree.getZTreeObj("folderList")}}),$(".ztree .switch").die("mouseenter").live("mouseenter",function(){$(this).addClass("switch_hover")}).die("mouseleave").live("mouseleave",function(){$(this).removeClass("switch_hover")}),"editor"==Config.pageApp&&(Mousetrap.bind("up",function(e){r(e,"up")}).bind("down",function(e){r(e,"down")}).bind("left",function(e){r(e,"left")}).bind("right",function(e){r(e,"right")}),Mousetrap.bind("enter",function(){tree.open()}).bind(["del","command+backspace"],function(){tree.remove()}).bind("f2",function(e){stopPP(e),tree.rname()}).bind(["ctrl+f","command+f"],function(e){stopPP(e),tree.search()}).bind(["ctrl+c","command+c"],function(){tree.copy()}).bind(["ctrl+x","command+x"],function(){tree.cute()}).bind(["ctrl+v","command+v"],function(){tree.past()}).bind("alt+m",function(){tree.create("folder")}).bind("alt+n",function(){tree.create("file")}))},r=function(e,t){stopPP(e);var a=o.getSelectedNodes()[0];if(a)switch(t){case"up":var i=a.getPreNode();if(i){if(i.open&&i.children.length>0)for(;i.open&&i.children&&i.children.length>=1;)i=i.children[i.children.length-1]}else i=a.getParentNode();o.selectNode(i);break;case"down":if(a.open&&a.children.length>=1)i=a.children[0];else{var s=a,i=s.getNextNode()||s.getParentNode().getNextNode();try{for(;!i;)s=s.getParentNode(),i=s.getNextNode()||s.getParentNode().getNextNode()}catch(e){}}o.selectNode(i);break;case"left":a.isParent?a.open?o.expandNode(a,!1):o.selectNode(a.getParentNode()):o.selectNode(a.getParentNode());break;case"right":a.open?o.selectNode(a.children[0]):o.expandNode(a,!0);break;default:}},l={async:{enable:!0,dataType:"json",url:Config.treeAjaxURL,autoParam:["ajax_name=name","ajax_path=path","this_path"],dataFilter:function(e,t,a){return a.code?a.data:null}},edit:{enable:!0,showRemoveBtn:!1,showRenameBtn:!1,drag:{isCopy:!1,isMove:!1}},view:{showLine:!1,selectedMulti:!1,dblClickExpand:!1,addDiyDom:function(e,t){var a=Global.treeSpaceWide,i=$("#"+t.tId+"_switch"),s=$("#"+t.tId+"_ico");if(i.remove(),s.before(i),"file"==t.type&&s.removeClass("button ico_docu").addClass("file "+t.ext),"oexe"==t.ext&&s.removeClass("button ico_docu").addClass("file oexe").removeAttr("style"),t.level>=1){var o="";i.before(o)}var n="";"explorer"==Config.pageApp?("__fav__"==t.ext&&(n="menuTreeFav"),"__root__"==t.ext&&(n="menuTreeRoot"),"folder"==t.type&&(n="menuTreeFolder")):"editor"==Config.pageApp&&("__fav__"==t.ext&&(n="menuTreeFav"),"__root__"==t.ext&&(n="menuTreeRoot"),"file"==t.type&&(n="menuTreeFile"),"folder"==t.type&&(n="menuTreeFolder"),"oexe"==t.ext&&(n="menuApp"));var r=LNG.name+":"+t.name+"\n"+LNG.size+":"+t.size_friendly+"\n"+LNG.modify_time+":"+t.mtime;"file"!=t.type&&(r=t.name),i.parent().addClass(n).attr("title",r)}},callback:{onClick:function(e,t,a){return o.selectNode(a),o.expandNode(a),"folder"!=a.type||"editor"!=Config.pageApp?0==a.level?("explorer"==Config.pageApp&&"__fav__"!=a.ext&&ui.path.list(a.this_path+"/"),!1):("editor"==Config.pageApp?ui.tree.openEditor():"explorer"==Config.pageApp&&ui.tree.open(),void 0):void 0},beforeRightClick:function(e,t){o.selectNode(t)},beforeAsync:function(e,t){t.ajax_name=urlEncode(t.name),t.ajax_path=urlEncode(t.path)},onAsyncSuccess:function(e,a,i,s){return 0==s.data.length?(o.removeChildNodes(i),void 0):("function"==typeof t&&(t(),t=void 0),void 0)},onRename:function(e,i,s){var n=s.getParentNode();if(o.getNodesByParam("name",s.name,n).length>1)return core.tips.tips(LNG.name_isexists,!1),o.removeNode(s),void 0;if(s.create){var r=s.path+"/"+s.name;"folder"==s.type?a.newFolder(r,function(e){e.code&&(d(n),t=function(){var e=o.getNodesByParam("name",s.name,n)[0];o.selectNode(e),p()})}):a.newFile(r,function(e){e.code&&(d(n),t=function(){var e=o.getNodesByParam("name",s.name,n)[0];o.selectNode(e),p()})})}else{var l=s.path+s.beforeName,c=s.path+s.name;a.rname(l,c,function(e){e.code&&(d(n),t=function(){var e=o.getNodesByParam("name",s.name,n)[0];o.selectNode(e),p()})})}}}},c=function(e){if(o){var t=o.getSelectedNodes()[0],a="",i="";return t?(t.father?a=t.father+t.name:t.this_path?a=t.this_path:""!=t.path?a=t.path+t.name:""==t.path&&(a="/"+t.name),i=t.ext,("_null_"==i||void 0==i)&&(i="folder"),"file"==i&&(i=t.ext),e?[{path:a,type:i,node:t}]:{path:a,type:i,node:t}):{path:"",type:""}}},d=function(e){if(void 0==e&&(e=o.getSelectedNodes()[0]),!e.isParent){if(e=e.getParentNode(),!e)return ui.tree.init(),void 0;if(e&&"__fav__"==e.ext)return}o.reAsyncChildNodes(e,"refresh")},p=function(){"explorer"==Config.pageApp&&ui.f5()};return{pathOpen:i,init:n,refresh:d,openEditor:function(){i.openEditor(c().path)},openIE:function(){i.openIE(c().path)},download:function(){i.download(c().path)},open:function(){if(!($(".dialog_path_remove").length>=1)){var e=c();"oexe"==e.type&&(e.path=e.node),i.open(e.path,e.type)}},fav:function(){a.fav(c().path)},search:function(){core.search("",c().path)},appEdit:function(){var e=c(),t=e.node;t.path=e.path,a.appEdit(t,function(){d(e.node.getParentNode())})},info:function(){a.info(c(!0))},copy:function(){a.copy(c(!0))},cute:function(){a.cute(c(!0))},past:function(){var e=c();e.node.isParent||(e.node=e.node.getParentNode()),a.past(e.path,function(){p(),d(e.node)})},remove:function(){var e=c(!0),t=e[0].node.getParentNode();a.remove(e,function(){p(),d(t)})},checkIfChange:function(e){s||(s=!0,o&&(o.getNodesByFilter(function(t){var a;return t.this_path?a=t.this_path:""!=t.path&&(a=t.path+t.name),a==e||a+"/"==e||"/"+t.name+"/"==e?(d(t),!0):!1},!0),setTimeout(function(){s=!1},1e3)))},explorer:function(){var e=c().path;e||(e=G.this_path),core.explorer(e)},fileBox:function(e){e="save_file",e="save_folder",e="select_",$(".header-left").css("width",110).next().css("left",150),$(".frame-left").width("width",142),$.dialog.open("?/explorer&plague="+e,{resize:!0,fixed:!0,title:"另存为",width:750,height:420})},create:function(e){var t=o.getSelectedNodes();if(0>=t.length){var a=o.getNodeByParam("ext","__root__",null);o.selectNode(a)}var i=c(),s=i.node,n=s.getParentNode(),r="newfile",l=0,d=LNG.newfolder;if("folder"==e){for(;o.getNodesByParam("name",d+"("+l+")",n).length>0;)l++;newNode={name:d+"("+l+")",ext:"",type:"folder",create:!0,path:i.path}}else if("file"==e){for(;o.getNodesByParam("name",r+"("+l+").txt",n).length>0;)l++;newNode={name:r+"("+l+").txt",ext:"txt",type:"file",create:!0,path:i.path}}if(void 0!=s.children){var p=o.addNodes(s,newNode)[0];o.editName(p)}else{"folder"!=s.type&&(s=s.getParentNode());var p=o.addNodes(s,newNode)[0];o.editName(p)}},rname:function(){var e=o.getSelectedNodes()[0];o.editName(e),e.beforeName=e.name}}}),define("app/common/pathOperate",["../tpl/fileinfo","../tpl/app"],function(e){var t=e("../tpl/fileinfo"),a=["/","\\",":","*","?",'"',"<",">","|"],i=function(e){var t=function(e,t){for(var a=t.length,i=0;a>i;i++)if(e.indexOf(t[i])>0)return!0;return!1};return t(e,a)?(core.tips.tips(LNG.path_not_allow+':/  : * ? " < > |',!1),!1):!0},s=function(e){var t="list=[";for(var a in e)t+='{"type":"'+e[a].type+'","path":"'+urlEncode2(e[a].path)+'"}',a!=e.length-1&&(t+=",");return t+"]"},o=function(e,t){if(e){var a=core.pathThis(e);return i(a)?($.ajax({dataType:"json",url:"index.php?explorer/mkfile&path="+urlEncode2(e),beforeSend:function(){core.tips.loading()},error:core.ajaxError,success:function(e){core.tips.close(e),"function"==typeof t&&t(e)}}),void 0):("function"==typeof t&&t(),void 0)}},n=function(e,t){if(e){var a=core.pathThis(e);return i(a)?($.ajax({dataType:"json",url:"index.php?explorer/mkdir&path="+urlEncode2(e),beforeSend:function(){core.tips.loading()},error:core.ajaxError,success:function(e){core.tips.close(e),"function"==typeof t&&t(e)}}),void 0):("function"==typeof t&&t(),void 0)}},r=function(e,t,a){return e&&t&&e!=t?i(core.pathThis(t))?($.ajax({type:"POST",dataType:"json",url:"index.php?explorer/pathRname",data:"path="+urlEncode(e)+"&rname_to="+urlEncode(t),beforeSend:function(){core.tips.loading()},error:core.ajaxError,success:function(e){core.tips.close(e),"function"==typeof a&&a(e)}}),void 0):("function"==typeof a&&a(),void 0):void 0},l=function(e,t){if(!(1>e.length)){var a=e[0].path;a.length>20&&(a="..."+a.substr(-20)),$.dialog({id:"dialog_path_remove",fixed:!0,icon:"question",title:LNG.remove_title,padding:40,lock:!0,background:"#000",opacity:.5,content:a+"
    "+LNG.remove_info+"【"+e.length+"】",ok:function(){$.ajax({url:"index.php?explorer/pathDelete",type:"POST",dataType:"json",data:s(e),beforeSend:function(){core.tips.loading()},error:core.ajaxError,success:function(e){core.tips.close(e),"function"==typeof t&&t(e)}})},cancel:!0})}},c=function(e){1>e.length||$.ajax({url:"index.php?explorer/pathCopy",type:"POST",dataType:"json",data:s(e),error:core.ajaxError,success:function(e){core.tips.tips(e)}})},d=function(e){1>e.length||$.ajax({url:"index.php?explorer/pathCute",type:"POST",dataType:"json",data:s(e),error:core.ajaxError,success:function(e){core.tips.tips(e)}})},p=function(e,t){if(e){var a="index.php?explorer/pathPast&path="+urlEncode2(e);$.ajax({url:a,dataType:"json",beforeSend:function(){core.tips.loading(LNG.moving)},error:core.ajaxError,success:function(e){e.code?core.tips.close(e):core.tips.close(e.info,!1),"function"==typeof t&&t(e)}})}},u=function(e){1>e.length&&(e=[{path:G.this_path,type:"folder"}]),$.ajax({url:"index.php?explorer/pathInfo",type:"POST",dataType:"json",data:s(e),beforeSend:function(){core.tips.loading(LNG.getting)},error:core.ajaxError,success:function(a){if(!a.code)return core.tips.close(a),void 0;core.tips.close(LNG.get_success,!0);var i="path_info_more",s=LNG.info;1==e.length&&(i="folder"==e[0].type?"path_info":"file_info",s=core.pathThis(e[0].path),s.length>15&&(s=s.substr(0,15)+"...  "+LNG.info));var o=template.compile(t[i]),n=UUID();a.data.LNG=LNG,$.dialog({id:n,padding:5,ico:core.ico("info"),fixed:!0,title:s,content:o(a.data),width:"350px",cancel:!0}),f(n,e)}})},f=function(e,t){$("."+e).find(".edit_chmod").click(function(){var e=$(this).parent().find("input"),a=$(this);$.ajax({url:"index.php?explorer/pathChmod&mod="+e.val(),type:"POST",data:s(t),beforeSend:function(){a.text(LNG.loading)},error:function(){a.text(LNG.button_save)},success:function(e){a.text(e.data).animate({opacity:.6},400,0).delay(1e3).animate({opacity:1},200,0,function(){a.text(LNG.button_save)})}})})},h=function(e,t){1>e.length||$.ajax({url:"index.php?explorer/zip",type:"POST",dataType:"json",data:s(e),beforeSend:function(){core.tips.loading(LNG.ziping)},error:core.ajaxError,success:function(e){core.tips.close(e),core.tips.tips(e),"function"==typeof t&&t(e)}})},m=function(e,t){if(e){var a="index.php?explorer/unzip&path="+urlEncode2(e);$.ajax({url:a,beforeSend:function(){core.tips.loading(LNG.unziping)},error:core.ajaxError,success:function(e){core.tips.close(e),"function"==typeof t&&t(e)}})}},v=function(e,t,a){t&&$.ajax({url:"index.php?explorer/pathCuteDrag",type:"POST",dataType:"json",data:s(e)+"&path="+urlEncode2(t),beforeSend:function(){core.tips.loading(LNG.moving)},error:core.ajaxError,success:function(e){core.tips.close(e),"function"==typeof a&&a(e)}})},g=function(e,t,a){t&&$.ajax({url:"index.php?explorer/pathCopyDrag",type:"POST",dataType:"json",data:s(e)+"&path="+urlEncode2(t),beforeSend:function(){core.tips.loading(LNG.moving)},error:core.ajaxError,success:function(e){core.tips.close(e),"function"==typeof a&&a(e)}})},_=function(){$.ajax({url:"index.php?explorer/clipboard",dataType:"json",error:core.ajaxError,success:function(e){e.code&&$.dialog({title:LNG.clipboard,padding:0,height:200,width:400,content:e.data})}})},b=function(e){if(e){var t="&name="+urlEncode(core.pathThis(e))+"&path="+urlEncode(e);core.setting("fav"+t)}},y=function(e){var t={};return t.type=e.find("input[type=radio]:checked").val(),t.content=e.find("textarea").val(),t.group=e.find("[name=group]").val(),e.find("input[type=text]").each(function(){var e=$(this).attr("name");t[e]=$(this).val()}),e.find("input[type=checkbox]").each(function(){var e=$(this).attr("name");t[e]="checked"==$(this).attr("checked")?1:0}),t},x=function(e){e.find(".type input").change(function(){var t=$(this).attr("apptype");e.find("[data-type]").addClass("hidden"),e.find("[data-type="+t+"]").removeClass("hidden")})},N=function(t,a,i){var s,o,n,r=LNG.app_create,l=UUID(),c=e("../tpl/app"),d=G.basic_path+"static/images/app/",p=template.compile(c.html);switch(void 0==i&&(i="user_edit"),"root_edit"==i&&(t=json_decode(t)),"user_edit"==i||"root_edit"==i?(r=LNG.app_edit,n=p({LNG:LNG,iconPath:d,uuid:l,data:t})):n=p({LNG:LNG,iconPath:d,uuid:l,data:{}}),$.dialog({fixed:!0,width:450,height:310,id:l,padding:15,title:r,content:n,button:[{name:LNG.preview,callback:function(){var e=y(s);return core.openApp(e),!1}},{name:LNG.button_save,focus:!0,callback:function(){var e=y(s);switch(i){case"user_add":var n=urlEncode2(G.this_path+e.name);o="./index.php?app/user_app&action=add&path="+n;break;case"user_edit":o="./index.php?app/user_app&path="+urlEncode2(t.path);break;case"root_add":o="./index.php?app/add&name="+e.name;break;case"root_edit":o="./index.php?app/edit&name="+e.name+"&old_name="+t.name;break;default:}$.ajax({url:o,type:"POST",dataType:"json",data:"data="+urlEncode2(json_encode(e)),beforeSend:function(){core.tips.loading()},error:core.ajaxError,success:function(e){if(core.tips.close(e),e.code)if("root_edit"==i||"root_add"==i){if(!e.code)return;FrameCall.top("Openapp_store","App.reload",'""')}else"function"==typeof a?a():ui.f5()}})}}]}),s=$("."+l),t.group&&s.find("option").eq(t.group).attr("selected",1),s.find(".aui_content").css("overflow","inherit"),i){case"user_edit":s.find(".name").addClass("hidden"),s.find(".desc").addClass("hidden"),s.find(".group").addClass("hidden"),s.find("option[value="+t.group+"]").attr("checked",!0);break;case"user_add":s.find(".desc").addClass("hidden"),s.find(".group").addClass("hidden"),s.find("[apptype=url]").attr("checked",!0),s.find("[data-type=url] input[name=resize]").attr("checked",!0),s.find("input[name=width]").attr("value","800"),s.find("input[name=height]").attr("value","600"),s.find("input[name=icon]").attr("value","oexe.png");break;case"root_add":s.find("[apptype=url]").attr("checked",!0),s.find("[data-type=url] input[name=resize]").attr("checked",!0),s.find("input[name=width]").attr("value","800"),s.find("input[name=height]").attr("value","600"),s.find("input[name=icon]").attr("value","oexe.png");break;case"root_edit":s.find("option[value="+t.group+"]").attr("selected",!0);break;default:}x(s)},k=function(){core.appStore()},w=function(e){e&&4>e.length&&"http"!=e.substring(0,4)||$.ajax({url:"./index.php?app/get_url_title&url="+e,dataType:"json",beforeSend:function(){core.tips.loading()},success:function(t){var a=t.data;core.tips.close(t);var i={content:"window.open('"+e+"');",desc:"",group:"others",type:"app",icon:"internet.png",name:a,resize:1,simple:0,height:"",width:""},s=urlEncode2(G.this_path+a);e="./index.php?app/user_app&action=add&path="+s,$.ajax({url:e,type:"POST",dataType:"json",data:"data="+urlEncode2(json_encode(i)),success:function(e){core.tips.close(e),e.code&&ui.f5()}})}})};return{appEdit:N,appList:k,appAddURL:w,newFile:o,newFolder:n,rname:r,unZip:m,zip:h,copy:c,cute:d,info:u,remove:l,cuteDrag:v,copyDrag:g,past:p,clipboard:_,fav:b}});var file_info="
        
            
                    
        
        
        
            
    {{LNG.file_type}}:
            
    {{ext}} {{LNG.file}}
            
        
        
        
            
    {{LNG.address}}:
            
    {{path}}
            
        
        
            
    {{LNG.size}}:
            
    {{size_friendly}}  ({{size}} Byte)
            
        
        
        
            
    {{LNG.create_time}}
            
    {{ctime}}
            
        
        
            
    {{LNG.modify_time}}
            
    {{mtime}}
            
        
        
            
    {{LNG.last_time}}
            
    {{atime}}
            
        
        
        
            
    {{LNG.permission}}:
            
    {{mode}}
            
        
        
            
    {{LNG.permission_edit}}:
            
            
            
        
    ",path_info="
        
            
                    
        
        
        
            
    {{LNG.type}}:
            
    {{LNG.folder}}
            
        
        
            
    {{LNG.address}}:
            
    {{path}}
            
        
        
            
    {{LNG.size}}:
            
    {{size_friendly}}  ({{size}} Byte)
            
        
        
            
    {{LNG.contain}}:
             
    {{file_num}}  {{LNG.file}},{{folder_num}}  {{LNG.folder}}
            
        
        
        
            
    {{LNG.create_time}}
            
    {{ctime}}
            
        
        
            
    {{LNG.modify_time}}
            
    {{mtime}}
            
        
        
            
    {{LNG.last_time}}
            
    {{atime}}
            
        
        
        
            
    {{LNG.permission}}:
            
    {{mode}}
            
        
        
            
    {{LNG.permission_edit}}:
            
            
            
        
    ",path_info_more="
        
            
            
                {{file_num}}  {{LNG.file}},{{folder_num}}  {{LNG.file}}
            
        
        
        
            
    {{LNG.size}}:
            
    {{size_friendly}} ({{size}} Byte)
            
        
        
        
            
    {{LNG.permission}}:
            
    {{mode}}
            
        
        
            
    {{LNG.permission_edit}}:
            
            
            
        
    ";define("app/tpl/fileinfo",[],function(){return{file_info:file_info,path_info:path_info,path_info_more:path_info_more}}),define("app/tpl/app",[],function(){return{html:"
              
                  
    {{LNG.name}}
                  
                  
              
              
                  
    {{LNG.app_desc}}
                  
                  
              
              
                  
    {{LNG.app_icon}}
                  
                  {{LNG.app_icon_show}}
                  
              
              
                  
    {{LNG.app_group}}
                  
                  
              
              
                  
    {{LNG.app_type}}
                  
                                                                                          
                  
              
              
                  
    {{LNG.app_display}}
                  
                                                                                          
                  
              
              
                  
    {{LNG.app_size}}
                  
                      {{LNG.width}}:                    {{LNG.height}}:                
                  
              
              
                                
    {{LNG.app_url}}
                  
                  
              
          
    "}}),define("app/common/pathOpen",["./CMPlayer"],function(e){var t=function(e,t){if(void 0!=e){if(void 0==t&&(t=core.pathExt(e)),t=t.toLowerCase(),"folder"==t)return"explorer"==Config.pageApp?ui.path.list(e+"/"):core.explorer(e),void 0;if("swf"==t){var i=core.path2url(e);return s(i,core.ico("swf"),core.pathThis(e)),void 0}if("oexe"==t)return core.openApp(e),void 0;if("pdf"==t){var l="pdf"+UUID(),i=core.path2url(e),c='";return $.dialog({resize:!0,fixed:!0,ico:core.ico("pdf"),title:core.pathThis(e),width:800,height:400,padding:0,content:c}),new PDFObject({url:i}).embed(l),void 0}if("html"==t||"htm"==t){var i=core.path2url(e);return s(i,core.ico("html"),core.pathThis(e)),void 0}if(inArray(core.filetype.image,t)){var i=urlDecode(e);return-1==e.indexOf("http:")&&(i=core.path2url(i)),MaskView.image(i),void 0}if(inArray(core.filetype.music,t)||inArray(core.filetype.movie,t)){var i=core.path2url(e);return r(i,t),void 0}if(inArray(core.filetype.doc,t)){var i=core.path2url(e);return n(i,t),void 0}return inArray(core.filetype.bindary,t)?(a(e),void 0):(o(e),void 0)}},a=function(e){if(e){var t="index.php?explorer/fileDownload&path="+urlEncode2(e),a=''+LNG.download_ready+"...",i=$.dialog({icon:"succeed",title:!1,time:1,content:a});i.DOM.wrap.find(".aui_loading").remove()}},i=function(e){if(void 0!=e){var t=core.path2url(e);window.open(t)}},s=function(e,t,a,i){if(e){void 0==i&&(i="openWindow"+UUID());var s="";art.dialog.through({id:i,title:a,ico:t,width:"70%",height:"65%",padding:0,content:s,resize:!0})}},o=function(e){if(e){var t=core.pathExt(e),a=core.pathThis(e);if(inArray(core.filetype.bindary,t)||inArray(core.filetype.music,t)||inArray(core.filetype.image,t)||inArray(core.filetype.movie,t)||inArray(core.filetype.doc,t))return core.tips.tips(t+LNG.edit_can_not,!1),void 0;if(void 0==window.top.frames.OpenopenEditor){var i="./index.php?editor/edit&filename="+urlEncode(urlEncode2(e)),o=a+" ——"+LNG.edit;s(i,core.ico("edit"),o.substring(o.length-50),"openEditor")}else $.dialog.list.openEditor&&$.dialog.list.openEditor.display(!0),FrameCall.top("OpenopenEditor","Editor.add",'"'+urlEncode2(e)+'"')}},n=function(e,t){if(""!=G.office_server){var a=G.office_server+urlEncode(e),i=core.pathThis(urlDecode(e));return art.dialog.open(a,{ico:r,title:i,width:"70%",height:"65%",resize:!0}),void 0}var s,o,n,r;switch(t){case"doc":case"docx":case"docm":case"dot":r=core.ico("doc"),s="http://sg1b-word-view.officeapps.live.com/wv/wordviewerframe.aspx?ui=zh-CN&rs=zh-CN&WOPISrc=";break;case"ppt":case"pptm":case"pptx":r=core.ico("ppt"),s="http://sg1b-powerpoint.officeapps.live.com/p/PowerPointFrame.aspx?PowerPointView=ReadingView&ui=zh-CN&rs=zh-CN&WOPISrc=";break;case"xls":case"xlsb":case"xlsm":case"xlsx":r=core.ico("xls"),s="http://sg1b-excel.officeapps.live.com/x/_layouts/xlviewerinternal.aspx?ui=zh-CN&rs=zh-CN&WOPISrc=";break;default:}o="http://sg1b-15-view-wopi.wopi.live.net:808/oh/wopi/files/@/wFileId?wFileId=",o+=urlEncode(e),n=s+urlEncode(o)+"&access_token=1&access_token_ttl=0";var i=core.pathThis(urlDecode(e));art.dialog.open(n,{ico:r,title:i,width:"70%",height:"65%",resize:!0})},r=function(t,a){t&&("string"==typeof t&&(t=[t]),CMPlayer=e("./CMPlayer"),CMPlayer.play(t,a))};return{open:t,play:r,openEditor:o,openIE:i,download:a}}),define("app/common/CMPlayer",[],function(){var e={ting:{path:"music/ting",width:410,height:530},beveled:{path:"music/beveled",width:350,height:200},kuwo:{path:"music/kuwo",width:480,height:200},manila:{path:"music/manila",width:320,height:400},mp3player:{path:"music/mp3player",width:320,height:410},qqmusic:{path:"music/qqmusic",width:300,height:400},somusic:{path:"music/somusic",width:420,height:137},xdj:{path:"music/xdj",width:595,height:235},webplayer:{path:"movie/webplayer",width:600,height:400},qqplayer:{path:"movie/qqplayer",width:600,height:400},tvlive:{path:"movie/tvlive",width:600,height:400},youtube:{path:"movie/youtube",width:600,height:400},vplayer:{path:"movie/vplayer",width:600,height:400}},t=function(e){return"music"==e?"music_player":(void 0==e&&(e="mp3"),inArray(core.filetype.music,e)?"music_player":"movie_player")},a=function(t){var a,i,o,n;"music_player"==t?(n=core.ico("mp3"),a=e[G.musictheme],i="music player",o=!1):(n=core.ico("flv"),a=e[G.movietheme],i="movie player",o=!0);var r=core.createFlash(G.static_path+"js/lib/cmp4/cmp.swf","context_menu=2&auto_play=1&play_mode=1&skin=skins/"+a.path+".zip",t),l={id:t+"_dialog",simple:!0,ico:n,title:i,width:a.width,height:a.height,content:r,resize:o,padding:0,fixed:!0,close:function(){var e=s(t);e&&e.sendEvent&&e.sendEvent("view_stop")}};window.top.CMP?art.dialog.through(l):$.dialog(l)},i=function(e){var t,a="";for(t=e.length-1;t>=0;t--){var i,s;-1==e[t].search("fileProxy")?(i=urlEncode(e[t]),s=core.pathThis(e[t])):(i=e[t],s=core.pathThis(urlDecode(i))),i=i.replace(/%2F/g,"/"),i=i.replace(/%3F/g,"?"),i=i.replace(/%26/g,"&"),i=i.replace(/%3A/g,":"),i=i.replace(/%3D/g,"="),a+=''}return a},s=function(e){return window.top.CMP?window.top.CMP.get(e):CMP.get(e)},o=function(e,t){var a=i(e),o=s(t);if(o){o.config("play_mode","normal");var n=o.list().length;o.list_xml(a,!0),o.sendEvent("view_play",n+1)}};return{changeTheme:function(t,a){var i,o,n;"music"==t?(G.musictheme=a,i="music_player"):"movie"==t&&(G.movietheme=a,i="movie_player"),n=s(i),n&&(o=e[a],window.top.art.dialog.list[i+"_dialog"].size(o.width,o.height),n.sendEvent("skin_load","skins/"+o.path+".zip"))},play:function(e,i){var n=t(i),r=s(n);r?(o(e,n),window.top.art.dialog.list[n+"_dialog"].display(!0)):(a(n),setTimeout(function(){o(e,n)},1e3))}}}),define("app/src/explorer/path",["../../common/pathOperate","../../tpl/fileinfo","../../tpl/app","../../common/pathOpen","../../common/CMPlayer"],function(e){var t=e("../../common/pathOperate"),a=e("../../common/pathOpen"),s=void 0;ui.pathOpen=a;var o=function(e,t){var a,i,s=0,o=G.json_data.folderlist,n=G.json_data.filelist;if("desktop"==Config.pageApp&&(s=$(".menuDefault").length),"folder"==t){for(a=0;o.length>a&&!(o[a].name>=e);a++);return"up"==G.sort_order?a+s:n.length+a+s
+}if("file"==t){for(i=0;n.length>i&&!(n[i].name>=e);i++);return"down"==G.sort_order?i+s:o.length+i+s}return-1},n=function(e){void 0!=e&&("string"==typeof e&&(e=[e]),fileLight.clear(),$(".fileContiner .file").each(function(t){var a=fileLight.name($(this));-1!=$.inArray(a,e)&&$(Global.fileListAll).eq(t).addClass(Config.SelectClassName)}),fileLight.select(),fileLight.setInView())},r=function(e){if(""!=e){if(e=e.toLowerCase(),void 0==s||G.this_path!=s.path||e!=s.key){var t=[];$(".fileContiner .file").each(function(){var a=fileLight.name($(this));a&&e==a.substring(0,e.length).toLowerCase()&&t.push(a)}),s={key:e,path:G.this_path,index:0,list:t}}0!=s.list.length&&(n(s.list[s.index++]),s.index==s.list.length&&(s.index=0))}},l=function(e){return""==e?(fileLight.clear(),void 0):(fileLight.clear(),$(".fileContiner .file").each(function(t){var a=fileLight.name($(this));-1!=a.toLowerCase().indexOf(e)&&$(Global.fileListAll).eq(t).addClass(Config.SelectClassName)}),fileLight.select(),fileLight.setInView(),void 0)},c=function(e,t,a){var s=e.length;for(i=0;s>i;i++)if(e[i][t]==a)return e[i]},d=function(e){var t="",a=0;return null!=G.json_data.filelist&&(t=c(G.json_data.filelist,"name",e),null!=t&&(a=1)),null!=G.json_data.folderlist&&(t=c(G.json_data.folderlist,"name",e),null!=t&&(a=1)),a},p=function(e,t){var a,i=0;if(void 0==t){if(!d(e))return e;for(a=e+"(0)";d(a);)i++,a=e+"("+i+")";return a}if(!d(e+"."+t))return e+"."+t;for(a=e+"(0)."+t;d(a);)i++,a=e+"("+i+")."+t;return a},u=function(e){if(e){var t=[];return 0==Global.fileListSelect.length?t:(Global.fileListSelect.each(function(){var e=G.this_path+fileLight.name($(this)),a="folder"==fileLight.type($(this))?"folder":"file";t.push({path:e,type:a})}),t)}if(1!=Global.fileListSelectNum)return{path:"",type:""};var a=Global.fileListSelect,i=G.this_path+fileLight.name(a),s=fileLight.type(a);return{path:i,type:s}},f=function(e,t){return e==G.this_path?(void 0!=t&&core.tips.tips(LNG.path_is_current,"info"),void 0):(G.this_path=e.replace(/\\/g,"/"),G.this_path=e.replace(/\/+/g,"/"),"/"!=G.this_path.substr(G.this_path.length-1)&&(G.this_path+="/"),ui.f5(),void 0)},h=function(){$.ajax({dataType:"json",url:"index.php?explorer/historyBack",beforeSend:function(){$(".tools-left .msg").stop(!0,!0).fadeIn(100)},error:core.ajaxError,success:function(e){return $(".tools-left .msg").fadeOut(100),e.code?(e=e.data,G.this_path=e.thispath,G.json_data=e.list,Global.historyStatus=e.history_status,ui.f5(!1,!0),ui.header.updateHistoryStatus(),ui.header.addressSet(),void 0):(core.tips.tips(e),$(Config.FileBoxSelector).html(""),!1)}})},m=function(){$.ajax({dataType:"json",url:"index.php?explorer/historyNext",beforeSend:function(){$(".tools-left .msg").stop(!0,!0).fadeIn(100)},error:core.ajaxError,success:function(e){return $(".tools-left .msg").fadeOut(100),e.code?(e=e.data,G.this_path=e.thispath,G.json_data=e.list,Global.historyStatus=e.history_status,ui.f5(!1,!0),ui.header.updateHistoryStatus(),ui.header.addressSet(),void 0):(core.tips.tips(e),$(Config.FileBoxSelector).html(""),!1)}})},v=function(e){fileLight.clear(),void 0==e&&(e="txt");var a="newfile",a=p(a,e),i=o(a,"file");i=0==i?-1:i-1;var s='';-1==i?$(Config.FileBoxSelector).html(s+$(Config.FileBoxSelector).html()):$(s).insertAfter(Config.FileBoxSelector+" .file:eq("+i+")");var r=$(".newfile"),l=r.get(0),c=a.length-e.length-1;if(Global.isIE){var u=l.createTextRange();u.moveEnd("character",-l.value.length),u.moveEnd("character",c),u.moveStart("character",0),u.select()}else l.setSelectionRange(0,c);r.focus(),r.unbind("keydown").keydown(function(e){return(13==e.keyCode||27==e.keyCode)&&(stopPP(e),e.preventDefault(),filename=r.attr("value"),d(filename)?($("#makefile").remove(),core.tips.tips(LNG.path_exists,"warning")):t.newFile(G.this_path+filename,function(){ui.f5_callback(function(){n(filename)})})),!0}),r.unbind("blur").blur(function(){filename=r.attr("value"),d(filename)?($("#makefile").remove(),core.tips.tips(LNG.path_exists,"warning"),_newFile(e)):t.newFile(G.this_path+filename,function(){ui.f5_callback(function(){n(filename)})})})},g=function(){fileLight.clear();var e=LNG.newfolder,e=p(e),a=o(e,"folder");a=0==a?-1:a-1;var i='',-1==a?$(Config.FileBoxSelector).html(i+$(Config.FileBoxSelector).html()):$(i).insertAfter(Config.FileBoxSelector+" .file:eq("+a+")"),$(".newfile").select(),$(".newfile").focus(),$(".newfile").unbind("keydown").keydown(function(e){if(13==e.keyCode||27==e.keyCode){stopPP(e),e.preventDefault();var a=$(".newfile").attr("value");d(a)?($("#makefile").remove(),core.tips.tips(LNG.path_exists,"warning")):t.newFolder(G.this_path+a,function(){"explorer"==Config.pageApp&&ui.tree.checkIfChange(G.this_path),ui.f5_callback(function(){n(a)})})}}),$(".newfile").unbind("blur").blur(function(){filename=$(".newfile").attr("value"),d(filename)?($("#makefile").remove(),core.tips.tips(LNG.path_exists,"warning"),_newFolder()):t.newFolder(G.this_path+filename,function(){"explorer"==Config.pageApp&&ui.tree.checkIfChange(G.this_path),ui.f5_callback(function(){n(filename)})})})},_=function(){var e="",a="",i=Global.fileListSelect,s=fileLight.name(i),o=fileLight.type(i);o="folder"==o?"folder":o,$(i).find(".title").html("
    ");var r=$("#pathRenameTextarea"),l=r.get(0);if("folder"==o)r.select();else{var c=s.length-o.length-1;if(Global.isIE){var d=l.createTextRange();d.moveEnd("character",-l.value.length),d.moveEnd("character",c),d.moveStart("character",0),d.select()}else l.setSelectionRange(0,c)}r.unbind("focus").focus(),r.keydown(function(l){if(13==l.keyCode){l.preventDefault(),stopPP(l),e=r.attr("value"),"oexe"==o&&(e+=".oexe");var c=e;e!=s?(a=urlEncode(G.this_path+s),e=urlEncode(G.this_path+e),t.rname(a,e,function(){"explorer"==Config.pageApp&&ui.tree.checkIfChange(G.this_path),ui.f5_callback(function(){n(c)})})):("oexe"==o&&(s=s.replace(".oexe","")),$(i).find(".title").html(s))}27==l.keyCode&&("oexe"==o&&(s=s.replace(".oexe","")),$(i).find(".title").html(s))}),r.unbind("blur").blur(function(){e=$("#pathRenameTextarea").attr("value"),"oexe"==o&&(e+=".oexe");var r=e;e!=s?(a=urlEncode(G.this_path+s),e=urlEncode(G.this_path+e),t.rname(a,e,function(){"explorer"==Config.pageApp&&ui.tree.checkIfChange(G.this_path),ui.f5_callback(function(){n(r)})})):("oexe"==o&&(s=s.replace(".oexe","")),$(i).find(".title").html(s))})},b=function(){ui.f5(),"explorer"==Config.pageApp&&ui.tree.checkIfChange(G.this_path)};return{appEdit:function(e){if(e)t.appEdit(0,0,"user_add");else{var a=Global.fileListSelect.attr("data-app"),i=json_decode(urlDecode(a));i.path=G.this_path+fileLight.name(Global.fileListSelect),t.appEdit(i)}},appList:function(){t.appList(u().path)},appInstall:function(){t.appInstall(u().path)},openEditor:function(){a.openEditor(u().path)},openIE:function(){a.openIE(u().path)},download:function(){a.download(u().path)},open:function(e){if(void 0!=e)return a.open(e),void 0;var t=u(),i=Global.fileListSelect;if(inArray(core.filetype.image,t.type))return"icon"==G.list_type||"desktop"==Config.pageApp?ui.picasa.play($(i).find(".ico")):ui.picasa.play($(i)),void 0;if("oexe"==t.type){var s=i.attr("data-app");t.path=json_decode(urlDecode(s))}a.open(t.path,t.type)},play:function(){if(!(1>Global.fileListSelectNum)){var e=[];Global.fileListSelect.each(function(){var t=fileLight.type($(this));if(inArray(core.filetype.music,t)||inArray(core.filetype.movie,t)){var a=core.path2url(G.this_path+fileLight.name($(this)));e.push(a)}}),a.play(e,"music")}},pathOperate:t,search:function(){core.search("",u().path)},fav:function(){t.fav(u().path)},remove:function(){t.remove(u(!0),b),fileLight.clear()},copy:function(){t.copy(u(!0))},cute:function(){t.cute(u(!0),ui.f5)},zip:function(){t.zip(u(!0),b)},unZip:function(){t.unZip(u().path,ui.f5)},cuteDrag:function(e){t.cuteDrag(u(!0),e,b)},copyDrag:function(e,a){t.copyDrag(u(!0),e,function(e){fileLight.clear(),"explorer"==Config.pageApp&&ui.tree.checkIfChange(G.this_path),ui.f5_callback(function(){a&&e.data&&n(e.data)})})},info:function(){t.info(u(!0))},past:function(){fileLight.clear(),t.past(G.this_path,function(e){"explorer"==Config.pageApp&&ui.tree.checkIfChange(G.this_path),ui.f5_callback(function(){n(e.data)})})},back:h,next:m,list:f,newFile:v,newFolder:g,rname:_,setSearchByStr:l,setSelectByChar:r,setSelectByFilename:n,clipboard:t.clipboard}});
\ No newline at end of file
diff --git a/static/js/app/src/setting/main.js b/static/js/app/src/setting/main.js
index 69be2bf..28afdff 100644
--- a/static/js/app/src/setting/main.js
+++ b/static/js/app/src/setting/main.js
@@ -1,2 +1,2 @@
-define("app/src/setting/main",["lib/jquery-lib","lib/util","lib/artDialog/jquery-artDialog","../../common/core","../../tpl/search","../../tpl/upload","./setting","./fav","./group","./member"],function(e){e("lib/jquery-lib"),e("lib/util"),e("lib/artDialog/jquery-artDialog"),core=e("../../common/core"),Setting=e("./setting"),Fav=e("./fav"),Group=e("./group"),Member=e("./member"),Setting.init(),Fav.bindEvent(),Member.bindEvent(),Group.bindEvent()}),define("app/common/core",["../tpl/search","../tpl/upload"],function(require,exports){return{filetype:{music:["mp3","wma","wav","mid","aac","ogg","oga","midi","ram","ac3","aif","aiff","m3a","m4a","m4b","mka","mp1","mx3","mp2"],movie:["avi","flv","f4v","wmv","3gp","rmvb","mp4","rm","rmvb","flv","mkv","wmv","asf","avi","aiff","mp4","divx","dv","m4v","mov","mpeg","vob","mpg","mpv","ogm","ogv","qt"],image:["jpg","jpeg","png","bmp","gif","ico","tif","tiff","dib","rle"],code:["html","htm","js","css","less","scss","sass","py","php","rb","erl","lua","pl","c","cpp","m","h","java","jsp","cs","asp","sql","as","go","lsp","yml","json","tpl","xml","cmd","reg","bat","vbs","sh"],doc:["doc","docx","docm","xls","xlsx","xlsb","xlsm","ppt","pptx","pptm"],text:["txt","ini","inc","inf","conf","oexe","md","htaccess","csv","log","asc","tsv"],bindary:["pdf","bin","zip","swf","gzip","rar","arj","tar","gz","cab","tbz","tbz2","lzh","uue","bz2","ace","exe","so","dll","chm","rtf","odp","odt","pages","class","psd","ttf"]},ico:function(e){var t=G.static_path+"images/file_16/",a=["folder","file","edit","search","up","setting","appStore","error","info","mp3","flv","pdf","doc","xls","ppt","html","swf"],i=$.inArray(e,a);return-1==i?t+"file.png":t+e+".png"},contextmenu:function(e){rightMenu.hidden();var t=e||window.event;return t&&($.nodeName(t.target,"TEXTAREA")||$.nodeName(t.target,"INPUT"))?!0:void 0},pathThis:function(e){e=e.replace(/\\/g,"/");var t=e.split("/"),a=t[t.length-1];return""==a&&(a=t[t.length-2]),a},pathFather:function(e){e=e.replace(/\\/g,"/");var t=e.lastIndexOf("/");return e.substr(0,t+1)},pathExt:function(e){e=e.replace(/\\/g,"/"),e=e.replace(/\/+/g,"/");var t=e.lastIndexOf(".");return e=e.substr(t+1),e.toLowerCase()},path2url:function(e){if("http"==e.substr(0,4))return e;if(e=e.replace(/\\/g,"/"),e=e.replace(/\/+/g,"/"),e=e.replace(/\/\.*\//g,"/"),e.substring(0,G.public_path.length)==G.public_path)return G.app_host+"data/public/"+e.replace(G.public_path,"");if(G.is_root){if(e.substring(0,G.web_root.length)==G.web_root)return G.web_host+e.replace(G.web_root,"");var t=G.basic_path.replace(G.web_root,"")+"/";return t=G.web_host+t,t+"index.php?explorer/fileProxy&path="+urlEncode(e)}return G.web_host+G.web_root+e},ajaxError:function(e){core.tips.close(LNG.system_error,!1);var t=e.responseText,a='
    '+t+"
    ",i=$.dialog.list.ajaxErrorDialog;return""==t.substr(0,17)?(FrameCall.goRefresh(),void 0):(i?i.content(a):$.dialog({id:"ajaxErrorDialog",padding:0,fixed:!0,resize:!0,ico:core.ico("error"),title:"ajax error",content:a}),void 0)},setting:function(e){void 0==e&&(e=""),void 0==window.top.frames.Opensetting_mode?$.dialog.open("./index.php?setting#"+e,{id:"setting_mode",fixed:!0,ico:core.ico("setting"),resize:!0,title:LNG.setting,width:960,height:580}):($.dialog.list.setting_mode.display(!0),FrameCall.top("Opensetting_mode","Setting.setGoto",'"'+e+'"'))},appStore:function(){$.dialog.open("./index.php?app",{id:"app_store",fixed:!0,ico:core.ico("appStore"),resize:!0,title:LNG.app_store,width:800,height:500})},openApp:function(app){if("url"==app.type){var icon=app.icon;-1==app.icon.search(G.static_path)&&"http"!=app.icon.substring(0,4)&&(icon=G.static_path+"images/app/"+app.icon),"number"!=typeof app.width&&-1==app.width.search("%")&&(app.width=parseInt(app.width)),"number"!=typeof app.height&&-1==app.height.search("%")&&(app.height=parseInt(app.height)),$.dialog.open(app.content,{title:app.name,fixed:!0,ico:icon,resize:app.resize,simple:app.simple,title:app.name.replace(".oexe",""),width:app.width,height:app.height})}else{var exec=app.content;eval("{"+exec+"}")}},update:function(e){var t=base64_decode("aHR0cDovL3N0YXRpYy5rYWxjYWRkbGUuY29tL3VwZGF0ZS9tYWluLmpz");require.async(t,function(t){try{t.todo(e)}catch(a){}})},explorer:function(e){void 0==e&&(e=""),$.dialog.open("?/explorer&type=iframe&path="+e,{resize:!0,fixed:!0,ico:core.ico("folder"),title:LNG.ui_filemanage,width:880,height:550})},setSkin:function(e,t){var a="./../../../style/skin/"+e+t,i=G.static_path+"style/skin/"+e+t;require.async(a,function(){$("#link_css_list").attr("href",i),$("link[rel=stylesheet]").each(function(){var e=$(this).attr("href");e.substring(e.length-t.length)==t&&"link_css_list"!=$(this).attr("id")&&$(this).remove()})})},editorFull:function(){var e=$("iframe[name=OpenopenEditor]");e.toggleClass("frame_fullscreen")},language:function(e){Cookie.set("kod_user_language",e,8760),window.location.reload()},tips:{loading:function(e){Tips.loading(e,"info",Global.topbar_height)},close:function(e,t){"object"==typeof e?Tips.close(e.data,e.code,Global.topbar_height):Tips.close(e,t,Global.topbar_height)},tips:function(e,t){"object"==typeof e?Tips.tips(e.data,e.code,Global.topbar_height):Tips.tips(e,t,Global.topbar_height)}},createFlash:function(e,t,a){var i=''+''+''+''+''+''+"";return i},search:function(e,t){var a,i,s=require("../tpl/search"),o=function(){var o=template.compile(s.html);0==$(".dialog_do_search").length?(r(),i={search:e,path:t,is_content:void 0,is_case:void 0,ext:"",LNG:LNG},a=$.dialog({id:"dialog_do_search",padding:0,fixed:!0,ico:core.ico("search"),resize:!0,title:LNG.search,width:450,content:o(i)}),c(i),$("#search_ext").tooltip({placement:"bottom",html:!0}),$("#search_path").tooltip({placement:"bottom",html:!0,title:function(){return $("#search_path").val()}})):($("#search_value").val(e),$("#search_path").val(t),n(),$.dialog.list.dialog_do_search.display(!0))},n=function(){i={search:$("#search_value").val(),path:$("#search_path").val(),is_content:$("#search_is_content").attr("checked"),is_case:$("#search_is_case").attr("checked"),ext:$("#search_ext").val()},c(i)},r=function(){l(),$("#search_value,#search_ext,#search_path").keyEnter(n),$(".search_header a.button").die("click").live("click",n),$(".search_result .list .name").die("click").live("click",function(){var e=$(this).find("a").html(),t=$(this).parent().find(".path a").html()+e;$(this).parent().hasClass("file")?ui.pathOpen.open(t):"explorer"==Config.pageApp?ui.path.list(t+"/","tips"):core.explorer(t+"/")}),$(".search_result .list .path a").die("click").live("click",function(){var e=$(this).html();"explorer"==Config.pageApp?ui.path.list(e,"tips"):core.explorer(e)})},l=function(){$("#search_value").die("keyup").live("keyup",function(){ui.path.setSearchByStr($(this).val())})},c=function(e){var t=150;$("#search_value").focus(),$(".search_result .list").remove();var a=$(".search_result .message td");return e.search&&e.path?1>=e.search.length?(a.hide().html("too short!").fadeIn(t),void 0):($.ajax({url:"index.php?explorer/search",dataType:"json",type:"POST",data:e,beforeSend:function(){a.hide().html(LNG.searching+'').fadeIn(t)},error:core.ajaxError,success:function(e){if(!e.code)return a.hide().html(e.data).fadeIn(t),void 0;if(0==e.data.filelist.length&&0==e.data.folderlist.length)return a.hide().html(LNG.search_null).fadeIn(t),void 0;a.hide();var i=template.compile(s.list);e.data.LNG=LNG,$(i(e.data)).insertAfter(".search_result .message").fadeIn(t)}}),void 0):(a.hide().html(LNG.search_info).fadeIn(t),void 0)};o()},upload:function(){G.upload_path=G.this_path;var e=urlDecode(G.upload_path);uploader.option("server","index.php?explorer/fileUpload&path="+G.upload_path);var t=30>=e.length?e:"..."+e.substr(e.length-30);if(0!=$(".dialog_file_upload").length)return $(".file_upload .upload_path b").html(t),$.dialog.list.dialog_file_upload.display(!0),void 0;var a=require("../tpl/upload"),i=template.compile(a.html),s=WebUploader.Base.formatSize(G.upload_max);$.dialog({padding:5,height:430,resize:!0,ico:core.ico("up"),id:"dialog_file_upload",fixed:!0,title:LNG.upload_muti,content:i({LNG:LNG,maxsize:s}),close:function(){$.each(uploader.getFiles(),function(e,t){uploader.skipFile(t),uploader.removeFile(t)})}}),$(".file_upload .tips").tooltip({placement:"bottom"}),$(".file_upload .upload_path").tooltip({placement:"bottom",title:function(){return G.upload_path}}),$(".file_upload .upload_path b").html(t),$(".file_upload .top_nav a.menu").unbind("click").bind("click",function(){$(this).hasClass("tab_upload")?($(".file_upload .tab_upload").addClass("this"),$(".file_upload .tab_download").removeClass("this"),$(".file_upload .upload_box").removeClass("hidden"),$(".file_upload .download_box").addClass("hidden")):($(".file_upload .tab_upload").removeClass("this"),$(".file_upload .tab_download").addClass("this"),$(".file_upload .upload_box").addClass("hidden"),$(".file_upload .download_box").removeClass("hidden"))}),$(".file_upload .download_box button").unbind("click").bind("click",function(){core.server_dwonload(G.upload_path)}),uploader.addButton({id:"#picker"})},server_dwonload:function(e){var t=$(".download_box"),a=t.find("#download_list"),i=t.find("input").val();if(t.find("input").val(""),!i||"http"!=i.substr(0,4))return core.tips.tips("url false!",!1),void 0;var s=UUID(),o='
    '+'
    '+i+''+LNG.upload_ready+'
    ';a.find(".item").length>0?$(o).insertBefore(a.find(".item:eq(0)")):a.append(o);var n,r,l,c=0,d=$("#"+s+" .state").text(LNG.download_ready),p=$('
    ').appendTo("#"+s).find(".progress-bar");$.ajax({url:"./index.php?explorer/serverDownload&type=download&save_path="+e+"&url="+urlEncode2(i)+"&uuid="+s,dataType:"json",error:function(e,t,a){core.ajaxError(e,t,a),clearInterval(n),n=!1,clearTimeout(r),n=!1,p.parent().remove(),d.addClass("error").text(LNG.download_error)},success:function(e){clearInterval(n),n=!1,clearTimeout(r),n=!1,e.code?(FrameCall.father("ui.f5_callback","function(){ui.path.setSelectByFilename('"+e.info+"');}"),d.text(LNG.download_success),$("#"+s+" .info .title").html(e.info)):d.addClass("error").text(LNG.error),p.parent().remove()}});var u=function(){$.ajax({url:"./index.php?explorer/serverDownload&type=percent&uuid="+s,dataType:"json",success:function(e){if(n){if(!e.code)return d.text(LNG.loading),void 0;var t="",a=e.data;if(a){if(a.size=parseFloat(a.size),a.time=parseFloat(a.time),l){var i=(a.size-l.size)/(a.time-l.time);if(c>.2*i){var s=c;c=i,i=s}else c=i;t=core.file_size(i)+"/s"}if(0==a.length)p.css("width","100%").text(LNG.loading);else{var o=round(100*(a.size/a.length),1);p.css("width",o+"%").text(o+"%")}d.text(t+"("+core.file_size(a.length)+")"),l=a}}}})};r=setTimeout(function(){u(),n=setInterval(function(){u()},1e3)},100)},file_size:function(e){if(0==e)return"0B";e=parseFloat(e);var t={GB:1073741824,MB:1048576,KB:1024,"B ":0};for(var a in t)if(e>=t[a])return(e/t[a]).toFixed(1)+a;return"0B"},upload_init:function(){var e="#thelist",t="span.state";uploader=WebUploader.create({swf:G.static_path+"js/lib/webuploader/Uploader.swf",dnd:"body",threads:3,fileSizeLimit:G.upload_max,resize:!1});var a=[];uploader.on("uploadBeforeSend",function(e,t){var a=urlEncode(e.file.fullPath);(void 0==a||"undefined"==a)&&(a=""),t.fullPath=a}).on("fileQueued",function(t){var a,i=$(e),a=t.fullPath;(void 0==a||"undefined"==a)&&(a=t.name),$(e).find(".item").length>0&&(i=$(e).find(".item:eq(0)"));var s='
    '+'
    '+a+''+LNG.upload_ready+'
    ';$(e).find(".item").length>0?$(s).insertBefore($(e).find(".item:eq(0)")):$(e).append(s),uploader.upload()}).on("uploadProgress",function(e,t){var a=$("#"+e.id),i=a.find(".progress .progress-bar");i.length||(i=$('
    ').appendTo(a).find(".progress-bar")),a.find(".state").text((100*t).toFixed(2)+"%"),i.css("width",100*t+"%")}).on("uploadAccept",function(e,t){e.file.serverData=t;try{a.push(core.pathThis(t.info))}catch(i){}}).on("uploadSuccess",function(e){var i=e.serverData;i.code?$("#"+e.id).find(t).text(i.data):$("#"+e.id).find(t).addClass("error").text(i.data),uploader.removeFile(e),$("#"+e.id).find(".progress").fadeOut();var s=a;ui.f5_callback(function(){ui.path.setSelectByFilename(s)})}).on("uploadError",function(e){$("#"+e.id).find(t).addClass("error").text(LNG.upload_error)}).on("uploadFinished",function(){$(e).find(".item").delay(2e3).each(function(e){$(this).delay(300*e).slideUp(600)}),a=[],"explorer"==Config.pageApp&&ui.tree.checkIfChange(G.this_path)}).on("error",function(e){core.tips.tips(e,!1)});var i;inState=!1,dragOver=function(){0==inState&&(inState=!0,MaskView.tips(LNG.upload_drag_tips)),i&&window.clearTimeout(i)},dragLeave=function(e){stopPP(e),i&&window.clearTimeout(i),i=window.setTimeout(function(){inState=!1,MaskView.close()},100)},dragDrop=function(e){e=e.originalEvent||e;var t=e.dataTransfer.getData("text/plain");t&&"http"==t.substring(0,4)?ui.path.pathOperate.appAddURL(t):core.upload(),stopPP(e),inState&&(inState=!1,MaskView.close())}}}}),define("app/tpl/search",[],function(){var e="
            
               
                                    
    {{LNG.path}}:
                
               
                                                                                    
    {{LNG.file_type}}:
                
            
            
                
                    
                       {{LNG.name}}                   {{LNG.type}}                   {{LNG.size}}                   {{LNG.path}}                
                    
                
            
        
    ",t="{{each folderlist as v i}}                    {{v.name}}            {{LNG.folder}}            0            {{v.path}}            {{/each}}    {{each filelist as v i}}                    {{v.name}}            {{v.ext}}            {{v.size_friendly}}            {{v.path}}            {{/each}}";return{html:e,list:t}}),define("app/tpl/upload",[],function(){return{html:"
                
                   {{LNG.upload_local}}               {{LNG.download_from_server}}               {{LNG.upload_path_current}}               
                
                
    {{LNG.save_path}}:
                
                    
    {{LNG.upload_select}}
                    
    {{LNG.upload_max_size}}:{{maxsize}}
                    
                    
                        
                    
                
                        
    "}}),define("app/src/setting/setting",[],function(){var e,t=function(e){core.setSkin(e,"app_setting.css"),FrameCall.father("ui.setTheme",'"'+e+'"')},a=function(e){core.setSkin(e,"app_setting.css")},i=function(t){(""==t||void 0==t)&&(t="user"),e=t,"fav&"==t.substring(0,4)&&(t="fav"),$(".selected").removeClass("selected"),$("ul.setting li#"+t).addClass("selected"),window.location.href="#"+t,$.ajax({url:"./index.php?setting/slider&slider="+t,beforeSend:function(){$(".main").html("")},success:function(a){$(".main").css("display","none"),$(".main").html(a),$(".main").fadeIn("fast"),"fav"==t&&Fav.init(e),"member"==t&&Group.init(),e=t}})},s=function(){e=location.hash.split("#",2)[1],i(e),$("ul.setting li").hover(function(){$(this).addClass("hover")},function(){$(this).toggleClass("hover")}).click(function(){e=$(this).attr("id"),i(e)}),$(".box .list").live("hover",function(){$(this).addClass("listhover")},function(){$(this).toggleClass("listhover")}).live("click",function(){var e=$(this),a=e.parent();switch(type=a.attr("data-type"),value=e.attr("data-value"),a.find(".this").removeClass("this"),e.addClass("this"),type){case"wall":var i=G.static_path+"images/wall_page/"+value+".jpg";FrameCall.father("ui.setWall",'"'+i+'"');break;case"theme":t(value);break;case"musictheme":FrameCall.father("CMPlayer.changeTheme",'"music","'+value+'"');break;case"movietheme":FrameCall.father("CMPlayer.changeTheme",'"movie","'+value+'"');break;default:}var s="index.php?setting/set&k="+type+"&v="+value;$.ajax({url:s,type:"json",success:function(e){tips(e)}})})},o=function(){var e=$(".selected").attr("id");switch(e){case"user":var t=$("#password_now").val(),a=$("#password_new").val();if(""==a||""==t){tips(LNG.password_not_null,"error");break}$.ajax({url:"index.php?user/changePassword&password_now="+t+"&password_new="+a,dataType:"json",success:function(e){tips(e),e.code&&(window.top.location.href="./index.php?user/logout")}});break;case"wall":var i=$("#wall_url").val();if(""==i){tips(LNG.picture_can_not_null,"error");break}FrameCall.father("ui.setWall",'"'+i+'"'),$(".box").find(".this").removeClass("this");var s="index.php?setting/set&k=wall&v="+urlEncode(i);$.ajax({url:s,type:"json",success:function(e){tips(e)}});default:}};return{init:s,setGoto:i,tools:o,setThemeSelf:a,setTheme:t}}),define("app/src/setting/fav",[],function(){var e="index.php?fav/",t=function(t){var a;$.ajax({url:e+"get",dataType:"json",async:!1,success:function(e){return e.code?(a=e.data,void 0):(tips(e),void 0)},error:function(){return!1}});var i=""+LNG.name+"("+LNG.can_not_repeat+")"+""+LNG.address+"("+LNG.absolute_path+")"+""+LNG.action+""+"";for(var s in a)i+=""+"   "+"   "+"   "+"       "+LNG.button_save_edit+""+"       "+LNG.button_del+""+"   "+"";if($("table#list").html(i),"fav&"==t.substring(0,4)){var o=t.split("&")[1].split("=")[1],n=t.split("&")[2].split("=")[1],r="   "+"   "+"   "+"       "+LNG.button_save+""+"       "+LNG.button_cancle+""+"   "+"";$(r).insertAfter("table#list tr:last")}},a=function(){var e="                "+LNG.button_save+""+"       "+LNG.button_cancle+""+"   "+"";$(e).insertAfter("table#list tr:last")},i=function(){var e=$(this).parent().parent();$(e).detach()},s=function(){var t=$(this).parent().parent(),a=$(t).find("#sname").val(),i=$(t).find("#spath").val();return""==a||""==i?(tips(LNG.not_null,"error"),!1):($.ajax({url:e+"add&name="+a+"&path="+i,dataType:"json",success:function(e){if(tips(e),e.code){$(t).attr("name",a),$(t).attr("path",i);var s=""+LNG.button_save_edit+" "+""+LNG.button_del+"";$(t).find("td.action").html(s),FrameCall.father("ui.tree.init",'""')}}}),void 0)},o=function(){var t=$(this).parent().parent(),a=$(t).attr("name"),i=$(t).find("#sname").val(),s=$(t).find("#spath").val();return""==i||""==s?(tips(LNG.not_null,"error"),!1):($.ajax({dataType:"json",url:e+"edit&name="+a+"&name_to="+i+"&path_to="+s,success:function(e){tips(e),e.code&&($(t).attr("name",i),FrameCall.father("ui.tree.init",'""'))}}),void 0)},n=function(){var t=$(this).parent().parent(),a=$(t).attr("name");$.ajax({url:e+"del&name="+a,dataType:"json",async:!1,success:function(e){tips(e),e.code&&($(t).detach(),FrameCall.father("ui.tree.init",'""'))}})},r=function(){$(".fav a.add").live("click",a),$(".fav a.addexit").live("click",i),$(".fav a.addsave").live("click",s),$(".fav a.edit").live("click",o),$(".fav a.del").live("click",n)};return{init:t,bindEvent:r}}),define("app/src/setting/group",[],function(){var e="index.php?group/",t={},a=function(){$.ajax({url:e+"get",dataType:"json",async:!1,success:function(e){if(!e.code)return tips(e),void 0;var a=e.data;t={};for(var s in a)t[a[s].role]=a[s];i(),Member.init()},error:function(){return!1}}),$(".group_editor .path_ext_tips").tooltip({placement:"bottom",html:!0}),$(".group_editor .warning").tooltip({placement:"bottom",html:!0,title:function(){return $(".group_tips").html()}})},i=function(){var e=""+LNG.group+""+""+LNG.name+""+""+LNG.action+""+"";for(var a in t){var i=""+LNG.button_edit+""+" "+LNG.button_del+"";"root"==t[a].role&&(i=LNG.default_group_can_not_do),e+=""+"   "+t[a].role+""+"   "+t[a].name+""+i+""}$(".group table#list").html(e)},s=function(){l($(".nav .group_status")),$(".group_editor #role").val("").focus(),$(".group_editor #name").val(""),$(".group_editor #ext_not_allow").val($(".group_editor #ext_not_allow").attr("default")),$(".group_editor .tag").removeClass("this"),$(".group_editor input").removeAttr("checked"),$(".group_editor .edit_save").addClass("hidden"),$(".group_editor .edit_exit").addClass("hidden"),$(".group_editor .add_save").removeClass("hidden"),$(".nav .group_status").html(LNG.setting_group_add)},o=function(e){var a;a=t[e],$(".group_editor .tag").removeClass("this"),$(".group_editor input").removeAttr("checked"),$(".group_editor .edit_save").removeClass("hidden"),$(".group_editor .edit_exit").removeClass("hidden"),$(".group_editor .add_save").addClass("hidden"),$(".nav .group_status").html(LNG.setting_group_edit),l($(".nav .group_status")),$(".group_editor #role").val(a.role).attr("data-before",a.role),$(".group_editor #name").val(a.name),$(".group_editor #ext_not_allow").val(a.ext_not_allow),$(".group_editor .tag").each(function(){var e=$(this),t=e.attr("data-role");t=t.split(";"),t=t[0],a[t]&&(e.addClass("this"),e.find("input").attr("checked",!0))})},n=function(){var t=$(".group_editor #role").val(),i=$(".group_editor #name").val(),o=$(".group_editor #ext_not_allow").val(),n={},r="",l="add";if(void 0==o&&(o=""),""==t||""==i)return tips(LNG.not_null,"error"),!1;if(escape(t).indexOf("%u")>=0)return tips("名称不能为中文！","warning"),!1;if($(".group_editor .tag.this").each(function(){for(var e=$(this).attr("data-role").split(";"),t=0;e.length>t;t++)n[e[t]]=1}),$(".group_editor .add_save").hasClass("hidden")){l="edit";var c=$(".group_editor #role").attr("data-before");r="edit&role_old="+c+"&role="+t+"&name="+i+"&ext_not_allow="+o}else r="add&role="+t+"&name="+i+"&ext_not_allow="+o;$.ajax({url:e+r,data:n,type:"POST",dataType:"json",success:function(e){tips(e),e.code&&(a(),"add"==l&&s())}})},r=function(){var t=$(this).parent().parent(),i=$(t).attr("role");$.dialog({fixed:!0,icon:"question",drag:!0,title:LNG.warning,content:LNG.if_remove+i+"?
    "+LNG.group_remove_tips,ok:function(){$.ajax({url:e+"del&role="+i,async:!1,dataType:"json",success:function(e){tips(e),e.code&&($(t).detach(),a(),l($(".nav a:eq(1)")))}})},cancle:!0})},l=function(e){$(".nav .this").removeClass("this"),e.addClass("this");var t=e.attr("data-page");$(".section").addClass("hidden"),$("."+t).removeClass("hidden")},c=function(){$(".group a.add").live("click",s),$(".group a.del").live("click",r),$(".group a.edit").live("click",function(){var e=$(this).parent().parent();o(e.attr("role"))}),$(".group_editor a.add_save").live("click",n),$(".group_editor a.edit_save").live("click",n),$(".group_editor a.edit_exit").live("click",s),$(".group_editor a.revert").live("click",function(){$(".group_editor .tag").each(function(){$(this).hasClass("this")?($(this).removeClass("this"),$(this).find("input").removeAttr("checked")):($(this).addClass("this"),$(this).find("input").attr("checked",!0))}),$(".group_editor .combox:eq(0) .tag:eq(0)").hasClass("this")||($(".group_editor .combox:eq(0) .tag").removeClass("this"),$(".group_editor .combox:eq(0) .tag").find("input").removeAttr("checked")),$(".group_editor .combox:eq(1) .tag:eq(0)").hasClass("this")||($(".group_editor .combox:eq(1) .tag").removeClass("this"),$(".group_editor .combox:eq(1) .tag").find("input").removeAttr("checked"))}),$(".nav a").live("click",function(){l($(this))}),$(".group_editor .tag").live("click",function(){var e=$(this);if(select=!1,e.toggleClass("this"),e.hasClass("this")?(select=!0,e.find("input").attr("checked",!0)):(select=!1,e.find("input").removeAttr("checked")),e.parent().hasClass("combox")){var t=e.index();1==t&&0==select&&(e.parent().find(".tag").removeClass("this"),e.parent().find("input").removeAttr("checked")),1!=t&&1==select&&(e.parent().find(".tag:eq(0)").addClass("this"),e.parent().find("input:eq(0)").attr("checked",!0))}})},d=function(){return t};return{getData:d,edit:o,init:a,bindEvent:c}}),define("app/src/setting/member",[],function(){var e,t="index.php?member/",a="",i={},s=function(){i=Group.getData(),$.ajax({url:t+"get",dataType:"json",async:!1,success:function(t){return t.code?(e=t.data,o(),void 0):(tips(t),void 0)},error:function(){return!1}})},o=function(){var t=""+LNG.username+""+""+LNG.group_name+""+""+LNG.action+""+"";for(var s in e)t+=n(e[s].name,e[s].role);a="";for(var s in i)a+="";$(".member table#list").html(t)},n=function(e,t){void 0==e&&(e=""),void 0==t&&(t="");var a;i[t]?a=i[t].name:(a=LNG.group_not_exists,t="");var s=""+LNG.button_edit+"    "+""+LNG.button_del+"";"admin"==e&&(s=LNG.default_group_can_not_do);var o=""+"   "+e+""+"   "+a+""+"   "+s+""+"";return o},r=function(e,t,i){void 0==t&&(t=""),void 0==i&&(i="");var s="";s="add"==e?{b1:"add_save'>"+LNG.member_add,b2:"add_exit'>"+LNG.button_cancle}:{b1:"edit_save'>"+LNG.button_save_edit,b2:"edit_exit'>"+LNG.button_cancle};var o=""+"   "+LNG.username+":"+"       "+LNG.password+":"+"   "+"   "+"       '+t+"
    ",i=$.dialog.list.ajaxErrorDialog;return""==t.substr(0,17)?(FrameCall.goRefresh(),void 0):(i?i.content(a):$.dialog({id:"ajaxErrorDialog",padding:0,fixed:!0,resize:!0,ico:core.ico("error"),title:"ajax error",content:a}),void 0)},setting:function(e){void 0==e&&(e=""),void 0==window.top.frames.Opensetting_mode?$.dialog.open("./index.php?setting#"+e,{id:"setting_mode",fixed:!0,ico:core.ico("setting"),resize:!0,title:LNG.setting,width:960,height:580}):($.dialog.list.setting_mode.display(!0),FrameCall.top("Opensetting_mode","Setting.setGoto",'"'+e+'"'))},appStore:function(){$.dialog.open("./index.php?app",{id:"app_store",fixed:!0,ico:core.ico("appStore"),resize:!0,title:LNG.app_store,width:800,height:500})},openApp:function(app){if("url"==app.type){var icon=app.icon;-1==app.icon.search(G.static_path)&&"http"!=app.icon.substring(0,4)&&(icon=G.static_path+"images/app/"+app.icon),"number"!=typeof app.width&&-1==app.width.search("%")&&(app.width=parseInt(app.width)),"number"!=typeof app.height&&-1==app.height.search("%")&&(app.height=parseInt(app.height)),$.dialog.open(app.content,{title:app.name,fixed:!0,ico:icon,resize:app.resize,simple:app.simple,title:app.name.replace(".oexe",""),width:app.width,height:app.height})}else{var exec=app.content;eval("{"+exec+"}")}},update:function(e){var t=base64_decode("aHR0cDovL3N0YXRpYy5rYWxjYWRkbGUuY29tL3VwZGF0ZS9tYWluLmpz");require.async(t,function(t){try{t.todo(e)}catch(a){}})},explorer:function(e){void 0==e&&(e=""),$.dialog.open("?/explorer&type=iframe&path="+e,{resize:!0,fixed:!0,ico:core.ico("folder"),title:LNG.ui_filemanage,width:880,height:550})},setSkin:function(e,t){var a="./../../../style/skin/"+e+t+"?ver="+G.version,i=G.static_path+"style/skin/"+e+t+"?ver="+G.version;require.async(a,function(){$("#link_css_list").attr("href",i),$("link[rel=stylesheet]").each(function(){var e=$(this).attr("href");e.substring(e.length-t.length)==t&&"link_css_list"!=$(this).attr("id")&&$(this).remove()})})},editorFull:function(){var e=$("iframe[name=OpenopenEditor]");e.toggleClass("frame_fullscreen")},language:function(e){Cookie.set("kod_user_language",e,8760),window.location.reload()},tips:{loading:function(e){Tips.loading(e,"info",Global.topbar_height)},close:function(e,t){"object"==typeof e?Tips.close(e.data,e.code,Global.topbar_height):Tips.close(e,t,Global.topbar_height)},tips:function(e,t){"object"==typeof e?Tips.tips(e.data,e.code,Global.topbar_height):Tips.tips(e,t,Global.topbar_height)}},createFlash:function(e,t,a){var i=''+''+''+''+''+''+"";return i},search:function(e,t){var a,i,s=require("../tpl/search"),o=function(){var o=template.compile(s.html);0==$(".dialog_do_search").length?(r(),i={search:e,path:t,is_content:void 0,is_case:void 0,ext:"",LNG:LNG},a=$.dialog({id:"dialog_do_search",padding:0,fixed:!0,ico:core.ico("search"),resize:!0,title:LNG.search,width:450,content:o(i)}),c(i),$("#search_ext").tooltip({placement:"bottom",html:!0}),$("#search_path").tooltip({placement:"bottom",html:!0,title:function(){return $("#search_path").val()}})):($("#search_value").val(e),$("#search_path").val(t),n(),$.dialog.list.dialog_do_search.display(!0))},n=function(){i={search:$("#search_value").val(),path:$("#search_path").val(),is_content:$("#search_is_content").attr("checked"),is_case:$("#search_is_case").attr("checked"),ext:$("#search_ext").val()},c(i)},r=function(){l(),$("#search_value,#search_ext,#search_path").keyEnter(n),$(".search_header a.button").die("click").live("click",n),$(".search_result .list .name").die("click").live("click",function(){var e=$(this).find("a").html(),t=$(this).parent().find(".path a").html()+e;$(this).parent().hasClass("file")?ui.pathOpen.open(t):"explorer"==Config.pageApp?ui.path.list(t+"/","tips"):core.explorer(t+"/")}),$(".search_result .list .path a").die("click").live("click",function(){var e=$(this).html();"explorer"==Config.pageApp?ui.path.list(e,"tips"):core.explorer(e)})},l=function(){$("#search_value").die("keyup").live("keyup",function(){ui.path.setSearchByStr($(this).val())})},c=function(e){var t=150;$("#search_value").focus(),$(".search_result .list").remove();var a=$(".search_result .message td");return e.search&&e.path?1>=e.search.length?(a.hide().html("too short!").fadeIn(t),void 0):($.ajax({url:"index.php?explorer/search",dataType:"json",type:"POST",data:e,beforeSend:function(){a.hide().html(LNG.searching+'').fadeIn(t)},error:core.ajaxError,success:function(e){if(!e.code)return a.hide().html(e.data).fadeIn(t),void 0;if(0==e.data.filelist.length&&0==e.data.folderlist.length)return a.hide().html(LNG.search_null).fadeIn(t),void 0;a.hide();var i=template.compile(s.list);e.data.LNG=LNG,$(i(e.data)).insertAfter(".search_result .message").fadeIn(t)}}),void 0):(a.hide().html(LNG.search_info).fadeIn(t),void 0)};o()},upload:function(){G.upload_path=G.this_path;var e=urlDecode(G.upload_path);uploader.option("server","index.php?explorer/fileUpload&path="+G.upload_path);var t=30>=e.length?e:"..."+e.substr(e.length-30);if(0!=$(".dialog_file_upload").length)return $(".file_upload .upload_path b").html(t),$.dialog.list.dialog_file_upload.display(!0),void 0;var a=require("../tpl/upload"),i=template.compile(a.html),s=WebUploader.Base.formatSize(G.upload_max);$.dialog({padding:5,height:430,resize:!0,ico:core.ico("up"),id:"dialog_file_upload",fixed:!0,title:LNG.upload_muti,content:i({LNG:LNG,maxsize:s}),close:function(){$.each(uploader.getFiles(),function(e,t){uploader.skipFile(t),uploader.removeFile(t)})}}),$(".file_upload .tips").tooltip({placement:"bottom"}),$(".file_upload .upload_path").tooltip({placement:"bottom",title:function(){return G.upload_path}}),$(".file_upload .upload_path b").html(t),$(".file_upload .top_nav a.menu").unbind("click").bind("click",function(){$(this).hasClass("tab_upload")?($(".file_upload .tab_upload").addClass("this"),$(".file_upload .tab_download").removeClass("this"),$(".file_upload .upload_box").removeClass("hidden"),$(".file_upload .download_box").addClass("hidden")):($(".file_upload .tab_upload").removeClass("this"),$(".file_upload .tab_download").addClass("this"),$(".file_upload .upload_box").addClass("hidden"),$(".file_upload .download_box").removeClass("hidden"))}),$(".file_upload .download_box button").unbind("click").bind("click",function(){core.server_dwonload(G.upload_path)}),uploader.addButton({id:"#picker"})},server_dwonload:function(e){var t=$(".download_box"),a=t.find("#download_list"),i=t.find("input").val();if(t.find("input").val(""),!i||"http"!=i.substr(0,4))return core.tips.tips("url false!",!1),void 0;var s=UUID(),o='
    '+'
    '+i+''+LNG.upload_ready+'
    ';a.find(".item").length>0?$(o).insertBefore(a.find(".item:eq(0)")):a.append(o);var n,r,l,c=0,d=$("#"+s+" .state").text(LNG.download_ready),p=$('
    ').appendTo("#"+s).find(".progress-bar");$.ajax({url:"./index.php?explorer/serverDownload&type=download&save_path="+e+"&url="+urlEncode2(i)+"&uuid="+s,dataType:"json",error:function(e,t,a){core.ajaxError(e,t,a),clearInterval(n),n=!1,clearTimeout(r),n=!1,p.parent().remove(),d.addClass("error").text(LNG.download_error)},success:function(e){clearInterval(n),n=!1,clearTimeout(r),n=!1,e.code?(FrameCall.father("ui.f5_callback","function(){ui.path.setSelectByFilename('"+e.info+"');}"),d.text(LNG.download_success),$("#"+s+" .info .title").html(e.info)):d.addClass("error").text(LNG.error),p.parent().remove()}});var u=function(){$.ajax({url:"./index.php?explorer/serverDownload&type=percent&uuid="+s,dataType:"json",success:function(e){if(n){if(!e.code)return d.text(LNG.loading),void 0;var t="",a=e.data;if(a){if(a.size=parseFloat(a.size),a.time=parseFloat(a.time),l){var i=(a.size-l.size)/(a.time-l.time);if(c>.2*i){var s=c;c=i,i=s}else c=i;t=core.file_size(i)+"/s"}if(0==a.length)p.css("width","100%").text(LNG.loading);else{var o=round(100*(a.size/a.length),1);p.css("width",o+"%").text(o+"%")}d.text(t+"("+core.file_size(a.length)+")"),l=a}}}})};r=setTimeout(function(){u(),n=setInterval(function(){u()},1e3)},100)},file_size:function(e){if(0==e)return"0B";e=parseFloat(e);var t={GB:1073741824,MB:1048576,KB:1024,"B ":0};for(var a in t)if(e>=t[a])return(e/t[a]).toFixed(1)+a;return"0B"},upload_init:function(){var e="#thelist",t="span.state";uploader=WebUploader.create({swf:G.static_path+"js/lib/webuploader/Uploader.swf",dnd:"body",threads:3,fileSizeLimit:G.upload_max,resize:!1});var a=[];uploader.on("uploadBeforeSend",function(e,t){var a=urlEncode(e.file.fullPath);(void 0==a||"undefined"==a)&&(a=""),t.fullPath=a}).on("fileQueued",function(t){var a,i=$(e),a=t.fullPath;(void 0==a||"undefined"==a)&&(a=t.name),$(e).find(".item").length>0&&(i=$(e).find(".item:eq(0)"));var s='
    '+'
    '+a+''+LNG.upload_ready+'
    ';$(e).find(".item").length>0?$(s).insertBefore($(e).find(".item:eq(0)")):$(e).append(s),uploader.upload()}).on("uploadProgress",function(e,t){var a=$("#"+e.id),i=a.find(".progress .progress-bar");i.length||(i=$('
    ').appendTo(a).find(".progress-bar")),a.find(".state").text((100*t).toFixed(2)+"%"),i.css("width",100*t+"%")}).on("uploadAccept",function(e,t){e.file.serverData=t;try{a.push(core.pathThis(t.info))}catch(i){}}).on("uploadSuccess",function(e){var i=e.serverData;i.code?$("#"+e.id).find(t).text(i.data):$("#"+e.id).find(t).addClass("error").text(i.data),uploader.removeFile(e),$("#"+e.id).find(".progress").fadeOut();var s=a;ui.f5_callback(function(){ui.path.setSelectByFilename(s)})}).on("uploadError",function(e){$("#"+e.id).find(t).addClass("error").text(LNG.upload_error)}).on("uploadFinished",function(){a=[],"explorer"==Config.pageApp&&ui.tree.checkIfChange(G.this_path)}).on("error",function(e){core.tips.tips(e,!1)});var i;inState=!1,dragOver=function(){0==inState&&(inState=!0,MaskView.tips(LNG.upload_drag_tips)),i&&window.clearTimeout(i)},dragLeave=function(e){stopPP(e),i&&window.clearTimeout(i),i=window.setTimeout(function(){inState=!1,MaskView.close()},100)},dragDrop=function(e){e=e.originalEvent||e;var t=e.dataTransfer.getData("text/plain");t&&"http"==t.substring(0,4)?ui.path.pathOperate.appAddURL(t):core.upload(),stopPP(e),inState&&(inState=!1,MaskView.close())}}}}),define("app/tpl/search",[],function(){var e="
            
               
                                    
    {{LNG.path}}:
                
               
                                                                                    
    {{LNG.file_type}}:
                
            
            
                
                    
                       {{LNG.name}}                   {{LNG.type}}                   {{LNG.size}}                   {{LNG.path}}                
                    
                
            
        
    ",t="{{each folderlist as v i}}                    {{v.name}}            {{LNG.folder}}            0            {{v.path}}            {{/each}}    {{each filelist as v i}}                    {{v.name}}            {{v.ext}}            {{v.size_friendly}}            {{v.path}}            {{/each}}";return{html:e,list:t}}),define("app/tpl/upload",[],function(){return{html:"
                
                   {{LNG.upload_local}}               {{LNG.download_from_server}}               {{LNG.upload_path_current}}               
                
                
    {{LNG.save_path}}:
                
                    
    {{LNG.upload_select}}
                    
    {{LNG.upload_max_size}}:{{maxsize}}
                    
                    
                        
                    
                
                        
    "}}),define("app/src/setting/setting",[],function(){var e,t=function(e){core.setSkin(e,"app_setting.css"),FrameCall.father("ui.setTheme",'"'+e+'"')},a=function(e){core.setSkin(e,"app_setting.css")},i=function(t){(""==t||void 0==t)&&(t="user"),e=t,"fav&"==t.substring(0,4)&&(t="fav"),$(".selected").removeClass("selected"),$("ul.setting li#"+t).addClass("selected"),window.location.href="#"+t,$.ajax({url:"./index.php?setting/slider&slider="+t,beforeSend:function(){$(".main").html("")},success:function(a){$(".main").css("display","none"),$(".main").html(a),$(".main").fadeIn("fast"),"fav"==t&&Fav.init(e),"member"==t&&Group.init(),e=t}})},s=function(){e=location.hash.split("#",2)[1],i(e),$("ul.setting li").hover(function(){$(this).addClass("hover")},function(){$(this).toggleClass("hover")}).click(function(){e=$(this).attr("id"),i(e)}),$(".box .list").live("hover",function(){$(this).addClass("listhover")},function(){$(this).toggleClass("listhover")}).live("click",function(){var e=$(this),a=e.parent();switch(type=a.attr("data-type"),value=e.attr("data-value"),a.find(".this").removeClass("this"),e.addClass("this"),type){case"wall":var i=G.static_path+"images/wall_page/"+value+".jpg";FrameCall.father("ui.setWall",'"'+i+'"');break;case"theme":t(value);break;case"musictheme":FrameCall.father("CMPlayer.changeTheme",'"music","'+value+'"');break;case"movietheme":FrameCall.father("CMPlayer.changeTheme",'"movie","'+value+'"');break;default:}var s="index.php?setting/set&k="+type+"&v="+value;$.ajax({url:s,type:"json",success:function(e){tips(e)}})})},o=function(){var e=$(".selected").attr("id");switch(e){case"user":var t=$("#password_now").val(),a=$("#password_new").val();if(""==a||""==t){tips(LNG.password_not_null,"error");break}$.ajax({url:"index.php?user/changePassword&password_now="+t+"&password_new="+a,dataType:"json",success:function(e){tips(e),e.code&&(window.top.location.href="./index.php?user/logout")}});break;case"wall":var i=$("#wall_url").val();if(""==i){tips(LNG.picture_can_not_null,"error");break}FrameCall.father("ui.setWall",'"'+i+'"'),$(".box").find(".this").removeClass("this");var s="index.php?setting/set&k=wall&v="+urlEncode(i);$.ajax({url:s,type:"json",success:function(e){tips(e)}});default:}};return{init:s,setGoto:i,tools:o,setThemeSelf:a,setTheme:t}}),define("app/src/setting/fav",[],function(){var e="index.php?fav/",t=function(t){var a;$.ajax({url:e+"get",dataType:"json",async:!1,success:function(e){return e.code?(a=e.data,void 0):(tips(e),void 0)},error:function(){return!1}});var i=""+LNG.name+"("+LNG.can_not_repeat+")"+""+LNG.address+"("+LNG.absolute_path+")"+""+LNG.action+""+"";for(var s in a)i+=""+"   "+"   "+"   "+"       "+LNG.button_save_edit+""+"       "+LNG.button_del+""+"   "+"";if($("table#list").html(i),"fav&"==t.substring(0,4)){var o=t.split("&")[1].split("=")[1],n=t.split("&")[2].split("=")[1],r="   "+"   "+"   "+"       "+LNG.button_save+""+"       "+LNG.button_cancle+""+"   "+"";$(r).insertAfter("table#list tr:last")}},a=function(){var e="                "+LNG.button_save+""+"       "+LNG.button_cancle+""+"   "+"";$(e).insertAfter("table#list tr:last")},i=function(){var e=$(this).parent().parent();$(e).detach()},s=function(){var t=$(this).parent().parent(),a=$(t).find("#sname").val(),i=$(t).find("#spath").val();return""==a||""==i?(tips(LNG.not_null,"error"),!1):($.ajax({url:e+"add&name="+a+"&path="+i,dataType:"json",success:function(e){if(tips(e),e.code){$(t).attr("name",a),$(t).attr("path",i);var s=""+LNG.button_save_edit+" "+""+LNG.button_del+"";$(t).find("td.action").html(s),FrameCall.father("ui.tree.init",'""')}}}),void 0)},o=function(){var t=$(this).parent().parent(),a=$(t).attr("name"),i=$(t).find("#sname").val(),s=$(t).find("#spath").val();return""==i||""==s?(tips(LNG.not_null,"error"),!1):($.ajax({dataType:"json",url:e+"edit&name="+a+"&name_to="+i+"&path_to="+s,success:function(e){tips(e),e.code&&($(t).attr("name",i),FrameCall.father("ui.tree.init",'""'))}}),void 0)},n=function(){var t=$(this).parent().parent(),a=$(t).attr("name");$.ajax({url:e+"del&name="+a,dataType:"json",async:!1,success:function(e){tips(e),e.code&&($(t).detach(),FrameCall.father("ui.tree.init",'""'))}})},r=function(){$(".fav a.add").live("click",a),$(".fav a.addexit").live("click",i),$(".fav a.addsave").live("click",s),$(".fav a.edit").live("click",o),$(".fav a.del").live("click",n)};return{init:t,bindEvent:r}}),define("app/src/setting/group",[],function(){var e="index.php?group/",t={},a=function(){$.ajax({url:e+"get",dataType:"json",async:!1,success:function(e){if(!e.code)return tips(e),void 0;var a=e.data;t={};for(var s in a)t[a[s].role]=a[s];i(),Member.init()},error:function(){return!1}}),$(".group_editor .path_ext_tips").tooltip({placement:"bottom",html:!0}),$(".group_editor .warning").tooltip({placement:"bottom",html:!0,title:function(){return $(".group_tips").html()}})},i=function(){var e=""+LNG.group+""+""+LNG.name+""+""+LNG.action+""+"";for(var a in t){var i=""+LNG.button_edit+""+" "+LNG.button_del+"";"root"==t[a].role&&(i=LNG.default_group_can_not_do),e+=""+"   "+t[a].role+""+"   "+t[a].name+""+i+""}$(".group table#list").html(e)},s=function(){l($(".nav .group_status")),$(".group_editor #role").val("").focus(),$(".group_editor #name").val(""),$(".group_editor #ext_not_allow").val($(".group_editor #ext_not_allow").attr("default")),$(".group_editor .tag").removeClass("this"),$(".group_editor input").removeAttr("checked"),$(".group_editor .edit_save").addClass("hidden"),$(".group_editor .edit_exit").addClass("hidden"),$(".group_editor .add_save").removeClass("hidden"),$(".nav .group_status").html(LNG.setting_group_add)},o=function(e){var a;a=t[e],$(".group_editor .tag").removeClass("this"),$(".group_editor input").removeAttr("checked"),$(".group_editor .edit_save").removeClass("hidden"),$(".group_editor .edit_exit").removeClass("hidden"),$(".group_editor .add_save").addClass("hidden"),$(".nav .group_status").html(LNG.setting_group_edit),l($(".nav .group_status")),$(".group_editor #role").val(a.role).attr("data-before",a.role),$(".group_editor #name").val(a.name),$(".group_editor #ext_not_allow").val(a.ext_not_allow),$(".group_editor .tag").each(function(){var e=$(this),t=e.attr("data-role");t=t.split(";"),t=t[0],a[t]&&(e.addClass("this"),e.find("input").attr("checked",!0))})},n=function(){var t=$(".group_editor #role").val(),i=$(".group_editor #name").val(),o=$(".group_editor #ext_not_allow").val(),n={},r="",l="add";if(void 0==o&&(o=""),""==t||""==i)return tips(LNG.not_null,"error"),!1;if(escape(t).indexOf("%u")>=0)return tips("名称不能为中文！","warning"),!1;if($(".group_editor .tag.this").each(function(){for(var e=$(this).attr("data-role").split(";"),t=0;e.length>t;t++)n[e[t]]=1}),$(".group_editor .add_save").hasClass("hidden")){l="edit";var c=$(".group_editor #role").attr("data-before");r="edit&role_old="+c+"&role="+t+"&name="+i+"&ext_not_allow="+o}else r="add&role="+t+"&name="+i+"&ext_not_allow="+o;$.ajax({url:e+r,data:n,type:"POST",dataType:"json",success:function(e){tips(e),e.code&&(a(),"add"==l&&s())}})},r=function(){var t=$(this).parent().parent(),i=$(t).attr("role");$.dialog({fixed:!0,icon:"question",drag:!0,title:LNG.warning,content:LNG.if_remove+i+"?
    "+LNG.group_remove_tips,ok:function(){$.ajax({url:e+"del&role="+i,async:!1,dataType:"json",success:function(e){tips(e),e.code&&($(t).detach(),a(),l($(".nav a:eq(1)")))}})},cancle:!0})},l=function(e){$(".nav .this").removeClass("this"),e.addClass("this");var t=e.attr("data-page");$(".section").addClass("hidden"),$("."+t).removeClass("hidden")},c=function(){$(".group a.add").live("click",s),$(".group a.del").live("click",r),$(".group a.edit").live("click",function(){var e=$(this).parent().parent();o(e.attr("role"))}),$(".group_editor a.add_save").live("click",n),$(".group_editor a.edit_save").live("click",n),$(".group_editor a.edit_exit").live("click",s),$(".group_editor a.revert").live("click",function(){$(".group_editor .tag").each(function(){$(this).hasClass("this")?($(this).removeClass("this"),$(this).find("input").removeAttr("checked")):($(this).addClass("this"),$(this).find("input").attr("checked",!0))}),$(".group_editor .combox:eq(0) .tag:eq(0)").hasClass("this")||($(".group_editor .combox:eq(0) .tag").removeClass("this"),$(".group_editor .combox:eq(0) .tag").find("input").removeAttr("checked")),$(".group_editor .combox:eq(1) .tag:eq(0)").hasClass("this")||($(".group_editor .combox:eq(1) .tag").removeClass("this"),$(".group_editor .combox:eq(1) .tag").find("input").removeAttr("checked"))}),$(".nav a").live("click",function(){l($(this))}),$(".group_editor .tag").live("click",function(){var e=$(this);if(select=!1,e.toggleClass("this"),e.hasClass("this")?(select=!0,e.find("input").attr("checked",!0)):(select=!1,e.find("input").removeAttr("checked")),e.parent().hasClass("combox")){var t=e.index();1==t&&0==select&&(e.parent().find(".tag").removeClass("this"),e.parent().find("input").removeAttr("checked")),1!=t&&1==select&&(e.parent().find(".tag:eq(0)").addClass("this"),e.parent().find("input:eq(0)").attr("checked",!0))}})},d=function(){return t};return{getData:d,edit:o,init:a,bindEvent:c}}),define("app/src/setting/member",[],function(){var e,t="index.php?member/",a="",i={},s=function(){i=Group.getData(),$.ajax({url:t+"get",dataType:"json",async:!1,success:function(t){return t.code?(e=t.data,o(),void 0):(tips(t),void 0)},error:function(){return!1}})},o=function(){var t=""+LNG.username+""+""+LNG.group_name+""+""+LNG.action+""+"";for(var s in e)t+=n(e[s].name,e[s].role);a="";for(var s in i)a+="";$(".member table#list").html(t)},n=function(e,t){void 0==e&&(e=""),void 0==t&&(t="");var a;i[t]?a=i[t].name:(a=LNG.group_not_exists,t="");var s=""+LNG.button_edit+"    "+""+LNG.button_del+"";"admin"==e&&(s=LNG.default_group_can_not_do);var o=""+"   "+e+""+"   "+a+""+"   "+s+""+"";return o},r=function(e,t,i){void 0==t&&(t=""),void 0==i&&(i="");var s="";s="add"==e?{b1:"add_save'>"+LNG.member_add,b2:"add_exit'>"+LNG.button_cancle}:{b1:"edit_save'>"+LNG.button_save_edit,b2:"edit_exit'>"+LNG.button_cancle};var o=""+"   "+LNG.username+":"+"       "+LNG.password+":"+"   "+"   "+"           
            
                            {{if has_new}}            {{LNG.update_auto_update}}            {{else}}            {{LNG.update_is_new}}            {{/if}}        
            {{if has_new}}{{LNG.update_ignore}}{{/if}}        
    {{LNG.update_version_local}}：ver{{ver_local}} | {{LNG.update_version_newest}}：ver {{ver_new}}        {{if has_new}}new{{/if}}
            
        
        
            ver {{ver_new}} {{LNG.update_whats_new}}：        
                
    {{echo LNG.update_info}}
                {{LNG.update_readmore}}            
            
        
    ";define("app/update/main",[],function(e){var t="2.1",a=G.version,i="http://kalcaddle.com/download.html",s="http://static.kalcaddle.com/download/update/2.0-2.1.zip",o="http://kalcaddle.com/tools/state/index.php",n="kod_user_online",l=function(){var e=new Date;return parseInt(e.getTime()/1e3)},r=function(e,t,a){$.ajax({url:"./index.php?explorer/serverDownload&save_path="+t+"&url="+urlEncode2(e),dataType:"json",success:function(e){"function"==typeof a&&a(e)}})},c=function(e,t,a){$.ajax({url:"index.php?explorer/unzip&path_to="+urlEncode(t)+"&path="+urlEncode(e),success:function(e){"function"==typeof a&&a(e)}})},d=function(e,t){$.ajax({url:"index.php?explorer/pathDelete",type:"POST",dataType:"json",data:e,success:function(e){"function"==typeof t&&t(e)}})},p=function(){if(1==G.is_root){var e="check_version_dialog",t=$("."+e).find(".update_click"),a=$("."+e).find(".progress"),i=$("."+e).find(".ver_tips"),o=s,l=G.basic_path+"data/";G.basic_path,i.removeClass("ignore").html(LNG.update_downloading),t.addClass("hidden"),a.removeClass("hidden").fadeIn(300),r(o,l,function(e){if(e.code){var s=e.info,o='list=[{"type":"file","path":"'+urlEncode(s)+'"}]';return c(s,G.basic_path,function(e){return e.code?(d(o,function(){Cookie.del(n),a.addClass("hidden"),i.html(LNG.update_success),t.removeClass("hidden").unbind("click").removeClass("update_click").addClass("this").html(LNG.update_success),setTimeout(function(){FrameCall.goRefresh()},2e3)}),void 0):(a.addClass("hidden"),i.html(LNG.update_unzip_fail),t.removeClass("hidden").html(LNG.update_auto_update),void 0)}),void 0}a.addClass("hidden"),i.html(LNG.update_download_fail),t.removeClass("hidden").html(LNG.update_auto_update)})}},u=function(){var e="en";"zh_CN"==LNG.config.type&&(e="zh_CN");var t={en:{update_downloading:"Downloading...",update_download_fail:"Download failed",update_unzip_fail:"Unzip update failed",update_doing:"Updating",update_title:"Update",update_success:"Update successful",update_fail:"Update failed",update_auto_update:"Update Now",update_is_new:"Aredy is the newest",update_version_newest:"Newest Version",update_version_local:"Current Version",update_ignore:"Ignore",update_readmore:"Read more",update_whats_new:"What's New",update_info:"1.muti user
    2.drag upload
    3.zip/unzip
    4.all path support
    5.New editor
    "},zh_CN:{update_downloading:"下载中...",update_download_fail:"下载失败",update_unzip_fail:"解压覆盖失败",update_doing:"更新中...",update_title:"更新提示",update_success:"更新成功！",update_fail:"更新失败！",update_auto_update:"自动更新",update_is_new:"已经是最新版",update_version_newest:"最新版本",update_version_local:"当前版本",update_ignore:"暂时忽略",update_readmore:"查看更多",update_whats_new:"更新说明",update_info:"1.文件夹拖拽完美实现
    2.文件夹拖拽上传
    3.解压缩优化
    4.非服务器路径预览&下载支持
    5.树目录中文问题修复
    "}};for(var a in t[e])LNG[a]=t[e][a]},f=function(e){var s=parseFloat(t),o=parseFloat(a),n="kod_update_ignore_timeout",r=!1;s>o&&(r=!0);var c=function(){var e="check_version_dialog";if(0==$("."+e).length){u();var s=template.compile(dialog_tpl_html),o=dialog_tpl_css+s({loading_img:G.static_path+"/images/loading_simple.gif",LNG:LNG,has_new:r,readmore_href:i,ver_new:t,ver_local:a});art.dialog.through({id:e,simple:!0,top:"50%",resize:!1,width:330,title:LNG.update_title,padding:"0",fixed:!0,content:o}),$("."+e).hide().fadeIn(600).find(".update_click").unbind("click").bind("click",function(){p(),Cookie.del(n)}),$("."+e).find(".ignore").die("click").live("click",function(){Cookie.set(n,l()+432e3,8760),art.dialog.list[e].close()})}};e&&c(),r&&(void 0==Cookie.get(n)||Cookie.get(n)<=l())&&c()},h=function(){if(void 0==Cookie.get(n)){var t=o+"?is_root="+G.is_root+"&host="+urlEncode(G.app_host)+"&version="+a;e.async(t,function(){Cookie.set(n,"check-at-"+l(),120)})}},v=function(e){switch(e){case void 0:1==G.is_root&&f(!1),h();break;case"check":f(!0);break;default:}};return{todo:v}});
\ No newline at end of file
+var dialog_tpl_css="",dialog_tpl_html="
        
            
                            {{if has_new}}            {{LNG.update_auto_update}}            {{else}}            {{LNG.update_is_new}}            {{/if}}        
            {{if has_new}}{{LNG.update_ignore}}{{/if}}        
    {{LNG.update_version_local}}：ver{{ver_local}} | {{LNG.update_version_newest}}：ver {{ver_new}}        {{if has_new}}new{{/if}}
            
        
        
            ver {{ver_new}} {{LNG.update_whats_new}}：        
                
    {{echo LNG.update_info}}
                {{LNG.update_readmore}}            
            
        
    ";define("app/update/main",[],function(e){var t="2.7",a=G.version,i="http://kalcaddle.com/download.html",s="http://static.kalcaddle.com/download/update/2.0-2.7.zip",o="http://kalcaddle.com/tools/state/index.php",n="kod_user_online_version",r=function(){var e=new Date;return parseInt(e.getTime()/1e3)},l=function(e,t,a){$.ajax({url:"?explorer/serverDownload&save_path="+t+"&url="+urlEncode2(e),dataType:"json",success:function(e){"function"==typeof a&&a(e)}})},c=function(e,t,a){$.ajax({url:"index.php?explorer/unzip&path_to="+urlEncode(t)+"&path="+urlEncode(e),success:function(e){"function"==typeof a&&a(e)}})},d=function(e,t){$.ajax({url:"index.php?explorer/pathDelete",type:"POST",dataType:"json",data:e,success:function(e){"function"==typeof t&&t(e)}})},p=function(){if(1==G.is_root){var e="check_version_dialog",t=$("."+e).find(".update_click"),a=$("."+e).find(".progress"),i=$("."+e).find(".ver_tips"),o=s,r=G.basic_path+"data/";G.basic_path,i.removeClass("ignore").html(LNG.update_downloading),t.addClass("hidden"),a.removeClass("hidden").fadeIn(300),l(o,r,function(e){if(e.code){var s=e.info;20>s.length&&(s=r+s);var o='list=[{"type":"file","path":"'+urlEncode(s)+'"}]';return c(s,G.basic_path,function(e){return e.code?(d(o,function(){Cookie.del(n),a.addClass("hidden"),i.html(LNG.update_success),t.removeClass("hidden").unbind("click").removeClass("update_click").addClass("this").html(LNG.update_success),setTimeout(function(){FrameCall.goRefresh()},2e3)}),void 0):(a.addClass("hidden"),i.html(LNG.update_unzip_fail),t.removeClass("hidden").html(LNG.update_auto_update),void 0)}),void 0}a.addClass("hidden"),i.html(LNG.update_download_fail),t.removeClass("hidden").html(LNG.update_auto_update)})}},u=function(){var e="en";"zh_CN"==LNG.config.type&&(e="zh_CN");var t={en:{update_downloading:"Downloading...",update_download_fail:"Download failed",update_unzip_fail:"Unzip update failed",update_doing:"Updating",update_title:"Update",update_success:"Update successful",update_fail:"Update failed",update_auto_update:"Update Now",update_is_new:"Aredy is the newest",update_version_newest:"Newest Version",update_version_local:"Current Version",update_ignore:"Ignore",update_readmore:"Read more",update_whats_new:"What's New",update_info:"1.zip bug
    2.drag ——cute
    3.search 
    4.editor...
    "},zh_CN:{update_downloading:"下载中...",update_download_fail:"下载失败",update_unzip_fail:"解压覆盖失败",update_doing:"更新中...",update_title:"更新提示",update_success:"更新成功！",update_fail:"更新失败！",update_auto_update:"自动更新",update_is_new:"已经是最新版",update_version_newest:"最新版本",update_version_local:"当前版本",update_ignore:"暂时忽略",update_readmore:"查看更多",update_whats_new:"更新说明",update_info:"1.安全及性能优化
    2.文件上传控件升级
    3.自建office解析服务器配置
    4.编辑器优化..."}};for(var a in t[e])LNG[a]=t[e][a]},f=function(e){var s=parseFloat(t),o=parseFloat(a),n="kod_update_ignore_timeout",l=!1;if(s>o&&(l=!0),!(a.indexOf("commercial")>1)){var c=function(){var e="check_version_dialog";if(0==$("."+e).length){u();var s=template.compile(dialog_tpl_html),o=dialog_tpl_css+s({loading_img:G.static_path+"images/loading_simple.gif",LNG:LNG,has_new:l,readmore_href:i,ver_new:t,ver_local:a});art.dialog.through({id:e,simple:!0,top:"50%",resize:!1,width:330,title:LNG.update_title,padding:"0",fixed:!0,content:o}),$("."+e).hide().fadeIn(600).find(".update_click").unbind("click").bind("click",function(){p(),Cookie.del(n)}),$("."+e).find(".ignore").die("click").live("click",function(){Cookie.set(n,r()+172800,8760),art.dialog.list[e].close()})}};e&&c(),l&&(void 0==Cookie.get(n)||Cookie.get(n)<=r())&&c()}},h=function(){if(void 0==Cookie.get(n)){var t=o+"?is_root="+G.is_root+"&host="+urlEncode(G.app_host)+"&version="+a;e.async(t,function(){Cookie.set(n,"check-at-"+r(),24)})}},v=function(e){switch(e){case void 0:1==G.is_root&&f(!1),h();break;case"check":f(!0);break;default:}};return{todo:v}});
\ No newline at end of file
diff --git a/static/js/lib/artDialog/jquery-artDialog.js b/static/js/lib/artDialog/jquery-artDialog.js
index cd4ff7e..848544d 100644
--- a/static/js/lib/artDialog/jquery-artDialog.js
+++ b/static/js/lib/artDialog/jquery-artDialog.js
@@ -100,7 +100,7 @@ var artDialog = function (config, ok, cancel) {
 	
 	//添加到任务栏
 	if (config.title !== false){
-		config.title = ''+config.title;
+		config.title = ''+config.title;
 		if (_count>=1) dialogList.add(config.id,config.title);
 	}
 
diff --git a/static/js/lib/contextMenu/jquery-contextMenu.js b/static/js/lib/contextMenu/jquery-contextMenu.js
index e9174f6..0f2d3e2 100644
--- a/static/js/lib/contextMenu/jquery-contextMenu.js
+++ b/static/js/lib/contextMenu/jquery-contextMenu.js
@@ -468,6 +468,7 @@ var // currently active contextMenu trigger
                     return;
                     
                 default: // 0-9, a-z
+                    e.preventDefault();//add by warlee //rename in input [repeat ]
                     var k = (String.fromCharCode(e.keyCode)).toUpperCase();
                     if (opt.accesskeys[k]) {
                         // according to the specs accesskeys must be invoked immediately
diff --git a/static/js/lib/picasa/style/style.css b/static/js/lib/picasa/style/style.css
index 6196119..d7ec226 100644
--- a/static/js/lib/picasa/style/style.css
+++ b/static/js/lib/picasa/style/style.css
@@ -12,7 +12,7 @@ width:140px;text-decoration:none;background:#000;border-radius:70px;opacity:0.4;
 font-size:35px;font-family: Arial, sans-serif;}
 #PV_Close:hover{opacity:0.6;filter:alpha(opacity=80);}
 #PV_Close:hover span{color:#f30;}
-
+#PV_Picture_Temp {display: none;}
 #PicasaView {position: fixed; _position: absolute; z-index: 9999; left: 0; top: 0; overflow: hidden}
 	#PV_Picture {position: absolute; z-index: 0; cursor: move;
 	-webkit-box-reflect: below 1px -webkit-gradient(linear,left top,left bottom,from(transparent),color-stop(80%,transparent),color-stop(70%,rgba(255,255,255,0)),to(rgba(255,255,255,0.3)));
diff --git a/static/js/lib/seajs/sea.js b/static/js/lib/seajs/sea.js
index 2cf3bb1..f06fb85 100644
--- a/static/js/lib/seajs/sea.js
+++ b/static/js/lib/seajs/sea.js
@@ -1,5 +1,4 @@
 /*! Sea.js 2.1.1 | seajs.org/LICENSE.md
-//# sourceMappingURL=sea.js.map
 */(function(t,u){function v(b){return function(c){return Object.prototype.toString.call(c)==="[object "+b+"]"}}function Q(){return w++}function I(b,c){var a;a=b.charAt(0);if(R.test(b))a=b;else if("."===a){a=(c?c.match(E)[0]:h.cwd)+b;for(a=a.replace(S,"/");a.match(J);)a=a.replace(J,"/")}else a="/"===a?(a=h.cwd.match(T))?a[0]+b.substring(1):b:h.base+b;return a}function K(b,c){if(!b)return"";var a=b,d=h.alias,a=b=d&&F(d[a])?d[a]:a,d=h.paths,g;if(d&&(g=a.match(U))&&F(d[g[1]]))a=d[g[1]]+g[2];g=a;var e=h.vars;
 e&&-11024){L=L/1024}return(N==="B"?L:L.toFixed(O||2))+N}}});D("mediator",["base"],function(L){var H=L.$,G=[].slice,J=/\s+/,F;function M(O,N,Q,P){return H.grep(O,function(R){return R&&(!N||R.e===N)&&(!Q||R.cb===Q||R.cb._cb===Q)&&(!P||R.ctx===P)})}function K(O,P,N){H.each((O||"").split(J),function(R,Q){N(Q,P)})}function I(Q,O){var S=false,R=-1,N=Q.length,P;while(++R1){if(H.isPlainObject(L)&&H.isPlainObject(J[K])){H.extend(J[K],L)}else{J[K]=L}}else{return K?J[K]:J}},getStats:function(){var J=this.request("get-stats");return{successNum:J.numOfSuccess,cancelNum:J.numOfCancel,invalidNum:J.numOfInvalid,uploadFailNum:J.numOfUploadFailed,queueNum:J.numOfQueue}},trigger:function(M){var L=[].slice.call(arguments,1),J=this.options,K="on"+M.substring(0,1).toUpperCase()+M.substring(1);if(I.trigger.apply(this,arguments)===false){return false}if(H.isFunction(J[K])&&J[K].apply(this,L)===false){return false}if(H.isFunction(this[K])&&this[K].apply(this,L)===false){return false}return true},request:G.noop,reset:function(){}});G.create=function(J){return new F(J)};G.Uploader=F;return F});D("runtime/runtime",["base","mediator"],function(G,J){var I=G.$,K={},F=function(M){for(var L in M){if(M.hasOwnProperty(L)){return L}}return null};function H(L){this.options=I.extend({container:document.body},L);this.uid=G.guid("rt_")}I.extend(H.prototype,{getContainer:function(){var L=this.options,N,M;if(this._container){return this._container}N=L.container||I(document.body);M=I(document.createElement("div"));M.attr("id","rt_"+this.uid);M.css({position:"absolute",top:"0px",left:"0px",width:"1px",height:"1px",overflow:"hidden"});N.append(M);N.addClass("webuploader-container");this._container=M;return M},init:G.noop,exec:G.noop,destroy:function(){if(this._container){this._container.parentNode.removeChild(this.__container)}this.off()}});H.orders="html5,flash";H.addRuntime=function(L,M){K[L]=M};H.hasRuntime=function(L){return !!(L?K[L]:F(K))};H.create=function(L,M){var N,O;M=M||H.orders;I.each(M.split(/\s*,\s*/g),function(){if(K[this]){N=this;return false}});N=N||F(K);if(!N){throw new Error("Runtime Error")}O=new K[N](L);return O};J.installTo(H.prototype);return H});D("runtime/client",["base","mediator","runtime/runtime"],function(G,I,H){var F=(function(){var K={};return{add:function(L){K[L.uid]=L},get:function(M){var L;if(M){return K[M]}for(L in K){return K[L]}return null},remove:function(L){delete K[L.uid]},has:function(){return !!this.get.apply(this,arguments)}}})();function J(K,M){var L=G.Deferred(),N;this.uid=G.guid("client_");this.runtimeReady=function(O){return L.done(O)};this.connectRuntime=function(O,P){if(N){return}L.done(P);if(typeof O==="string"&&F.get(O)){N=F.get(O)}else{if(!M&&F.has()){N=F.get()}}if(!N){N=H.create(O,O.runtimeOrder);F.add(N);N.promise=L.promise();N.once("ready",L.resolve);N.init();N.client=1;return N}N.promise.then(L.resolve);N.client++;return N};this.getRuntime=function(){return N};this.disconnectRuntime=function(){if(!N){return}N.client--;if(N.client<=0){F.remove(N);delete N.promise;N.destroy()}N=null};this.exec=function(){if(!N){return}var O=G.slice(arguments);K&&O.unshift(K);return N.exec.apply(this,O)};this.getRuid=function(){return N&&N.uid};this.destroy=(function(O){return function(){O&&O.apply(this,arguments);this.trigger("destroy");this.off();this.exec("destroy");this.disconnectRuntime()}})(this.destroy)}I.installTo(J.prototype);return J});D("lib/blob",["base","runtime/client"],function(F,H){function G(I,J){var K=this;K.source=J;K.ruid=I;H.call(K,"Blob");this.uid=J.uid||this.uid;this.type=J.type||"";this.size=J.size||0;if(I){K.connectRuntime(I)}}F.inherits(H,{constructor:G,slice:function(I,J){return this.exec("slice",I,J)},getSource:function(){return this.source}});return G});D("lib/file",["base","lib/blob"],function(G,J){var F=0,H=/\.([^.]+)$/;function I(L,M){var K;J.apply(this,arguments);this.name=M.name||("untitled"+F++);K=H.exec(M.name)?RegExp.$1.toLowerCase():"";if(!this.type&&~"jpg,jpeg,png,gif,bmp".indexOf(K)){this.type="image/"+K}this.ext=K;this.lastModifiedDate=M.lastModifiedDate||(new Date()).toLocaleString()}return G.inherits(J,I)});D("lib/filepicker",["base","runtime/client","lib/file"],function(G,I,F){var H=G.$;function J(K){K=this.options=H.extend({},J.options,K);K.container=H(K.id);if(!K.container.length){throw new Error("按钮指定错误")}K.label=K.label||K.container.text()||"选择文件";K.button=H(K.button||document.createElement("div"));K.button.text(K.label);K.container.html(K.button);I.call(this,"FilePicker",true)}J.options={button:null,container:null,label:null,multiple:true,accept:null};G.inherits(I,{constructor:J,init:function(){var M=this,K=M.options,L=K.button;L.addClass("webuploader-pick");M.on("all",function(N){var O;switch(N){case"mouseenter":L.addClass("webuploader-pick-hover");break;case"mouseleave":L.removeClass("webuploader-pick-hover");break;case"change":O=M.exec("getFiles");M.trigger("select",H.map(O,function(P){return new F(M.getRuid(),P)}));break}});M.connectRuntime(K,function(){M.refresh();M.exec("init",K)});H(C).on("resize",function(){M.refresh()})},refresh:function(){var N=this.getRuntime().getContainer(),O=this.options.button,M=O.outerWidth(),L=O.outerHeight(),K=O.offset();M&&N.css({width:M+"px",height:L+"px"}).offset(K)},destroy:function(){if(this.runtime){this.exec("destroy");this.disconnectRuntime()}}});return J});D("widgets/widget",["base","uploader"],function(L,J){var H=L.$,K=J.prototype._init,M={},G=[];function F(P){if(!P){return false}var O=P.length,N=H.type(P);if(P.nodeType===1&&O){return true}return N==="array"||N!=="function"&&N!=="string"&&(O===0||typeof O==="number"&&O>0&&(O-1) in P)}function I(N){this.owner=N;this.options=N.options}H.extend(I.prototype,{init:L.noop,invoke:function(P,N){var O=this.responseMap;if(!O||!(P in O)||!(O[P] in this)||!H.isFunction(this[O[P]])){return M}return this[O[P]].apply(this,N)},request:function(){return this.owner.request.apply(this.owner,arguments)}});H.extend(J.prototype,{_init:function(){var O=this,N=O._widgets=[];H.each(G,function(Q,P){N.push(new P(O))});return K.apply(O,arguments)},request:function(T,S,W){var N=0,P=this._widgets,V=P.length,O=[],U=[],Q,R;S=F(S)?S:[S];for(;N';O.html(P)},getFlash:function(){if(this._flash){return this._flash}this._flash=G("#"+this.uid).get(0);return this._flash}});M.register=function(N,O){O=K[N]=L.inherits(F,G.extend({flashExec:function(){var P=this.owner,Q=this.getRuntime();return Q.flashExec.apply(P,arguments)}},O));return O};if(I()>=11.3){J.addRuntime(H,M)}return M});D("runtime/flash/filepicker",["base","runtime/flash/runtime"],function(G,F){var H=G.$;return F.register("FilePicker",{init:function(I){var J=H.extend({},I);delete J.button;delete J.container;this.flashExec("FilePicker","init",J)},destroy:function(){}})});D("runtime/flash/image",["runtime/flash/runtime"],function(F){return F.register("Image",{loadFromBlob:function(H){var G=this.owner;G.info()&&this.flashExec("Image","info",G.info());G.meta()&&this.flashExec("Image","meta",G.meta());this.flashExec("Image","loadFromBlob",H.uid)}})});D("runtime/flash/transport",["base","runtime/flash/runtime","runtime/client"],function(G,F,H){return F.register("Transport",{init:function(){this._status=0;this._response=null;this._responseJson=null},send:function(){var I=this.owner,L=this.options,N=this._initAjax(),K=I._blob,M=L.server,J;N.connectRuntime(K.ruid);if(L.sendAsBinary){M+=(/\?/.test(M)?"&":"?")+$.param(I._formData);J=K.uid}else{$.each(I._formData,function(P,O){N.exec("append",P,O)});N.exec("appendBlob",L.fileVar,K.uid,L.filename||I._formData.name||"")}this._setRequestHeader(N,L.headers);N.exec("send",{method:L.method,url:M},J)},getStatus:function(){return this._status},getResponse:function(){return this._response},getResponseAsJson:function(){return this._responseJson},abort:function(){var I=this._xhr;if(I){I.exec("abort");I.destroy();this._xhr=I=null}},destroy:function(){this.abort()},_initAjax:function(){var J=this,I=new H("XMLHttpRequest");I.on("uploadprogress progress",function(K){return J.trigger("progress",K.loaded/K.total)});I.on("load",function(){var K=I.exec("getStatus");I.off();J._xhr=null;if(K===200){J._response=I.exec("getResponse");J._responseJson=I.exec("getResponseAsJson");return J.trigger("load")}J._status=K;I.destroy();I=null;return J.trigger("error","http")});I.on("error",function(){I.off();J._xhr=null;J.trigger("error","http")});J._xhr=I;return I},_setRequestHeader:function(J,I){$.each(I,function(K,L){J.exec("setRequestHeader",K,L)})}})});D("runtime/html5/runtime",["base","runtime/runtime","runtime/compbase"],function(G,I,J){var K="html5",H={};function F(){var L={},N=this,M=this.destory;I.apply(N,arguments);N.type=K;N.exec=function(T,O){var S=this,Q=S.uid,P=G.slice(arguments,2),R;if(H[T]){R=L[Q]=L[Q]||new H[T](S,N);if(R[O]){return R[O].apply(R,P)}}};N.destory=function(){return M&&M.apply(this,arguments)}}G.inherits(I,{constructor:F,init:function(){var L=this;setTimeout(function(){L.trigger("ready")},1)}});F.register=function(L,N){var M=H[L]=G.inherits(J,N);return M};if(C.Blob&&C.FileReader&&C.DataView){I.addRuntime(K,F)}return F});D("runtime/html5/blob",["runtime/html5/runtime","lib/blob"],function(F,G){return F.register("Blob",{slice:function(H,I){var K=this.owner.source,J=K.slice||K.webkitSlice||K.mozSlice;K=J.call(K,H,I);return new G(this.getRuid(),K)}})});D("runtime/html5/dnd",["base","runtime/html5/runtime","lib/file"],function(H,G,F){var I=H.$;return G.register("DragAndDrop",{init:function(){var J=this.elem=this.options.container;this.dragEnterHandler=H.bindFn(this._dragEnterHandler,this);this.dragOverHandler=H.bindFn(this._dragOverHandler,this);this.dragLeaveHandler=H.bindFn(this._dragLeaveHandler,this);this.dropHandler=H.bindFn(this._dropHandler,this);J.on("dragenter",this.dragEnterHandler);J.on("dragover",this.dragOverHandler);J.on("dragleave",this.dragLeaveHandler);J.on("drop",this.dropHandler);if(this.options.disableGlobalDnd){I(document).on("dragover",this.dragOverHandler);I(document).on("drop",this.dropHandler)}},_dragEnterHandler:function(J){dragEnter(J);this.elem.addClass("webuploader-dnd-over");J=J.originalEvent||J;J.dataTransfer.dropEffect="copy";return false},_dragOverHandler:function(J){dragOver(J);if(!I.contains(this.elem.parent().get(0),J.target)){return false}this._dragEnterHandler.call(this,J);return false},_dragLeaveHandler:function(){dragLeave();this.elem.removeClass("webuploader-dnd-over");return false},_dropHandler:function(Q){dragDrop(Q);var N=[],M=[],S=this,K=S.getRuid(),L,P,O,R,J,T,U;if(!I.contains(S.elem.parent().get(0),Q.target)){return false}Q=Q.originalEvent||Q;O=Q.dataTransfer;L=O.items;P=O.files;if(P.length==0){return}U=!!(L&&L[0].webkitGetAsEntry);for(J=0,T=P.length;J0){M=[];for(I=0,Q=R.accept.length;I=65504&&L<=65519||L===65534){P=O.getUint16(Q+2)+2;if(Q+P>O.byteLength){break}G=F.parsers[L];if(!K&&G){for(J=0;J6){if(I.slice){H.imageHead=I.slice(2,M)}else{H.imageHead=new Uint8Array(I).subarray(2,M)}}}return H},updateImageHead:function(H,G){var L=this._parse(H,true),J,I,K;K=2;if(L.imageHead){K=2+L.imageHead.byteLength}if(H.slice){I=H.slice(K)}else{I=new Uint8Array(H).subarray(K)}J=new Uint8Array(G.byteLength+2+I.byteLength);J[0]=255;J[1]=216;J.set(new Uint8Array(G),2);J.set(new Uint8Array(I),G.byteLength+2);return J.buffer}};return F});D("runtime/html5/image",["runtime/html5/runtime","runtime/html5/util","runtime/html5/imagemeta"],function(G,I,F){var H="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs%3D";return G.register("Image",{modified:false,init:function(){var K=this,J=new Image();J.onload=function(){K._info={type:K.type,width:this.width,height:this.height};if(!K._metas&&~"image/jpegimage/jpg".indexOf(K.type)){F.parse(K._blob,function(M,L){K._metas=L;K.owner.trigger("load")})}else{K.owner.trigger("load")}};J.onerror=function(){K.owner.trigger("error")};K._img=J},loadFromBlob:function(K){var L=this,J=L._img;L._blob=K;L.type=K.type;J.src=I.createObjectURL(K.getSource());L.owner.once("load",function(){I.revokeObjectURL(J.src)})},resize:function(K,J){var L=this._canvas||(this._canvas=document.createElement("canvas"));this._resize(this._img,L,K,J);this._blob=null;this.modified=true;this.owner.trigger("complete")},getAsBlob:function(K){var M=this._blob,J=this.options,L;K=K||this.type;if(this.modified||this.type!==K){L=this._canvas;if(K==="image/jpeg"){M=L.toDataURL("image/jpeg",J.quality/100);if(J.preserveHeaders&&this._metas&&this._metas.imageHead){M=I.dataURL2ArrayBuffer(M);M=F.updateImageHead(M,this._metas.imageHead);M=I.arrayBufferToBlob(M,K);return M}}else{M=L.toDataURL(K)}M=I.dataURL2Blob(M)}return M},getAsDataUrl:function(K){var J=this.options;K=K||this.type;if(K==="image/jpeg"){return this._canvas.toDataURL(K,J.quality/100)}else{return this._canvas.toDataURL(K)}},getOrientation:function(){return this._metas&&this._metas.exif&&this._metas.exif.get("Orientation")||1},info:function(J){if(J){this._info=J;return this}return this._info},meta:function(J){if(J){this._meta=J;return this}return this._meta},destroy:function(){var J=this._canvas;this._img.onload=null;if(J){J.getContext("2d").clearRect(0,0,J.width,J.height);J.width=J.height=0;this._canvas=null}this._img.src=H;this._img=this._blob=null},_resize:function(K,T,J,O){var P=this.options,S=K.width,V=K.height,Q=this.getOrientation(),L,U,R,M,N;if(~[5,6,7,8].indexOf(Q)){J^=O;O^=J;J^=O}L=Math[P.crop?"max":"min"](J/S,O/V);P.allowMagnify||(L=Math.min(1,L));U=S*L;R=V*L;if(P.crop){T.width=J;T.height=O}else{T.width=U;T.height=R}M=(T.width-U)/2;N=(T.height-R)/2;P.preserveHeaders||this._rotate2Orientaion(T,Q);this._renderImageToCanvas(T,K,M,N,U,R)},_rotate2Orientaion:function(N,M){var L=N.width,J=N.height,K=N.getContext("2d");switch(M){case 5:case 6:case 7:case 8:N.width=J;N.height=L;break}switch(M){case 2:K.translate(L,0);K.scale(-1,1);break;case 3:K.translate(L,J);K.rotate(Math.PI);break;case 4:K.translate(0,J);K.scale(1,-1);break;case 5:K.rotate(0.5*Math.PI);K.scale(1,-1);break;case 6:K.rotate(0.5*Math.PI);K.translate(0,-J);break;case 7:K.rotate(0.5*Math.PI);K.translate(L,-J);K.scale(-1,1);break;case 8:K.rotate(-0.5*Math.PI);K.translate(-L,0);break}},_renderImageToCanvas:function(O,L,J,K,M,N){O.getContext("2d").drawImage(L,J,K,M,N)}})});D("runtime/html5/imagemeta/exif",["base","runtime/html5/imagemeta"],function(G,F){var H={};H.ExifMap=function(){return this};H.ExifMap.prototype.map={"Orientation":274};H.ExifMap.prototype.get=function(I){return this[I]||this[this.map[I]]};H.exifTagTypes={1:{getValue:function(J,I){return J.getUint8(I)},size:1},2:{getValue:function(J,I){return String.fromCharCode(J.getUint8(I))},size:1,ascii:true},3:{getValue:function(K,I,J){return K.getUint16(I,J)},size:2},4:{getValue:function(K,I,J){return K.getUint32(I,J)},size:4},5:{getValue:function(K,I,J){return K.getUint32(I,J)/K.getUint32(I+4,J)},size:8},9:{getValue:function(K,I,J){return K.getInt32(I,J)},size:4},10:{getValue:function(K,I,J){return K.getInt32(I,J)/K.getInt32(I+4,J)},size:8}};H.exifTagTypes[7]=H.exifTagTypes[1];H.getExifValue=function(J,U,I,K,S,L){var M=H.exifTagTypes[K],T,R,Q,O,P,N;if(!M){G.log("Invalid Exif data: Invalid tag type.");return}T=M.size*S;R=T>4?U+J.getUint32(I+8,L):(I+8);if(R+T>J.byteLength){G.log("Invalid Exif data: Invalid data offset.");return}if(S===1){return M.getValue(J,R,L)}Q=[];for(O=0;OK.byteLength){G.log("Invalid Exif data: Invalid directory offset.");return}O=K.getUint16(N,L);J=N+2+12*O;if(J+4>K.byteLength){G.log("Invalid Exif data: Invalid directory size.");return}for(I=0;IN.byteLength){G.log("Invalid Exif data: Invalid segment size.");return}if(N.getUint16(M+8)!==0){G.log("Invalid Exif data: Missing byte alignment offset.");return}switch(N.getUint16(I)){case 18761:K=true;break;case 19789:K=false;break;default:G.log("Invalid Exif data: Invalid byte alignment marker.");return}if(N.getUint16(I+2,K)!==42){G.log("Invalid Exif data: Missing TIFF marker.");return}L=N.getUint32(I+4,K);O.exif=new H.ExifMap();L=H.parseExifTags(N,I,I+L,K,O)};F.parsers[65505].push(H.parseExifData);return H});D("runtime/html5/transport",["base","runtime/html5/runtime"],function(G,F){var I=G.noop,H=G.$;return F.register("Transport",{init:function(){this._status=0;this._response=null},send:function(){var J=this.owner,M=this.options,O=this._initAjax(),L=J._blob,N=M.server,K,P;if(M.sendAsBinary){N+=(/\?/.test(N)?"&":"?")+H.param(J._formData);P=L.getSource()}else{K=new FormData();H.each(J._formData,function(R,Q){K.append(R,Q)});K.append(M.fileVar,L.getSource(),M.filename||J._formData.name||"")}if(M.withCredentials&&"withCredentials" in O){O.open(M.method,N,true);O.withCredentials=true}else{O.open(M.method,N)}this._setRequestHeader(O,M.headers);P&&O.overrideMimeType("application/octet-stream");O.send(P||K)},getResponse:function(){return this._response},getResponseAsJson:function(){return this._parseJson(this._response)},getStatus:function(){return this._status},abort:function(){var J=this._xhr;if(J){J.upload.onprogress=I;J.onreadystatechange=I;J.abort();this._xhr=J=null}},destroy:function(){this.abort()},_initAjax:function(){var L=this,K=new XMLHttpRequest(),J=this.options;if(J.withCredentials&&!("withCredentials" in K)&&typeof XDomainRequest!=="undefined"){K=new XDomainRequest()}K.upload.onprogress=function(M){var N=0;if(M.lengthComputable){N=M.loaded/M.total}return L.trigger("progress",N)};K.onreadystatechange=function(){if(K.readyState!==4){return}K.upload.onprogress=I;K.onreadystatechange=I;L._xhr=null;if(K.status===200){L._response=K.responseText;return L.trigger("load")}L._status=K.status;K=null;return L.trigger("error",L._status?"http":"abort")};L._xhr=K;return K},_setRequestHeader:function(K,J){H.each(J,function(L,M){K.setRequestHeader(L,M)})},_parseJson:function(K){var J;try{J=JSON.parse(K)}catch(L){J={}}return J}})});D("widgets/filednd",["base","uploader","lib/dnd","widgets/widget"],function(F,G,H){G.options.dnd="";return G.register({init:function(I){if(!I.dnd||this.request("predict-runtime-type")!=="html5"){return}var M=this,L=F.Deferred(),K=$.extend({},{container:I.dnd,accept:I.accept}),J;J=new H(K);J.once("ready",L.resolve);J.on("drop",function(N){M.request("add-file",[N])});J.init();return L.promise()}})});D("widgets/filepaste",["base","uploader","lib/filepaste","widgets/widget"],function(F,H,G){return H.register({init:function(I){if(!I.paste||this.request("predict-runtime-type")!=="html5"){return}var M=this,K=F.Deferred(),J=$.extend({},{container:I.paste,accept:I.accept}),L;L=new G(J);L.once("ready",K.resolve);L.on("paste",function(N){M.owner.request("add-file",[N])});L.init();return K.promise()}})});D("widgets/image",["base","uploader","lib/image","widgets/widget"],function(F,H,I){var G=F.$,J;J=(function(N){var L=0,M=[],K=function(){var O;while(M.length&&L1){H.each(Q.blocks,function(Z,Y){W+=(Y.percentage||0)*(Y.end-Y.start)});V=W/Q.size}P.trigger("uploadProgress",Q,V||0)});S.on("error",function(V){N.retried=N.retried||0;if(N.chunks>1&&~"http,abort".indexOf(V)&&N.retried1&&H.extend(O,{chunks:N.chunks,chunk:N.chunk});P.trigger("uploadBeforeSend",N,O,T);S.appendBlob(U.fileVal,N.blob,Q.name);S.append(O);S.setRequestHeader(T);S.send()},_finishFile:function(Q,P,O){var N=this.owner;return N.request("after-send-file",arguments,function(){Q.setStatus(G.COMPLETE);N.trigger("uploadSuccess",Q,P,O)}).fail(function(R){if(Q.getStatus()===G.PROGRESS){Q.setStatus(G.ERROR,R)}N.trigger("uploadError",Q,R)}).always(function(){N.trigger("uploadComplete",Q)})}})});D("widgets/validator",["base","uploader","file","widgets/widget"],function(G,I,J){var H=G.$,K={},F;F={addValidator:function(M,L){K[M]=L},removeValidator:function(L){delete K[L]}};I.register({init:function(){var L=this;H.each(K,function(){this.call(L.owner)})}});F.addValidator("fileNumLimit",function(){var N=this,L=N.options,P=0,O=L.fileNumLimit>>0,M=true;if(!O){return}N.on("beforeFileQueued",function(){if(P>=O&&M){M=false;this.trigger("error","Q_EXCEED_NUM_LIMIT",O);setTimeout(function(){M=true},1)}return P>=O?false:true});N.on("fileQueued",function(){P++});N.on("fileDequeued",function(){P--})});F.addValidator("fileSizeLimit",function(){var N=this,L=N.options,P=0,O=L.fileSizeLimit>>0,M=true;if(!O){return}N.on("beforeFileQueued",function(R){var Q=P+R.size>O;if(Q&&M){M=false;this.trigger("error","Q_EXCEED_SIZE_LIMIT",O);setTimeout(function(){M=true},1)}return Q?false:true});N.on("fileQueued",function(Q){P+=Q.size});N.on("fileDequeued",function(Q){P-=Q.size})});F.addValidator("fileSingleSizeLimit",function(){var M=this,L=M.options,N=L.fileSingleSizeLimit;if(!N){return}M.on("fileQueued",function(O){if(O.size>N){O.setStatus(J.Status.INVALID,"exceed_size")}})});F.addValidator("duplicate",function(){var N=this,L=N.options,O={};if(L.duplicate){return}function M(R){var Q=0,S=0,P=R.length,T;for(;S1024){K=K/1024}return(M==="B"?K:K.toFixed(N||2))+M}}});A("mediator",["base"],function(J){var F=J.$,E=[].slice,H=/\s+/,D;function K(M,L,O,N){return F.grep(M,function(P){return P&&(!L||P.e===L)&&(!O||P.cb===O||P.cb._cb===O)&&(!N||P.ctx===N)})}function I(M,N,L){F.each((M||"").split(H),function(P,O){L(O,N)})}function G(O,M){var Q=false,P=-1,L=O.length,N;while(++P1){if(F.isPlainObject(J)&&F.isPlainObject(H[I])){F.extend(H[I],J)}else{H[I]=J}}else{return I?H[I]:H}},getStats:function(){var H=this.request("get-stats");return{successNum:H.numOfSuccess,progressNum:H.numOfProgress,cancelNum:H.numOfCancel,invalidNum:H.numOfInvalid,uploadFailNum:H.numOfUploadFailed,queueNum:H.numOfQueue}},trigger:function(K){var J=[].slice.call(arguments,1),H=this.options,I="on"+K.substring(0,1).toUpperCase()+K.substring(1);if(G.trigger.apply(this,arguments)===false||F.isFunction(H[I])&&H[I].apply(this,J)===false||F.isFunction(this[I])&&this[I].apply(this,J)===false||G.trigger.apply(G,[this,K].concat(J))===false){return false}return true},request:E.noop});E.create=D.create=function(H){return new D(H)};E.Uploader=D;return D});A("runtime/runtime",["base","mediator"],function(E,H){var G=E.$,I={},D=function(K){for(var J in K){if(K.hasOwnProperty(J)){return J}}return null};function F(J){this.options=G.extend({container:document.body},J);this.uid=E.guid("rt_")}G.extend(F.prototype,{getContainer:function(){var J=this.options,L,K;if(this._container){return this._container}L=G(J.container||document.body);K=G(document.createElement("div"));K.attr("id","rt_"+this.uid);K.css({position:"absolute",top:"0px",left:"0px",width:"1px",height:"1px",overflow:"hidden"});L.append(K);L.addClass("webuploader-container");this._container=K;return K},init:E.noop,exec:E.noop,destroy:function(){if(this._container){this._container.parentNode.removeChild(this.__container)}this.off()}});F.orders="html5,flash";F.addRuntime=function(J,K){I[J]=K};F.hasRuntime=function(J){return !!(J?I[J]:D(I))};F.create=function(J,K){var L,M;K=K||F.orders;G.each(K.split(/\s*,\s*/g),function(){if(I[this]){L=this;return false}});L=L||D(I);if(!L){throw new Error("Runtime Error")}M=new I[L](J);return M};H.installTo(F.prototype);return F});A("runtime/client",["base","mediator","runtime/runtime"],function(E,G,F){var D;D=(function(){var I={};return{add:function(J){I[J.uid]=J},get:function(K,L){var J;if(K){return I[K]}for(J in I){if(L&&I[J].__standalone){continue}return I[J]}return null},remove:function(J){delete I[J.uid]}}})();function H(I,K){var J=E.Deferred(),L;this.uid=E.guid("client_");this.runtimeReady=function(M){return J.done(M)};this.connectRuntime=function(M,N){if(L){throw new Error("already connected!")}J.done(N);if(typeof M==="string"&&D.get(M)){L=D.get(M)}L=L||D.get(null,K);if(!L){L=F.create(M,M.runtimeOrder);L.__promise=J.promise();L.once("ready",J.resolve);L.init();D.add(L);L.__client=1}else{E.$.extend(L.options,M);L.__promise.then(J.resolve);L.__client++}K&&(L.__standalone=K);return L};this.getRuntime=function(){return L};this.disconnectRuntime=function(){if(!L){return}L.__client--;if(L.__client<=0){D.remove(L);delete L.__promise;L.destroy()}L=null};this.exec=function(){if(!L){return}var M=E.slice(arguments);I&&M.unshift(I);return L.exec.apply(this,M)};this.getRuid=function(){return L&&L.uid};this.destroy=(function(M){return function(){M&&M.apply(this,arguments);this.trigger("destroy");this.off();this.exec("destroy");this.disconnectRuntime()}})(this.destroy)}G.installTo(H.prototype);return H});A("lib/dnd",["base","mediator","runtime/client"],function(D,H,F){var E=D.$;function G(I){I=this.options=E.extend({},G.options,I);I.container=E(I.container);if(!I.container.length){return}F.call(this,"DragAndDrop")}G.options={accept:null,disableGlobalDnd:false};D.inherits(F,{constructor:G,init:function(){var I=this;I.connectRuntime(I.options,function(){I.exec("init");I.trigger("ready")})},destroy:function(){this.disconnectRuntime()}});H.installTo(G.prototype);return G});A("widgets/widget",["base","uploader"],function(J,H){var F=J.$,I=H.prototype._init,K={},E=[];function D(N){if(!N){return false}var M=N.length,L=F.type(N);if(N.nodeType===1&&M){return true}return L==="array"||L!=="function"&&L!=="string"&&(M===0||typeof M==="number"&&M>0&&(M-1) in N)}function G(L){this.owner=L;this.options=L.options}F.extend(G.prototype,{init:J.noop,invoke:function(N,L){var M=this.responseMap;if(!M||!(N in M)||!(M[N] in this)||!F.isFunction(this[M[N]])){return K}return this[M[N]].apply(this,L)},request:function(){return this.owner.request.apply(this.owner,arguments)}});F.extend(H.prototype,{_init:function(){var M=this,L=M._widgets=[];F.each(E,function(O,N){L.push(new N(M))});return I.apply(M,arguments)},request:function(T,S,W){var L=0,O=this._widgets,V=O.length,M=[],U=[],P,R,Q,N;S=D(S)?S:[S];for(;L0){K=N._info.width*K}if(J<=1&&J>0){J=N._info.height*J}M.resize(K,J)});M.once("complete",function(){I(false,M.getAsDataUrl(L.type));M.destroy()});M.once("error",function(O){I(O||true);M.destroy()});H(M,N.source.size,function(){N._info&&M.info(N._info);N._meta&&M.meta(N._meta);M.loadFromBlob(N.source)})},compressImage:function(N){var I=this.options.compress||this.options.resize,J=I&&I.compressSize||0,K=I&&I.noCompressIfLarger||false,M,L;N=this.request("get-file",N);if(!I||!~"image/jpeg,image/jpg".indexOf(N.type)||N.size0){P=N._info.width*P}if(O<=1&&O>0){O=N._info.height*O}M.resize(P,O)});M.once("complete",function(){var Q,O;try{Q=M.getAsBlob(I.type);O=N.size;if(!K||Q.size1){F.each(P.blocks,function(Z,Y){W+=(Y.percentage||0)*(Y.end-Y.start)});V=W/P.size}O.trigger("uploadProgress",P,V||0)});T=function(W){var V;M=R.getResponseAsJson()||{};M._raw=R.getResponse();V=function(X){W=X};if(!O.trigger("uploadAccept",L,M,V)){W=W||"server"}return W};R.on("error",function(V,W){L.retried=L.retried||0;if(L.chunks>1&&~"http,abort".indexOf(V)&&L.retried1&&F.extend(N,{chunks:L.chunks,chunk:L.chunk});O.trigger("uploadBeforeSend",L,N,S);R.appendBlob(U.fileVal,L.blob,P.name);R.append(N);R.setRequestHeader(S);R.send()},_finishFile:function(O,N,M){var L=this.owner;return L.request("after-send-file",arguments,function(){O.setStatus(E.COMPLETE);L.trigger("uploadSuccess",O,N,M)}).fail(function(P){if(O.getStatus()===E.PROGRESS){O.setStatus(E.ERROR,P)}L.trigger("uploadError",O,P)}).always(function(){L.trigger("uploadComplete",O)})}})});A("widgets/validator",["base","uploader","file","widgets/widget"],function(E,G,H){var F=E.$,I={},D;D={addValidator:function(K,J){I[K]=J},removeValidator:function(J){delete I[J]}};G.register({init:function(){var J=this;E.nextTick(function(){F.each(I,function(){this.call(J.owner)})})}});D.addValidator("fileNumLimit",function(){var L=this,J=L.options,N=0,M=parseInt(J.fileNumLimit,10),K=true;if(!M){return}L.on("beforeFileQueued",function(O){if(N>=M&&K){K=false;this.trigger("error","Q_EXCEED_NUM_LIMIT",M,O);setTimeout(function(){K=true},1)}return N>=M?false:true});L.on("fileQueued",function(){N++});L.on("fileDequeued",function(){N--});L.on("uploadFinished reset",function(){N=0})});D.addValidator("fileSizeLimit",function(){var L=this,J=L.options,N=0,M=J.fileSizeLimit>>0,K=true;if(!M){return}L.on("beforeFileQueued",function(P){var O=N+P.size>M;if(O&&K){K=false;this.trigger("error","Q_EXCEED_SIZE_LIMIT",M,P);setTimeout(function(){K=true},1)}return O?false:true});L.on("fileQueued",function(O){N+=O.size});L.on("fileDequeued",function(O){N-=O.size});L.on("uploadFinished reset",function(){N=0})});D.addValidator("fileSingleSizeLimit",function(){var K=this,J=K.options,L=J.fileSingleSizeLimit;if(!L){return}K.on("beforeFileQueued",function(M){if(M.size>L){M.setStatus(H.Status.INVALID,"exceed_size");this.trigger("error","F_EXCEED_SIZE",M);return false}})});D.addValidator("duplicate",function(){var L=this,J=L.options,M={};if(J.duplicate){return}function K(P){var O=0,Q=0,N=P.length,R;for(;Q1){I=I||0;J=J||0;I<0&&(I=L.size+I);J<0&&(J=L.size+J);J=Math.min(J,L.size);L=L.slice(I,J)}H.loadFromBlob(L);return K.promise()}})});A("runtime/compbase",[],function(){function D(E,F){this.owner=E;this.options=E.options;this.getRuntime=function(){return F};this.getRuid=function(){return F.uid};this.trigger=function(){return E.trigger.apply(E,arguments)}}return D});A("runtime/html5/runtime",["base","runtime/runtime","runtime/compbase"],function(E,G,H){var I="html5",F={};function D(){var J={},L=this,K=this.destory;G.apply(L,arguments);L.type=I;L.exec=function(R,M){var Q=this,O=Q.uid,N=E.slice(arguments,2),P;if(F[R]){P=J[O]=J[O]||new F[R](Q,L);if(P[M]){return P[M].apply(P,N)}}};L.destory=function(){return K&&K.apply(this,arguments)}}E.inherits(G,{constructor:D,init:function(){var J=this;setTimeout(function(){J.trigger("ready")},1)}});D.register=function(J,L){var K=F[J]=E.inherits(H,L);return K};if(C.Blob&&C.FileReader&&C.DataView){G.addRuntime(I,D)}return D});A("runtime/html5/blob",["runtime/html5/runtime","lib/blob"],function(D,E){return D.register("Blob",{slice:function(F,G){var I=this.owner.source,H=I.slice||I.webkitSlice||I.mozSlice;I=H.call(I,F,G);return new E(this.getRuid(),I)}})});A("runtime/html5/dnd",["base","runtime/html5/runtime","lib/file"],function(F,E,D){var H=F.$,G="webuploader-dnd-";return E.register("DragAndDrop",{init:function(){var I=this.elem=this.options.container;this.dragEnterHandler=F.bindFn(this._dragEnterHandler,this);this.dragOverHandler=F.bindFn(this._dragOverHandler,this);this.dragLeaveHandler=F.bindFn(this._dragLeaveHandler,this);this.dropHandler=F.bindFn(this._dropHandler,this);this.dndOver=false;I.on("dragenter",this.dragEnterHandler);I.on("dragover",this.dragOverHandler);I.on("dragleave",this.dragLeaveHandler);I.on("drop",this.dropHandler);if(this.options.disableGlobalDnd){H(document).on("dragover",this.dragOverHandler);H(document).on("drop",this.dropHandler)}},_dragEnterHandler:function(K){dragEnter(K);var L=this,I=L._denied||false,J;K=K.originalEvent||K;if(!L.dndOver){L.dndOver=true;J=K.dataTransfer.items;if(J&&J.length){L._denied=I=!L.trigger("accept",J)}L.elem.addClass(G+"over");L.elem[I?"addClass":"removeClass"](G+"denied")}K.dataTransfer.dropEffect=I?"none":"copy";return false},_dragOverHandler:function(J){dragOver(J);var I=this.elem.parent().get(0);if(I&&!H.contains(I,J.currentTarget)){return false}clearTimeout(this._leaveTimer);this._dragEnterHandler.call(this,J);return false},_dragLeaveHandler:function(){dragLeave();var J=this,I;I=function(){J.dndOver=false;J.elem.removeClass(G+"over "+G+"denied")};clearTimeout(J._leaveTimer);J._leaveTimer=setTimeout(I,100);return false},_dropHandler:function(M){dragDrop(M);var O=this,L=O.getRuid(),K=O.elem.parent().get(0),J,I;if(K&&!H.contains(K,M.currentTarget)){return false}M=M.originalEvent||M;J=M.dataTransfer;try{I=J.getData("text/html")}catch(N){}if(I){return}O._getTansferFiles(J,function(P){O.trigger("drop",H.map(P,function(Q){return new D(L,Q)}))});O.dndOver=false;O.elem.removeClass(G+"over");return false},_getTansferFiles:function(N,S){var M=[],L=[],J,O,P,K,I,Q,R;J=N.items;O=N.files;if(O.length==0){return}R=!!(J&&J[0].webkitGetAsEntry);for(I=0,Q=O.length;I0){K=[];for(G=0,O=P.accept.length;G=65504&&K<=65519||K===65534){O=N.getUint16(P+2)+2;if(P+O>N.byteLength){break}F=E.parsers[K];if(!J&&F){for(I=0;I6){if(H.slice){G.imageHead=H.slice(2,L)}else{G.imageHead=new Uint8Array(H).subarray(2,L)}}}return G},updateImageHead:function(G,F){var K=this._parse(G,true),I,H,J;J=2;if(K.imageHead){J=2+K.imageHead.byteLength}if(G.slice){H=G.slice(J)}else{H=new Uint8Array(G).subarray(J)}I=new Uint8Array(F.byteLength+2+H.byteLength);I[0]=255;I[1]=216;I.set(new Uint8Array(F),2);I.set(new Uint8Array(H),F.byteLength+2);return I.buffer}};D.parseMeta=function(){return E.parse.apply(E,arguments)};D.updateImageHead=function(){return E.updateImageHead.apply(E,arguments)};return E});A("runtime/html5/imagemeta/exif",["base","runtime/html5/imagemeta"],function(E,D){var F={};F.ExifMap=function(){return this};F.ExifMap.prototype.map={"Orientation":274};F.ExifMap.prototype.get=function(G){return this[G]||this[this.map[G]]};F.exifTagTypes={1:{getValue:function(H,G){return H.getUint8(G)},size:1},2:{getValue:function(H,G){return String.fromCharCode(H.getUint8(G))},size:1,ascii:true},3:{getValue:function(I,G,H){return I.getUint16(G,H)},size:2},4:{getValue:function(I,G,H){return I.getUint32(G,H)},size:4},5:{getValue:function(I,G,H){return I.getUint32(G,H)/I.getUint32(G+4,H)},size:8},9:{getValue:function(I,G,H){return I.getInt32(G,H)},size:4},10:{getValue:function(I,G,H){return I.getInt32(G,H)/I.getInt32(G+4,H)},size:8}};F.exifTagTypes[7]=F.exifTagTypes[1];F.getExifValue=function(H,S,G,I,Q,J){var K=F.exifTagTypes[I],R,P,O,M,N,L;if(!K){E.log("Invalid Exif data: Invalid tag type.");return}R=K.size*Q;P=R>4?S+H.getUint32(G+8,J):(G+8);if(P+R>H.byteLength){E.log("Invalid Exif data: Invalid data offset.");return}if(Q===1){return K.getValue(H,P,J)}O=[];for(M=0;MI.byteLength){E.log("Invalid Exif data: Invalid directory offset.");return}M=I.getUint16(L,J);H=L+2+12*M;if(H+4>I.byteLength){E.log("Invalid Exif data: Invalid directory size.");return}for(G=0;GL.byteLength){E.log("Invalid Exif data: Invalid segment size.");return}if(L.getUint16(K+8)!==0){E.log("Invalid Exif data: Missing byte alignment offset.");return}switch(L.getUint16(G)){case 18761:I=true;break;case 19789:I=false;break;default:E.log("Invalid Exif data: Invalid byte alignment marker.");return}if(L.getUint16(G+2,I)!==42){E.log("Invalid Exif data: Missing TIFF marker.");return}J=L.getUint32(G+4,I);M.exif=new F.ExifMap();J=F.parseExifTags(L,G,G+J,I,M)};D.parsers[65505].push(F.parseExifData);return F});A("runtime/html5/jpegencoder",[],function(E,F,D){function G(V){var q=this;var r=Math.round;var w=Math.floor;var L=new Array(64);var Ag=new Array(64);var I=new Array(64);var Af=new Array(64);var y;var J;var Z;var T;var Ab=new Array(65535);var H=new Array(65535);var X=new Array(64);var x=new Array(64);var Y=[];var K=0;var M=7;var f=new Array(64);var o=new Array(64);var p=new Array(64);var v=new Array(256);var Q=new Array(2048);var O;var m=[0,1,5,6,14,15,27,28,2,4,7,13,16,26,29,42,3,8,12,17,25,30,41,43,9,11,18,24,31,40,44,53,10,19,23,32,39,45,52,54,20,22,33,38,46,51,55,60,21,34,37,47,50,56,59,61,35,36,48,49,57,58,62,63];var S=[0,0,1,5,1,1,1,1,1,1,0,0,0,0,0,0,0];var t=[0,1,2,3,4,5,6,7,8,9,10,11];var W=[0,0,2,1,3,3,2,4,3,5,5,4,4,0,0,1,125];var Ad=[1,2,3,0,4,17,5,18,33,49,65,6,19,81,97,7,34,113,20,50,129,145,161,8,35,66,177,193,21,82,209,240,36,51,98,114,130,9,10,22,23,24,25,26,37,38,39,40,41,42,52,53,54,55,56,57,58,67,68,69,70,71,72,73,74,83,84,85,86,87,88,89,90,99,100,101,102,103,104,105,106,115,116,117,118,119,120,121,122,131,132,133,134,135,136,137,138,146,147,148,149,150,151,152,153,154,162,163,164,165,166,167,168,169,170,178,179,180,181,182,183,184,185,186,194,195,196,197,198,199,200,201,202,210,211,212,213,214,215,216,217,218,225,226,227,228,229,230,231,232,233,234,241,242,243,244,245,246,247,248,249,250];var u=[0,0,3,1,1,1,1,1,1,1,1,1,0,0,0,0,0];var z=[0,1,2,3,4,5,6,7,8,9,10,11];var Ac=[0,0,2,1,2,4,4,3,4,7,5,4,4,0,1,2,119];var a=[0,1,2,3,17,4,5,33,49,6,18,65,81,7,97,113,19,34,50,129,8,20,66,145,161,177,193,9,35,51,82,240,21,98,114,209,10,22,36,52,225,37,241,23,24,25,26,38,39,40,41,42,53,54,55,56,57,58,67,68,69,70,71,72,73,74,83,84,85,86,87,88,89,90,99,100,101,102,103,104,105,106,115,116,117,118,119,120,121,122,130,131,132,133,134,135,136,137,138,146,147,148,149,150,151,152,153,154,162,163,164,165,166,167,168,169,170,178,179,180,181,182,183,184,185,186,194,195,196,197,198,199,200,201,202,210,211,212,213,214,215,216,217,218,226,227,228,229,230,231,232,233,234,242,243,244,245,246,247,248,249,250];function Aa(Ao){var Am=[16,11,10,16,24,40,51,61,12,12,14,19,26,58,60,55,14,13,16,24,40,57,69,56,14,17,22,29,51,87,80,62,18,22,37,56,68,109,103,77,24,35,55,64,81,104,113,92,49,64,78,87,103,121,120,101,72,92,95,98,112,100,103,99];for(var Ah=0;Ah<64;Ah++){var Aq=w((Am[Ah]*Ao+50)/100);if(Aq<1){Aq=1}else{if(Aq>255){Aq=255}}L[m[Ah]]=Aq}var Al=[17,18,24,47,99,99,99,99,18,21,26,66,99,99,99,99,24,26,56,99,99,99,99,99,47,66,99,99,99,99,99,99,99,99,99,99,99,99,99,99,99,99,99,99,99,99,99,99,99,99,99,99,99,99,99,99,99,99,99,99,99,99,99,99];for(var Ai=0;Ai<64;Ai++){var Ar=w((Al[Ai]*Ao+50)/100);if(Ar<1){Ar=1}else{if(Ar>255){Ar=255}}Ag[m[Ai]]=Ar}var Ak=[1,1.387039845,1.306562965,1.175875602,1,0.785694958,0.5411961,0.275899379];var Aj=0;for(var Ap=0;Ap<8;Ap++){for(var An=0;An<8;An++){I[Aj]=(1/(L[m[Aj]]*Ak[Ap]*Ak[An]*8));Af[Aj]=(1/(Ag[m[Aj]]*Ak[Ap]*Ak[An]*8));Aj++}}}function P(An,Am){var Ai=0;var Ah=0;var Ak=new Array();for(var Aj=1;Aj<=16;Aj++){for(var Al=1;Al<=An[Aj];Al++){Ak[Am[Ah]]=[];Ak[Am[Ah]][0]=Ai;Ak[Am[Ah]][1]=Aj;Ah++;Ai++}Ai*=2}return Ak}function h(){y=P(S,t);J=P(u,z);Z=P(W,Ad);T=P(Ac,a)}function N(){var Ah=1;var Ak=2;for(var Ai=1;Ai<=15;Ai++){for(var Aj=Ah;Aj>0]=38470*Ah;Q[(Ah+512)>>0]=7471*Ah+32768;Q[(Ah+768)>>0]=-11059*Ah;Q[(Ah+1024)>>0]=-21709*Ah;Q[(Ah+1280)>>0]=32768*Ah+8421375;Q[(Ah+1536)>>0]=-27439*Ah;Q[(Ah+1792)>>0]=-5329*Ah}}function R(Ai){var Ah=Ai[0];var Aj=Ai[1]-1;while(Aj>=0){if(Ah&(1<>8)&255);c((Ah)&255)}function g(AJ,AT){var AA,AY,Ay,AX,Aw,An,A4,AS;var Av=0;var AE;var Ai=8;var AG=64;for(AE=0;AE0)?((Am+0.5)|0):((Am-0.5)|0)}return X}function i(){e(65504);e(16);c(74);c(70);c(73);c(70);c(0);c(1);c(1);c(0);e(1);e(1);c(0);c(0)}function j(Ai,Ah){e(65472);e(17);c(8);e(Ah);e(Ai);c(3);c(1);c(17);c(0);c(2);c(17);c(1);c(3);c(17);c(1)}function n(){e(65499);e(132);c(0);for(var Ah=0;Ah<64;Ah++){c(L[Ah])}c(1);for(var Ai=0;Ai<64;Ai++){c(Ag[Ai])}}function U(){e(65476);e(418);c(0);for(var Ah=0;Ah<16;Ah++){c(S[Ah+1])}for(var Ai=0;Ai<=11;Ai++){c(t[Ai])}c(16);for(var Aj=0;Aj<16;Aj++){c(W[Aj+1])}for(var Ak=0;Ak<=161;Ak++){c(Ad[Ak])}c(1);for(var Al=0;Al<16;Al++){c(u[Al+1])}for(var Am=0;Am<=11;Am++){c(z[Am])}c(17);for(var An=0;An<16;An++){c(Ac[An+1])}for(var Ao=0;Ao<=161;Ao++){c(a[Ao])}}function l(){e(65498);e(12);c(3);c(1);c(0);c(2);c(17);c(3);c(17);c(0);c(63);c(0)}function d(As,Ao,Ar,Av,Ay){var Au=Ay[0];var Ax=Ay[240];var Az;var At=16;var Aq=63;var AA=64;var Ak=g(As,Ao);for(var An=0;An0)&&(x[Al]==0);Al--){}if(Al==0){R(Au);return Ar}var Am=1;var Aw;while(Am<=Al){var Ah=Am;for(;(x[Am]==0)&&(Am<=Al);++Am){}var Aj=Am-Ah;if(Aj>=At){Aw=Aj>>4;for(var Ai=1;Ai<=Aw;++Ai){R(Ax)}Aj=Aj&15}Az=32767+x[Am];R(Ay[(Aj<<4)+H[Az]]);R(Ab[Az]);Am++}if(Al!=Aq){R(Au)}return Ar}function k(){var Ah=String.fromCharCode;for(var Ai=0;Ai<256;Ai++){v[Ai]=Ah(Ai)}}this.encode=function(Ap,Am){if(Am){Ae(Am)}Y=new Array();K=0;M=7;e(65496);i();n();j(Ap.width,Ap.height);U();l();var Ao=0;var An=0;var Az=0;K=0;M=7;this.encode.displayName="_encode_";var At=Ap.data;var AA=Ap.width;var Ak=Ap.height;var Au=AA*4;var Aw=AA*3;var AC,Ah=0;var Al,As,Ar;var Aq,Aj,Ax,Av,AB;while(Ah>3;Ax=(AB&7)*4;Aj=Aq+(Av*Au)+Ax;if(Ah+Av>=Ak){Aj-=(Au*(Ah+1+Av-Ak))}if(AC+Ax>=Au){Aj-=((AC+Ax)-Au+4)}Al=At[Aj++];As=At[Aj++];Ar=At[Aj++];f[AB]=((Q[Al]+Q[(As+256)>>0]+Q[(Ar+512)>>0])>>16)-128;o[AB]=((Q[(Al+768)>>0]+Q[(As+1024)>>0]+Q[(Ar+1280)>>0])>>16)-128;p[AB]=((Q[(Al+1280)>>0]+Q[(As+1536)>>0]+Q[(Ar+1792)>>0])>>16)-128}Ao=d(f,I,Ao,y,Z);An=d(o,Af,An,J,T);Az=d(p,Af,Az,J,T);AC+=32}Ah+=8}if(M>=0){var Ay=[];Ay[1]=M+1;Ay[0]=(1<<(M+1))-1;R(Ay)}e(65497);var Ai="data:image/jpeg;base64,"+btoa(Y.join(""));Y=[];return Ai};function Ae(Ah){if(Ah<=0){Ah=1}if(Ah>100){Ah=100}if(O==Ah){return}var Ai=0;if(Ah<50){Ai=Math.floor(5000/Ah)}else{Ai=Math.floor(200-Ah*2)}Aa(Ai);O=Ah}function b(){if(!V){V=50}k();h();N();s();Ae(V)}b()}G.encode=function(J,H){var I=new G(H);return I.encode(J)};return G});A("runtime/html5/androidpatch",["runtime/html5/util","runtime/html5/jpegencoder","base"],function(D,G,E){var H=D.canvasToDataUrl,F;D.canvasToDataUrl=function(N,K,I){var M,O,P,J,L;if(!E.os.android){return H.apply(null,arguments)}if(K==="image/jpeg"&&typeof F==="undefined"){J=H.apply(null,arguments);L=J.split(",");if(~L[0].indexOf("base64")){J=atob(L[1])}else{J=decodeURIComponent(L[1])}J=J.substring(0,2);F=J.charCodeAt(0)===255&&J.charCodeAt(1)===216}if(K==="image/jpeg"&&!F){O=N.width;P=N.height;M=N.getContext("2d");return G.encode(M.getImageData(0,0,O,P),I)}return H.apply(null,arguments)}});A("runtime/html5/image",["base","runtime/html5/runtime","runtime/html5/util"],function(E,D,G){var F="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs%3D";return D.register("Image",{modified:false,init:function(){var I=this,H=new Image();H.onload=function(){I._info={type:I.type,width:this.width,height:this.height};if(!I._metas&&"image/jpeg"===I.type){G.parseMeta(I._blob,function(K,J){I._metas=J;I.owner.trigger("load")})}else{I.owner.trigger("load")}};H.onerror=function(){I.owner.trigger("error")};I._img=H},loadFromBlob:function(I){var J=this,H=J._img;J._blob=I;J.type=I.type;H.src=G.createObjectURL(I.getSource());J.owner.once("load",function(){G.revokeObjectURL(H.src)})},resize:function(I,H){var J=this._canvas||(this._canvas=document.createElement("canvas"));this._resize(this._img,J,I,H);this._blob=null;this.modified=true;this.owner.trigger("complete","resize")},crop:function(J,K,Q,R,O){var P=this._canvas||(this._canvas=document.createElement("canvas")),M=this.options,I=this._img,H=I.naturalWidth,L=I.naturalHeight,N=this.getOrientation();O=O||1;P.width=Q;P.height=R;M.preserveHeaders||this._rotate2Orientaion(P,N);this._renderImageToCanvas(P,I,-J,-K,H*O,L*O);this._blob=null;this.modified=true;this.owner.trigger("complete","crop")},getAsBlob:function(I){var K=this._blob,H=this.options,J;I=I||this.type;if(this.modified||this.type!==I){J=this._canvas;if(I==="image/jpeg"){K=G.canvasToDataUrl(J,I,H.quality);if(H.preserveHeaders&&this._metas&&this._metas.imageHead){K=G.dataURL2ArrayBuffer(K);K=G.updateImageHead(K,this._metas.imageHead);K=G.arrayBufferToBlob(K,I);return K}}else{K=G.canvasToDataUrl(J,I)}K=G.dataURL2Blob(K)}return K},getAsDataUrl:function(I){var H=this.options;I=I||this.type;if(I==="image/jpeg"){return G.canvasToDataUrl(this._canvas,I,H.quality)}else{return this._canvas.toDataURL(I)}},getOrientation:function(){return this._metas&&this._metas.exif&&this._metas.exif.get("Orientation")||1},info:function(H){if(H){this._info=H;return this}return this._info},meta:function(H){if(H){this._meta=H;return this}return this._meta},destroy:function(){var H=this._canvas;this._img.onload=null;if(H){H.getContext("2d").clearRect(0,0,H.width,H.height);H.width=H.height=0;this._canvas=null}this._img.src=F;this._img=this._blob=null},_resize:function(I,R,H,M){var N=this.options,Q=I.width,T=I.height,O=this.getOrientation(),J,S,P,K,L;if(~[5,6,7,8].indexOf(O)){H^=M;M^=H;H^=M}J=Math[N.crop?"max":"min"](H/Q,M/T);N.allowMagnify||(J=Math.min(1,J));S=Q*J;P=T*J;if(N.crop){R.width=H;R.height=M}else{R.width=S;R.height=P}K=(R.width-S)/2;L=(R.height-P)/2;N.preserveHeaders||this._rotate2Orientaion(R,O);this._renderImageToCanvas(R,I,K,L,S,P)},_rotate2Orientaion:function(L,K){var J=L.width,H=L.height,I=L.getContext("2d");switch(K){case 5:case 6:case 7:case 8:L.width=H;L.height=J;break}switch(K){case 2:I.translate(J,0);I.scale(-1,1);break;case 3:I.translate(J,H);I.rotate(Math.PI);break;case 4:I.translate(0,H);I.scale(1,-1);break;case 5:I.rotate(0.5*Math.PI);I.scale(1,-1);break;case 6:I.rotate(0.5*Math.PI);I.translate(0,-H);break;case 7:I.rotate(0.5*Math.PI);I.translate(J,-H);I.scale(-1,1);break;case 8:I.rotate(-0.5*Math.PI);I.translate(-J,0);break}},_renderImageToCanvas:(function(){if(!E.os.ios){return function(L){var J=E.slice(arguments,1),K=L.getContext("2d");K.drawImage.apply(K,J)}}function H(L,T,O){var R=document.createElement("canvas"),Q=R.getContext("2d"),M=0,J=O,K=O,P,N,S;R.width=1;R.height=O;Q.drawImage(L,0,0);P=Q.getImageData(0,0,1,O).data;while(K>M){N=P[(K-1)*4+3];if(N===0){J=K}else{M=K}K=(J+M)>>1}S=(K/O);return(S===0)?1:S}if(E.os.ios>=7){return function(P,J,K,L,Q,O){var R=J.naturalWidth,M=J.naturalHeight,N=H(J,R,M);return P.getContext("2d").drawImage(J,0,0,R*N,M*N,K,L,Q,O)}}function I(K){var J=K.naturalWidth,N=K.naturalHeight,M,L;if(J*N>1024*1024){M=document.createElement("canvas");M.width=M.height=1;L=M.getContext("2d");L.drawImage(K,-J+1,0);return L.getImageData(0,0,1,1).data[3]===0}else{return false}}return function(a,T,e,J,U,O){var Y=T.naturalWidth,K=T.naturalHeight,Q=a.getContext("2d"),L=I(T),Z=this.type==="image/jpeg",X=1024,W=0,V=0,R,N,c,b,P,S,M;if(L){Y/=2;K/=2}Q.save();R=document.createElement("canvas");R.width=R.height=X;N=R.getContext("2d");c=Z?H(T,Y,K):1;b=Math.ceil(X*U/Y);P=Math.ceil(X*O/K/c);while(W=200&&I.status<300){J._response=I.responseText;return J.trigger("load")}else{if(I.status>=500&&I.status<600){J._response=I.responseText;return J.trigger("error","server")}}return J.trigger("error",J._status?"http":"abort")};J._xhr=I;return I},_setRequestHeader:function(I,H){F.each(H,function(J,K){I.setRequestHeader(J,K)})},_parseJson:function(I){var H;try{H=JSON.parse(I)}catch(J){H={}}return H}})});A("runtime/html5/md5",["runtime/html5/runtime"],function(M){var G=function(U,V){return(U+V)&4294967295},F=function(Z,W,X,U,Y,V){W=G(G(W,Z),G(U,V));return G((W<>>(32-Y)),X)},P=function(W,X,Y,Z,U,e,V){return F((X&Y)|((~X)&Z),W,X,U,e,V)},H=function(W,X,Y,Z,U,e,V){return F((X&Z)|(Y&(~Z)),W,X,U,e,V)},D=function(W,X,Y,Z,U,e,V){return F(X^Y^Z,W,X,U,e,V)},L=function(W,X,Y,Z,U,e,V){return F(Y^(X|(~Z)),W,X,U,e,V)},T=function(U,Z){var V=U[0],W=U[1],X=U[2],Y=U[3];V=P(V,W,X,Y,Z[0],7,-680876936);Y=P(Y,V,W,X,Z[1],12,-389564586);X=P(X,Y,V,W,Z[2],17,606105819);W=P(W,X,Y,V,Z[3],22,-1044525330);V=P(V,W,X,Y,Z[4],7,-176418897);Y=P(Y,V,W,X,Z[5],12,1200080426);X=P(X,Y,V,W,Z[6],17,-1473231341);W=P(W,X,Y,V,Z[7],22,-45705983);V=P(V,W,X,Y,Z[8],7,1770035416);Y=P(Y,V,W,X,Z[9],12,-1958414417);X=P(X,Y,V,W,Z[10],17,-42063);W=P(W,X,Y,V,Z[11],22,-1990404162);V=P(V,W,X,Y,Z[12],7,1804603682);Y=P(Y,V,W,X,Z[13],12,-40341101);X=P(X,Y,V,W,Z[14],17,-1502002290);W=P(W,X,Y,V,Z[15],22,1236535329);V=H(V,W,X,Y,Z[1],5,-165796510);Y=H(Y,V,W,X,Z[6],9,-1069501632);X=H(X,Y,V,W,Z[11],14,643717713);W=H(W,X,Y,V,Z[0],20,-373897302);V=H(V,W,X,Y,Z[5],5,-701558691);Y=H(Y,V,W,X,Z[10],9,38016083);X=H(X,Y,V,W,Z[15],14,-660478335);W=H(W,X,Y,V,Z[4],20,-405537848);V=H(V,W,X,Y,Z[9],5,568446438);Y=H(Y,V,W,X,Z[14],9,-1019803690);X=H(X,Y,V,W,Z[3],14,-187363961);W=H(W,X,Y,V,Z[8],20,1163531501);V=H(V,W,X,Y,Z[13],5,-1444681467);Y=H(Y,V,W,X,Z[2],9,-51403784);X=H(X,Y,V,W,Z[7],14,1735328473);W=H(W,X,Y,V,Z[12],20,-1926607734);V=D(V,W,X,Y,Z[5],4,-378558);Y=D(Y,V,W,X,Z[8],11,-2022574463);X=D(X,Y,V,W,Z[11],16,1839030562);W=D(W,X,Y,V,Z[14],23,-35309556);V=D(V,W,X,Y,Z[1],4,-1530992060);Y=D(Y,V,W,X,Z[4],11,1272893353);X=D(X,Y,V,W,Z[7],16,-155497632);W=D(W,X,Y,V,Z[10],23,-1094730640);V=D(V,W,X,Y,Z[13],4,681279174);Y=D(Y,V,W,X,Z[0],11,-358537222);X=D(X,Y,V,W,Z[3],16,-722521979);W=D(W,X,Y,V,Z[6],23,76029189);V=D(V,W,X,Y,Z[9],4,-640364487);Y=D(Y,V,W,X,Z[12],11,-421815835);X=D(X,Y,V,W,Z[15],16,530742520);W=D(W,X,Y,V,Z[2],23,-995338651);V=L(V,W,X,Y,Z[0],6,-198630844);Y=L(Y,V,W,X,Z[7],10,1126891415);X=L(X,Y,V,W,Z[14],15,-1416354905);W=L(W,X,Y,V,Z[5],21,-57434055);V=L(V,W,X,Y,Z[12],6,1700485571);Y=L(Y,V,W,X,Z[3],10,-1894986606);X=L(X,Y,V,W,Z[10],15,-1051523);W=L(W,X,Y,V,Z[1],21,-2054922799);V=L(V,W,X,Y,Z[8],6,1873313359);Y=L(Y,V,W,X,Z[15],10,-30611744);X=L(X,Y,V,W,Z[6],15,-1560198380);W=L(W,X,Y,V,Z[13],21,1309151649);V=L(V,W,X,Y,Z[4],6,-145523070);Y=L(Y,V,W,X,Z[11],10,-1120210379);X=L(X,Y,V,W,Z[2],15,718787259);W=L(W,X,Y,V,Z[9],21,-343485551);U[0]=G(V,U[0]);U[1]=G(W,U[1]);U[2]=G(X,U[2]);U[3]=G(Y,U[3])},N=function(U){var V=[],W;for(W=0;W<64;W+=4){V[W>>2]=U.charCodeAt(W)+(U.charCodeAt(W+1)<<8)+(U.charCodeAt(W+2)<<16)+(U.charCodeAt(W+3)<<24)}return V},I=function(V){var U=[],W;for(W=0;W<64;W+=4){U[W>>2]=V[W]+(V[W+1]<<8)+(V[W+2]<<16)+(V[W+3]<<24)}return U},K=function(Z){var V=Z.length,W=[1732584193,-271733879,-1732584194,271733878],U,b,Y,X,c,a;for(U=64;U<=V;U+=64){T(W,N(Z.substring(U-64,U)))}Z=Z.substring(U-64);b=Z.length;Y=[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0];for(U=0;U>2]|=Z.charCodeAt(U)<<((U%4)<<3)}Y[U>>2]|=128<<((U%4)<<3);if(U>55){T(W,Y);for(U=0;U<16;U+=1){Y[U]=0}}X=V*8;X=X.toString(16).match(/(.*?)(.{0,8})$/);c=parseInt(X[2],16);a=parseInt(X[1],16)||0;Y[14]=c;Y[15]=a;T(W,Y);return W},J=function(Y){var W=Y.length,X=[1732584193,-271733879,-1732584194,271733878],U,c,Z,V,d,b;for(U=64;U<=W;U+=64){T(X,I(Y.subarray(U-64,U)))}Y=(U-64)>2]|=Y[U]<<((U%4)<<3)}Z[U>>2]|=128<<((U%4)<<3);if(U>55){T(X,Z);for(U=0;U<16;U+=1){Z[U]=0}}V=W*8;V=V.toString(16).match(/(.*?)(.{0,8})$/);d=parseInt(V[2],16);b=parseInt(V[1],16)||0;Z[14]=d;Z[15]=b;T(X,Z);return X},Q=["0","1","2","3","4","5","6","7","8","9","a","b","c","d","e","f"],R=function(U){var W="",V;for(V=0;V<4;V+=1){W+=Q[(U>>(V*8+4))&15]+Q[(U>>(V*8))&15]}return W},S=function(U){var V;for(V=0;V>16)+(V>>16)+(W>>16);return(X<<16)|(W&65535)}}O.prototype.append=function(U){if(/[\u0080-\uFFFF]/.test(U)){U=unescape(encodeURIComponent(U))}this.appendBinary(U);return this};O.prototype.appendBinary=function(W){this._buff+=W;this._length+=W.length;var U=this._buff.length,V;for(V=64;V<=U;V+=64){T(this._state,N(this._buff.substring(V-64,V)))}this._buff=this._buff.substr(V-64);return this};O.prototype.end=function(V){var U=this._buff,Y=U.length,X,W=[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],Z;for(X=0;X>2]|=U.charCodeAt(X)<<((X%4)<<3)}this._finish(W,Y);Z=!!V?this._state:S(this._state);this.reset();return Z};O.prototype._finish=function(W,Y){var X=Y,U,Z,V;W[X>>2]|=128<<((X%4)<<3);if(X>55){T(this._state,W);for(X=0;X<16;X+=1){W[X]=0}}U=this._length*8;U=U.toString(16).match(/(.*?)(.{0,8})$/);Z=parseInt(U[2],16);V=parseInt(U[1],16)||0;W[14]=Z;W[15]=V;T(this._state,W)};O.prototype.reset=function(){this._buff="";this._length=0;this._state=[1732584193,-271733879,-1732584194,271733878];return this};O.prototype.destroy=function(){delete this._state;delete this._buff;delete this._length};O.hash=function(W,V){if(/[\u0080-\uFFFF]/.test(W)){W=unescape(encodeURIComponent(W))}var U=K(W);return !!V?U:S(U)};O.hashBinary=function(V,W){var U=K(V);return !!W?U:S(U)};O.ArrayBuffer=function(){this.reset()};O.ArrayBuffer.prototype.append=function(U){var V=this._concatArrayBuffer(this._buff,U),X=V.length,W;this._length+=U.byteLength;for(W=64;W<=X;W+=64){T(this._state,I(V.subarray(W-64,W)))}this._buff=(W-64)>2]|=U[X]<<((X%4)<<3)}this._finish(W,Y);Z=!!V?this._state:S(this._state);this.reset();return Z};O.ArrayBuffer.prototype._finish=O.prototype._finish;O.ArrayBuffer.prototype.reset=function(){this._buff=new Uint8Array(0);this._length=0;this._state=[1732584193,-271733879,-1732584194,271733878];return this};O.ArrayBuffer.prototype.destroy=O.prototype.destroy;O.ArrayBuffer.prototype._concatArrayBuffer=function(U,W){var X=U.length,V=new Uint8Array(X+W.byteLength);V.set(U);V.set(new Uint8Array(W),X);return V};O.ArrayBuffer.hash=function(V,W){var U=J(new Uint8Array(V));return !!W?U:S(U)};return M.register("Md5",{init:function(){},loadFromBlob:function(a){var V=a.getSource(),e=2*1024*1024,U=Math.ceil(V.size/e),X=0,Z=this.owner,Y=new O.ArrayBuffer(),b=this,c=V.mozSlice||V.webkitSlice||V.slice,d,W;W=new FileReader();d=function(){var f,g;f=X*e;g=Math.min(f+e,V.size);W.onload=function(h){Y.append(h.target.result);Z.trigger("progress",{total:a.size,loaded:g})};W.onloadend=function(){W.onloadend=W.onload=null;if(++X';M.html(N)},getFlash:function(){if(this._flash){return this._flash}this._flash=E("#"+this.uid).get(0);return this._flash}});K.register=function(L,M){M=I[L]=J.inherits(D,E.extend({flashExec:function(){var N=this.owner,O=this.getRuntime();return O.flashExec.apply(N,arguments)}},M));return M};if(G()>=11.4){H.addRuntime(F,K)}return K});A("runtime/flash/filepicker",["base","runtime/flash/runtime"],function(E,D){var F=E.$;return D.register("FilePicker",{init:function(G){var I=F.extend({},G),J,H;J=I.accept&&I.accept.length;for(H=0;H=200&&J<300){I._response=H.exec("getResponse");I._responseJson=H.exec("getResponseAsJson")}else{if(J>=500&&J<600){I._response=H.exec("getResponse");I._responseJson=H.exec("getResponseAsJson");K="server"}else{K="http"}}I._response=decodeURIComponent(I._response);H.destroy();H=null;return K?I.trigger("error",K):I.trigger("load")});H.on("error",function(){H.off();I._xhr=null;I.trigger("error","http")});I._xhr=H;return H},_setRequestHeader:function(I,H){F.each(H,function(J,K){I.exec("setRequestHeader",J,K)})}})});A("runtime/flash/md5",["runtime/flash/runtime"],function(D){return D.register("Md5",{init:function(){},loadFromBlob:function(E){return this.flashExec("Md5","loadFromBlob",E.uid)}})});A("preset/all",["base","widgets/filednd","widgets/filepaste","widgets/filepicker","widgets/image","widgets/queue","widgets/runtime","widgets/upload","widgets/validator","widgets/md5","runtime/html5/blob","runtime/html5/dnd","runtime/html5/filepaste","runtime/html5/filepicker","runtime/html5/imagemeta/exif","runtime/html5/androidpatch","runtime/html5/image","runtime/html5/transport","runtime/html5/md5","runtime/flash/filepicker","runtime/flash/image","runtime/flash/transport","runtime/flash/md5"],function(D){return D});A("webuploader",["preset/all"],function(D){return D});return B("webuploader")});
\ No newline at end of file
diff --git a/static/js/lib/webuploader/webuploader.css b/static/js/lib/webuploader/webuploader.css
index 7bd3f76..c8ae86a 100644
--- a/static/js/lib/webuploader/webuploader.css
+++ b/static/js/lib/webuploader/webuploader.css
@@ -1,19 +1,36 @@
-.webuploader-pick{position:relative;display:inline-block;cursor:pointer;background:#00b7ee;padding:5px 15px;color:#fff;text-align:center;border-radius:3px;overflow:hidden;}
-.webuploader-pick-hover{background:#00a2d4;}
-.webuploader-container{position:relative;}
+.webuploader-container {
+	position: relative;
+}
+.webuploader-element-invisible {
+	position: absolute !important;
+	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
+    clip: rect(1px,1px,1px,1px);
+}
+.webuploader-pick {
+	position: relative;
+	display: inline-block;
+	cursor: pointer;
+	background: #00b7ee;
+	padding: 10px 15px;
+	color: #fff;
+	text-align: center;
+	border-radius: 3px;
+	overflow: hidden;
+}
+.webuploader-pick-hover {
+	background: #00a2d4;
+}
+
+.webuploader-pick-disable {
+	opacity: 0.6;
+	pointer-events:none;
+}
 
 
-@-webkit-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}
-@keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}
-.progress{background-image:-webkit-linear-gradient(top,#EBEBEB 0,#F5F5F5 100%);background-image:linear-gradient(to bottom,#EBEBEB 0,#F5F5F5 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffebebeb',endColorstr='#fff5f5f5',GradientType=0);}
-.progress{height:35px;overflow:hidden;background-color:#F5F5F5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);}
+/*add by warlee*/
+.btns{margin-bottom: 10px;font-size: 13px;height: 28px;}
+.webuploader-pick {height: 8px;line-height: 11px;}
 
-.progress.active .progress-bar{-webkit-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite;}
-.progress-striped .progress-bar{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,rgba(0,0,0,0) 25%,rgba(0,0,0,0) 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,rgba(0,0,0,0) 75%,rgba(0,0,0,0));background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,rgba(0,0,0,0) 25%,rgba(0,0,0,0) 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,rgba(0,0,0,0) 75%,rgba(0,0,0,0));background-size:40px 40px;}
-.progress-bar{background-image:-webkit-linear-gradient(top,#428BCA 0,#3071A9 100%);background-image:linear-gradient(to bottom,#428BCA 0,#3071A9 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca',endColorstr='#ff3071a9',GradientType=0);}
-.progress-bar{float:left;width:0;height:100%;font-size:12px;line-height:20px;color:#FFF;text-align:center;background-color:#428BCA;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);-webkit-transition:width .6s ease;transition:width .6s ease;}
-
-.btns{margin-bottom: 10px;font-size: 13px;}
 .btns .tips{float:right;}
 .btns #picker{width:100px;float: left;}
 #uploader{height:260px;border:1px solid #ddd;overflow: auto;}
@@ -23,4 +40,4 @@
 .uploader-list .item  span.state{float: right;text-align:right;}
 .uploader-list .item  span.error{color:#f30;}
 .uploader-list .item  span.title{width:200px;height: 27px;overflow: hidden;color:#444;}    
-.uploader-list .item .progress {height:20px;margin: 0 5px 5px 0;}
\ No newline at end of file
+.uploader-list .item .progress {height:20px;margin: 0 5px 5px 0;}
diff --git a/static/js/lib/webuploader/webuploader.js b/static/js/lib/webuploader/webuploader.js
index 0c79641..93edc82 100644
--- a/static/js/lib/webuploader/webuploader.js
+++ b/static/js/lib/webuploader/webuploader.js
@@ -1,92 +1,184 @@
-/* WebUploader 0.1.0 */
+/*! WebUploader 0.1.5 */
 
-//change by warlee 2014.2.27
+
+/**
+ * @fileOverview 让内部各个部件的代码可以用[amd](https://github.com/amdjs/amdjs-api/wiki/AMD)模块定义方式组织起来。
+ *
+ * AMD API 内部的简单不完全实现，请忽略。只有当WebUploader被合并成一个文件的时候才会引入。
+ */
+
+
+ //change by warlee 2014.2.27
 //dragEnter,dragLeave,dragDrop  at webuploader-dnd-over; 增加回调
 //2778  if ( file.type ) 去掉类型判断  file拖拽上传问题。
-
 var dragEnter=dragOver=dragLeave=dragDrop=function(){};
-(function( window, undefined ) {
-    /**
-     * @fileOverview 让内部各个部件的代码可以用[amd](https://github.com/amdjs/amdjs-api/wiki/AMD)模块定义方式组织起来。
-     *
-     * AMD API 内部的简单不完全实现，请忽略。只有当WebUploader被合并成一个文件的时候才会引入。
-     */
-    var internalAmd = (function( global, undefined ) {
-            var modules = {},
-    
-                // 简单不完全实现https://github.com/amdjs/amdjs-api/wiki/require
-                require = function( deps, callback ) {
-                    var args, len, i;
-    
-                    // 如果deps不是数组，则直接返回指定module
-                    if ( typeof deps === 'string' ) {
-                        return getModule( deps );
-                    } else {
-                        args = [];
-                        for( len = deps.length, i = 0; i < len; i++ ) {
-                            args.push( getModule( deps[ i ] ) );
-                        }
-    
-                        return callback.apply( null, args );
-                    }
-                },
-    
-                // 内部的define，暂时不支持不指定id.
-                define = function( id, deps, factory ) {
-                    if ( arguments.length === 2 ) {
-                        factory = deps;
-                        deps = null;
-                    }
-    
-                    if ( typeof id !== 'string' || !factory ) {
-                        throw new Error('Define Error');
-                    }
-    
-                    require( deps || [], function() {
-                        setModule( id, factory, arguments );
-                    });
-                },
-    
-                // 设置module, 兼容CommonJs写法。
-                setModule = function( id, factory, args ) {
-                    var module = {
-                            exports: factory
-                        },
-                        returned;
-    
-                    if ( typeof factory === 'function' ) {
-                        args.length || (args = [ require, module.exports, module ]);
-                        returned = factory.apply( null, args );
-                        returned !== undefined && (module.exports = returned);
-                    }
-    
-                    modules[ id ] = module.exports;
-                },
-    
-                // 根据id获取module
-                getModule = function( id ) {
-                    var module = modules[ id ] || global[ id ];
-    
-                    if ( !module ) {
-                        throw new Error( '`' + id + '` is undefined' );
-                    }
-    
-                    return module;
-                };
-    
-            return {
-                define: define,
-                require: require,
-    
-                // 暴露所有的模块。
-                modules: modules
-            };
-        })( window ),
-    
-        /* jshint unused: false */
-        require = internalAmd.require,
-        define = internalAmd.define;
 
+(function( root, factory ) {
+    var modules = {},
+
+        // 内部require, 简单不完全实现。
+        // https://github.com/amdjs/amdjs-api/wiki/require
+        _require = function( deps, callback ) {
+            var args, len, i;
+
+            // 如果deps不是数组，则直接返回指定module
+            if ( typeof deps === 'string' ) {
+                return getModule( deps );
+            } else {
+                args = [];
+                for( len = deps.length, i = 0; i < len; i++ ) {
+                    args.push( getModule( deps[ i ] ) );
+                }
+
+                return callback.apply( null, args );
+            }
+        },
+
+        // 内部define，暂时不支持不指定id.
+        _define = function( id, deps, factory ) {
+            if ( arguments.length === 2 ) {
+                factory = deps;
+                deps = null;
+            }
+
+            _require( deps || [], function() {
+                setModule( id, factory, arguments );
+            });
+        },
+
+        // 设置module, 兼容CommonJs写法。
+        setModule = function( id, factory, args ) {
+            var module = {
+                    exports: factory
+                },
+                returned;
+
+            if ( typeof factory === 'function' ) {
+                args.length || (args = [ _require, module.exports, module ]);
+                returned = factory.apply( null, args );
+                returned !== undefined && (module.exports = returned);
+            }
+
+            modules[ id ] = module.exports;
+        },
+
+        // 根据id获取module
+        getModule = function( id ) {
+            var module = modules[ id ] || root[ id ];
+
+            if ( !module ) {
+                throw new Error( '`' + id + '` is undefined' );
+            }
+
+            return module;
+        },
+
+        // 将所有modules，将路径ids装换成对象。
+        exportsTo = function( obj ) {
+            var key, host, parts, part, last, ucFirst;
+
+            // make the first character upper case.
+            ucFirst = function( str ) {
+                return str && (str.charAt( 0 ).toUpperCase() + str.substr( 1 ));
+            };
+
+            for ( key in modules ) {
+                host = obj;
+
+                if ( !modules.hasOwnProperty( key ) ) {
+                    continue;
+                }
+
+                parts = key.split('/');
+                last = ucFirst( parts.pop() );
+
+                while( (part = ucFirst( parts.shift() )) ) {
+                    host[ part ] = host[ part ] || {};
+                    host = host[ part ];
+                }
+
+                host[ last ] = modules[ key ];
+            }
+
+            return obj;
+        },
+
+        makeExport = function( dollar ) {
+            root.__dollar = dollar;
+
+            // exports every module.
+            return exportsTo( factory( root, _define, _require ) );
+        },
+
+        origin;
+
+    if ( typeof module === 'object' && typeof module.exports === 'object' ) {
+
+        // For CommonJS and CommonJS-like environments where a proper window is present,
+        module.exports = makeExport();
+    } else if ( typeof define === 'function' && define.amd ) {
+
+        // Allow using this built library as an AMD module
+        // in another project. That other project will only
+        // see this AMD call, not the internal modules in
+        // the closure below.
+        define([ 'jQuery' ], makeExport );
+    } else {
+
+        // Browser globals case. Just assign the
+        // result to a property on the global.
+        origin = root.WebUploader;
+        root.WebUploader = makeExport();
+        root.WebUploader.noConflict = function() {
+            root.WebUploader = origin;
+        };
+    }
+})( window, function( window, define, require ) {
+
+
+    /**
+     * @fileOverview jQuery or Zepto
+     */
+    define('dollar-third',[],function() {
+        var $ = window.__dollar || window.jQuery || window.Zepto;
+    
+        if ( !$ ) {
+            throw new Error('jQuery or Zepto not found!');
+        }
+    
+        return $;
+    });
+    /**
+     * @fileOverview Dom 操作相关
+     */
+    define('dollar',[
+        'dollar-third'
+    ], function( _ ) {
+        return _;
+    });
+    /**
+     * @fileOverview 使用jQuery的Promise
+     */
+    define('promise-third',[
+        'dollar'
+    ], function( $ ) {
+        return {
+            Deferred: $.Deferred,
+            when: $.when,
+    
+            isPromise: function( anything ) {
+                return anything && typeof anything.then === 'function';
+            }
+        };
+    });
+    /**
+     * @fileOverview Promise/A+
+     */
+    define('promise',[
+        'promise-third'
+    ], function( _ ) {
+        return _;
+    });
     /**
      * @fileOverview 基础类方法。
      */
@@ -95,7 +187,7 @@ var dragEnter=dragOver=dragLeave=dragDrop=function(){};
      * Web Uploader内部类的详细说明，以下提及的功能类，都可以在`WebUploader`这个变量中访问到。
      *
      * As you know, Web Uploader的每个文件都是用过[AMD](https://github.com/amdjs/amdjs-api/wiki/AMD)规范中的`define`组织起来的, 每个Module都会有个module id.
-     * 默认module id该文件的路径，而此路径将会转化成名字空间存放在WebUploader中。如：
+     * 默认module id为该文件的路径，而此路径将会转化成名字空间存放在WebUploader中。如：
      *
      * * module `base`：WebUploader.Base
      * * module `file`: WebUploader.File
@@ -103,13 +195,14 @@ var dragEnter=dragOver=dragLeave=dragDrop=function(){};
      * * module `runtime/html5/dnd`: WebUploader.Runtime.Html5.Dnd
      *
      *
-     * 以下文档将可能省略`WebUploader`前缀。
+     * 以下文档中对类的使用可能省略掉了`WebUploader`前缀。
      * @module WebUploader
      * @title WebUploader API文档
      */
-    define( 'base', [
-        'jQuery'
-    ], function( $ ) {
+    define('base',[
+        'dollar',
+        'promise'
+    ], function( $, promise ) {
     
         var noop = function() {},
             call = Function.call;
@@ -150,68 +243,18 @@ var dragEnter=dragOver=dragLeave=dragDrop=function(){};
             /**
              * @property {String} version 当前版本号。
              */
-            version: '0.1.0',
+            version: '0.1.5',
     
             /**
              * @property {jQuery|Zepto} $ 引用依赖的jQuery或者Zepto对象。
              */
             $: $,
     
-            /**
-             * 创建一个[Deferred](http://api.jquery.com/category/deferred-object/)对象。
-             * 详细的Deferred用法说明，请参照jQuery的API文档。
-             *
-             * Deferred对象在钩子回掉函数中经常要用到，用来处理需要等待的异步操作。
-             *
-             *
-             * @method Deferred
-             * @grammar Base.Deferred() => Deferred
-             * @example
-             * // 在文件开始发送前做些异步操作。
-             * // WebUploader会等待此异步操作完成后，开始发送文件。
-             * Uploader.register({
-             *     'before-send-file': 'doSomthingAsync'
-             * }, {
-             *
-             *     doSomthingAsync: function() {
-             *         var deferred = Base.Deferred();
-             *
-             *         // 模拟一次异步操作。
-             *         setTimeout(deferred.resolve, 2000);
-             *
-             *         return deferred.promise();
-             *     }
-             * });
-             */
-            Deferred: $.Deferred,
+            Deferred: promise.Deferred,
     
-            /**
-             * 判断传入的参数是否为一个promise对象。
-             * @method isPromise
-             * @grammar Base.isPromise( anything ) => Boolean
-             * @param  {*}  anything 检测对象。
-             * @return {Boolean}
-             * @example
-             * console.log( Base.isPromise() );    // => false
-             * console.log( Base.isPromise({ key: '123' }) );    // => false
-             * console.log( Base.isPromise( Base.Deferred().promise() ) );    // => true
-             *
-             * // Deferred也是一个Promise
-             * console.log( Base.isPromise( Base.Deferred() ) );    // => true
-             */
-            isPromise: function( anything ) {
-                return anything && typeof anything.then === 'function';
-            },
+            isPromise: promise.isPromise,
     
-    
-            /**
-             * 返回一个promise，此promise在所有传入的promise都完成了后完成。
-             * 详细请查看[这里](http://api.jquery.com/jQuery.when/)。
-             *
-             * @method when
-             * @grammar Base.when( promise1[, promise2[, promise3...]] ) => Promise
-             */
-            when: $.when,
+            when: promise.when,
     
             /**
              * @description  简单的浏览器检查结果。
@@ -231,7 +274,8 @@ var dragEnter=dragOver=dragLeave=dragDrop=function(){};
                     chrome = ua.match( /Chrome\/([\d.]+)/ ) ||
                         ua.match( /CriOS\/([\d.]+)/ ),
     
-                    ie = ua.match( /MSIE\s([\d.]+)/ ),
+                    ie = ua.match( /MSIE\s([\d\.]+)/ ) ||
+                        ua.match( /(?:trident)(?:.*rv:([\w.]+))?/i ),
                     firefox = ua.match( /Firefox\/([\d.]+)/ ),
                     safari = ua.match( /Safari\/([\d.]+)/ ),
                     opera = ua.match( /OPR\/([\d.]+)/ );
@@ -246,6 +290,27 @@ var dragEnter=dragOver=dragLeave=dragDrop=function(){};
                 return ret;
             })( navigator.userAgent ),
     
+            /**
+             * @description  操作系统检查结果。
+             *
+             * * `android`  如果在android浏览器环境下，此值为对应的android版本号，否则为`undefined`。
+             * * `ios` 如果在ios浏览器环境下，此值为对应的ios版本号，否则为`undefined`。
+             * @property {Object} [os]
+             */
+            os: (function( ua ) {
+                var ret = {},
+    
+                    // osx = !!ua.match( /\(Macintosh\; Intel / ),
+                    android = ua.match( /(?:Android);?[\s\/]+([\d.]+)?/ ),
+                    ios = ua.match( /(?:iPad|iPod|iPhone).*OS\s([\d_]+)/ );
+    
+                // osx && (ret.osx = true);
+                android && (ret.android = parseFloat( android[ 1 ] ));
+                ios && (ret.ios = parseFloat( ios[ 1 ].replace( /_/g, '.' ) ));
+    
+                return ret;
+            })( navigator.userAgent ),
+    
             /**
              * 实现类与类之间的继承。
              * @method inherits
@@ -336,7 +401,7 @@ var dragEnter=dragOver=dragLeave=dragDrop=function(){};
             bindFn: bindFn,
     
             /**
-             * 引用Console.log如果存在的话，否则引用一个[空函数loop](#WebUploader:Base.log)。
+             * 引用Console.log如果存在的话，否则引用一个[空函数noop](#WebUploader:Base.noop)。
              * @grammar Base.log( args... ) => undefined
              * @method log
              */
@@ -432,11 +497,11 @@ var dragEnter=dragOver=dragLeave=dragDrop=function(){};
             }
         };
     });
-
     /**
+     * 事件处理类，可以独立使用，也可以扩展给对象使用。
      * @fileOverview Mediator
      */
-    define( 'mediator', [
+    define('mediator',[
         'base'
     ], function( Base ) {
         var $ = Base.$,
@@ -648,11 +713,10 @@ var dragEnter=dragOver=dragLeave=dragDrop=function(){};
     
         }, protos );
     });
-
     /**
      * @fileOverview Uploader上传类
      */
-    define( 'uploader', [
+    define('uploader',[
         'base',
         'mediator'
     ], function( Base, Mediator ) {
@@ -688,19 +752,22 @@ var dragEnter=dragOver=dragLeave=dragDrop=function(){};
             stop: 'stop-upload',
             getFile: 'get-file',
             getFiles: 'get-files',
-            // addFile: 'add-file',
-            // addFiles: 'add-file',
+            addFile: 'add-file',
+            addFiles: 'add-file',
+            sort: 'sort-files',
             removeFile: 'remove-file',
             skipFile: 'skip-file',
             retry: 'retry',
             isInProgress: 'is-in-progress',
             makeThumb: 'make-thumb',
+            md5File: 'md5-file',
             getDimension: 'get-dimension',
             addButton: 'add-btn',
             getRuntimeType: 'get-runtime-type',
             refresh: 'refresh',
             disable: 'disable',
-            enable: 'enable'
+            enable: 'enable',
+            reset: 'reset'
         }, function( fn, command ) {
             Uploader.prototype[ fn ] = function() {
                 return this.request( command, arguments );
@@ -728,11 +795,11 @@ var dragEnter=dragOver=dragLeave=dragDrop=function(){};
              *
              * // 初始状态图片上传前不会压缩
              * var uploader = new WebUploader.Uploader({
-             *     resize: null;
+             *     compress: null;
              * });
              *
              * // 修改后图片上传前，尝试将图片压缩到1600 * 1600
-             * uploader.options( 'resize', {
+             * uploader.option( 'compress', {
              *     width: 1600,
              *     height: 1600
              * });
@@ -758,6 +825,7 @@ var dragEnter=dragOver=dragLeave=dragDrop=function(){};
             /**
              * 获取文件统计信息。返回一个包含一下信息的对象。
              * * `successNum` 上传成功的文件数
+             * * `successNum` 上传中的文件数
              * * `uploadFailNum` 上传失败的文件数
              * * `cancelNum` 被删除的文件数
              * * `invalidNum` 无效的文件数
@@ -771,6 +839,7 @@ var dragEnter=dragOver=dragLeave=dragDrop=function(){};
     
                 return {
                     successNum: stats.numOfSuccess,
+                    progressNum: stats.numOfProgress,
     
                     // who care?
                     // queueFailNum: 0,
@@ -788,17 +857,22 @@ var dragEnter=dragOver=dragLeave=dragDrop=function(){};
                     name = 'on' + type.substring( 0, 1 ).toUpperCase() +
                         type.substring( 1 );
     
-                if ( Mediator.trigger.apply( this, arguments ) === false ) {
-                    return false;
-                }
+                if (
+                        // 调用通过on方法注册的handler.
+                        Mediator.trigger.apply( this, arguments ) === false ||
     
-                if ( $.isFunction( opts[ name ] ) &&
-                        opts[ name ].apply( this, args ) === false ) {
-                    return false;
-                }
+                        // 调用opts.onEvent
+                        $.isFunction( opts[ name ] ) &&
+                        opts[ name ].apply( this, args ) === false ||
+    
+                        // 调用this.onEvent
+                        $.isFunction( this[ name ] ) &&
+                        this[ name ].apply( this, args ) === false ||
+    
+                        // 广播所有uploader的事件。
+                        Mediator.trigger.apply( Mediator,
+                        [ this, type ].concat( args ) ) === false ) {
     
-                if ( $.isFunction( this[ name ] ) &&
-                        this[ name ].apply( this, args ) === false ) {
                     return false;
                 }
     
@@ -806,11 +880,7 @@ var dragEnter=dragOver=dragLeave=dragDrop=function(){};
             },
     
             // widgets/widget.js将补充此方法的详细文档。
-            request: Base.noop,
-    
-            reset: function() {
-                // @todo
-            }
+            request: Base.noop
         });
     
         /**
@@ -820,7 +890,7 @@ var dragEnter=dragOver=dragLeave=dragDrop=function(){};
          * @static
          * @grammar Base.create( opts ) => Uploader
          */
-        Base.create = function( opts ) {
+        Base.create = Uploader.create = function( opts ) {
             return new Uploader( opts );
         };
     
@@ -829,11 +899,10 @@ var dragEnter=dragOver=dragLeave=dragDrop=function(){};
     
         return Uploader;
     });
-
     /**
      * @fileOverview Runtime管理器，负责Runtime的选择, 连接
      */
-    define( 'runtime/runtime', [
+    define('runtime/runtime',[
         'base',
         'mediator'
     ], function( Base, Mediator ) {
@@ -869,7 +938,7 @@ var dragEnter=dragOver=dragLeave=dragDrop=function(){};
                     return this._container;
                 }
     
-                parent = opts.container || $( document.body );
+                parent = $( opts.container || document.body );
                 container = $( document.createElement('div') );
     
                 container.attr( 'id', 'rt_' + this.uid );
@@ -940,47 +1009,50 @@ var dragEnter=dragOver=dragLeave=dragDrop=function(){};
         Mediator.installTo( Runtime.prototype );
         return Runtime;
     });
-
+    
     /**
      * @fileOverview Runtime管理器，负责Runtime的选择, 连接
      */
-    define( 'runtime/client', [
+    define('runtime/client',[
         'base',
         'mediator',
         'runtime/runtime'
     ], function( Base, Mediator, Runtime ) {
     
-        var cache = (function() {
-                var obj = {};
+        var cache;
     
-                return {
-                    add: function( runtime ) {
-                        obj[ runtime.uid ] = runtime;
-                    },
+        cache = (function() {
+            var obj = {};
     
-                    get: function( ruid ) {
-                        var i;
+            return {
+                add: function( runtime ) {
+                    obj[ runtime.uid ] = runtime;
+                },
     
-                        if ( ruid ) {
-                            return obj[ ruid ];
-                        }
+                get: function( ruid, standalone ) {
+                    var i;
     
-                        for ( i in obj ) {
-                            return obj[ i ];
-                        }
-    
-                        return null;
-                    },
-    
-                    remove: function( runtime ) {
-                        delete obj[ runtime.uid ];
-                    },
-    
-                    has: function() {
-                        return !!this.get.apply( this, arguments );
+                    if ( ruid ) {
+                        return obj[ ruid ];
                     }
-                };
-            })();
+    
+                    for ( i in obj ) {
+                        // 有些类型不能重用，比如filepicker.
+                        if ( standalone && obj[ i ].__standalone ) {
+                            continue;
+                        }
+    
+                        return obj[ i ];
+                    }
+    
+                    return null;
+                },
+    
+                remove: function( runtime ) {
+                    delete obj[ runtime.uid ];
+                }
+            };
+        })();
     
         function RuntimeClient( component, standalone ) {
             var deferred = Base.Deferred(),
@@ -988,37 +1060,43 @@ var dragEnter=dragOver=dragLeave=dragDrop=function(){};
     
             this.uid = Base.guid('client_');
     
+            // 允许runtime没有初始化之前，注册一些方法在初始化后执行。
             this.runtimeReady = function( cb ) {
                 return deferred.done( cb );
             };
     
             this.connectRuntime = function( opts, cb ) {
+    
+                // already connected.
                 if ( runtime ) {
-                    return;
+                    throw new Error('already connected!');
                 }
     
                 deferred.done( cb );
     
                 if ( typeof opts === 'string' && cache.get( opts ) ) {
                     runtime = cache.get( opts );
+                }
     
                 // 像filePicker只能独立存在，不能公用。
-                } else if ( !standalone && cache.has() ) {
-                    runtime = cache.get();
-                }
+                runtime = runtime || cache.get( null, standalone );
     
+                // 需要创建
                 if ( !runtime ) {
                     runtime = Runtime.create( opts, opts.runtimeOrder );
-                    cache.add( runtime );
-                    runtime.promise = deferred.promise();
+                    runtime.__promise = deferred.promise();
                     runtime.once( 'ready', deferred.resolve );
                     runtime.init();
-                    runtime.client = 1;
-                    return runtime;
+                    cache.add( runtime );
+                    runtime.__client = 1;
+                } else {
+                    // 来自cache
+                    Base.$.extend( runtime.options, opts );
+                    runtime.__promise.then( deferred.resolve );
+                    runtime.__client++;
                 }
     
-                runtime.promise.then( deferred.resolve );
-                runtime.client++;
+                standalone && (runtime.__standalone = standalone);
                 return runtime;
             };
     
@@ -1031,11 +1109,11 @@ var dragEnter=dragOver=dragLeave=dragDrop=function(){};
                     return;
                 }
     
-                runtime.client--;
+                runtime.__client--;
     
-                if ( runtime.client <= 0 ) {
+                if ( runtime.__client <= 0 ) {
                     cache.remove( runtime );
-                    delete runtime.promise;
+                    delete runtime.__promise;
                     runtime.destroy();
                 }
     
@@ -1071,182 +1149,59 @@ var dragEnter=dragOver=dragLeave=dragDrop=function(){};
         Mediator.installTo( RuntimeClient.prototype );
         return RuntimeClient;
     });
-
-    /**
-     * @fileOverview Blob
-     */
-    define( 'lib/blob', [
-        'base',
-        'runtime/client'
-    ], function( Base, RuntimeClient ) {
-    
-        function Blob( ruid, source ) {
-            var me = this;
-    
-            me.source = source;
-            me.ruid = ruid;
-    
-            RuntimeClient.call( me, 'Blob' );
-    
-            this.uid = source.uid || this.uid;
-            this.type = source.type || '';
-            this.size = source.size || 0;
-    
-            if ( ruid ) {
-                me.connectRuntime( ruid );
-            }
-        }
-    
-        Base.inherits( RuntimeClient, {
-            constructor: Blob,
-    
-            slice: function( start, end ) {
-                return this.exec( 'slice', start, end );
-            },
-    
-            getSource: function() {
-                return this.source;
-            }
-        });
-    
-        return Blob;
-    });
-
-    /**
-     * @fileOverview File
-     */
-    define( 'lib/file', [
-        'base',
-        'lib/blob'
-    ], function( Base, Blob ) {
-    
-        var uid = 0,
-            rExt = /\.([^.]+)$/;
-    
-        function File( ruid, file ) {
-            var ext;
-    
-            Blob.apply( this, arguments );
-            this.name = file.name || ('untitled' + uid++);
-            ext = rExt.exec( file.name ) ? RegExp.$1.toLowerCase() : '';
-    
-            if ( !this.type &&  ~'jpg,jpeg,png,gif,bmp'.indexOf( ext ) ) {
-                this.type = 'image/' + ext;
-            }
-    
-            this.ext = ext;
-            this.lastModifiedDate = file.lastModifiedDate ||
-                    (new Date()).toLocaleString();
-        }
-    
-        return Base.inherits( Blob, File );
-    });
-
     /**
      * @fileOverview 错误信息
      */
-    define( 'lib/filepicker', [
+    define('lib/dnd',[
         'base',
-        'runtime/client',
-        'lib/file'
-    ], function( Base, RuntimeClent, File ) {
+        'mediator',
+        'runtime/client'
+    ], function( Base, Mediator, RuntimeClent ) {
     
         var $ = Base.$;
     
-        function FilePicker( opts ) {
+        function DragAndDrop( opts ) {
+            opts = this.options = $.extend({}, DragAndDrop.options, opts );
     
-            opts = this.options = $.extend({}, FilePicker.options, opts );
-            opts.container = $( opts.id );
+            opts.container = $( opts.container );
     
             if ( !opts.container.length ) {
-                throw new Error('按钮指定错误');
+                return;
             }
     
-            opts.label = opts.label || opts.container.text() || '选择文件';
-            opts.button = $( opts.button || document.createElement('div') );
-            opts.button.text( opts.label );
-            opts.container.html( opts.button );
-    
-            RuntimeClent.call( this, 'FilePicker', true );
+            RuntimeClent.call( this, 'DragAndDrop' );
         }
     
-        FilePicker.options = {
-            button: null,
-            container: null,
-            label: null,
-            multiple: true,
-            accept: null
+        DragAndDrop.options = {
+            accept: null,
+            disableGlobalDnd: false
         };
     
         Base.inherits( RuntimeClent, {
-            constructor: FilePicker,
+            constructor: DragAndDrop,
     
             init: function() {
-                var me = this,
-                    opts = me.options,
-                    button = opts.button;
+                var me = this;
     
-                button.addClass('webuploader-pick');
-    
-                me.on( 'all', function( type ) {
-                    var files;
-    
-                    switch ( type ) {
-                        case 'mouseenter':
-                            button.addClass('webuploader-pick-hover');
-                            break;
-    
-                        case 'mouseleave':
-                            button.removeClass('webuploader-pick-hover');
-                            break;
-    
-                        case 'change':
-                            files = me.exec('getFiles');
-                            me.trigger( 'select', $.map( files, function( file ) {
-                                return new File( me.getRuid(), file );
-                            }) );
-                            break;
-                    }
+                me.connectRuntime( me.options, function() {
+                    me.exec('init');
+                    me.trigger('ready');
                 });
-    
-                me.connectRuntime( opts, function() {
-                    me.refresh();
-                    me.exec( 'init', opts );
-                });
-    
-                $( window ).on( 'resize', function() {
-                    me.refresh();
-                });
-            },
-    
-            refresh: function() {
-                var shimContainer = this.getRuntime().getContainer(),
-                    button = this.options.button,
-                    width = button.outerWidth(),
-                    height = button.outerHeight(),
-                    pos = button.offset();
-    
-                width && shimContainer.css({
-                    width: width + 'px',
-                    height: height + 'px'
-                }).offset( pos );
             },
     
             destroy: function() {
-                if ( this.runtime ) {
-                    this.exec('destroy');
-                    this.disconnectRuntime();
-                }
+                this.disconnectRuntime();
             }
         });
     
-        return FilePicker;
+        Mediator.installTo( DragAndDrop.prototype );
+    
+        return DragAndDrop;
     });
-
     /**
      * @fileOverview 组件基类。
      */
-    define( 'widgets/widget', [
+    define('widgets/widget',[
         'base',
         'uploader'
     ], function( Base, Uploader ) {
@@ -1337,7 +1292,7 @@ var dragEnter=dragOver=dragLeave=dragDrop=function(){};
                     len = widgets.length,
                     rlts = [],
                     dfds = [],
-                    widget, rlt;
+                    widget, rlt, promise, key;
     
                 args = isArrayLike( args ) ? args : [ args ];
     
@@ -1358,21 +1313,25 @@ var dragEnter=dragOver=dragLeave=dragDrop=function(){};
     
                 // 如果有callback，则用异步方式。
                 if ( callback || dfds.length ) {
-                    return Base.when.apply( Base, dfds )
+                    promise = Base.when.apply( Base, dfds );
+                    key = promise.pipe ? 'pipe' : 'then';
     
-                            // 很重要不能删除。删除了会死循环。
-                            // 保证执行顺序。让callback总是在下一个tick中执行。
-                            .then(function() {
+                    // 很重要不能删除。删除了会死循环。
+                    // 保证执行顺序。让callback总是在下一个 tick 中执行。
+                    return promise[ key ](function() {
                                 var deferred = Base.Deferred(),
                                     args = arguments;
     
+                                if ( args.length === 1 ) {
+                                    args = args[ 0 ];
+                                }
+    
                                 setTimeout(function() {
-                                    deferred.resolve.apply( deferred, args );
+                                    deferred.resolve( args );
                                 }, 1 );
     
                                 return deferred.promise();
-                            })
-                            .then( callback || Base.noop );
+                            })[ callback ? key : 'done' ]( callback || Base.noop );
                 } else {
                     return rlts[ 0 ];
                 }
@@ -1410,18 +1369,383 @@ var dragEnter=dragOver=dragLeave=dragDrop=function(){};
     
         return Widget;
     });
-
+    /**
+     * @fileOverview DragAndDrop Widget。
+     */
+    define('widgets/filednd',[
+        'base',
+        'uploader',
+        'lib/dnd',
+        'widgets/widget'
+    ], function( Base, Uploader, Dnd ) {
+        var $ = Base.$;
+    
+        Uploader.options.dnd = '';
+    
+        /**
+         * @property {Selector} [dnd=undefined]  指定Drag And Drop拖拽的容器，如果不指定，则不启动。
+         * @namespace options
+         * @for Uploader
+         */
+        
+        /**
+         * @property {Selector} [disableGlobalDnd=false]  是否禁掉整个页面的拖拽功能，如果不禁用，图片拖进来的时候会默认被浏览器打开。
+         * @namespace options
+         * @for Uploader
+         */
+    
+        /**
+         * @event dndAccept
+         * @param {DataTransferItemList} items DataTransferItem
+         * @description 阻止此事件可以拒绝某些类型的文件拖入进来。目前只有 chrome 提供这样的 API，且只能通过 mime-type 验证。
+         * @for  Uploader
+         */
+        return Uploader.register({
+            init: function( opts ) {
+    
+                if ( !opts.dnd ||
+                        this.request('predict-runtime-type') !== 'html5' ) {
+                    return;
+                }
+    
+                var me = this,
+                    deferred = Base.Deferred(),
+                    options = $.extend({}, {
+                        disableGlobalDnd: opts.disableGlobalDnd,
+                        container: opts.dnd,
+                        accept: opts.accept
+                    }),
+                    dnd;
+    
+                dnd = new Dnd( options );
+    
+                dnd.once( 'ready', deferred.resolve );
+                dnd.on( 'drop', function( files ) {
+                    me.request( 'add-file', [ files ]);
+                });
+    
+                // 检测文件是否全部允许添加。
+                dnd.on( 'accept', function( items ) {
+                    return me.owner.trigger( 'dndAccept', items );
+                });
+    
+                dnd.init();
+    
+                return deferred.promise();
+            }
+        });
+    });
+    
+    /**
+     * @fileOverview 错误信息
+     */
+    define('lib/filepaste',[
+        'base',
+        'mediator',
+        'runtime/client'
+    ], function( Base, Mediator, RuntimeClent ) {
+    
+        var $ = Base.$;
+    
+        function FilePaste( opts ) {
+            opts = this.options = $.extend({}, opts );
+            opts.container = $( opts.container || document.body );
+            RuntimeClent.call( this, 'FilePaste' );
+        }
+    
+        Base.inherits( RuntimeClent, {
+            constructor: FilePaste,
+    
+            init: function() {
+                var me = this;
+    
+                me.connectRuntime( me.options, function() {
+                    me.exec('init');
+                    me.trigger('ready');
+                });
+            },
+    
+            destroy: function() {
+                this.exec('destroy');
+                this.disconnectRuntime();
+                this.off();
+            }
+        });
+    
+        Mediator.installTo( FilePaste.prototype );
+    
+        return FilePaste;
+    });
+    /**
+     * @fileOverview 组件基类。
+     */
+    define('widgets/filepaste',[
+        'base',
+        'uploader',
+        'lib/filepaste',
+        'widgets/widget'
+    ], function( Base, Uploader, FilePaste ) {
+        var $ = Base.$;
+    
+        /**
+         * @property {Selector} [paste=undefined]  指定监听paste事件的容器，如果不指定，不启用此功能。此功能为通过粘贴来添加截屏的图片。建议设置为`document.body`.
+         * @namespace options
+         * @for Uploader
+         */
+        return Uploader.register({
+            init: function( opts ) {
+    
+                if ( !opts.paste ||
+                        this.request('predict-runtime-type') !== 'html5' ) {
+                    return;
+                }
+    
+                var me = this,
+                    deferred = Base.Deferred(),
+                    options = $.extend({}, {
+                        container: opts.paste,
+                        accept: opts.accept
+                    }),
+                    paste;
+    
+                paste = new FilePaste( options );
+    
+                paste.once( 'ready', deferred.resolve );
+                paste.on( 'paste', function( files ) {
+                    me.owner.request( 'add-file', [ files ]);
+                });
+                paste.init();
+    
+                return deferred.promise();
+            }
+        });
+    });
+    /**
+     * @fileOverview Blob
+     */
+    define('lib/blob',[
+        'base',
+        'runtime/client'
+    ], function( Base, RuntimeClient ) {
+    
+        function Blob( ruid, source ) {
+            var me = this;
+    
+            me.source = source;
+            me.ruid = ruid;
+            this.size = source.size || 0;
+    
+            // 如果没有指定 mimetype, 但是知道文件后缀。
+            if ( !source.type && ~'jpg,jpeg,png,gif,bmp'.indexOf( this.ext ) ) {
+                this.type = 'image/' + (this.ext === 'jpg' ? 'jpeg' : this.ext);
+            } else {
+                this.type = source.type || 'application/octet-stream';
+            }
+    
+            RuntimeClient.call( me, 'Blob' );
+            this.uid = source.uid || this.uid;
+    
+            if ( ruid ) {
+                me.connectRuntime( ruid );
+            }
+        }
+    
+        Base.inherits( RuntimeClient, {
+            constructor: Blob,
+    
+            slice: function( start, end ) {
+                return this.exec( 'slice', start, end );
+            },
+    
+            getSource: function() {
+                return this.source;
+            }
+        });
+    
+        return Blob;
+    });
+    /**
+     * 为了统一化Flash的File和HTML5的File而存在。
+     * 以至于要调用Flash里面的File，也可以像调用HTML5版本的File一下。
+     * @fileOverview File
+     */
+    define('lib/file',[
+        'base',
+        'lib/blob'
+    ], function( Base, Blob ) {
+    
+        var uid = 1,
+            rExt = /\.([^.]+)$/;
+    
+        function File( ruid, file ) {
+            var ext;
+    
+            this.name = file.name || ('untitled' + uid++);
+            ext = rExt.exec( file.name ) ? RegExp.$1.toLowerCase() : '';
+    
+            // todo 支持其他类型文件的转换。
+            // 如果有 mimetype, 但是文件名里面没有找出后缀规律
+            if ( !ext && file.type ) {
+                ext = /\/(jpg|jpeg|png|gif|bmp)$/i.exec( file.type ) ?
+                        RegExp.$1.toLowerCase() : '';
+                this.name += '.' + ext;
+            }
+    
+            this.ext = ext;
+            this.lastModifiedDate = file.lastModifiedDate ||
+                    (new Date()).toLocaleString();
+    
+            Blob.apply( this, arguments );
+        }
+    
+        return Base.inherits( Blob, File );
+    });
+    
+    /**
+     * @fileOverview 错误信息
+     */
+    define('lib/filepicker',[
+        'base',
+        'runtime/client',
+        'lib/file'
+    ], function( Base, RuntimeClent, File ) {
+    
+        var $ = Base.$;
+    
+        function FilePicker( opts ) {
+            opts = this.options = $.extend({}, FilePicker.options, opts );
+    
+            opts.container = $( opts.id );
+    
+            if ( !opts.container.length ) {
+                throw new Error('按钮指定错误');
+            }
+    
+            opts.innerHTML = opts.innerHTML || opts.label ||
+                    opts.container.html() || '';
+    
+            opts.button = $( opts.button || document.createElement('div') );
+            opts.button.html( opts.innerHTML );
+            opts.container.html( opts.button );
+    
+            RuntimeClent.call( this, 'FilePicker', true );
+        }
+    
+        FilePicker.options = {
+            button: null,
+            container: null,
+            label: null,
+            innerHTML: null,
+            multiple: true,
+            accept: null,
+            name: 'file'
+        };
+    
+        Base.inherits( RuntimeClent, {
+            constructor: FilePicker,
+    
+            init: function() {
+                var me = this,
+                    opts = me.options,
+                    button = opts.button;
+    
+                button.addClass('webuploader-pick');
+    
+                me.on( 'all', function( type ) {
+                    var files;
+    
+                    switch ( type ) {
+                        case 'mouseenter':
+                            button.addClass('webuploader-pick-hover');
+                            break;
+    
+                        case 'mouseleave':
+                            button.removeClass('webuploader-pick-hover');
+                            break;
+    
+                        case 'change':
+                            files = me.exec('getFiles');
+                            me.trigger( 'select', $.map( files, function( file ) {
+                                file = new File( me.getRuid(), file );
+    
+                                // 记录来源。
+                                file._refer = opts.container;
+                                return file;
+                            }), opts.container );
+                            break;
+                    }
+                });
+    
+                me.connectRuntime( opts, function() {
+                    me.refresh();
+                    me.exec( 'init', opts );
+                    me.trigger('ready');
+                });
+    
+                $( window ).on( 'resize', function() {
+                    me.refresh();
+                });
+            },
+    
+            refresh: function() {
+                var shimContainer = this.getRuntime().getContainer(),
+                    button = this.options.button,
+                    width = button.outerWidth ?
+                            button.outerWidth() : button.width(),
+    
+                    height = button.outerHeight ?
+                            button.outerHeight() : button.height(),
+    
+                    pos = button.offset();
+    
+                width && height && shimContainer.css({
+                    bottom: 'auto',
+                    right: 'auto',
+                    width: width + 'px',
+                    height: height + 'px'
+                }).offset( pos );
+            },
+    
+            enable: function() {
+                var btn = this.options.button;
+    
+                btn.removeClass('webuploader-pick-disable');
+                this.refresh();
+            },
+    
+            disable: function() {
+                var btn = this.options.button;
+    
+                this.getRuntime().getContainer().css({
+                    top: '-99999px'
+                });
+    
+                btn.addClass('webuploader-pick-disable');
+            },
+    
+            destroy: function() {
+                if ( this.runtime ) {
+                    this.exec('destroy');
+                    this.disconnectRuntime();
+                }
+            }
+        });
+    
+        return FilePicker;
+    });
+    
     /**
      * @fileOverview 文件选择相关
      */
-    define( 'widgets/filepicker', [
+    define('widgets/filepicker',[
         'base',
         'uploader',
         'lib/filepicker',
         'widgets/widget'
     ], function( Base, Uploader, FilePicker ) {
+        var $ = Base.$;
     
-        Base.$.extend( Uploader.options, {
+        $.extend( Uploader.options, {
     
             /**
              * @property {Selector | Object} [pick=undefined]
@@ -1430,7 +1754,8 @@ var dragEnter=dragOver=dragLeave=dragDrop=function(){};
              * @description 指定选择文件的按钮容器，不指定则不创建按钮。
              *
              * * `id` {Seletor} 指定选择文件的按钮容器，不指定则不创建按钮。
-             * * `label` {String} 指定按钮文字。不指定时优先从指定的容器中看是否自带文字。
+             * * `label` {String} 请采用 `innerHTML` 代替
+             * * `innerHTML` {String} 指定按钮文字。不指定时优先从指定的容器中看是否自带文字。
              * * `multiple` {Boolean} 是否开起同时选择多个文件能力。
              */
             pick: null,
@@ -1464,7 +1789,9 @@ var dragEnter=dragOver=dragLeave=dragDrop=function(){};
     
         return Uploader.register({
             'add-btn': 'addButton',
-            'refresh': 'refresh'
+            refresh: 'refresh',
+            disable: 'disable',
+            enable: 'enable'
         }, {
     
             init: function( opts ) {
@@ -1487,52 +1814,476 @@ var dragEnter=dragOver=dragLeave=dragDrop=function(){};
              * @example
              * uploader.addButton({
              *     id: '#btnContainer',
-             *     label: '选择文件'
+             *     innerHTML: '选择文件'
              * });
              */
             addButton: function( pick ) {
                 var me = this,
                     opts = me.options,
                     accept = opts.accept,
-                    options, picker, deferred;
+                    promises = [];
     
                 if ( !pick ) {
                     return;
                 }
+                
+                $.isPlainObject( pick ) || (pick = {
+                    id: pick
+                });
     
-                deferred = Base.Deferred();
+                $( pick.id ).each(function() {
+                    var options, picker, deferred;
     
-                if ( typeof pick === 'string' ) {
-                    pick = {
-                        id: pick
-                    };
+                    deferred = Base.Deferred();
+    
+                    options = $.extend({}, pick, {
+                        accept: $.isPlainObject( accept ) ? [ accept ] : accept,
+                        swf: opts.swf,
+                        runtimeOrder: opts.runtimeOrder,
+                        id: this
+                    });
+    
+                    picker = new FilePicker( options );
+    
+                    picker.once( 'ready', deferred.resolve );
+                    picker.on( 'select', function( files ) {
+                        me.owner.request( 'add-file', [ files ]);
+                    });
+                    picker.init();
+    
+                    me.pickers.push( picker );
+    
+                    promises.push( deferred.promise() );
+                });
+    
+                return Base.when.apply( Base, promises );
+            },
+    
+            disable: function() {
+                $.each( this.pickers, function() {
+                    this.disable();
+                });
+            },
+    
+            enable: function() {
+                $.each( this.pickers, function() {
+                    this.enable();
+                });
+            }
+        });
+    });
+    /**
+     * @fileOverview Image
+     */
+    define('lib/image',[
+        'base',
+        'runtime/client',
+        'lib/blob'
+    ], function( Base, RuntimeClient, Blob ) {
+        var $ = Base.$;
+    
+        // 构造器。
+        function Image( opts ) {
+            this.options = $.extend({}, Image.options, opts );
+            RuntimeClient.call( this, 'Image' );
+    
+            this.on( 'load', function() {
+                this._info = this.exec('info');
+                this._meta = this.exec('meta');
+            });
+        }
+    
+        // 默认选项。
+        Image.options = {
+    
+            // 默认的图片处理质量
+            quality: 90,
+    
+            // 是否裁剪
+            crop: false,
+    
+            // 是否保留头部信息
+            preserveHeaders: false,
+    
+            // 是否允许放大。
+            allowMagnify: false
+        };
+    
+        // 继承RuntimeClient.
+        Base.inherits( RuntimeClient, {
+            constructor: Image,
+    
+            info: function( val ) {
+    
+                // setter
+                if ( val ) {
+                    this._info = val;
+                    return this;
                 }
     
-                options = $.extend({}, pick, {
-                    accept: $.isPlainObject( accept ) ? [ accept ] : accept,
-                    swf: opts.swf,
-                    runtimeOrder: opts.runtimeOrder
+                // getter
+                return this._info;
+            },
+    
+            meta: function( val ) {
+    
+                // setter
+                if ( val ) {
+                    this._meta = val;
+                    return this;
+                }
+    
+                // getter
+                return this._meta;
+            },
+    
+            loadFromBlob: function( blob ) {
+                var me = this,
+                    ruid = blob.getRuid();
+    
+                this.connectRuntime( ruid, function() {
+                    me.exec( 'init', me.options );
+                    me.exec( 'loadFromBlob', blob );
+                });
+            },
+    
+            resize: function() {
+                var args = Base.slice( arguments );
+                return this.exec.apply( this, [ 'resize' ].concat( args ) );
+            },
+    
+            crop: function() {
+                var args = Base.slice( arguments );
+                return this.exec.apply( this, [ 'crop' ].concat( args ) );
+            },
+    
+            getAsDataUrl: function( type ) {
+                return this.exec( 'getAsDataUrl', type );
+            },
+    
+            getAsBlob: function( type ) {
+                var blob = this.exec( 'getAsBlob', type );
+    
+                return new Blob( this.getRuid(), blob );
+            }
+        });
+    
+        return Image;
+    });
+    /**
+     * @fileOverview 图片操作, 负责预览图片和上传前压缩图片
+     */
+    define('widgets/image',[
+        'base',
+        'uploader',
+        'lib/image',
+        'widgets/widget'
+    ], function( Base, Uploader, Image ) {
+    
+        var $ = Base.$,
+            throttle;
+    
+        // 根据要处理的文件大小来节流，一次不能处理太多，会卡。
+        throttle = (function( max ) {
+            var occupied = 0,
+                waiting = [],
+                tick = function() {
+                    var item;
+    
+                    while ( waiting.length && occupied < max ) {
+                        item = waiting.shift();
+                        occupied += item[ 0 ];
+                        item[ 1 ]();
+                    }
+                };
+    
+            return function( emiter, size, cb ) {
+                waiting.push([ size, cb ]);
+                emiter.once( 'destroy', function() {
+                    occupied -= size;
+                    setTimeout( tick, 1 );
+                });
+                setTimeout( tick, 1 );
+            };
+        })( 5 * 1024 * 1024 );
+    
+        $.extend( Uploader.options, {
+    
+            /**
+             * @property {Object} [thumb]
+             * @namespace options
+             * @for Uploader
+             * @description 配置生成缩略图的选项。
+             *
+             * 默认为：
+             *
+             * ```javascript
+             * {
+             *     width: 110,
+             *     height: 110,
+             *
+             *     // 图片质量，只有type为`image/jpeg`的时候才有效。
+             *     quality: 70,
+             *
+             *     // 是否允许放大，如果想要生成小图的时候不失真，此选项应该设置为false.
+             *     allowMagnify: true,
+             *
+             *     // 是否允许裁剪。
+             *     crop: true,
+             *
+             *     // 为空的话则保留原有图片格式。
+             *     // 否则强制转换成指定的类型。
+             *     type: 'image/jpeg'
+             * }
+             * ```
+             */
+            thumb: {
+                width: 110,
+                height: 110,
+                quality: 70,
+                allowMagnify: true,
+                crop: true,
+                preserveHeaders: false,
+    
+                // 为空的话则保留原有图片格式。
+                // 否则强制转换成指定的类型。
+                // IE 8下面 base64 大小不能超过 32K 否则预览失败，而非 jpeg 编码的图片很可
+                // 能会超过 32k, 所以这里设置成预览的时候都是 image/jpeg
+                type: 'image/jpeg'
+            },
+    
+            /**
+             * @property {Object} [compress]
+             * @namespace options
+             * @for Uploader
+             * @description 配置压缩的图片的选项。如果此选项为`false`, 则图片在上传前不进行压缩。
+             *
+             * 默认为：
+             *
+             * ```javascript
+             * {
+             *     width: 1600,
+             *     height: 1600,
+             *
+             *     // 图片质量，只有type为`image/jpeg`的时候才有效。
+             *     quality: 90,
+             *
+             *     // 是否允许放大，如果想要生成小图的时候不失真，此选项应该设置为false.
+             *     allowMagnify: false,
+             *
+             *     // 是否允许裁剪。
+             *     crop: false,
+             *
+             *     // 是否保留头部meta信息。
+             *     preserveHeaders: true,
+             *
+             *     // 如果发现压缩后文件大小比原来还大，则使用原来图片
+             *     // 此属性可能会影响图片自动纠正功能
+             *     noCompressIfLarger: false,
+             *
+             *     // 单位字节，如果图片大小小于此值，不会采用压缩。
+             *     compressSize: 0
+             * }
+             * ```
+             */
+            compress: {
+                width: 1600,
+                height: 1600,
+                quality: 90,
+                allowMagnify: false,
+                crop: false,
+                preserveHeaders: true
+            }
+        });
+    
+        return Uploader.register({
+            'make-thumb': 'makeThumb',
+            'before-send-file': 'compressImage'
+        }, {
+    
+    
+            /**
+             * 生成缩略图，此过程为异步，所以需要传入`callback`。
+             * 通常情况在图片加入队里后调用此方法来生成预览图以增强交互效果。
+             *
+             * 当 width 或者 height 的值介于 0 - 1 时，被当成百分比使用。
+             *
+             * `callback`中可以接收到两个参数。
+             * * 第一个为error，如果生成缩略图有错误，此error将为真。
+             * * 第二个为ret, 缩略图的Data URL值。
+             *
+             * **注意**
+             * Date URL在IE6/7中不支持，所以不用调用此方法了，直接显示一张暂不支持预览图片好了。
+             * 也可以借助服务端，将 base64 数据传给服务端，生成一个临时文件供预览。
+             *
+             * @method makeThumb
+             * @grammar makeThumb( file, callback ) => undefined
+             * @grammar makeThumb( file, callback, width, height ) => undefined
+             * @for Uploader
+             * @example
+             *
+             * uploader.on( 'fileQueued', function( file ) {
+             *     var $li = ...;
+             *
+             *     uploader.makeThumb( file, function( error, ret ) {
+             *         if ( error ) {
+             *             $li.text('预览错误');
+             *         } else {
+             *             $li.append('');
+             *         }
+             *     });
+             *
+             * });
+             */
+            makeThumb: function( file, cb, width, height ) {
+                var opts, image;
+    
+                file = this.request( 'get-file', file );
+    
+                // 只预览图片格式。
+                if ( !file.type.match( /^image/ ) ) {
+                    cb( true );
+                    return;
+                }
+    
+                opts = $.extend({}, this.options.thumb );
+    
+                // 如果传入的是object.
+                if ( $.isPlainObject( width ) ) {
+                    opts = $.extend( opts, width );
+                    width = null;
+                }
+    
+                width = width || opts.width;
+                height = height || opts.height;
+    
+                image = new Image( opts );
+    
+                image.once( 'load', function() {
+                    file._info = file._info || image.info();
+                    file._meta = file._meta || image.meta();
+    
+                    // 如果 width 的值介于 0 - 1
+                    // 说明设置的是百分比。
+                    if ( width <= 1 && width > 0 ) {
+                        width = file._info.width * width;
+                    }
+    
+                    // 同样的规则应用于 height
+                    if ( height <= 1 && height > 0 ) {
+                        height = file._info.height * height;
+                    }
+    
+                    image.resize( width, height );
                 });
     
-                picker = new FilePicker( options );
-    
-                picker.once( 'ready', deferred.resolve );
-                picker.on( 'select', function( files ) {
-                    me.owner.request( 'add-file', [ files ]);
+                // 当 resize 完后
+                image.once( 'complete', function() {
+                    cb( false, image.getAsDataUrl( opts.type ) );
+                    image.destroy();
                 });
-                picker.init();
     
-                this.pickers.push( picker );
+                image.once( 'error', function( reason ) {
+                    cb( reason || true );
+                    image.destroy();
+                });
     
+                throttle( image, file.source.size, function() {
+                    file._info && image.info( file._info );
+                    file._meta && image.meta( file._meta );
+                    image.loadFromBlob( file.source );
+                });
+            },
+    
+            compressImage: function( file ) {
+                var opts = this.options.compress || this.options.resize,
+                    compressSize = opts && opts.compressSize || 0,
+                    noCompressIfLarger = opts && opts.noCompressIfLarger || false,
+                    image, deferred;
+    
+                file = this.request( 'get-file', file );
+    
+                // 只压缩 jpeg 图片格式。
+                // gif 可能会丢失针
+                // bmp png 基本上尺寸都不大，且压缩比比较小。
+                if ( !opts || !~'image/jpeg,image/jpg'.indexOf( file.type ) ||
+                        file.size < compressSize ||
+                        file._compressed ) {
+                    return;
+                }
+    
+                opts = $.extend({}, opts );
+                deferred = Base.Deferred();
+    
+                image = new Image( opts );
+    
+                deferred.always(function() {
+                    image.destroy();
+                    image = null;
+                });
+                image.once( 'error', deferred.reject );
+                image.once( 'load', function() {
+                    var width = opts.width,
+                        height = opts.height;
+    
+                    file._info = file._info || image.info();
+                    file._meta = file._meta || image.meta();
+    
+                    // 如果 width 的值介于 0 - 1
+                    // 说明设置的是百分比。
+                    if ( width <= 1 && width > 0 ) {
+                        width = file._info.width * width;
+                    }
+    
+                    // 同样的规则应用于 height
+                    if ( height <= 1 && height > 0 ) {
+                        height = file._info.height * height;
+                    }
+    
+                    image.resize( width, height );
+                });
+    
+                image.once( 'complete', function() {
+                    var blob, size;
+    
+                    // 移动端 UC / qq 浏览器的无图模式下
+                    // ctx.getImageData 处理大图的时候会报 Exception
+                    // INDEX_SIZE_ERR: DOM Exception 1
+                    try {
+                        blob = image.getAsBlob( opts.type );
+    
+                        size = file.size;
+    
+                        // 如果压缩后，比原来还大则不用压缩后的。
+                        if ( !noCompressIfLarger || blob.size < size ) {
+                            // file.source.destroy && file.source.destroy();
+                            file.source = blob;
+                            file.size = blob.size;
+    
+                            file.trigger( 'resize', blob.size, size );
+                        }
+    
+                        // 标记，避免重复压缩。
+                        file._compressed = true;
+                        deferred.resolve();
+                    } catch ( e ) {
+                        // 出错了直接继续，让其上传原始图片
+                        deferred.resolve();
+                    }
+                });
+    
+                file._info && image.info( file._info );
+                file._meta && image.meta( file._meta );
+    
+                image.loadFromBlob( file.source );
                 return deferred.promise();
             }
         });
     });
-
     /**
      * @fileOverview 文件属性封装
      */
-    define( 'file', [
+    define('file',[
         'base',
         'mediator'
     ], function( Base, Mediator ) {
@@ -1562,7 +2313,7 @@ var dragEnter=dragOver=dragLeave=dragDrop=function(){};
              * @type {string}
              */
             this.name = source.name || 'Untitled';
-
+    
             /**
              * 文件体积（字节）
              * @property size
@@ -1571,8 +2322,7 @@ var dragEnter=dragOver=dragLeave=dragDrop=function(){};
              */
             this.size = source.size || 0;
 
-
-            //change by warlee//
+            //add by warlee//
             var fullPath;
             try{
                 fullPath = source.source.fullPath;
@@ -1583,9 +2333,9 @@ var dragEnter=dragOver=dragLeave=dragDrop=function(){};
              * 文件MIMETYPE类型，与文件类型的对应关系请参考[http://t.cn/z8ZnFny](http://t.cn/z8ZnFny)
              * @property type
              * @type {string}
-             * @default 'image/png'
+             * @default 'application'
              */
-            this.type = source.type || 'image/png';
+            this.type = source.type || 'application';
     
             /**
              * 文件最后修改日期
@@ -1721,325 +2471,11 @@ var dragEnter=dragOver=dragLeave=dragDrop=function(){};
     
         return WUFile;
     });
-
-    /**
-     * @fileOverview 错误信息
-     */
-    define( 'lib/dnd', [
-        'base',
-        'mediator',
-        'runtime/client'
-    ], function( Base, Mediator, RuntimeClent ) {
     
-        var $ = Base.$;
-    
-        function DragAndDrop( opts ) {
-            opts = this.options = $.extend({}, DragAndDrop.options, opts );
-    
-            opts.container = $( opts.container );
-    
-            if ( !opts.container.length ) {
-                return;
-            }
-    
-            RuntimeClent.call( this, 'DragAndDrop' );
-        }
-    
-        DragAndDrop.options = {
-            accept: null,
-            disableGlobalDnd: true
-        };
-    
-        Base.inherits( RuntimeClent, {
-            constructor: DragAndDrop,
-    
-            init: function() {
-                var me = this;
-    
-                me.connectRuntime( me.options, function() {
-                    me.exec('init');
-                });
-            },
-    
-            destroy: function() {
-                this.disconnectRuntime();
-            }
-        });
-    
-        Mediator.installTo( DragAndDrop.prototype );
-    
-        return DragAndDrop;
-    });
-
-    /**
-     * @fileOverview 错误信息
-     */
-    define( 'lib/filepaste', [
-        'base',
-        'mediator',
-        'runtime/client'
-    ], function( Base, Mediator, RuntimeClent ) {
-    
-        var $ = Base.$;
-    
-        function FilePaste( opts ) {
-            opts = this.options = $.extend({}, opts );
-            opts.container = $( opts.container || document.body );
-            RuntimeClent.call( this, 'FilePaste' );
-        }
-    
-        Base.inherits( RuntimeClent, {
-            constructor: FilePaste,
-    
-            init: function() {
-                var me = this;
-    
-                me.connectRuntime( me.options, function() {
-                    me.exec('init');
-                });
-            },
-    
-            destroy: function() {
-                this.exec('destroy');
-                this.disconnectRuntime();
-                this.off();
-            }
-        });
-    
-        Mediator.installTo( FilePaste.prototype );
-    
-        return FilePaste;
-    });
-
-    /**
-     * @fileOverview Image
-     */
-    define( 'lib/image', [
-        'base',
-        'runtime/client',
-        'lib/blob'
-    ], function( Base, RuntimeClient, Blob ) {
-        var $ = Base.$;
-    
-        // 构造器。
-        function Image( opts ) {
-            this.options = $.extend({}, Image.options, opts );
-            RuntimeClient.call( this, 'Image' );
-    
-            this.on( 'load', function() {
-                this._info = this.exec('info');
-                this._meta = this.exec('meta');
-            });
-        }
-    
-        // 默认选项。
-        Image.options = {
-    
-            // 默认的图片处理质量
-            quality: 90,
-    
-            // 是否裁剪
-            crop: false,
-    
-            // 是否保留头部信息
-            preserveHeaders: true,
-    
-            // 是否允许放大。
-            allowMagnify: true
-        };
-    
-        // 继承RuntimeClient.
-        Base.inherits( RuntimeClient, {
-            constructor: Image,
-    
-            info: function( val ) {
-    
-                // setter
-                if ( val ) {
-                    this._info = val;
-                    return this;
-                }
-    
-                // getter
-                return this._info;
-            },
-    
-            meta: function( val ) {
-    
-                // setter
-                if ( val ) {
-                    this._meta = val;
-                    return this;
-                }
-    
-                // getter
-                return this._meta;
-            },
-    
-            loadFromBlob: function( blob ) {
-                var me = this,
-                    ruid = blob.getRuid();
-    
-                this.connectRuntime( ruid, function() {
-                    me.exec( 'init', me.options );
-                    me.exec( 'loadFromBlob', blob );
-                });
-            },
-    
-            resize: function() {
-                var args = Base.slice( arguments );
-                return this.exec.apply( this, [ 'resize' ].concat( args ) );
-            },
-    
-            getAsDataUrl: function( type ) {
-                return this.exec( 'getAsDataUrl', type );
-            },
-    
-            getAsBlob: function( type ) {
-                var blob = this.exec( 'getAsBlob', type );
-    
-                return new Blob( this.getRuid(), blob );
-            }
-        });
-    
-        return Image;
-    });
-
-    /**
-     * @fileOverview Transport
-     */
-    define( 'lib/transport', [
-        'base',
-        'runtime/client',
-        'mediator'
-    ], function( Base, RuntimeClient, Mediator ) {
-    
-        var $ = Base.$;
-    
-        function Transport( opts ) {
-            var me = this;
-    
-            opts = me.options = $.extend( true, {}, Transport.options, opts || {} );
-            RuntimeClient.call( this, 'Transport' );
-    
-            this._blob = null;
-            this._formData = opts.formData || {};
-            this._headers = opts.headers || {};
-    
-            this.on( 'progress', this._timeout );
-            this.on( 'load error', function() {
-                me.trigger( 'progress', 1 );
-                clearTimeout( me._timer );
-            });
-        }
-    
-        Transport.options = {
-            server: '',
-            method: 'POST',
-    
-            // 跨域时，是否允许携带cookie, 只有html5 runtime才有效
-            withCredentials: false,
-            fileVar: 'file',
-            timeout: 2 * 60 * 1000,    // 2分钟
-            formData: {},
-            headers: {},
-            sendAsBinary: false
-        };
-    
-        $.extend( Transport.prototype, {
-    
-            // 添加Blob, 只能添加一次，最后一次有效。
-            appendBlob: function( key, blob, filename ) {
-                var me = this,
-                    opts = me.options;
-    
-                if ( me.getRuid() ) {
-                    me.disconnectRuntime();
-                }
-    
-                // 连接到blob归属的同一个runtime.
-                me.connectRuntime( blob.ruid, function() {
-                    me.exec('init');
-                });
-    
-                me._blob = blob;
-                opts.fileVar = key || opts.fileVar;
-                opts.filename = filename || opts.filename;
-            },
-    
-            // 添加其他字段
-            append: function( key, value ) {
-                if ( typeof key === 'object' ) {
-                    $.extend( this._formData, key );
-                } else {
-                    this._formData[ key ] = value;
-                }
-            },
-    
-            setRequestHeader: function( key, value ) {
-                if ( typeof key === 'object' ) {
-                    $.extend( this._headers, key );
-                } else {
-                    this._headers[ key ] = value;
-                }
-            },
-    
-            send: function( method ) {
-                this.exec( 'send', method );
-                this._timeout();
-            },
-    
-            abort: function() {
-                clearTimeout( this._timer );
-                return this.exec('abort');
-            },
-    
-            destroy: function() {
-                this.trigger('destroy');
-                this.off();
-                this.exec('destroy');
-                this.disconnectRuntime();
-            },
-    
-            getResponse: function() {
-                return this.exec('getResponse');
-            },
-    
-            getResponseAsJson: function() {
-                return this.exec('getResponseAsJson');
-            },
-    
-            getStatus: function() {
-                return this.exec('getStatus');
-            },
-    
-            _timeout: function() {
-                var me = this,
-                    duration = me.options.timeout;
-    
-                if ( !duration ) {
-                    return;
-                }
-    
-                clearTimeout( me._timer );
-                me._timer = setTimeout(function() {
-                    me.abort();
-                    me.trigger( 'error', 'timeout' );
-                }, duration );
-            }
-    
-        });
-    
-        // 让Transport具备事件功能。
-        Mediator.installTo( Transport.prototype );
-    
-        return Transport;
-    });
-
     /**
      * @fileOverview 文件队列
      */
-    define( 'queue', [
+    define('queue',[
         'base',
         'mediator',
         'file'
@@ -2145,6 +2581,18 @@ var dragEnter=dragOver=dragLeave=dragDrop=function(){};
                 return null;
             },
     
+            /**
+             * 对队列进行排序，能够控制文件上传顺序。
+             * @grammar sort( fn ) => undefined
+             * @method sort
+             * @param {Function} fn 排序方法
+             */
+            sort: function( fn ) {
+                if ( typeof fn === 'function' ) {
+                    this._queue.sort( fn );
+                }
+            },
+    
             /**
              * 获取指定类型的文件列表, 列表中每一个成员为[File](#WebUploader:File)对象。
              * @grammar getFiles( [status1[, status2 ...]] ) => Array
@@ -2240,11 +2688,1485 @@ var dragEnter=dragOver=dragLeave=dragDrop=function(){};
     
         return Queue;
     });
-
+    /**
+     * @fileOverview 队列
+     */
+    define('widgets/queue',[
+        'base',
+        'uploader',
+        'queue',
+        'file',
+        'lib/file',
+        'runtime/client',
+        'widgets/widget'
+    ], function( Base, Uploader, Queue, WUFile, File, RuntimeClient ) {
+    
+        var $ = Base.$,
+            rExt = /\.\w+$/,
+            Status = WUFile.Status;
+    
+        return Uploader.register({
+            'sort-files': 'sortFiles',
+            'add-file': 'addFiles',
+            'get-file': 'getFile',
+            'fetch-file': 'fetchFile',
+            'get-stats': 'getStats',
+            'get-files': 'getFiles',
+            'remove-file': 'removeFile',
+            'retry': 'retry',
+            'reset': 'reset',
+            'accept-file': 'acceptFile'
+        }, {
+    
+            init: function( opts ) {
+                var me = this,
+                    deferred, len, i, item, arr, accept, runtime;
+    
+                if ( $.isPlainObject( opts.accept ) ) {
+                    opts.accept = [ opts.accept ];
+                }
+    
+                // accept中的中生成匹配正则。
+                if ( opts.accept ) {
+                    arr = [];
+    
+                    for ( i = 0, len = opts.accept.length; i < len; i++ ) {
+                        item = opts.accept[ i ].extensions;
+                        item && arr.push( item );
+                    }
+    
+                    if ( arr.length ) {
+                        accept = '\\.' + arr.join(',')
+                                .replace( /,/g, '$|\\.' )
+                                .replace( /\*/g, '.*' ) + '$';
+                    }
+    
+                    me.accept = new RegExp( accept, 'i' );
+                }
+    
+                me.queue = new Queue();
+                me.stats = me.queue.stats;
+    
+                // 如果当前不是html5运行时，那就算了。
+                // 不执行后续操作
+                if ( this.request('predict-runtime-type') !== 'html5' ) {
+                    return;
+                }
+    
+                // 创建一个 html5 运行时的 placeholder
+                // 以至于外部添加原生 File 对象的时候能正确包裹一下供 webuploader 使用。
+                deferred = Base.Deferred();
+                runtime = new RuntimeClient('Placeholder');
+                runtime.connectRuntime({
+                    runtimeOrder: 'html5'
+                }, function() {
+                    me._ruid = runtime.getRuid();
+                    deferred.resolve();
+                });
+                return deferred.promise();
+            },
+    
+    
+            // 为了支持外部直接添加一个原生File对象。
+            _wrapFile: function( file ) {
+                if ( !(file instanceof WUFile) ) {
+    
+                    if ( !(file instanceof File) ) {
+                        if ( !this._ruid ) {
+                            throw new Error('Can\'t add external files.');
+                        }
+                        file = new File( this._ruid, file );
+                    }
+    
+                    file = new WUFile( file );
+                }
+    
+                return file;
+            },
+    
+            // 判断文件是否可以被加入队列
+            acceptFile: function( file ) {
+                //var invalid = !file || file.size < 6 || this.accept &&  //去掉文件大小判断
+                var invalid = !file || this.accept &&
+    
+                        // 如果名字中有后缀，才做后缀白名单处理。
+                        rExt.exec( file.name ) && !this.accept.test( file.name );
+    
+                return !invalid;
+            },
+    
+    
+            /**
+             * @event beforeFileQueued
+             * @param {File} file File对象
+             * @description 当文件被加入队列之前触发，此事件的handler返回值为`false`，则此文件不会被添加进入队列。
+             * @for  Uploader
+             */
+    
+            /**
+             * @event fileQueued
+             * @param {File} file File对象
+             * @description 当文件被加入队列以后触发。
+             * @for  Uploader
+             */
+    
+            _addFile: function( file ) {
+                var me = this;
+    
+                file = me._wrapFile( file );
+    
+                // 不过类型判断允许不允许，先派送 `beforeFileQueued`
+                if ( !me.owner.trigger( 'beforeFileQueued', file ) ) {
+                    return;
+                }
+    
+                // 类型不匹配，则派送错误事件，并返回。
+                if ( !me.acceptFile( file ) ) {
+                    me.owner.trigger( 'error', 'Q_TYPE_DENIED', file );
+                    return;
+                }
+    
+                me.queue.append( file );
+                me.owner.trigger( 'fileQueued', file );
+                return file;
+            },
+    
+            getFile: function( fileId ) {
+                return this.queue.getFile( fileId );
+            },
+    
+            /**
+             * @event filesQueued
+             * @param {File} files 数组，内容为原始File(lib/File）对象。
+             * @description 当一批文件添加进队列以后触发。
+             * @for  Uploader
+             */
+    
+            /**
+             * @method addFiles
+             * @grammar addFiles( file ) => undefined
+             * @grammar addFiles( [file1, file2 ...] ) => undefined
+             * @param {Array of File or File} [files] Files 对象 数组
+             * @description 添加文件到队列
+             * @for  Uploader
+             */
+            addFiles: function( files ) {
+                var me = this;
+    
+                if ( !files.length ) {
+                    files = [ files ];
+                }
+    
+                files = $.map( files, function( file ) {
+                    return me._addFile( file );
+                });
+    
+                me.owner.trigger( 'filesQueued', files );
+    
+                if ( me.options.auto ) {
+                    setTimeout(function() {
+                        me.request('start-upload');
+                    }, 20 );
+                }
+            },
+    
+            getStats: function() {
+                return this.stats;
+            },
+    
+            /**
+             * @event fileDequeued
+             * @param {File} file File对象
+             * @description 当文件被移除队列后触发。
+             * @for  Uploader
+             */
+    
+            /**
+             * @method removeFile
+             * @grammar removeFile( file ) => undefined
+             * @grammar removeFile( id ) => undefined
+             * @param {File|id} file File对象或这File对象的id
+             * @description 移除某一文件。
+             * @for  Uploader
+             * @example
+             *
+             * $li.on('click', '.remove-this', function() {
+             *     uploader.removeFile( file );
+             * })
+             */
+            removeFile: function( file ) {
+                var me = this;
+    
+                file = file.id ? file : me.queue.getFile( file );
+    
+                file.setStatus( Status.CANCELLED );
+                me.owner.trigger( 'fileDequeued', file );
+            },
+    
+            /**
+             * @method getFiles
+             * @grammar getFiles() => Array
+             * @grammar getFiles( status1, status2, status... ) => Array
+             * @description 返回指定状态的文件集合，不传参数将返回所有状态的文件。
+             * @for  Uploader
+             * @example
+             * console.log( uploader.getFiles() );    // => all files
+             * console.log( uploader.getFiles('error') )    // => all error files.
+             */
+            getFiles: function() {
+                return this.queue.getFiles.apply( this.queue, arguments );
+            },
+    
+            fetchFile: function() {
+                return this.queue.fetch.apply( this.queue, arguments );
+            },
+    
+            /**
+             * @method retry
+             * @grammar retry() => undefined
+             * @grammar retry( file ) => undefined
+             * @description 重试上传，重试指定文件，或者从出错的文件开始重新上传。
+             * @for  Uploader
+             * @example
+             * function retry() {
+             *     uploader.retry();
+             * }
+             */
+            retry: function( file, noForceStart ) {
+                var me = this,
+                    files, i, len;
+    
+                if ( file ) {
+                    file = file.id ? file : me.queue.getFile( file );
+                    file.setStatus( Status.QUEUED );
+                    noForceStart || me.request('start-upload');
+                    return;
+                }
+    
+                files = me.queue.getFiles( Status.ERROR );
+                i = 0;
+                len = files.length;
+    
+                for ( ; i < len; i++ ) {
+                    file = files[ i ];
+                    file.setStatus( Status.QUEUED );
+                }
+    
+                me.request('start-upload');
+            },
+    
+            /**
+             * @method sort
+             * @grammar sort( fn ) => undefined
+             * @description 排序队列中的文件，在上传之前调整可以控制上传顺序。
+             * @for  Uploader
+             */
+            sortFiles: function() {
+                return this.queue.sort.apply( this.queue, arguments );
+            },
+    
+            /**
+             * @event reset
+             * @description 当 uploader 被重置的时候触发。
+             * @for  Uploader
+             */
+    
+            /**
+             * @method reset
+             * @grammar reset() => undefined
+             * @description 重置uploader。目前只重置了队列。
+             * @for  Uploader
+             * @example
+             * uploader.reset();
+             */
+            reset: function() {
+                this.owner.trigger('reset');
+                this.queue = new Queue();
+                this.stats = this.queue.stats;
+            }
+        });
+    
+    });
+    /**
+     * @fileOverview 添加获取Runtime相关信息的方法。
+     */
+    define('widgets/runtime',[
+        'uploader',
+        'runtime/runtime',
+        'widgets/widget'
+    ], function( Uploader, Runtime ) {
+    
+        Uploader.support = function() {
+            return Runtime.hasRuntime.apply( Runtime, arguments );
+        };
+    
+        return Uploader.register({
+            'predict-runtime-type': 'predictRuntmeType'
+        }, {
+    
+            init: function() {
+                if ( !this.predictRuntmeType() ) {
+                    throw Error('Runtime Error');
+                }
+            },
+    
+            /**
+             * 预测Uploader将采用哪个`Runtime`
+             * @grammar predictRuntmeType() => String
+             * @method predictRuntmeType
+             * @for  Uploader
+             */
+            predictRuntmeType: function() {
+                var orders = this.options.runtimeOrder || Runtime.orders,
+                    type = this.type,
+                    i, len;
+    
+                if ( !type ) {
+                    orders = orders.split( /\s*,\s*/g );
+    
+                    for ( i = 0, len = orders.length; i < len; i++ ) {
+                        if ( Runtime.hasRuntime( orders[ i ] ) ) {
+                            this.type = type = orders[ i ];
+                            break;
+                        }
+                    }
+                }
+    
+                return type;
+            }
+        });
+    });
+    /**
+     * @fileOverview Transport
+     */
+    define('lib/transport',[
+        'base',
+        'runtime/client',
+        'mediator'
+    ], function( Base, RuntimeClient, Mediator ) {
+    
+        var $ = Base.$;
+    
+        function Transport( opts ) {
+            var me = this;
+    
+            opts = me.options = $.extend( true, {}, Transport.options, opts || {} );
+            RuntimeClient.call( this, 'Transport' );
+    
+            this._blob = null;
+            this._formData = opts.formData || {};
+            this._headers = opts.headers || {};
+    
+            this.on( 'progress', this._timeout );
+            this.on( 'load error', function() {
+                me.trigger( 'progress', 1 );
+                clearTimeout( me._timer );
+            });
+        }
+    
+        Transport.options = {
+            server: '',
+            method: 'POST',
+    
+            // 跨域时，是否允许携带cookie, 只有html5 runtime才有效
+            withCredentials: false,
+            fileVal: 'file',
+            timeout: 2 * 60 * 1000,    // 2分钟
+            formData: {},
+            headers: {},
+            sendAsBinary: false
+        };
+    
+        $.extend( Transport.prototype, {
+    
+            // 添加Blob, 只能添加一次，最后一次有效。
+            appendBlob: function( key, blob, filename ) {
+                var me = this,
+                    opts = me.options;
+    
+                if ( me.getRuid() ) {
+                    me.disconnectRuntime();
+                }
+    
+                // 连接到blob归属的同一个runtime.
+                me.connectRuntime( blob.ruid, function() {
+                    me.exec('init');
+                });
+    
+                me._blob = blob;
+                opts.fileVal = key || opts.fileVal;
+                opts.filename = filename || opts.filename;
+            },
+    
+            // 添加其他字段
+            append: function( key, value ) {
+                if ( typeof key === 'object' ) {
+                    $.extend( this._formData, key );
+                } else {
+                    this._formData[ key ] = value;
+                }
+            },
+    
+            setRequestHeader: function( key, value ) {
+                if ( typeof key === 'object' ) {
+                    $.extend( this._headers, key );
+                } else {
+                    this._headers[ key ] = value;
+                }
+            },
+    
+            send: function( method ) {
+                this.exec( 'send', method );
+                this._timeout();
+            },
+    
+            abort: function() {
+                clearTimeout( this._timer );
+                return this.exec('abort');
+            },
+    
+            destroy: function() {
+                this.trigger('destroy');
+                this.off();
+                this.exec('destroy');
+                this.disconnectRuntime();
+            },
+    
+            getResponse: function() {
+                return this.exec('getResponse');
+            },
+    
+            getResponseAsJson: function() {
+                return this.exec('getResponseAsJson');
+            },
+    
+            getStatus: function() {
+                return this.exec('getStatus');
+            },
+    
+            _timeout: function() {
+                var me = this,
+                    duration = me.options.timeout;
+    
+                if ( !duration ) {
+                    return;
+                }
+    
+                clearTimeout( me._timer );
+                me._timer = setTimeout(function() {
+                    me.abort();
+                    me.trigger( 'error', 'timeout' );
+                }, duration );
+            }
+    
+        });
+    
+        // 让Transport具备事件功能。
+        Mediator.installTo( Transport.prototype );
+    
+        return Transport;
+    });
+    /**
+     * @fileOverview 负责文件上传相关。
+     */
+    define('widgets/upload',[
+        'base',
+        'uploader',
+        'file',
+        'lib/transport',
+        'widgets/widget'
+    ], function( Base, Uploader, WUFile, Transport ) {
+    
+        var $ = Base.$,
+            isPromise = Base.isPromise,
+            Status = WUFile.Status;
+    
+        // 添加默认配置项
+        $.extend( Uploader.options, {
+    
+    
+            /**
+             * @property {Boolean} [prepareNextFile=false]
+             * @namespace options
+             * @for Uploader
+             * @description 是否允许在文件传输时提前把下一个文件准备好。
+             * 对于一个文件的准备工作比较耗时，比如图片压缩，md5序列化。
+             * 如果能提前在当前文件传输期处理，可以节省总体耗时。
+             */
+            prepareNextFile: false,
+    
+            /**
+             * @property {Boolean} [chunked=false]
+             * @namespace options
+             * @for Uploader
+             * @description 是否要分片处理大文件上传。
+             */
+            chunked: false,
+    
+            /**
+             * @property {Boolean} [chunkSize=5242880]
+             * @namespace options
+             * @for Uploader
+             * @description 如果要分片，分多大一片？ 默认大小为5M.
+             */
+            chunkSize: 5 * 1024 * 1024,
+    
+            /**
+             * @property {Boolean} [chunkRetry=2]
+             * @namespace options
+             * @for Uploader
+             * @description 如果某个分片由于网络问题出错，允许自动重传多少次？
+             */
+            chunkRetry: 2,
+    
+            /**
+             * @property {Boolean} [threads=3]
+             * @namespace options
+             * @for Uploader
+             * @description 上传并发数。允许同时最大上传进程数。
+             */
+            threads: 3,
+    
+    
+            /**
+             * @property {Object} [formData]
+             * @namespace options
+             * @for Uploader
+             * @description 文件上传请求的参数表，每次发送都会发送此对象中的参数。
+             */
+            formData: null
+    
+            /**
+             * @property {Object} [fileVal='file']
+             * @namespace options
+             * @for Uploader
+             * @description 设置文件上传域的name。
+             */
+    
+            /**
+             * @property {Object} [method='POST']
+             * @namespace options
+             * @for Uploader
+             * @description 文件上传方式，`POST`或者`GET`。
+             */
+    
+            /**
+             * @property {Object} [sendAsBinary=false]
+             * @namespace options
+             * @for Uploader
+             * @description 是否已二进制的流的方式发送文件，这样整个上传内容`php://input`都为文件内容，
+             * 其他参数在$_GET数组中。
+             */
+        });
+    
+        // 负责将文件切片。
+        function CuteFile( file, chunkSize ) {
+            var pending = [],
+                blob = file.source,
+                total = blob.size,
+                chunks = chunkSize ? Math.ceil( total / chunkSize ) : 1,
+                start = 0,
+                index = 0,
+                len;
+    
+            while ( index < chunks ) {
+                len = Math.min( chunkSize, total - start );
+    
+                pending.push({
+                    file: file,
+                    start: start,
+                    end: chunkSize ? (start + len) : total,
+                    total: total,
+                    chunks: chunks,
+                    chunk: index++
+                });
+                start += len;
+            }
+    
+            file.blocks = pending.concat();
+            file.remaning = pending.length;
+    
+            return {
+                file: file,
+    
+                has: function() {
+                    return !!pending.length;
+                },
+    
+                fetch: function() {
+                    return pending.shift();
+                }
+            };
+        }
+    
+        Uploader.register({
+            'start-upload': 'start',
+            'stop-upload': 'stop',
+            'skip-file': 'skipFile',
+            'is-in-progress': 'isInProgress'
+        }, {
+    
+            init: function() {
+                var owner = this.owner;
+    
+                this.runing = false;
+    
+                // 记录当前正在传的数据，跟threads相关
+                this.pool = [];
+    
+                // 缓存即将上传的文件。
+                this.pending = [];
+    
+                // 跟踪还有多少分片没有完成上传。
+                this.remaning = 0;
+                this.__tick = Base.bindFn( this._tick, this );
+    
+                owner.on( 'uploadComplete', function( file ) {
+                    // 把其他块取消了。
+                    file.blocks && $.each( file.blocks, function( _, v ) {
+                        v.transport && (v.transport.abort(), v.transport.destroy());
+                        delete v.transport;
+                    });
+    
+                    delete file.blocks;
+                    delete file.remaning;
+                });
+            },
+    
+            /**
+             * @event startUpload
+             * @description 当开始上传流程时触发。
+             * @for  Uploader
+             */
+    
+            /**
+             * 开始上传。此方法可以从初始状态调用开始上传流程，也可以从暂停状态调用，继续上传流程。
+             * @grammar upload() => undefined
+             * @method upload
+             * @for  Uploader
+             */
+            start: function() {
+                var me = this;
+    
+                // 移出invalid的文件
+                $.each( me.request( 'get-files', Status.INVALID ), function() {
+                    me.request( 'remove-file', this );
+                });
+    
+                if ( me.runing ) {
+                    return;
+                }
+    
+                me.runing = true;
+    
+                // 如果有暂停的，则续传
+                $.each( me.pool, function( _, v ) {
+                    var file = v.file;
+    
+                    if ( file.getStatus() === Status.INTERRUPT ) {
+                        file.setStatus( Status.PROGRESS );
+                        me._trigged = false;
+                        v.transport && v.transport.send();
+                    }
+                });
+    
+                me._trigged = false;
+                me.owner.trigger('startUpload');
+                Base.nextTick( me.__tick );
+            },
+    
+            /**
+             * @event stopUpload
+             * @description 当开始上传流程暂停时触发。
+             * @for  Uploader
+             */
+    
+            /**
+             * 暂停上传。第一个参数为是否中断上传当前正在上传的文件。
+             * @grammar stop() => undefined
+             * @grammar stop( true ) => undefined
+             * @method stop
+             * @for  Uploader
+             */
+            stop: function( interrupt ) {
+                var me = this;
+    
+                if ( me.runing === false ) {
+                    return;
+                }
+    
+                me.runing = false;
+    
+                interrupt && $.each( me.pool, function( _, v ) {
+                    v.transport && v.transport.abort();
+                    v.file.setStatus( Status.INTERRUPT );
+                });
+    
+                me.owner.trigger('stopUpload');
+            },
+    
+            /**
+             * 判断`Uplaode`r是否正在上传中。
+             * @grammar isInProgress() => Boolean
+             * @method isInProgress
+             * @for  Uploader
+             */
+            isInProgress: function() {
+                return !!this.runing;
+            },
+    
+            getStats: function() {
+                return this.request('get-stats');
+            },
+    
+            /**
+             * 掉过一个文件上传，直接标记指定文件为已上传状态。
+             * @grammar skipFile( file ) => undefined
+             * @method skipFile
+             * @for  Uploader
+             */
+            skipFile: function( file, status ) {
+                file = this.request( 'get-file', file );
+    
+                file.setStatus( status || Status.COMPLETE );
+                file.skipped = true;
+    
+                // 如果正在上传。
+                file.blocks && $.each( file.blocks, function( _, v ) {
+                    var _tr = v.transport;
+    
+                    if ( _tr ) {
+                        _tr.abort();
+                        _tr.destroy();
+                        delete v.transport;
+                    }
+                });
+    
+                this.owner.trigger( 'uploadSkip', file );
+            },
+    
+            /**
+             * @event uploadFinished
+             * @description 当所有文件上传结束时触发。
+             * @for  Uploader
+             */
+            _tick: function() {
+                var me = this,
+                    opts = me.options,
+                    fn, val;
+    
+                // 上一个promise还没有结束，则等待完成后再执行。
+                if ( me._promise ) {
+                    return me._promise.always( me.__tick );
+                }
+    
+                // 还有位置，且还有文件要处理的话。
+                if ( me.pool.length < opts.threads && (val = me._nextBlock()) ) {
+                    me._trigged = false;
+    
+                    fn = function( val ) {
+                        me._promise = null;
+    
+                        // 有可能是reject过来的，所以要检测val的类型。
+                        val && val.file && me._startSend( val );
+                        Base.nextTick( me.__tick );
+                    };
+    
+                    me._promise = isPromise( val ) ? val.always( fn ) : fn( val );
+    
+                // 没有要上传的了，且没有正在传输的了。
+                } else if ( !me.remaning && !me.getStats().numOfQueue ) {
+                    me.runing = false;
+    
+                    me._trigged || Base.nextTick(function() {
+                        me.owner.trigger('uploadFinished');
+                    });
+                    me._trigged = true;
+                }
+            },
+    
+            _nextBlock: function() {
+                var me = this,
+                    act = me._act,
+                    opts = me.options,
+                    next, done;
+    
+                // 如果当前文件还有没有需要传输的，则直接返回剩下的。
+                if ( act && act.has() &&
+                        act.file.getStatus() === Status.PROGRESS ) {
+    
+                    // 是否提前准备下一个文件
+                    if ( opts.prepareNextFile && !me.pending.length ) {
+                        me._prepareNextFile();
+                    }
+    
+                    return act.fetch();
+    
+                // 否则，如果正在运行，则准备下一个文件，并等待完成后返回下个分片。
+                } else if ( me.runing ) {
+    
+                    // 如果缓存中有，则直接在缓存中取，没有则去queue中取。
+                    if ( !me.pending.length && me.getStats().numOfQueue ) {
+                        me._prepareNextFile();
+                    }
+    
+                    next = me.pending.shift();
+                    done = function( file ) {
+                        if ( !file ) {
+                            return null;
+                        }
+    
+                        act = CuteFile( file, opts.chunked ? opts.chunkSize : 0 );
+                        me._act = act;
+                        return act.fetch();
+                    };
+    
+                    // 文件可能还在prepare中，也有可能已经完全准备好了。
+                    return isPromise( next ) ?
+                            next[ next.pipe ? 'pipe' : 'then' ]( done ) :
+                            done( next );
+                }
+            },
+    
+    
+            /**
+             * @event uploadStart
+             * @param {File} file File对象
+             * @description 某个文件开始上传前触发，一个文件只会触发一次。
+             * @for  Uploader
+             */
+            _prepareNextFile: function() {
+                var me = this,
+                    file = me.request('fetch-file'),
+                    pending = me.pending,
+                    promise;
+    
+                if ( file ) {
+                    promise = me.request( 'before-send-file', file, function() {
+    
+                        // 有可能文件被skip掉了。文件被skip掉后，状态坑定不是Queued.
+                        if ( file.getStatus() === Status.QUEUED ) {
+                            me.owner.trigger( 'uploadStart', file );
+                            file.setStatus( Status.PROGRESS );
+                            return file;
+                        }
+    
+                        return me._finishFile( file );
+                    });
+    
+                    // 如果还在pending中，则替换成文件本身。
+                    promise.done(function() {
+                        var idx = $.inArray( promise, pending );
+    
+                        ~idx && pending.splice( idx, 1, file );
+                    });
+    
+                    // befeore-send-file的钩子就有错误发生。
+                    promise.fail(function( reason ) {
+                        file.setStatus( Status.ERROR, reason );
+                        me.owner.trigger( 'uploadError', file, reason );
+                        me.owner.trigger( 'uploadComplete', file );
+                    });
+    
+                    pending.push( promise );
+                }
+            },
+    
+            // 让出位置了，可以让其他分片开始上传
+            _popBlock: function( block ) {
+                var idx = $.inArray( block, this.pool );
+    
+                this.pool.splice( idx, 1 );
+                block.file.remaning--;
+                this.remaning--;
+            },
+    
+            // 开始上传，可以被掉过。如果promise被reject了，则表示跳过此分片。
+            _startSend: function( block ) {
+                var me = this,
+                    file = block.file,
+                    promise;
+    
+                me.pool.push( block );
+                me.remaning++;
+    
+                // 如果没有分片，则直接使用原始的。
+                // 不会丢失content-type信息。
+                block.blob = block.chunks === 1 ? file.source :
+                        file.source.slice( block.start, block.end );
+    
+                // hook, 每个分片发送之前可能要做些异步的事情。
+                promise = me.request( 'before-send', block, function() {
+    
+                    // 有可能文件已经上传出错了，所以不需要再传输了。
+                    if ( file.getStatus() === Status.PROGRESS ) {
+                        me._doSend( block );
+                    } else {
+                        me._popBlock( block );
+                        Base.nextTick( me.__tick );
+                    }
+                });
+    
+                // 如果为fail了，则跳过此分片。
+                promise.fail(function() {
+                    if ( file.remaning === 1 ) {
+                        me._finishFile( file ).always(function() {
+                            block.percentage = 1;
+                            me._popBlock( block );
+                            me.owner.trigger( 'uploadComplete', file );
+                            Base.nextTick( me.__tick );
+                        });
+                    } else {
+                        block.percentage = 1;
+                        me._popBlock( block );
+                        Base.nextTick( me.__tick );
+                    }
+                });
+            },
+    
+    
+            /**
+             * @event uploadBeforeSend
+             * @param {Object} object
+             * @param {Object} data 默认的上传参数，可以扩展此对象来控制上传参数。
+             * @param {Object} headers 可以扩展此对象来控制上传头部。
+             * @description 当某个文件的分块在发送前触发，主要用来询问是否要添加附带参数，大文件在开起分片上传的前提下此事件可能会触发多次。
+             * @for  Uploader
+             */
+    
+            /**
+             * @event uploadAccept
+             * @param {Object} object
+             * @param {Object} ret 服务端的返回数据，json格式，如果服务端不是json格式，从ret._raw中取数据，自行解析。
+             * @description 当某个文件上传到服务端响应后，会派送此事件来询问服务端响应是否有效。如果此事件handler返回值为`false`, 则此文件将派送`server`类型的`uploadError`事件。
+             * @for  Uploader
+             */
+    
+            /**
+             * @event uploadProgress
+             * @param {File} file File对象
+             * @param {Number} percentage 上传进度
+             * @description 上传过程中触发，携带上传进度。
+             * @for  Uploader
+             */
+    
+    
+            /**
+             * @event uploadError
+             * @param {File} file File对象
+             * @param {String} reason 出错的code
+             * @description 当文件上传出错时触发。
+             * @for  Uploader
+             */
+    
+            /**
+             * @event uploadSuccess
+             * @param {File} file File对象
+             * @param {Object} response 服务端返回的数据
+             * @description 当文件上传成功时触发。
+             * @for  Uploader
+             */
+    
+            /**
+             * @event uploadComplete
+             * @param {File} [file] File对象
+             * @description 不管成功或者失败，文件上传完成时触发。
+             * @for  Uploader
+             */
+    
+            // 做上传操作。
+            _doSend: function( block ) {
+                var me = this,
+                    owner = me.owner,
+                    opts = me.options,
+                    file = block.file,
+                    tr = new Transport( opts ),
+                    data = $.extend({}, opts.formData ),
+                    headers = $.extend({}, opts.headers ),
+                    requestAccept, ret;
+    
+                block.transport = tr;
+    
+                tr.on( 'destroy', function() {
+                    delete block.transport;
+                    me._popBlock( block );
+                    Base.nextTick( me.__tick );
+                });
+    
+                // 广播上传进度。以文件为单位。
+                tr.on( 'progress', function( percentage ) {
+                    var totalPercent = 0,
+                        uploaded = 0;
+    
+                    // 可能没有abort掉，progress还是执行进来了。
+                    // if ( !file.blocks ) {
+                    //     return;
+                    // }
+    
+                    totalPercent = block.percentage = percentage;
+    
+                    if ( block.chunks > 1 ) {    // 计算文件的整体速度。
+                        $.each( file.blocks, function( _, v ) {
+                            uploaded += (v.percentage || 0) * (v.end - v.start);
+                        });
+    
+                        totalPercent = uploaded / file.size;
+                    }
+    
+                    owner.trigger( 'uploadProgress', file, totalPercent || 0 );
+                });
+    
+                // 用来询问，是否返回的结果是有错误的。
+                requestAccept = function( reject ) {
+                    var fn;
+    
+                    ret = tr.getResponseAsJson() || {};
+                    ret._raw = tr.getResponse();
+                    fn = function( value ) {
+                        reject = value;
+                    };
+    
+                    // 服务端响应了，不代表成功了，询问是否响应正确。
+                    if ( !owner.trigger( 'uploadAccept', block, ret, fn ) ) {
+                        reject = reject || 'server';
+                    }
+    
+                    return reject;
+                };
+    
+                // 尝试重试，然后广播文件上传出错。
+                tr.on( 'error', function( type, flag ) {
+                    block.retried = block.retried || 0;
+    
+                    // 自动重试
+                    if ( block.chunks > 1 && ~'http,abort'.indexOf( type ) &&
+                            block.retried < opts.chunkRetry ) {
+    
+                        block.retried++;
+                        tr.send();
+    
+                    } else {
+    
+                        // http status 500 ~ 600
+                        if ( !flag && type === 'server' ) {
+                            type = requestAccept( type );
+                        }
+    
+                        file.setStatus( Status.ERROR, type );
+                        owner.trigger( 'uploadError', file, type );
+                        owner.trigger( 'uploadComplete', file );
+                    }
+                });
+    
+                // 上传成功
+                tr.on( 'load', function() {
+                    var reason;
+    
+                    // 如果非预期，转向上传出错。
+                    if ( (reason = requestAccept()) ) {
+                        tr.trigger( 'error', reason, true );
+                        return;
+                    }
+    
+                    // 全部上传完成。
+                    if ( file.remaning === 1 ) {
+                        me._finishFile( file, ret );
+                    } else {
+                        tr.destroy();
+                    }
+                });
+    
+                // 配置默认的上传字段。
+                data = $.extend( data, {
+                    id: file.id,
+                    name: file.name,
+                    type: file.type,
+                    lastModifiedDate: file.lastModifiedDate,
+                    size: file.size
+                });
+    
+                block.chunks > 1 && $.extend( data, {
+                    chunks: block.chunks,
+                    chunk: block.chunk
+                });
+    
+                // 在发送之间可以添加字段什么的。。。
+                // 如果默认的字段不够使用，可以通过监听此事件来扩展
+                owner.trigger( 'uploadBeforeSend', block, data, headers );
+    
+                // 开始发送。
+                tr.appendBlob( opts.fileVal, block.blob, file.name );
+                tr.append( data );
+                tr.setRequestHeader( headers );
+                tr.send();
+            },
+    
+            // 完成上传。
+            _finishFile: function( file, ret, hds ) {
+                var owner = this.owner;
+    
+                return owner
+                        .request( 'after-send-file', arguments, function() {
+                            file.setStatus( Status.COMPLETE );
+                            owner.trigger( 'uploadSuccess', file, ret, hds );
+                        })
+                        .fail(function( reason ) {
+    
+                            // 如果外部已经标记为invalid什么的，不再改状态。
+                            if ( file.getStatus() === Status.PROGRESS ) {
+                                file.setStatus( Status.ERROR, reason );
+                            }
+    
+                            owner.trigger( 'uploadError', file, reason );
+                        })
+                        .always(function() {
+                            owner.trigger( 'uploadComplete', file );
+                        });
+            }
+    
+        });
+    });
+    /**
+     * @fileOverview 各种验证，包括文件总大小是否超出、单文件是否超出和文件是否重复。
+     */
+    
+    define('widgets/validator',[
+        'base',
+        'uploader',
+        'file',
+        'widgets/widget'
+    ], function( Base, Uploader, WUFile ) {
+    
+        var $ = Base.$,
+            validators = {},
+            api;
+    
+        /**
+         * @event error
+         * @param {String} type 错误类型。
+         * @description 当validate不通过时，会以派送错误事件的形式通知调用者。通过`upload.on('error', handler)`可以捕获到此类错误，目前有以下错误会在特定的情况下派送错来。
+         *
+         * * `Q_EXCEED_NUM_LIMIT` 在设置了`fileNumLimit`且尝试给`uploader`添加的文件数量超出这个值时派送。
+         * * `Q_EXCEED_SIZE_LIMIT` 在设置了`Q_EXCEED_SIZE_LIMIT`且尝试给`uploader`添加的文件总大小超出这个值时派送。
+         * @for  Uploader
+         */
+    
+        // 暴露给外面的api
+        api = {
+    
+            // 添加验证器
+            addValidator: function( type, cb ) {
+                validators[ type ] = cb;
+            },
+    
+            // 移除验证器
+            removeValidator: function( type ) {
+                delete validators[ type ];
+            }
+        };
+    
+        // 在Uploader初始化的时候启动Validators的初始化
+        Uploader.register({
+            init: function() {
+                var me = this;
+                Base.nextTick(function() {
+                    $.each( validators, function() {
+                        this.call( me.owner );
+                    });
+                });
+            }
+        });
+    
+        /**
+         * @property {int} [fileNumLimit=undefined]
+         * @namespace options
+         * @for Uploader
+         * @description 验证文件总数量, 超出则不允许加入队列。
+         */
+        api.addValidator( 'fileNumLimit', function() {
+            var uploader = this,
+                opts = uploader.options,
+                count = 0,
+                max = parseInt( opts.fileNumLimit, 10 ),
+                flag = true;
+    
+            if ( !max ) {
+                return;
+            }
+    
+            uploader.on( 'beforeFileQueued', function( file ) {
+    
+                if ( count >= max && flag ) {
+                    flag = false;
+                    this.trigger( 'error', 'Q_EXCEED_NUM_LIMIT', max, file );
+                    setTimeout(function() {
+                        flag = true;
+                    }, 1 );
+                }
+    
+                return count >= max ? false : true;
+            });
+    
+            uploader.on( 'fileQueued', function() {
+                count++;
+            });
+    
+            uploader.on( 'fileDequeued', function() {
+                count--;
+            });
+    
+            uploader.on( 'uploadFinished reset', function() {
+                count = 0;
+            });
+        });
+    
+    
+        /**
+         * @property {int} [fileSizeLimit=undefined]
+         * @namespace options
+         * @for Uploader
+         * @description 验证文件总大小是否超出限制, 超出则不允许加入队列。
+         */
+        api.addValidator( 'fileSizeLimit', function() {
+            var uploader = this,
+                opts = uploader.options,
+                count = 0,
+                max = opts.fileSizeLimit >> 0,
+                flag = true;
+    
+            if ( !max ) {
+                return;
+            }
+    
+            uploader.on( 'beforeFileQueued', function( file ) {
+                var invalid = count + file.size > max;
+    
+                if ( invalid && flag ) {
+                    flag = false;
+                    this.trigger( 'error', 'Q_EXCEED_SIZE_LIMIT', max, file );
+                    setTimeout(function() {
+                        flag = true;
+                    }, 1 );
+                }
+    
+                return invalid ? false : true;
+            });
+    
+            uploader.on( 'fileQueued', function( file ) {
+                count += file.size;
+            });
+    
+            uploader.on( 'fileDequeued', function( file ) {
+                count -= file.size;
+            });
+    
+            uploader.on( 'uploadFinished reset', function() {
+                count = 0;
+            });
+        });
+    
+        /**
+         * @property {int} [fileSingleSizeLimit=undefined]
+         * @namespace options
+         * @for Uploader
+         * @description 验证单个文件大小是否超出限制, 超出则不允许加入队列。
+         */
+        api.addValidator( 'fileSingleSizeLimit', function() {
+            var uploader = this,
+                opts = uploader.options,
+                max = opts.fileSingleSizeLimit;
+    
+            if ( !max ) {
+                return;
+            }
+    
+            uploader.on( 'beforeFileQueued', function( file ) {
+    
+                if ( file.size > max ) {
+                    file.setStatus( WUFile.Status.INVALID, 'exceed_size' );
+                    this.trigger( 'error', 'F_EXCEED_SIZE', file );
+                    return false;
+                }
+    
+            });
+    
+        });
+    
+        /**
+         * @property {int} [duplicate=undefined]
+         * @namespace options
+         * @for Uploader
+         * @description 去重， 根据文件名字、文件大小和最后修改时间来生成hash Key.
+         */
+        api.addValidator( 'duplicate', function() {
+            var uploader = this,
+                opts = uploader.options,
+                mapping = {};
+    
+            if ( opts.duplicate ) {
+                return;
+            }
+    
+            function hashString( str ) {
+                var hash = 0,
+                    i = 0,
+                    len = str.length,
+                    _char;
+    
+                for ( ; i < len; i++ ) {
+                    _char = str.charCodeAt( i );
+                    hash = _char + (hash << 6) + (hash << 16) - hash;
+                }
+    
+                return hash;
+            }
+    
+            uploader.on( 'beforeFileQueued', function( file ) {
+                var hash = file.__hash || (file.__hash = hashString( file.name +
+                        file.size + file.lastModifiedDate ));
+    
+                // 已经重复了
+                if ( mapping[ hash ] ) {
+                    this.trigger( 'error', 'F_DUPLICATE', file );
+                    return false;
+                }
+            });
+    
+            uploader.on( 'fileQueued', function( file ) {
+                var hash = file.__hash;
+    
+                hash && (mapping[ hash ] = true);
+            });
+    
+            uploader.on( 'fileDequeued', function( file ) {
+                var hash = file.__hash;
+    
+                hash && (delete mapping[ hash ]);
+            });
+    
+            uploader.on( 'reset', function() {
+                mapping = {};
+            });
+        });
+    
+        return api;
+    });
+    
+    /**
+     * @fileOverview Md5
+     */
+    define('lib/md5',[
+        'runtime/client',
+        'mediator'
+    ], function( RuntimeClient, Mediator ) {
+    
+        function Md5() {
+            RuntimeClient.call( this, 'Md5' );
+        }
+    
+        // 让 Md5 具备事件功能。
+        Mediator.installTo( Md5.prototype );
+    
+        Md5.prototype.loadFromBlob = function( blob ) {
+            var me = this;
+    
+            if ( me.getRuid() ) {
+                me.disconnectRuntime();
+            }
+    
+            // 连接到blob归属的同一个runtime.
+            me.connectRuntime( blob.ruid, function() {
+                me.exec('init');
+                me.exec( 'loadFromBlob', blob );
+            });
+        };
+    
+        Md5.prototype.getResult = function() {
+            return this.exec('getResult');
+        };
+    
+        return Md5;
+    });
+    /**
+     * @fileOverview 图片操作, 负责预览图片和上传前压缩图片
+     */
+    define('widgets/md5',[
+        'base',
+        'uploader',
+        'lib/md5',
+        'lib/blob',
+        'widgets/widget'
+    ], function( Base, Uploader, Md5, Blob ) {
+    
+        return Uploader.register({
+            'md5-file': 'md5Blob'
+        }, {
+    
+    
+            /**
+             * 计算文件 md5 值，返回一个 promise 对象，可以监听 progress 进度。
+             *
+             *
+             * @method md5File
+             * @grammar md5File( file[, start[, end]] ) => promise
+             * @for Uploader
+             * @example
+             *
+             * uploader.on( 'fileQueued', function( file ) {
+             *     var $li = ...;
+             *
+             *     uploader.md5File( file )
+             *
+             *         // 及时显示进度
+             *         .progress(function(percentage) {
+             *             console.log('Percentage:', percentage);
+             *         })
+             *
+             *         // 完成
+             *         .then(function(val) {
+             *             console.log('md5 result:', val);
+             *         });
+             *
+             * });
+             */
+            md5Blob: function( file, start, end ) {
+                var md5 = new Md5(),
+                    deferred = Base.Deferred(),
+                    blob = (file instanceof Blob) ? file :
+                        this.request( 'get-file', file ).source;
+    
+                md5.on( 'progress load', function( e ) {
+                    e = e || {};
+                    deferred.notify( e.total ? e.loaded / e.total : 1 );
+                });
+    
+                md5.on( 'complete', function() {
+                    deferred.resolve( md5.getResult() );
+                });
+    
+                md5.on( 'error', function( reason ) {
+                    deferred.reject( reason );
+                });
+    
+                if ( arguments.length > 1 ) {
+                    start = start || 0;
+                    end = end || 0;
+                    start < 0 && (start = blob.size + start);
+                    end < 0 && (end = blob.size + end);
+                    end = Math.min( end, blob.size );
+                    blob = blob.slice( start, end );
+                }
+    
+                md5.loadFromBlob( blob );
+    
+                return deferred.promise();
+            }
+        });
+    });
     /**
      * @fileOverview Runtime管理器，负责Runtime的选择, 连接
      */
-    define( 'runtime/compbase', function() {
+    define('runtime/compbase',[],function() {
     
         function CompBase( owner, runtime ) {
     
@@ -2266,366 +4188,10 @@ var dragEnter=dragOver=dragLeave=dragDrop=function(){};
     
         return CompBase;
     });
-
-    /**
-     * @fileOverview FlashRuntime
-     */
-    define( 'runtime/flash/runtime', [
-        'base',
-        'runtime/runtime',
-        'runtime/compbase'
-    ], function( Base, Runtime, CompBase ) {
-    
-        var $ = Base.$,
-            type = 'flash',
-            components = {};
-    
-    
-        function getFlashVersion() {
-            var version;
-    
-            try {
-                version = navigator.plugins[ 'Shockwave Flash' ];
-                version = version.description;
-            } catch ( ex ) {
-                try {
-                    version = new ActiveXObject('ShockwaveFlash.ShockwaveFlash')
-                            .GetVariable('$version');
-                } catch ( ex2 ) {
-                    version = '0.0';
-                }
-            }
-            version = version.match( /\d+/g );
-            return parseFloat( version[ 0 ] + '.' + version[ 1 ], 10 );
-        }
-    
-        function FlashRuntime() {
-            var pool = {},
-                clients = {},
-                destory = this.destory,
-                me = this,
-                jsreciver = Base.guid('webuploader_');
-    
-            Runtime.apply( me, arguments );
-            me.type = type;
-    
-    
-            // 这个方法的调用者，实际上是RuntimeClient
-            me.exec = function( comp, fn/*, args...*/ ) {
-                var client = this,
-                    uid = client.uid,
-                    args = Base.slice( arguments, 2 ),
-                    instance;
-    
-                clients[ uid ] = client;
-    
-                if ( components[ comp ] ) {
-                    if ( !pool[ uid ] ) {
-                        pool[ uid ] = new components[ comp ]( client, me );
-                    }
-    
-                    instance = pool[ uid ];
-    
-                    if ( instance[ fn ] ) {
-                        return instance[ fn ].apply( instance, args );
-                    }
-                }
-    
-                return me.flashExec.apply( client, arguments );
-            };
-    
-            function hander( evt, obj ) {
-                var type = evt.type || evt,
-                    parts, uid;
-    
-                parts = type.split('::');
-                uid = parts[ 0 ];
-                type = parts[ 1 ];
-    
-                // console.log.apply( console, arguments );
-    
-                if ( type === 'Ready' && uid === me.uid ) {
-                    me.trigger('ready');
-                } else if ( clients[ uid ] ) {
-                    clients[ uid ].trigger( type.toLowerCase(), evt, obj );
-                }
-    
-                // Base.log( evt, obj );
-            }
-    
-            // flash的接受器。
-            window[ jsreciver ] = function() {
-                var args = arguments;
-    
-                // 为了能捕获得到。
-                setTimeout(function() {
-                    hander.apply( null, args );
-                }, 1 );
-            };
-    
-            this.jsreciver = jsreciver;
-    
-            this.destory = function() {
-                // @todo 删除池子中的所有实例
-                return destory && destory.apply( this, arguments );
-            };
-    
-            this.flashExec = function( comp, fn ) {
-                var flash = me.getFlash(),
-                    args = Base.slice( arguments, 2 );
-    
-                return flash.exec( this.uid, comp, fn, args );
-            };
-    
-            // @todo
-        }
-    
-        Base.inherits( Runtime, {
-            constructor: FlashRuntime,
-    
-            init: function() {
-                var container = this.getContainer(),
-                    opts = this.options,
-                    html;
-    
-                // if not the minimal height, shims are not initialized
-                // in older browsers (e.g FF3.6, IE6,7,8, Safari 4.0,5.0, etc)
-                container.css({
-                    position: 'absolute',
-                    top: '-8px',
-                    left: '-8px',
-                    width: '9px',
-                    height: '9px',
-                    overflow: 'hidden'
-                });
-    
-                // insert flash object
-                html = '' +
-                    '' +
-                    '' +
-                    '' +
-                '';
-    
-                container.html( html );
-            },
-    
-            getFlash: function() {
-                if ( this._flash ) {
-                    return this._flash;
-                }
-    
-                this._flash = $( '#' + this.uid ).get( 0 );
-                return this._flash;
-            }
-    
-        });
-    
-        FlashRuntime.register = function( name, component ) {
-            component = components[ name ] = Base.inherits( CompBase, $.extend({
-    
-                // @todo fix this later
-                flashExec: function() {
-                    var owner = this.owner,
-                        runtime = this.getRuntime();
-    
-                    return runtime.flashExec.apply( owner, arguments );
-                }
-            }, component ) );
-    
-            return component;
-        };
-    
-        if ( getFlashVersion() >= 11.3 ) {
-            Runtime.addRuntime( type, FlashRuntime );
-        }
-    
-        return FlashRuntime;
-    });
-
-    /**
-     * @fileOverview FilePicker
-     */
-    define( 'runtime/flash/filepicker', [
-        'base',
-        'runtime/flash/runtime'
-    ], function( Base, FlashRuntime ) {
-        var $ = Base.$;
-    
-        return FlashRuntime.register( 'FilePicker', {
-            init: function( opts ) {
-                var copy = $.extend({}, opts );
-    
-                delete copy.button;
-                delete copy.container;
-    
-                this.flashExec( 'FilePicker', 'init', copy );
-            },
-    
-            destroy: function() {
-                // todo
-            }
-        });
-    });
-
-    /**
-     * @fileOverview 图片压缩
-     */
-    define( 'runtime/flash/image', [
-        'runtime/flash/runtime'
-    ], function( FlashRuntime ) {
-    
-        return FlashRuntime.register( 'Image', {
-            // init: function( options ) {
-            //     var owner = this.owner;
-    
-            //     this.flashExec( 'Image', 'init', options );
-            //     owner.on( 'load', function() {
-            //         debugger;
-            //     });
-            // },
-    
-            loadFromBlob: function( blob ) {
-                var owner = this.owner;
-    
-                owner.info() && this.flashExec( 'Image', 'info', owner.info() );
-                owner.meta() && this.flashExec( 'Image', 'meta', owner.meta() );
-    
-                this.flashExec( 'Image', 'loadFromBlob', blob.uid );
-            }
-        });
-    });
-
-    /**
-     * @fileOverview  Transport flash实现
-     */
-    define( 'runtime/flash/transport', [
-        'base',
-        'runtime/flash/runtime',
-        'runtime/client'
-    ], function( Base, FlashRuntime, RuntimeClient ) {
-    
-        return FlashRuntime.register( 'Transport', {
-            init: function() {
-                this._status = 0;
-                this._response = null;
-                this._responseJson = null;
-            },
-    
-            send: function() {
-                var owner = this.owner,
-                    opts = this.options,
-                    xhr = this._initAjax(),
-                    blob = owner._blob,
-                    server = opts.server,
-                    binary;
-    
-                xhr.connectRuntime( blob.ruid );
-    
-                if ( opts.sendAsBinary ) {
-                    server += (/\?/.test( server ) ? '&' : '?') +
-                            $.param( owner._formData );
-    
-                    binary = blob.uid;
-                } else {
-                    $.each( owner._formData, function( k, v ) {
-                        xhr.exec( 'append', k, v );
-                    });
-    
-                    xhr.exec( 'appendBlob', opts.fileVar, blob.uid,
-                            opts.filename || owner._formData.name || '' );
-                }
-    
-                this._setRequestHeader( xhr, opts.headers );
-                xhr.exec( 'send', {
-                    method: opts.method,
-                    url: server
-                }, binary );
-            },
-    
-            getStatus: function() {
-                return this._status;
-            },
-    
-            getResponse: function() {
-                return this._response;
-            },
-    
-            getResponseAsJson: function() {
-                return this._responseJson;
-            },
-    
-            abort: function() {
-                var xhr = this._xhr;
-    
-                if ( xhr ) {
-                    xhr.exec('abort');
-                    xhr.destroy();
-                    this._xhr = xhr = null;
-                }
-            },
-    
-            destroy: function() {
-                this.abort();
-            },
-    
-            _initAjax: function() {
-                var me = this,
-                    xhr = new RuntimeClient('XMLHttpRequest');
-    
-                xhr.on( 'uploadprogress progress', function( e ) {
-                    return me.trigger( 'progress', e.loaded / e.total );
-                });
-    
-                xhr.on( 'load', function() {
-                    var status = xhr.exec('getStatus');
-    
-                    xhr.off();
-                    me._xhr = null;
-    
-                    if ( status === 200 ) {
-                        me._response = xhr.exec('getResponse');
-                        me._responseJson = xhr.exec('getResponseAsJson');
-                        return me.trigger('load');
-                    }
-    
-                    me._status = status;
-                    xhr.destroy();
-                    xhr = null;
-    
-                    return me.trigger( 'error', 'http' );
-                });
-    
-                xhr.on( 'error', function() {
-                    xhr.off();
-                    me._xhr = null;
-                    me.trigger( 'error', 'http' );
-                });
-    
-                me._xhr = xhr;
-                return xhr;
-            },
-    
-            _setRequestHeader: function( xhr, headers ) {
-                $.each( headers, function( key, val ) {
-                    xhr.exec( 'setRequestHeader', key, val );
-                });
-            }
-        });
-    });
-
     /**
      * @fileOverview Html5Runtime
      */
-    define( 'runtime/html5/runtime', [
+    define('runtime/html5/runtime',[
         'base',
         'runtime/runtime',
         'runtime/compbase'
@@ -2679,23 +4245,24 @@ var dragEnter=dragOver=dragLeave=dragDrop=function(){};
     
         });
     
+        // 注册Components
         Html5Runtime.register = function( name, component ) {
             var klass = components[ name ] = Base.inherits( CompBase, component );
             return klass;
         };
     
         // 注册html5运行时。
+        // 只有在支持的前提下注册。
         if ( window.Blob && window.FileReader && window.DataView ) {
             Runtime.addRuntime( type, Html5Runtime );
         }
     
         return Html5Runtime;
     });
-
     /**
      * @fileOverview Blob Html实现
      */
-    define( 'runtime/html5/blob', [
+    define('runtime/html5/blob',[
         'runtime/html5/runtime',
         'lib/blob'
     ], function( Html5Runtime, Blob ) {
@@ -2711,17 +4278,17 @@ var dragEnter=dragOver=dragLeave=dragDrop=function(){};
             }
         });
     });
-
     /**
      * @fileOverview FilePaste
      */
-    define( 'runtime/html5/dnd', [
+    define('runtime/html5/dnd',[
         'base',
         'runtime/html5/runtime',
         'lib/file'
     ], function( Base, Html5Runtime, File ) {
     
-        var $ = Base.$;
+        var $ = Base.$,
+            prefix = 'webuploader-dnd-';
     
         return Html5Runtime.register( 'DragAndDrop', {
             init: function() {
@@ -2731,6 +4298,7 @@ var dragEnter=dragOver=dragLeave=dragDrop=function(){};
                 this.dragOverHandler = Base.bindFn( this._dragOverHandler, this );
                 this.dragLeaveHandler = Base.bindFn( this._dragLeaveHandler, this );
                 this.dropHandler = Base.bindFn( this._dropHandler, this );
+                this.dndOver = false;
     
                 elem.on( 'dragenter', this.dragEnterHandler );
                 elem.on( 'dragover', this.dragOverHandler );
@@ -2744,94 +4312,156 @@ var dragEnter=dragOver=dragLeave=dragDrop=function(){};
             },
     
             _dragEnterHandler: function( e ) {
-                dragEnter(e);
-                this.elem.addClass('webuploader-dnd-over');
+                dragEnter(e);//add by warlee
+                var me = this,
+                    denied = me._denied || false,
+                    items;
     
                 e = e.originalEvent || e;
-                e.dataTransfer.dropEffect = 'copy';
+    
+                if ( !me.dndOver ) {
+                    me.dndOver = true;
+    
+                    // 注意只有 chrome 支持。
+                    items = e.dataTransfer.items;
+    
+                    if ( items && items.length ) {
+                        me._denied = denied = !me.trigger( 'accept', items );
+                    }
+    
+                    me.elem.addClass( prefix + 'over' );
+                    me.elem[ denied ? 'addClass' :
+                            'removeClass' ]( prefix + 'denied' );
+                }
+    
+                e.dataTransfer.dropEffect = denied ? 'none' : 'copy';
     
                 return false;
             },
     
             _dragOverHandler: function( e ) {
-                dragOver(e);
+                dragOver(e);//add by warlee
                 // 只处理框内的。
-                if ( !$.contains( this.elem.parent().get( 0 ), e.target ) ) {
+                var parentElem = this.elem.parent().get( 0 );
+                if ( parentElem && !$.contains( parentElem, e.currentTarget ) ) {
                     return false;
                 }
     
+                clearTimeout( this._leaveTimer );
                 this._dragEnterHandler.call( this, e );
     
                 return false;
             },
     
             _dragLeaveHandler: function() {
-                dragLeave();
-                this.elem.removeClass('webuploader-dnd-over');
+                dragLeave();//add by warlee
+                var me = this,
+                    handler;
+    
+                handler = function() {
+                    me.dndOver = false;
+                    me.elem.removeClass( prefix + 'over ' + prefix + 'denied' );
+                };
+    
+                clearTimeout( me._leaveTimer );
+                me._leaveTimer = setTimeout( handler, 100 );
                 return false;
             },
     
             _dropHandler: function( e ) {
-                dragDrop(e);
-                var results  = [],
-                    promises = [],
-                    me = this,
+                dragDrop(e);//add by warlee
+                var me = this,
                     ruid = me.getRuid(),
-                    items, files, dataTransfer, file, i, len, canAccessFolder;
+                    parentElem = me.elem.parent().get( 0 ),
+                    dataTransfer, data;
     
                 // 只处理框内的。
-                if ( !$.contains( me.elem.parent().get( 0 ), e.target ) ) {
+                if ( parentElem && !$.contains( parentElem, e.currentTarget ) ) {
                     return false;
                 }
     
                 e = e.originalEvent || e;
                 dataTransfer = e.dataTransfer;
-                items = dataTransfer.items;
-                files = dataTransfer.files;
-
-                // add by warlee:check if file,maybe string
-                if (files.length == 0) return;
-
-                canAccessFolder = !!(items && items[ 0 ].webkitGetAsEntry);
-                for ( i = 0, len = files.length; i < len; i++ ) {
-                    file = files[i];
-                    // change by warlee 
-                    // if ( file.type ) {
-                    //     results.push( file );
-                    // } else if ( !file.type && canAccessFolder ) {
-                    //     promises.push( this._traverseDirectoryTree(
-                    //             items[ i ].webkitGetAsEntry(), results ) );
-                    // }
-                    if ( items!=undefined 
-                        && items[i].webkitGetAsEntry()!=null 
-                        && items[i].webkitGetAsEntry().isDirectory) {//if folder
-                        if(canAccessFolder){
-                            promises.push( this._traverseDirectoryTree(
-                                items[ i ].webkitGetAsEntry(), results ) );
-                        }
-                    }else{//is file
-                        results.push(file);
-                    }
-                }   
-                Base.when.apply( Base, promises ).done(function() {
+    
+                // 如果是页面内拖拽，还不能处理，不阻止事件。
+                // 此处 ie11 下会报参数错误，
+                try {
+                    data = dataTransfer.getData('text/html');
+                } catch( err ) {
+                }
+    
+                if ( data ) {
+                    return;
+                }
+    
+                me._getTansferFiles( dataTransfer, function( results ) {
                     me.trigger( 'drop', $.map( results, function( file ) {
                         return new File( ruid, file );
                     }) );
                 });
     
-                this.elem.removeClass('webuploader-dnd-over');
+                me.dndOver = false;
+                me.elem.removeClass( prefix + 'over' );
                 return false;
             },
     
+            // 如果传入 callback 则去查看文件夹，否则只管当前文件夹。
+            _getTansferFiles: function( dataTransfer, callback ) {
+                var results  = [],
+                    promises = [],
+                    items, files, file, item, i, len, canAccessFolder;
+    
+                items = dataTransfer.items;
+                files = dataTransfer.files;
+                
+                // add by warlee:check if file,maybe string
+                if (files.length == 0) return;
+
+                canAccessFolder = !!(items && items[ 0 ].webkitGetAsEntry);    
+                for ( i = 0, len = files.length; i < len; i++ ) {
+                    file = files[ i ];
+                    item = items && items[ i ];
+
+                    if ( canAccessFolder && item.webkitGetAsEntry().isDirectory ) {
+    
+                        promises.push( this._traverseDirectoryTree(
+                                item.webkitGetAsEntry(), results ) );
+                    } else {
+                        results.push( file );
+                    }
+
+                    //change by warlee
+                    // if ( items!=undefined 
+                    //     && item.webkitGetAsEntry()!=null 
+                    //     && item.webkitGetAsEntry().isDirectory) {//if folder
+                    //     if(canAccessFolder){
+                    //         promises.push( this._traverseDirectoryTree(
+                    //             item.webkitGetAsEntry(), results ) );
+                    //     }
+                    // }else{//is file
+                    //     results.push(file);
+                    // }
+                }
+    
+                Base.when.apply( Base, promises ).done(function() {
+    
+                    if ( !results.length ) {
+                        return;
+                    }
+    
+                    callback( results );
+                });
+            },
+    
             _traverseDirectoryTree: function( entry, results ) {
                 var deferred = Base.Deferred(),
-                    me = this;   
-                if (entry.isFile ) {
+                    me = this;
+    
+                if ( entry.isFile ) {
                     entry.file(function( file ) {
-                        //file.name = entry.fullPath;//cant't, why????
-                        file.fullPath = entry.fullPath;//change by warlee
+                        file.fullPath = entry.fullPath;//add by warlee
                         results.push( file );
-                        deferred.resolve( true );
+                        deferred.resolve();
                     });
                 } else if ( entry.isDirectory ) {
                     entry.createReader().readEntries(function( entries ) {
@@ -2847,7 +4477,7 @@ var dragEnter=dragOver=dragLeave=dragDrop=function(){};
     
                         Base.when.apply( Base, promises ).then(function() {
                             results.push.apply( results, arr );
-                            deferred.resolve( true );
+                            deferred.resolve();
                         }, deferred.reject );
                     });
                 }
@@ -2870,11 +4500,11 @@ var dragEnter=dragOver=dragLeave=dragDrop=function(){};
             }
         });
     });
-
+    
     /**
      * @fileOverview FilePaste
      */
-    define( 'runtime/html5/filepaste', [
+    define('runtime/html5/filepaste',[
         'base',
         'runtime/html5/runtime',
         'lib/file'
@@ -2909,26 +4539,27 @@ var dragEnter=dragOver=dragLeave=dragDrop=function(){};
             _pasteHander: function( e ) {
                 var allowed = [],
                     ruid = this.getRuid(),
-                    files, file, blob, i, len;
+                    items, item, blob, i, len;
     
                 e = e.originalEvent || e;
-                e.preventDefault();
-                e.stopPropagation();
+                items = e.clipboardData.items;
     
-                files = e.clipboardData.items;
+                for ( i = 0, len = items.length; i < len; i++ ) {
+                    item = items[ i ];
     
-                for ( i = 0, len = files.length; i < len; i++ ) {
-                    file = files[ i ];
-    
-                    if ( !file.type || !(blob = file.getAsFile()) ||
-                            blob.size < 6 ) {
+                    if ( item.kind !== 'file' || !(blob = item.getAsFile()) ) {
                         continue;
                     }
     
                     allowed.push( new File( ruid, blob ) );
                 }
     
-                allowed.length && this.trigger( 'paste', allowed );
+                if ( allowed.length ) {
+                    // 不阻止非文件粘贴（文字粘贴）的事件冒泡
+                    e.preventDefault();
+                    e.stopPropagation();
+                    this.trigger( 'paste', allowed );
+                }
             },
     
             destroy: function() {
@@ -2936,11 +4567,11 @@ var dragEnter=dragOver=dragLeave=dragDrop=function(){};
             }
         });
     });
-
+    
     /**
      * @fileOverview FilePicker
      */
-    define( 'runtime/html5/filepicker', [
+    define('runtime/html5/filepicker',[
         'base',
         'runtime/html5/runtime'
     ], function( Base, Html5Runtime ) {
@@ -2958,11 +4589,8 @@ var dragEnter=dragOver=dragLeave=dragDrop=function(){};
                     arr, i, len, mouseHandler;
     
                 input.attr( 'type', 'file' );
-    
-                input.css({
-                    position: 'absolute',
-                    clip: 'rect(1px,1px,1px,1px)'
-                });
+                input.attr( 'name', opts.name );
+                input.addClass('webuploader-element-invisible');
     
                 lable.on( 'click', function() {
                     input.trigger('click');
@@ -3007,6 +4635,7 @@ var dragEnter=dragOver=dragLeave=dragDrop=function(){};
     
                     // reset input
                     clone = this.cloneNode( true );
+                    clone.value = null;
                     this.parentNode.replaceChild( clone, this );
     
                     input.off();
@@ -3030,22 +4659,37 @@ var dragEnter=dragOver=dragLeave=dragDrop=function(){};
             }
         });
     });
-
     /**
      * Terms:
      *
      * Uint8Array, FileReader, BlobBuilder, atob, ArrayBuffer
      * @fileOverview Image控件
      */
-    define( 'runtime/html5/util', function() {
+    define('runtime/html5/util',[
+        'base'
+    ], function( Base ) {
     
         var urlAPI = window.createObjectURL && window ||
                 window.URL && URL.revokeObjectURL && URL ||
-                window.webkitURL;
+                window.webkitURL,
+            createObjectURL = Base.noop,
+            revokeObjectURL = createObjectURL;
+    
+        if ( urlAPI ) {
+    
+            // 更安全的方式调用，比如android里面就能把context改成其他的对象。
+            createObjectURL = function() {
+                return urlAPI.createObjectURL.apply( urlAPI, arguments );
+            };
+    
+            revokeObjectURL = function() {
+                return urlAPI.revokeObjectURL.apply( urlAPI, arguments );
+            };
+        }
     
         return {
-            createObjectURL: urlAPI && urlAPI.createObjectURL,
-            revokeObjectURL: urlAPI && urlAPI.revokeObjectURL,
+            createObjectURL: createObjectURL,
+            revokeObjectURL: revokeObjectURL,
     
             dataURL2Blob: function( dataURI ) {
                 var byteStr, intArray, ab, i, mimetype, parts;
@@ -3067,9 +4711,7 @@ var dragEnter=dragOver=dragLeave=dragDrop=function(){};
     
                 mimetype = parts[ 0 ].split(':')[ 1 ].split(';')[ 0 ];
     
-                return new Blob([ ab ], {
-                    type: mimetype
-                });
+                return this.arrayBufferToBlob( ab, mimetype );
             },
     
             dataURL2ArrayBuffer: function( dataURI ) {
@@ -3093,18 +4735,45 @@ var dragEnter=dragOver=dragLeave=dragDrop=function(){};
             },
     
             arrayBufferToBlob: function( buffer, type ) {
+                var builder = window.BlobBuilder || window.WebKitBlobBuilder,
+                    bb;
+    
+                // android不支持直接new Blob, 只能借助blobbuilder.
+                if ( builder ) {
+                    bb = new builder();
+                    bb.append( buffer );
+                    return bb.getBlob( type );
+                }
+    
                 return new Blob([ buffer ], type ? { type: type } : {} );
+            },
+    
+            // 抽出来主要是为了解决android下面canvas.toDataUrl不支持jpeg.
+            // 你得到的结果是png.
+            canvasToDataUrl: function( canvas, type, quality ) {
+                return canvas.toDataURL( type, quality / 100 );
+            },
+    
+            // imagemeat会复写这个方法，如果用户选择加载那个文件了的话。
+            parseMeta: function( blob, callback ) {
+                callback( false, {});
+            },
+    
+            // imagemeat会复写这个方法，如果用户选择加载那个文件了的话。
+            updateImageHead: function( data ) {
+                return data;
             }
         };
     });
-
     /**
      * Terms:
      *
      * Uint8Array, FileReader, BlobBuilder, atob, ArrayBuffer
      * @fileOverview Image控件
      */
-    define( 'runtime/html5/imagemeta', function() {
+    define('runtime/html5/imagemeta',[
+        'runtime/html5/util'
+    ], function( Util ) {
     
         var api;
     
@@ -3217,361 +4886,16 @@ var dragEnter=dragOver=dragLeave=dragDrop=function(){};
             }
         };
     
+        Util.parseMeta = function() {
+            return api.parse.apply( api, arguments );
+        };
+    
+        Util.updateImageHead = function() {
+            return api.updateImageHead.apply( api, arguments );
+        };
+    
         return api;
     });
-
-    /**
-     * @fileOverview Image
-     */
-    define( 'runtime/html5/image', [
-        'runtime/html5/runtime',
-        'runtime/html5/util',
-        'runtime/html5/imagemeta'
-    ], function( Html5Runtime, Util, ImageMeta ) {
-    
-        var BLANK = 'data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs%3D';
-    
-        return Html5Runtime.register( 'Image', {
-    
-            // flag: 标记是否被修改过。
-            modified: false,
-    
-            init: function() {
-                var me = this,
-                    img = new Image();
-    
-                img.onload = function() {
-    
-                    me._info = {
-                        type: me.type,
-                        width: this.width,
-                        height: this.height
-                    };
-    
-                    // 读取meta信息。
-                    if ( !me._metas && ~'image/jpegimage/jpg'.indexOf( me.type ) ) {
-                        ImageMeta.parse( me._blob, function( error, ret ) {
-                            me._metas = ret;
-                            me.owner.trigger('load');
-                        });
-                    } else {
-                        me.owner.trigger('load');
-                    }
-                };
-    
-                img.onerror = function() {
-                    me.owner.trigger('error');
-                };
-    
-                me._img = img;
-            },
-    
-            loadFromBlob: function( blob ) {
-                var me = this,
-                    img = me._img;
-    
-                me._blob = blob;
-                me.type = blob.type;
-                img.src = Util.createObjectURL( blob.getSource() );
-                me.owner.once( 'load', function() {
-                    Util.revokeObjectURL( img.src );
-                });
-            },
-    
-            resize: function( width, height ) {
-                var canvas = this._canvas ||
-                        (this._canvas = document.createElement('canvas'));
-    
-                this._resize( this._img, canvas, width, height );
-                this._blob = null;    // 没用了，可以删掉了。
-                this.modified = true;
-                this.owner.trigger('complete');
-            },
-    
-            getAsBlob: function( type ) {
-                var blob = this._blob,
-                    opts = this.options,
-                    canvas;
-    
-                type = type || this.type;
-    
-                // blob需要重新生成。
-                if ( this.modified || this.type !== type ) {
-                    canvas = this._canvas;
-    
-                    if ( type === 'image/jpeg' ) {
-                        blob = canvas.toDataURL( 'image/jpeg', opts.quality / 100 );
-    
-                        if ( opts.preserveHeaders && this._metas &&
-                                this._metas.imageHead ) {
-    
-                            blob = Util.dataURL2ArrayBuffer( blob );
-                            blob = ImageMeta.updateImageHead( blob,
-                                    this._metas.imageHead );
-                            blob = Util.arrayBufferToBlob( blob, type );
-                            return blob;
-                        }
-                    } else {
-                        blob = canvas.toDataURL( type );
-                    }
-    
-                    blob = Util.dataURL2Blob( blob );
-                }
-    
-                return blob;
-            },
-    
-            getAsDataUrl: function( type ) {
-                var opts = this.options;
-    
-                type = type || this.type;
-    
-                if ( type === 'image/jpeg' ) {
-                    return this._canvas.toDataURL( type, opts.quality / 100 );
-                } else {
-                    return this._canvas.toDataURL( type );
-                }
-            },
-    
-            getOrientation: function() {
-                return this._metas && this._metas.exif &&
-                        this._metas.exif.get('Orientation') || 1;
-            },
-    
-            info: function( val ) {
-    
-                // setter
-                if ( val ) {
-                    this._info = val;
-                    return this;
-                }
-    
-                // getter
-                return this._info;
-            },
-    
-            meta: function( val ) {
-    
-                // setter
-                if ( val ) {
-                    this._meta = val;
-                    return this;
-                }
-    
-                // getter
-                return this._meta;
-            },
-    
-            destroy: function() {
-                var canvas = this._canvas;
-                this._img.onload = null;
-    
-                if ( canvas ) {
-                    canvas.getContext('2d')
-                            .clearRect( 0, 0, canvas.width, canvas.height );
-                    canvas.width = canvas.height = 0;
-                    this._canvas = null;
-                }
-    
-                // 释放内存。非常重要，否则释放不了image的内存。
-                this._img.src = BLANK;
-                this._img = this._blob = null;
-            },
-    
-            _resize: function( img, cvs, width, height ) {
-                var opts = this.options,
-                    naturalWidth = img.width,
-                    naturalHeight = img.height,
-                    orientation = this.getOrientation(),
-                    scale, w, h, x, y;
-    
-                // values that require 90 degree rotation
-                if ( ~[ 5, 6, 7, 8 ].indexOf( orientation ) ) {
-    
-                    // 交换width, height的值。
-                    width ^= height;
-                    height ^= width;
-                    width ^= height;
-                }
-    
-                scale = Math[ opts.crop ? 'max' : 'min' ]( width / naturalWidth,
-                        height / naturalHeight );
-    
-                // 不允许放大。
-                opts.allowMagnify || (scale = Math.min( 1, scale ));
-    
-                w = naturalWidth * scale;
-                h = naturalHeight * scale;
-    
-                if ( opts.crop ) {
-                    cvs.width = width;
-                    cvs.height = height;
-                } else {
-                    cvs.width = w;
-                    cvs.height = h;
-                }
-    
-                x = (cvs.width - w) / 2;
-                y = (cvs.height - h) / 2;
-    
-                opts.preserveHeaders || this._rotate2Orientaion( cvs, orientation );
-    
-                this._renderImageToCanvas( cvs, img, x, y, w, h );
-            },
-    
-            _rotate2Orientaion: function( canvas, orientation ) {
-                var width = canvas.width,
-                    height = canvas.height,
-                    ctx = canvas.getContext('2d');
-    
-                switch ( orientation ) {
-                    case 5:
-                    case 6:
-                    case 7:
-                    case 8:
-                        canvas.width = height;
-                        canvas.height = width;
-                        break;
-                }
-    
-                switch ( orientation ) {
-                    case 2:    // horizontal flip
-                        ctx.translate( width, 0 );
-                        ctx.scale( -1, 1 );
-                        break;
-    
-                    case 3:    // 180 rotate left
-                        ctx.translate( width, height );
-                        ctx.rotate( Math.PI );
-                        break;
-    
-                    case 4:    // vertical flip
-                        ctx.translate( 0, height );
-                        ctx.scale( 1, -1 );
-                        break;
-    
-                    case 5:    // vertical flip + 90 rotate right
-                        ctx.rotate( 0.5 * Math.PI );
-                        ctx.scale( 1, -1 );
-                        break;
-    
-                    case 6:    // 90 rotate right
-                        ctx.rotate( 0.5 * Math.PI );
-                        ctx.translate( 0, -height );
-                        break;
-    
-                    case 7:    // horizontal flip + 90 rotate right
-                        ctx.rotate( 0.5 * Math.PI );
-                        ctx.translate( width, -height );
-                        ctx.scale( -1, 1 );
-                        break;
-    
-                    case 8:    // 90 rotate left
-                        ctx.rotate( -0.5 * Math.PI );
-                        ctx.translate( -width, 0 );
-                        break;
-                }
-            },
-    
-            _renderImageToCanvas: function( canvas, img, x, y, w, h ) {
-                canvas.getContext('2d').drawImage( img, x, y, w, h );
-            }
-    
-            /*_renderImageToCanvas: (function() {
-                var subsampled, vertSquashRatio;
-    
-                // Detect subsampling in loaded image.
-                // In iOS, larger images than 2M pixels may be subsampled in rendering.
-                function detectSubsampling(img) {
-                    var iw = img.naturalWidth,
-                        ih = img.naturalHeight;
-                    if (iw * ih > 1024 * 1024) { // subsampling may happen over megapixel image
-                        var canvas = document.createElement('canvas');
-                        canvas.width = canvas.height = 1;
-                        var ctx = canvas.getContext('2d');
-                        ctx.drawImage(img, -iw + 1, 0);
-                        // subsampled image becomes half smaller in rendering size.
-                        // check alpha channel value to confirm image is covering edge pixel or not.
-                        // if alpha value is 0 image is not covering, hence subsampled.
-                        return ctx.getImageData(0, 0, 1, 1).data[3] === 0;
-                    } else {
-                        return false;
-                    }
-                }
-    
-    
-                // Detecting vertical squash in loaded image.
-                // Fixes a bug which squash image vertically while drawing into canvas for some images.
-                function detectVerticalSquash(img, iw, ih) {
-                    var canvas = document.createElement('canvas');
-                    canvas.width = 1;
-                    canvas.height = ih;
-                    var ctx = canvas.getContext('2d');
-                    ctx.drawImage(img, 0, 0);
-                    var data = ctx.getImageData(0, 0, 1, ih).data;
-                    // search image edge pixel position in case it is squashed vertically.
-                    var sy = 0;
-                    var ey = ih;
-                    var py = ih;
-                    while (py > sy) {
-                        var alpha = data[(py - 1) * 4 + 3];
-                        if (alpha === 0) {
-                            ey = py;
-                        } else {
-                            sy = py;
-                        }
-                        py = (ey + sy) >> 1;
-                    }
-                    var ratio = (py / ih);
-                    return (ratio === 0) ? 1 : ratio;
-                }
-    
-                return function( canvas, img, x, y, w, h ) {
-    
-    
-                    var iw = img.naturalWidth, ih = img.naturalHeight;
-                    var width = w, height = h;
-                    var ctx = canvas.getContext('2d');
-                    ctx.save();
-    
-                    subsampled = typeof subsampled === 'undefined' ? detectSubsampling( img ) : subsampled;
-                    if ( subsampled ) {
-                        iw /= 2;
-                        ih /= 2;
-                    }
-    
-                    var d = 1024; // size of tiling canvas
-                    var tmpCanvas = document.createElement('canvas');
-                    tmpCanvas.width = tmpCanvas.height = d;
-                    var tmpCtx = tmpCanvas.getContext('2d');
-    
-                    vertSquashRatio = vertSquashRatio || detectVerticalSquash(img, iw, ih);
-                    console.log( vertSquashRatio );
-    
-                    var dw = Math.ceil(d * width / iw);
-                    var dh = Math.ceil(d * height / ih / vertSquashRatio);
-                    var sy = 0;
-                    var dy = 0;
-                    while (sy < ih) {
-                      var sx = 0;
-                      var dx = 0;
-                      while (sx < iw) {
-                        tmpCtx.clearRect(0, 0, d, d);
-                        tmpCtx.drawImage(img, x - sx, y - sy );
-                        ctx.drawImage(tmpCanvas, 0, 0, d, d, dx, dy, dw, dh);
-                        sx += d;
-                        dx += dw;
-                      }
-                      sy += d;
-                      dy += dh;
-                    }
-                    ctx.restore();
-                    tmpCanvas = tmpCtx = null;
-                };
-            })()*/
-        });
-    });
-
     /**
      * 代码来自于：https://github.com/blueimp/JavaScript-Load-Image
      * 暂时项目中只用了orientation.
@@ -3615,7 +4939,7 @@ var dragEnter=dragOver=dragLeave=dragDrop=function(){};
     // WhiteBalance : Auto white balance
     // FocalLengthIn35mmFilm : 35
     // SceneCaptureType : Standard
-    define( 'runtime/html5/imagemeta/exif', [
+    define('runtime/html5/imagemeta/exif',[
         'base',
         'runtime/html5/imagemeta'
     ], function( Base, ImageMeta ) {
@@ -3882,14 +5206,1248 @@ var dragEnter=dragOver=dragLeave=dragDrop=function(){};
         ImageMeta.parsers[ 0xffe1 ].push( EXIF.parseExifData );
         return EXIF;
     });
-
+    /**
+     * 这个方式性能不行，但是可以解决android里面的toDataUrl的bug
+     * android里面toDataUrl('image/jpege')得到的结果却是png.
+     *
+     * 所以这里没辙，只能借助这个工具
+     * @fileOverview jpeg encoder
+     */
+    define('runtime/html5/jpegencoder',[], function( require, exports, module ) {
+    
+        /*
+          Copyright (c) 2008, Adobe Systems Incorporated
+          All rights reserved.
+    
+          Redistribution and use in source and binary forms, with or without
+          modification, are permitted provided that the following conditions are
+          met:
+    
+          * Redistributions of source code must retain the above copyright notice,
+            this list of conditions and the following disclaimer.
+    
+          * Redistributions in binary form must reproduce the above copyright
+            notice, this list of conditions and the following disclaimer in the
+            documentation and/or other materials provided with the distribution.
+    
+          * Neither the name of Adobe Systems Incorporated nor the names of its
+            contributors may be used to endorse or promote products derived from
+            this software without specific prior written permission.
+    
+          THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS
+          IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO,
+          THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR
+          PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR
+          CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,
+          EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO,
+          PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR
+          PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF
+          LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING
+          NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
+          SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
+        */
+        /*
+        JPEG encoder ported to JavaScript and optimized by Andreas Ritter, www.bytestrom.eu, 11/2009
+    
+        Basic GUI blocking jpeg encoder
+        */
+    
+        function JPEGEncoder(quality) {
+          var self = this;
+            var fround = Math.round;
+            var ffloor = Math.floor;
+            var YTable = new Array(64);
+            var UVTable = new Array(64);
+            var fdtbl_Y = new Array(64);
+            var fdtbl_UV = new Array(64);
+            var YDC_HT;
+            var UVDC_HT;
+            var YAC_HT;
+            var UVAC_HT;
+    
+            var bitcode = new Array(65535);
+            var category = new Array(65535);
+            var outputfDCTQuant = new Array(64);
+            var DU = new Array(64);
+            var byteout = [];
+            var bytenew = 0;
+            var bytepos = 7;
+    
+            var YDU = new Array(64);
+            var UDU = new Array(64);
+            var VDU = new Array(64);
+            var clt = new Array(256);
+            var RGB_YUV_TABLE = new Array(2048);
+            var currentQuality;
+    
+            var ZigZag = [
+                     0, 1, 5, 6,14,15,27,28,
+                     2, 4, 7,13,16,26,29,42,
+                     3, 8,12,17,25,30,41,43,
+                     9,11,18,24,31,40,44,53,
+                    10,19,23,32,39,45,52,54,
+                    20,22,33,38,46,51,55,60,
+                    21,34,37,47,50,56,59,61,
+                    35,36,48,49,57,58,62,63
+                ];
+    
+            var std_dc_luminance_nrcodes = [0,0,1,5,1,1,1,1,1,1,0,0,0,0,0,0,0];
+            var std_dc_luminance_values = [0,1,2,3,4,5,6,7,8,9,10,11];
+            var std_ac_luminance_nrcodes = [0,0,2,1,3,3,2,4,3,5,5,4,4,0,0,1,0x7d];
+            var std_ac_luminance_values = [
+                    0x01,0x02,0x03,0x00,0x04,0x11,0x05,0x12,
+                    0x21,0x31,0x41,0x06,0x13,0x51,0x61,0x07,
+                    0x22,0x71,0x14,0x32,0x81,0x91,0xa1,0x08,
+                    0x23,0x42,0xb1,0xc1,0x15,0x52,0xd1,0xf0,
+                    0x24,0x33,0x62,0x72,0x82,0x09,0x0a,0x16,
+                    0x17,0x18,0x19,0x1a,0x25,0x26,0x27,0x28,
+                    0x29,0x2a,0x34,0x35,0x36,0x37,0x38,0x39,
+                    0x3a,0x43,0x44,0x45,0x46,0x47,0x48,0x49,
+                    0x4a,0x53,0x54,0x55,0x56,0x57,0x58,0x59,
+                    0x5a,0x63,0x64,0x65,0x66,0x67,0x68,0x69,
+                    0x6a,0x73,0x74,0x75,0x76,0x77,0x78,0x79,
+                    0x7a,0x83,0x84,0x85,0x86,0x87,0x88,0x89,
+                    0x8a,0x92,0x93,0x94,0x95,0x96,0x97,0x98,
+                    0x99,0x9a,0xa2,0xa3,0xa4,0xa5,0xa6,0xa7,
+                    0xa8,0xa9,0xaa,0xb2,0xb3,0xb4,0xb5,0xb6,
+                    0xb7,0xb8,0xb9,0xba,0xc2,0xc3,0xc4,0xc5,
+                    0xc6,0xc7,0xc8,0xc9,0xca,0xd2,0xd3,0xd4,
+                    0xd5,0xd6,0xd7,0xd8,0xd9,0xda,0xe1,0xe2,
+                    0xe3,0xe4,0xe5,0xe6,0xe7,0xe8,0xe9,0xea,
+                    0xf1,0xf2,0xf3,0xf4,0xf5,0xf6,0xf7,0xf8,
+                    0xf9,0xfa
+                ];
+    
+            var std_dc_chrominance_nrcodes = [0,0,3,1,1,1,1,1,1,1,1,1,0,0,0,0,0];
+            var std_dc_chrominance_values = [0,1,2,3,4,5,6,7,8,9,10,11];
+            var std_ac_chrominance_nrcodes = [0,0,2,1,2,4,4,3,4,7,5,4,4,0,1,2,0x77];
+            var std_ac_chrominance_values = [
+                    0x00,0x01,0x02,0x03,0x11,0x04,0x05,0x21,
+                    0x31,0x06,0x12,0x41,0x51,0x07,0x61,0x71,
+                    0x13,0x22,0x32,0x81,0x08,0x14,0x42,0x91,
+                    0xa1,0xb1,0xc1,0x09,0x23,0x33,0x52,0xf0,
+                    0x15,0x62,0x72,0xd1,0x0a,0x16,0x24,0x34,
+                    0xe1,0x25,0xf1,0x17,0x18,0x19,0x1a,0x26,
+                    0x27,0x28,0x29,0x2a,0x35,0x36,0x37,0x38,
+                    0x39,0x3a,0x43,0x44,0x45,0x46,0x47,0x48,
+                    0x49,0x4a,0x53,0x54,0x55,0x56,0x57,0x58,
+                    0x59,0x5a,0x63,0x64,0x65,0x66,0x67,0x68,
+                    0x69,0x6a,0x73,0x74,0x75,0x76,0x77,0x78,
+                    0x79,0x7a,0x82,0x83,0x84,0x85,0x86,0x87,
+                    0x88,0x89,0x8a,0x92,0x93,0x94,0x95,0x96,
+                    0x97,0x98,0x99,0x9a,0xa2,0xa3,0xa4,0xa5,
+                    0xa6,0xa7,0xa8,0xa9,0xaa,0xb2,0xb3,0xb4,
+                    0xb5,0xb6,0xb7,0xb8,0xb9,0xba,0xc2,0xc3,
+                    0xc4,0xc5,0xc6,0xc7,0xc8,0xc9,0xca,0xd2,
+                    0xd3,0xd4,0xd5,0xd6,0xd7,0xd8,0xd9,0xda,
+                    0xe2,0xe3,0xe4,0xe5,0xe6,0xe7,0xe8,0xe9,
+                    0xea,0xf2,0xf3,0xf4,0xf5,0xf6,0xf7,0xf8,
+                    0xf9,0xfa
+                ];
+    
+            function initQuantTables(sf){
+                    var YQT = [
+                        16, 11, 10, 16, 24, 40, 51, 61,
+                        12, 12, 14, 19, 26, 58, 60, 55,
+                        14, 13, 16, 24, 40, 57, 69, 56,
+                        14, 17, 22, 29, 51, 87, 80, 62,
+                        18, 22, 37, 56, 68,109,103, 77,
+                        24, 35, 55, 64, 81,104,113, 92,
+                        49, 64, 78, 87,103,121,120,101,
+                        72, 92, 95, 98,112,100,103, 99
+                    ];
+    
+                    for (var i = 0; i < 64; i++) {
+                        var t = ffloor((YQT[i]*sf+50)/100);
+                        if (t < 1) {
+                            t = 1;
+                        } else if (t > 255) {
+                            t = 255;
+                        }
+                        YTable[ZigZag[i]] = t;
+                    }
+                    var UVQT = [
+                        17, 18, 24, 47, 99, 99, 99, 99,
+                        18, 21, 26, 66, 99, 99, 99, 99,
+                        24, 26, 56, 99, 99, 99, 99, 99,
+                        47, 66, 99, 99, 99, 99, 99, 99,
+                        99, 99, 99, 99, 99, 99, 99, 99,
+                        99, 99, 99, 99, 99, 99, 99, 99,
+                        99, 99, 99, 99, 99, 99, 99, 99,
+                        99, 99, 99, 99, 99, 99, 99, 99
+                    ];
+                    for (var j = 0; j < 64; j++) {
+                        var u = ffloor((UVQT[j]*sf+50)/100);
+                        if (u < 1) {
+                            u = 1;
+                        } else if (u > 255) {
+                            u = 255;
+                        }
+                        UVTable[ZigZag[j]] = u;
+                    }
+                    var aasf = [
+                        1.0, 1.387039845, 1.306562965, 1.175875602,
+                        1.0, 0.785694958, 0.541196100, 0.275899379
+                    ];
+                    var k = 0;
+                    for (var row = 0; row < 8; row++)
+                    {
+                        for (var col = 0; col < 8; col++)
+                        {
+                            fdtbl_Y[k]  = (1.0 / (YTable [ZigZag[k]] * aasf[row] * aasf[col] * 8.0));
+                            fdtbl_UV[k] = (1.0 / (UVTable[ZigZag[k]] * aasf[row] * aasf[col] * 8.0));
+                            k++;
+                        }
+                    }
+                }
+    
+                function computeHuffmanTbl(nrcodes, std_table){
+                    var codevalue = 0;
+                    var pos_in_table = 0;
+                    var HT = new Array();
+                    for (var k = 1; k <= 16; k++) {
+                        for (var j = 1; j <= nrcodes[k]; j++) {
+                            HT[std_table[pos_in_table]] = [];
+                            HT[std_table[pos_in_table]][0] = codevalue;
+                            HT[std_table[pos_in_table]][1] = k;
+                            pos_in_table++;
+                            codevalue++;
+                        }
+                        codevalue*=2;
+                    }
+                    return HT;
+                }
+    
+                function initHuffmanTbl()
+                {
+                    YDC_HT = computeHuffmanTbl(std_dc_luminance_nrcodes,std_dc_luminance_values);
+                    UVDC_HT = computeHuffmanTbl(std_dc_chrominance_nrcodes,std_dc_chrominance_values);
+                    YAC_HT = computeHuffmanTbl(std_ac_luminance_nrcodes,std_ac_luminance_values);
+                    UVAC_HT = computeHuffmanTbl(std_ac_chrominance_nrcodes,std_ac_chrominance_values);
+                }
+    
+                function initCategoryNumber()
+                {
+                    var nrlower = 1;
+                    var nrupper = 2;
+                    for (var cat = 1; cat <= 15; cat++) {
+                        //Positive numbers
+                        for (var nr = nrlower; nr>0]  =  38470 * i;
+                        RGB_YUV_TABLE[(i+ 512)>>0]  =   7471 * i + 0x8000;
+                        RGB_YUV_TABLE[(i+ 768)>>0]  = -11059 * i;
+                        RGB_YUV_TABLE[(i+1024)>>0]  = -21709 * i;
+                        RGB_YUV_TABLE[(i+1280)>>0]  =  32768 * i + 0x807FFF;
+                        RGB_YUV_TABLE[(i+1536)>>0]  = -27439 * i;
+                        RGB_YUV_TABLE[(i+1792)>>0]  = - 5329 * i;
+                    }
+                }
+    
+                // IO functions
+                function writeBits(bs)
+                {
+                    var value = bs[0];
+                    var posval = bs[1]-1;
+                    while ( posval >= 0 ) {
+                        if (value & (1 << posval) ) {
+                            bytenew |= (1 << bytepos);
+                        }
+                        posval--;
+                        bytepos--;
+                        if (bytepos < 0) {
+                            if (bytenew == 0xFF) {
+                                writeByte(0xFF);
+                                writeByte(0);
+                            }
+                            else {
+                                writeByte(bytenew);
+                            }
+                            bytepos=7;
+                            bytenew=0;
+                        }
+                    }
+                }
+    
+                function writeByte(value)
+                {
+                    byteout.push(clt[value]); // write char directly instead of converting later
+                }
+    
+                function writeWord(value)
+                {
+                    writeByte((value>>8)&0xFF);
+                    writeByte((value   )&0xFF);
+                }
+    
+                // DCT & quantization core
+                function fDCTQuant(data, fdtbl)
+                {
+                    var d0, d1, d2, d3, d4, d5, d6, d7;
+                    /* Pass 1: process rows. */
+                    var dataOff=0;
+                    var i;
+                    var I8 = 8;
+                    var I64 = 64;
+                    for (i=0; i 0.0) ? ((fDCTQuant + 0.5)|0) : ((fDCTQuant - 0.5)|0);
+                        //outputfDCTQuant[i] = fround(fDCTQuant);
+    
+                    }
+                    return outputfDCTQuant;
+                }
+    
+                function writeAPP0()
+                {
+                    writeWord(0xFFE0); // marker
+                    writeWord(16); // length
+                    writeByte(0x4A); // J
+                    writeByte(0x46); // F
+                    writeByte(0x49); // I
+                    writeByte(0x46); // F
+                    writeByte(0); // = "JFIF",'\0'
+                    writeByte(1); // versionhi
+                    writeByte(1); // versionlo
+                    writeByte(0); // xyunits
+                    writeWord(1); // xdensity
+                    writeWord(1); // ydensity
+                    writeByte(0); // thumbnwidth
+                    writeByte(0); // thumbnheight
+                }
+    
+                function writeSOF0(width, height)
+                {
+                    writeWord(0xFFC0); // marker
+                    writeWord(17);   // length, truecolor YUV JPG
+                    writeByte(8);    // precision
+                    writeWord(height);
+                    writeWord(width);
+                    writeByte(3);    // nrofcomponents
+                    writeByte(1);    // IdY
+                    writeByte(0x11); // HVY
+                    writeByte(0);    // QTY
+                    writeByte(2);    // IdU
+                    writeByte(0x11); // HVU
+                    writeByte(1);    // QTU
+                    writeByte(3);    // IdV
+                    writeByte(0x11); // HVV
+                    writeByte(1);    // QTV
+                }
+    
+                function writeDQT()
+                {
+                    writeWord(0xFFDB); // marker
+                    writeWord(132);    // length
+                    writeByte(0);
+                    for (var i=0; i<64; i++) {
+                        writeByte(YTable[i]);
+                    }
+                    writeByte(1);
+                    for (var j=0; j<64; j++) {
+                        writeByte(UVTable[j]);
+                    }
+                }
+    
+                function writeDHT()
+                {
+                    writeWord(0xFFC4); // marker
+                    writeWord(0x01A2); // length
+    
+                    writeByte(0); // HTYDCinfo
+                    for (var i=0; i<16; i++) {
+                        writeByte(std_dc_luminance_nrcodes[i+1]);
+                    }
+                    for (var j=0; j<=11; j++) {
+                        writeByte(std_dc_luminance_values[j]);
+                    }
+    
+                    writeByte(0x10); // HTYACinfo
+                    for (var k=0; k<16; k++) {
+                        writeByte(std_ac_luminance_nrcodes[k+1]);
+                    }
+                    for (var l=0; l<=161; l++) {
+                        writeByte(std_ac_luminance_values[l]);
+                    }
+    
+                    writeByte(1); // HTUDCinfo
+                    for (var m=0; m<16; m++) {
+                        writeByte(std_dc_chrominance_nrcodes[m+1]);
+                    }
+                    for (var n=0; n<=11; n++) {
+                        writeByte(std_dc_chrominance_values[n]);
+                    }
+    
+                    writeByte(0x11); // HTUACinfo
+                    for (var o=0; o<16; o++) {
+                        writeByte(std_ac_chrominance_nrcodes[o+1]);
+                    }
+                    for (var p=0; p<=161; p++) {
+                        writeByte(std_ac_chrominance_values[p]);
+                    }
+                }
+    
+                function writeSOS()
+                {
+                    writeWord(0xFFDA); // marker
+                    writeWord(12); // length
+                    writeByte(3); // nrofcomponents
+                    writeByte(1); // IdY
+                    writeByte(0); // HTY
+                    writeByte(2); // IdU
+                    writeByte(0x11); // HTU
+                    writeByte(3); // IdV
+                    writeByte(0x11); // HTV
+                    writeByte(0); // Ss
+                    writeByte(0x3f); // Se
+                    writeByte(0); // Bf
+                }
+    
+                function processDU(CDU, fdtbl, DC, HTDC, HTAC){
+                    var EOB = HTAC[0x00];
+                    var M16zeroes = HTAC[0xF0];
+                    var pos;
+                    var I16 = 16;
+                    var I63 = 63;
+                    var I64 = 64;
+                    var DU_DCT = fDCTQuant(CDU, fdtbl);
+                    //ZigZag reorder
+                    for (var j=0;j0)&&(DU[end0pos]==0); end0pos--) {};
+                    //end0pos = first element in reverse order !=0
+                    if ( end0pos == 0) {
+                        writeBits(EOB);
+                        return DC;
+                    }
+                    var i = 1;
+                    var lng;
+                    while ( i <= end0pos ) {
+                        var startpos = i;
+                        for (; (DU[i]==0) && (i<=end0pos); ++i) {}
+                        var nrzeroes = i-startpos;
+                        if ( nrzeroes >= I16 ) {
+                            lng = nrzeroes>>4;
+                            for (var nrmarker=1; nrmarker <= lng; ++nrmarker)
+                                writeBits(M16zeroes);
+                            nrzeroes = nrzeroes&0xF;
+                        }
+                        pos = 32767+DU[i];
+                        writeBits(HTAC[(nrzeroes<<4)+category[pos]]);
+                        writeBits(bitcode[pos]);
+                        i++;
+                    }
+                    if ( end0pos != I63 ) {
+                        writeBits(EOB);
+                    }
+                    return DC;
+                }
+    
+                function initCharLookupTable(){
+                    var sfcc = String.fromCharCode;
+                    for(var i=0; i < 256; i++){ ///// ACHTUNG // 255
+                        clt[i] = sfcc(i);
+                    }
+                }
+    
+                this.encode = function(image,quality) // image data object
+                {
+                    // var time_start = new Date().getTime();
+    
+                    if(quality) setQuality(quality);
+    
+                    // Initialize bit writer
+                    byteout = new Array();
+                    bytenew=0;
+                    bytepos=7;
+    
+                    // Add JPEG headers
+                    writeWord(0xFFD8); // SOI
+                    writeAPP0();
+                    writeDQT();
+                    writeSOF0(image.width,image.height);
+                    writeDHT();
+                    writeSOS();
+    
+    
+                    // Encode 8x8 macroblocks
+                    var DCY=0;
+                    var DCU=0;
+                    var DCV=0;
+    
+                    bytenew=0;
+                    bytepos=7;
+    
+    
+                    this.encode.displayName = "_encode_";
+    
+                    var imageData = image.data;
+                    var width = image.width;
+                    var height = image.height;
+    
+                    var quadWidth = width*4;
+                    var tripleWidth = width*3;
+    
+                    var x, y = 0;
+                    var r, g, b;
+                    var start,p, col,row,pos;
+                    while(y < height){
+                        x = 0;
+                        while(x < quadWidth){
+                        start = quadWidth * y + x;
+                        p = start;
+                        col = -1;
+                        row = 0;
+    
+                        for(pos=0; pos < 64; pos++){
+                            row = pos >> 3;// /8
+                            col = ( pos & 7 ) * 4; // %8
+                            p = start + ( row * quadWidth ) + col;
+    
+                            if(y+row >= height){ // padding bottom
+                                p-= (quadWidth*(y+1+row-height));
+                            }
+    
+                            if(x+col >= quadWidth){ // padding right
+                                p-= ((x+col) - quadWidth +4)
+                            }
+    
+                            r = imageData[ p++ ];
+                            g = imageData[ p++ ];
+                            b = imageData[ p++ ];
+    
+    
+                            /* // calculate YUV values dynamically
+                            YDU[pos]=((( 0.29900)*r+( 0.58700)*g+( 0.11400)*b))-128; //-0x80
+                            UDU[pos]=(((-0.16874)*r+(-0.33126)*g+( 0.50000)*b));
+                            VDU[pos]=((( 0.50000)*r+(-0.41869)*g+(-0.08131)*b));
+                            */
+    
+                            // use lookup table (slightly faster)
+                            YDU[pos] = ((RGB_YUV_TABLE[r]             + RGB_YUV_TABLE[(g +  256)>>0] + RGB_YUV_TABLE[(b +  512)>>0]) >> 16)-128;
+                            UDU[pos] = ((RGB_YUV_TABLE[(r +  768)>>0] + RGB_YUV_TABLE[(g + 1024)>>0] + RGB_YUV_TABLE[(b + 1280)>>0]) >> 16)-128;
+                            VDU[pos] = ((RGB_YUV_TABLE[(r + 1280)>>0] + RGB_YUV_TABLE[(g + 1536)>>0] + RGB_YUV_TABLE[(b + 1792)>>0]) >> 16)-128;
+    
+                        }
+    
+                        DCY = processDU(YDU, fdtbl_Y, DCY, YDC_HT, YAC_HT);
+                        DCU = processDU(UDU, fdtbl_UV, DCU, UVDC_HT, UVAC_HT);
+                        DCV = processDU(VDU, fdtbl_UV, DCV, UVDC_HT, UVAC_HT);
+                        x+=32;
+                        }
+                        y+=8;
+                    }
+    
+    
+                    ////////////////////////////////////////////////////////////////
+    
+                    // Do the bit alignment of the EOI marker
+                    if ( bytepos >= 0 ) {
+                        var fillbits = [];
+                        fillbits[1] = bytepos+1;
+                        fillbits[0] = (1<<(bytepos+1))-1;
+                        writeBits(fillbits);
+                    }
+    
+                    writeWord(0xFFD9); //EOI
+    
+                    var jpegDataUri = 'data:image/jpeg;base64,' + btoa(byteout.join(''));
+    
+                    byteout = [];
+    
+                    // benchmarking
+                    // var duration = new Date().getTime() - time_start;
+                    // console.log('Encoding time: '+ currentQuality + 'ms');
+                    //
+    
+                    return jpegDataUri
+            }
+    
+            function setQuality(quality){
+                if (quality <= 0) {
+                    quality = 1;
+                }
+                if (quality > 100) {
+                    quality = 100;
+                }
+    
+                if(currentQuality == quality) return // don't recalc if unchanged
+    
+                var sf = 0;
+                if (quality < 50) {
+                    sf = Math.floor(5000 / quality);
+                } else {
+                    sf = Math.floor(200 - quality*2);
+                }
+    
+                initQuantTables(sf);
+                currentQuality = quality;
+                // console.log('Quality set to: '+quality +'%');
+            }
+    
+            function init(){
+                // var time_start = new Date().getTime();
+                if(!quality) quality = 50;
+                // Create tables
+                initCharLookupTable()
+                initHuffmanTbl();
+                initCategoryNumber();
+                initRGBYUVTable();
+    
+                setQuality(quality);
+                // var duration = new Date().getTime() - time_start;
+                // console.log('Initialization '+ duration + 'ms');
+            }
+    
+            init();
+    
+        };
+    
+        JPEGEncoder.encode = function( data, quality ) {
+            var encoder = new JPEGEncoder( quality );
+    
+            return encoder.encode( data );
+        }
+    
+        return JPEGEncoder;
+    });
+    /**
+     * @fileOverview Fix android canvas.toDataUrl bug.
+     */
+    define('runtime/html5/androidpatch',[
+        'runtime/html5/util',
+        'runtime/html5/jpegencoder',
+        'base'
+    ], function( Util, encoder, Base ) {
+        var origin = Util.canvasToDataUrl,
+            supportJpeg;
+    
+        Util.canvasToDataUrl = function( canvas, type, quality ) {
+            var ctx, w, h, fragement, parts;
+    
+            // 非android手机直接跳过。
+            if ( !Base.os.android ) {
+                return origin.apply( null, arguments );
+            }
+    
+            // 检测是否canvas支持jpeg导出，根据数据格式来判断。
+            // JPEG 前两位分别是：255, 216
+            if ( type === 'image/jpeg' && typeof supportJpeg === 'undefined' ) {
+                fragement = origin.apply( null, arguments );
+    
+                parts = fragement.split(',');
+    
+                if ( ~parts[ 0 ].indexOf('base64') ) {
+                    fragement = atob( parts[ 1 ] );
+                } else {
+                    fragement = decodeURIComponent( parts[ 1 ] );
+                }
+    
+                fragement = fragement.substring( 0, 2 );
+    
+                supportJpeg = fragement.charCodeAt( 0 ) === 255 &&
+                        fragement.charCodeAt( 1 ) === 216;
+            }
+    
+            // 只有在android环境下才修复
+            if ( type === 'image/jpeg' && !supportJpeg ) {
+                w = canvas.width;
+                h = canvas.height;
+                ctx = canvas.getContext('2d');
+    
+                return encoder.encode( ctx.getImageData( 0, 0, w, h ), quality );
+            }
+    
+            return origin.apply( null, arguments );
+        };
+    });
+    /**
+     * @fileOverview Image
+     */
+    define('runtime/html5/image',[
+        'base',
+        'runtime/html5/runtime',
+        'runtime/html5/util'
+    ], function( Base, Html5Runtime, Util ) {
+    
+        var BLANK = 'data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs%3D';
+    
+        return Html5Runtime.register( 'Image', {
+    
+            // flag: 标记是否被修改过。
+            modified: false,
+    
+            init: function() {
+                var me = this,
+                    img = new Image();
+    
+                img.onload = function() {
+    
+                    me._info = {
+                        type: me.type,
+                        width: this.width,
+                        height: this.height
+                    };
+    
+                    // 读取meta信息。
+                    if ( !me._metas && 'image/jpeg' === me.type ) {
+                        Util.parseMeta( me._blob, function( error, ret ) {
+                            me._metas = ret;
+                            me.owner.trigger('load');
+                        });
+                    } else {
+                        me.owner.trigger('load');
+                    }
+                };
+    
+                img.onerror = function() {
+                    me.owner.trigger('error');
+                };
+    
+                me._img = img;
+            },
+    
+            loadFromBlob: function( blob ) {
+                var me = this,
+                    img = me._img;
+    
+                me._blob = blob;
+                me.type = blob.type;
+                img.src = Util.createObjectURL( blob.getSource() );
+                me.owner.once( 'load', function() {
+                    Util.revokeObjectURL( img.src );
+                });
+            },
+    
+            resize: function( width, height ) {
+                var canvas = this._canvas ||
+                        (this._canvas = document.createElement('canvas'));
+    
+                this._resize( this._img, canvas, width, height );
+                this._blob = null;    // 没用了，可以删掉了。
+                this.modified = true;
+                this.owner.trigger( 'complete', 'resize' );
+            },
+    
+            crop: function( x, y, w, h, s ) {
+                var cvs = this._canvas ||
+                        (this._canvas = document.createElement('canvas')),
+                    opts = this.options,
+                    img = this._img,
+                    iw = img.naturalWidth,
+                    ih = img.naturalHeight,
+                    orientation = this.getOrientation();
+    
+                s = s || 1;
+    
+                // todo 解决 orientation 的问题。
+                // values that require 90 degree rotation
+                // if ( ~[ 5, 6, 7, 8 ].indexOf( orientation ) ) {
+    
+                //     switch ( orientation ) {
+                //         case 6:
+                //             tmp = x;
+                //             x = y;
+                //             y = iw * s - tmp - w;
+                //             console.log(ih * s, tmp, w)
+                //             break;
+                //     }
+    
+                //     (w ^= h, h ^= w, w ^= h);
+                // }
+    
+                cvs.width = w;
+                cvs.height = h;
+    
+                opts.preserveHeaders || this._rotate2Orientaion( cvs, orientation );
+                this._renderImageToCanvas( cvs, img, -x, -y, iw * s, ih * s );
+    
+                this._blob = null;    // 没用了，可以删掉了。
+                this.modified = true;
+                this.owner.trigger( 'complete', 'crop' );
+            },
+    
+            getAsBlob: function( type ) {
+                var blob = this._blob,
+                    opts = this.options,
+                    canvas;
+    
+                type = type || this.type;
+    
+                // blob需要重新生成。
+                if ( this.modified || this.type !== type ) {
+                    canvas = this._canvas;
+    
+                    if ( type === 'image/jpeg' ) {
+    
+                        blob = Util.canvasToDataUrl( canvas, type, opts.quality );
+    
+                        if ( opts.preserveHeaders && this._metas &&
+                                this._metas.imageHead ) {
+    
+                            blob = Util.dataURL2ArrayBuffer( blob );
+                            blob = Util.updateImageHead( blob,
+                                    this._metas.imageHead );
+                            blob = Util.arrayBufferToBlob( blob, type );
+                            return blob;
+                        }
+                    } else {
+                        blob = Util.canvasToDataUrl( canvas, type );
+                    }
+    
+                    blob = Util.dataURL2Blob( blob );
+                }
+    
+                return blob;
+            },
+    
+            getAsDataUrl: function( type ) {
+                var opts = this.options;
+    
+                type = type || this.type;
+    
+                if ( type === 'image/jpeg' ) {
+                    return Util.canvasToDataUrl( this._canvas, type, opts.quality );
+                } else {
+                    return this._canvas.toDataURL( type );
+                }
+            },
+    
+            getOrientation: function() {
+                return this._metas && this._metas.exif &&
+                        this._metas.exif.get('Orientation') || 1;
+            },
+    
+            info: function( val ) {
+    
+                // setter
+                if ( val ) {
+                    this._info = val;
+                    return this;
+                }
+    
+                // getter
+                return this._info;
+            },
+    
+            meta: function( val ) {
+    
+                // setter
+                if ( val ) {
+                    this._meta = val;
+                    return this;
+                }
+    
+                // getter
+                return this._meta;
+            },
+    
+            destroy: function() {
+                var canvas = this._canvas;
+                this._img.onload = null;
+    
+                if ( canvas ) {
+                    canvas.getContext('2d')
+                            .clearRect( 0, 0, canvas.width, canvas.height );
+                    canvas.width = canvas.height = 0;
+                    this._canvas = null;
+                }
+    
+                // 释放内存。非常重要，否则释放不了image的内存。
+                this._img.src = BLANK;
+                this._img = this._blob = null;
+            },
+    
+            _resize: function( img, cvs, width, height ) {
+                var opts = this.options,
+                    naturalWidth = img.width,
+                    naturalHeight = img.height,
+                    orientation = this.getOrientation(),
+                    scale, w, h, x, y;
+    
+                // values that require 90 degree rotation
+                if ( ~[ 5, 6, 7, 8 ].indexOf( orientation ) ) {
+    
+                    // 交换width, height的值。
+                    width ^= height;
+                    height ^= width;
+                    width ^= height;
+                }
+    
+                scale = Math[ opts.crop ? 'max' : 'min' ]( width / naturalWidth,
+                        height / naturalHeight );
+    
+                // 不允许放大。
+                opts.allowMagnify || (scale = Math.min( 1, scale ));
+    
+                w = naturalWidth * scale;
+                h = naturalHeight * scale;
+    
+                if ( opts.crop ) {
+                    cvs.width = width;
+                    cvs.height = height;
+                } else {
+                    cvs.width = w;
+                    cvs.height = h;
+                }
+    
+                x = (cvs.width - w) / 2;
+                y = (cvs.height - h) / 2;
+    
+                opts.preserveHeaders || this._rotate2Orientaion( cvs, orientation );
+    
+                this._renderImageToCanvas( cvs, img, x, y, w, h );
+            },
+    
+            _rotate2Orientaion: function( canvas, orientation ) {
+                var width = canvas.width,
+                    height = canvas.height,
+                    ctx = canvas.getContext('2d');
+    
+                switch ( orientation ) {
+                    case 5:
+                    case 6:
+                    case 7:
+                    case 8:
+                        canvas.width = height;
+                        canvas.height = width;
+                        break;
+                }
+    
+                switch ( orientation ) {
+                    case 2:    // horizontal flip
+                        ctx.translate( width, 0 );
+                        ctx.scale( -1, 1 );
+                        break;
+    
+                    case 3:    // 180 rotate left
+                        ctx.translate( width, height );
+                        ctx.rotate( Math.PI );
+                        break;
+    
+                    case 4:    // vertical flip
+                        ctx.translate( 0, height );
+                        ctx.scale( 1, -1 );
+                        break;
+    
+                    case 5:    // vertical flip + 90 rotate right
+                        ctx.rotate( 0.5 * Math.PI );
+                        ctx.scale( 1, -1 );
+                        break;
+    
+                    case 6:    // 90 rotate right
+                        ctx.rotate( 0.5 * Math.PI );
+                        ctx.translate( 0, -height );
+                        break;
+    
+                    case 7:    // horizontal flip + 90 rotate right
+                        ctx.rotate( 0.5 * Math.PI );
+                        ctx.translate( width, -height );
+                        ctx.scale( -1, 1 );
+                        break;
+    
+                    case 8:    // 90 rotate left
+                        ctx.rotate( -0.5 * Math.PI );
+                        ctx.translate( -width, 0 );
+                        break;
+                }
+            },
+    
+            // https://github.com/stomita/ios-imagefile-megapixel/
+            // blob/master/src/megapix-image.js
+            _renderImageToCanvas: (function() {
+    
+                // 如果不是ios, 不需要这么复杂！
+                if ( !Base.os.ios ) {
+                    return function( canvas ) {
+                        var args = Base.slice( arguments, 1 ),
+                            ctx = canvas.getContext('2d');
+    
+                        ctx.drawImage.apply( ctx, args );
+                    };
+                }
+    
+                /**
+                 * Detecting vertical squash in loaded image.
+                 * Fixes a bug which squash image vertically while drawing into
+                 * canvas for some images.
+                 */
+                function detectVerticalSquash( img, iw, ih ) {
+                    var canvas = document.createElement('canvas'),
+                        ctx = canvas.getContext('2d'),
+                        sy = 0,
+                        ey = ih,
+                        py = ih,
+                        data, alpha, ratio;
+    
+    
+                    canvas.width = 1;
+                    canvas.height = ih;
+                    ctx.drawImage( img, 0, 0 );
+                    data = ctx.getImageData( 0, 0, 1, ih ).data;
+    
+                    // search image edge pixel position in case
+                    // it is squashed vertically.
+                    while ( py > sy ) {
+                        alpha = data[ (py - 1) * 4 + 3 ];
+    
+                        if ( alpha === 0 ) {
+                            ey = py;
+                        } else {
+                            sy = py;
+                        }
+    
+                        py = (ey + sy) >> 1;
+                    }
+    
+                    ratio = (py / ih);
+                    return (ratio === 0) ? 1 : ratio;
+                }
+    
+                // fix ie7 bug
+                // http://stackoverflow.com/questions/11929099/
+                // html5-canvas-drawimage-ratio-bug-ios
+                if ( Base.os.ios >= 7 ) {
+                    return function( canvas, img, x, y, w, h ) {
+                        var iw = img.naturalWidth,
+                            ih = img.naturalHeight,
+                            vertSquashRatio = detectVerticalSquash( img, iw, ih );
+    
+                        return canvas.getContext('2d').drawImage( img, 0, 0,
+                                iw * vertSquashRatio, ih * vertSquashRatio,
+                                x, y, w, h );
+                    };
+                }
+    
+                /**
+                 * Detect subsampling in loaded image.
+                 * In iOS, larger images than 2M pixels may be
+                 * subsampled in rendering.
+                 */
+                function detectSubsampling( img ) {
+                    var iw = img.naturalWidth,
+                        ih = img.naturalHeight,
+                        canvas, ctx;
+    
+                    // subsampling may happen overmegapixel image
+                    if ( iw * ih > 1024 * 1024 ) {
+                        canvas = document.createElement('canvas');
+                        canvas.width = canvas.height = 1;
+                        ctx = canvas.getContext('2d');
+                        ctx.drawImage( img, -iw + 1, 0 );
+    
+                        // subsampled image becomes half smaller in rendering size.
+                        // check alpha channel value to confirm image is covering
+                        // edge pixel or not. if alpha value is 0
+                        // image is not covering, hence subsampled.
+                        return ctx.getImageData( 0, 0, 1, 1 ).data[ 3 ] === 0;
+                    } else {
+                        return false;
+                    }
+                }
+    
+    
+                return function( canvas, img, x, y, width, height ) {
+                    var iw = img.naturalWidth,
+                        ih = img.naturalHeight,
+                        ctx = canvas.getContext('2d'),
+                        subsampled = detectSubsampling( img ),
+                        doSquash = this.type === 'image/jpeg',
+                        d = 1024,
+                        sy = 0,
+                        dy = 0,
+                        tmpCanvas, tmpCtx, vertSquashRatio, dw, dh, sx, dx;
+    
+                    if ( subsampled ) {
+                        iw /= 2;
+                        ih /= 2;
+                    }
+    
+                    ctx.save();
+                    tmpCanvas = document.createElement('canvas');
+                    tmpCanvas.width = tmpCanvas.height = d;
+    
+                    tmpCtx = tmpCanvas.getContext('2d');
+                    vertSquashRatio = doSquash ?
+                            detectVerticalSquash( img, iw, ih ) : 1;
+    
+                    dw = Math.ceil( d * width / iw );
+                    dh = Math.ceil( d * height / ih / vertSquashRatio );
+    
+                    while ( sy < ih ) {
+                        sx = 0;
+                        dx = 0;
+                        while ( sx < iw ) {
+                            tmpCtx.clearRect( 0, 0, d, d );
+                            tmpCtx.drawImage( img, -sx, -sy );
+                            ctx.drawImage( tmpCanvas, 0, 0, d, d,
+                                    x + dx, y + dy, dw, dh );
+                            sx += d;
+                            dx += dw;
+                        }
+                        sy += d;
+                        dy += dh;
+                    }
+                    ctx.restore();
+                    tmpCanvas = tmpCtx = null;
+                };
+            })()
+        });
+    });
     /**
      * @fileOverview Transport
      * @todo 支持chunked传输，优势：
      * 可以将大文件分成小块，挨个传输，可以提高大文件成功率，当失败的时候，也只需要重传那小部分，
      * 而不需要重头再传一次。另外断点续传也需要用chunked方式。
      */
-    define( 'runtime/html5/transport', [
+    define('runtime/html5/transport',[
         'base',
         'runtime/html5/runtime'
     ], function( Base, Html5Runtime ) {
@@ -3909,7 +6467,7 @@ var dragEnter=dragOver=dragLeave=dragDrop=function(){};
                     xhr = this._initAjax(),
                     blob = owner._blob,
                     server = opts.server,
-                    formData, binary;
+                    formData, binary, fr;
     
                 if ( opts.sendAsBinary ) {
                     server += (/\?/.test( server ) ? '&' : '?') +
@@ -3922,7 +6480,7 @@ var dragEnter=dragOver=dragLeave=dragDrop=function(){};
                         formData.append( k, v );
                     });
     
-                    formData.append( opts.fileVar, blob.getSource(),
+                    formData.append( opts.fileVal, blob.getSource(),
                             opts.filename || owner._formData.name || '' );
                 }
     
@@ -3934,8 +6492,29 @@ var dragEnter=dragOver=dragLeave=dragDrop=function(){};
                 }
     
                 this._setRequestHeader( xhr, opts.headers );
-                binary && xhr.overrideMimeType('application/octet-stream');
-                xhr.send( binary || formData );
+    
+                if ( binary ) {
+                    xhr.overrideMimeType('application/octet-stream');
+    
+                    // android直接发送blob会导致服务端接收到的是空文件。
+                    // bug详情。
+                    // https://code.google.com/p/android/issues/detail?id=39882
+                    // 所以先用fileReader读取出来再通过arraybuffer的方式发送。
+                    if ( Base.os.android ) {
+                        fr = new FileReader();
+    
+                        fr.onload = function() {
+                            xhr.send( this.result );
+                            fr = fr.onload = null;
+                        };
+    
+                        fr.readAsArrayBuffer( binary );
+                    } else {
+                        xhr.send( binary );
+                    }
+                } else {
+                    xhr.send( formData );
+                }
             },
     
             getResponse: function() {
@@ -3995,15 +6574,16 @@ var dragEnter=dragOver=dragLeave=dragDrop=function(){};
                     xhr.upload.onprogress = noop;
                     xhr.onreadystatechange = noop;
                     me._xhr = null;
+                    me._status = xhr.status;
     
-                    // 只考虑200的情况
-                    if ( xhr.status === 200 ) {
+                    if ( xhr.status >= 200 && xhr.status < 300 ) {
                         me._response = xhr.responseText;
                         return me.trigger('load');
+                    } else if ( xhr.status >= 500 && xhr.status < 600 ) {
+                        me._response = xhr.responseText;
+                        return me.trigger( 'error', 'server' );
                     }
     
-                    me._status = xhr.status;
-                    xhr = null;
     
                     return me.trigger( 'error', me._status ? 'http' : 'abort' );
                 };
@@ -4031,1482 +6611,1070 @@ var dragEnter=dragOver=dragLeave=dragDrop=function(){};
             }
         });
     });
-
     /**
-     * @fileOverview DragAndDrop Widget。
+     * @fileOverview  Transport flash实现
      */
-    define( 'widgets/filednd', [
-        'base',
-        'uploader',
-        'lib/dnd',
-        'widgets/widget'
-    ], function( Base, Uploader, Dnd ) {
+    define('runtime/html5/md5',[
+        'runtime/html5/runtime'
+    ], function( FlashRuntime ) {
     
-        Uploader.options.dnd = '';
+        /*
+         * Fastest md5 implementation around (JKM md5)
+         * Credits: Joseph Myers
+         *
+         * @see http://www.myersdaily.org/joseph/javascript/md5-text.html
+         * @see http://jsperf.com/md5-shootout/7
+         */
+    
+        /* this function is much faster,
+          so if possible we use it. Some IEs
+          are the only ones I know of that
+          need the idiotic second function,
+          generated by an if clause.  */
+        var add32 = function (a, b) {
+            return (a + b) & 0xFFFFFFFF;
+        },
+    
+        cmn = function (q, a, b, x, s, t) {
+            a = add32(add32(a, q), add32(x, t));
+            return add32((a << s) | (a >>> (32 - s)), b);
+        },
+    
+        ff = function (a, b, c, d, x, s, t) {
+            return cmn((b & c) | ((~b) & d), a, b, x, s, t);
+        },
+    
+        gg = function (a, b, c, d, x, s, t) {
+            return cmn((b & d) | (c & (~d)), a, b, x, s, t);
+        },
+    
+        hh = function (a, b, c, d, x, s, t) {
+            return cmn(b ^ c ^ d, a, b, x, s, t);
+        },
+    
+        ii = function (a, b, c, d, x, s, t) {
+            return cmn(c ^ (b | (~d)), a, b, x, s, t);
+        },
+    
+        md5cycle = function (x, k) {
+            var a = x[0],
+                b = x[1],
+                c = x[2],
+                d = x[3];
+    
+            a = ff(a, b, c, d, k[0], 7, -680876936);
+            d = ff(d, a, b, c, k[1], 12, -389564586);
+            c = ff(c, d, a, b, k[2], 17, 606105819);
+            b = ff(b, c, d, a, k[3], 22, -1044525330);
+            a = ff(a, b, c, d, k[4], 7, -176418897);
+            d = ff(d, a, b, c, k[5], 12, 1200080426);
+            c = ff(c, d, a, b, k[6], 17, -1473231341);
+            b = ff(b, c, d, a, k[7], 22, -45705983);
+            a = ff(a, b, c, d, k[8], 7, 1770035416);
+            d = ff(d, a, b, c, k[9], 12, -1958414417);
+            c = ff(c, d, a, b, k[10], 17, -42063);
+            b = ff(b, c, d, a, k[11], 22, -1990404162);
+            a = ff(a, b, c, d, k[12], 7, 1804603682);
+            d = ff(d, a, b, c, k[13], 12, -40341101);
+            c = ff(c, d, a, b, k[14], 17, -1502002290);
+            b = ff(b, c, d, a, k[15], 22, 1236535329);
+    
+            a = gg(a, b, c, d, k[1], 5, -165796510);
+            d = gg(d, a, b, c, k[6], 9, -1069501632);
+            c = gg(c, d, a, b, k[11], 14, 643717713);
+            b = gg(b, c, d, a, k[0], 20, -373897302);
+            a = gg(a, b, c, d, k[5], 5, -701558691);
+            d = gg(d, a, b, c, k[10], 9, 38016083);
+            c = gg(c, d, a, b, k[15], 14, -660478335);
+            b = gg(b, c, d, a, k[4], 20, -405537848);
+            a = gg(a, b, c, d, k[9], 5, 568446438);
+            d = gg(d, a, b, c, k[14], 9, -1019803690);
+            c = gg(c, d, a, b, k[3], 14, -187363961);
+            b = gg(b, c, d, a, k[8], 20, 1163531501);
+            a = gg(a, b, c, d, k[13], 5, -1444681467);
+            d = gg(d, a, b, c, k[2], 9, -51403784);
+            c = gg(c, d, a, b, k[7], 14, 1735328473);
+            b = gg(b, c, d, a, k[12], 20, -1926607734);
+    
+            a = hh(a, b, c, d, k[5], 4, -378558);
+            d = hh(d, a, b, c, k[8], 11, -2022574463);
+            c = hh(c, d, a, b, k[11], 16, 1839030562);
+            b = hh(b, c, d, a, k[14], 23, -35309556);
+            a = hh(a, b, c, d, k[1], 4, -1530992060);
+            d = hh(d, a, b, c, k[4], 11, 1272893353);
+            c = hh(c, d, a, b, k[7], 16, -155497632);
+            b = hh(b, c, d, a, k[10], 23, -1094730640);
+            a = hh(a, b, c, d, k[13], 4, 681279174);
+            d = hh(d, a, b, c, k[0], 11, -358537222);
+            c = hh(c, d, a, b, k[3], 16, -722521979);
+            b = hh(b, c, d, a, k[6], 23, 76029189);
+            a = hh(a, b, c, d, k[9], 4, -640364487);
+            d = hh(d, a, b, c, k[12], 11, -421815835);
+            c = hh(c, d, a, b, k[15], 16, 530742520);
+            b = hh(b, c, d, a, k[2], 23, -995338651);
+    
+            a = ii(a, b, c, d, k[0], 6, -198630844);
+            d = ii(d, a, b, c, k[7], 10, 1126891415);
+            c = ii(c, d, a, b, k[14], 15, -1416354905);
+            b = ii(b, c, d, a, k[5], 21, -57434055);
+            a = ii(a, b, c, d, k[12], 6, 1700485571);
+            d = ii(d, a, b, c, k[3], 10, -1894986606);
+            c = ii(c, d, a, b, k[10], 15, -1051523);
+            b = ii(b, c, d, a, k[1], 21, -2054922799);
+            a = ii(a, b, c, d, k[8], 6, 1873313359);
+            d = ii(d, a, b, c, k[15], 10, -30611744);
+            c = ii(c, d, a, b, k[6], 15, -1560198380);
+            b = ii(b, c, d, a, k[13], 21, 1309151649);
+            a = ii(a, b, c, d, k[4], 6, -145523070);
+            d = ii(d, a, b, c, k[11], 10, -1120210379);
+            c = ii(c, d, a, b, k[2], 15, 718787259);
+            b = ii(b, c, d, a, k[9], 21, -343485551);
+    
+            x[0] = add32(a, x[0]);
+            x[1] = add32(b, x[1]);
+            x[2] = add32(c, x[2]);
+            x[3] = add32(d, x[3]);
+        },
+    
+        /* there needs to be support for Unicode here,
+           * unless we pretend that we can redefine the MD-5
+           * algorithm for multi-byte characters (perhaps
+           * by adding every four 16-bit characters and
+           * shortening the sum to 32 bits). Otherwise
+           * I suggest performing MD-5 as if every character
+           * was two bytes--e.g., 0040 0025 = @%--but then
+           * how will an ordinary MD-5 sum be matched?
+           * There is no way to standardize text to something
+           * like UTF-8 before transformation; speed cost is
+           * utterly prohibitive. The JavaScript standard
+           * itself needs to look at this: it should start
+           * providing access to strings as preformed UTF-8
+           * 8-bit unsigned value arrays.
+           */
+        md5blk = function (s) {
+            var md5blks = [],
+                i; /* Andy King said do it this way. */
+    
+            for (i = 0; i < 64; i += 4) {
+                md5blks[i >> 2] = s.charCodeAt(i) + (s.charCodeAt(i + 1) << 8) + (s.charCodeAt(i + 2) << 16) + (s.charCodeAt(i + 3) << 24);
+            }
+            return md5blks;
+        },
+    
+        md5blk_array = function (a) {
+            var md5blks = [],
+                i; /* Andy King said do it this way. */
+    
+            for (i = 0; i < 64; i += 4) {
+                md5blks[i >> 2] = a[i] + (a[i + 1] << 8) + (a[i + 2] << 16) + (a[i + 3] << 24);
+            }
+            return md5blks;
+        },
+    
+        md51 = function (s) {
+            var n = s.length,
+                state = [1732584193, -271733879, -1732584194, 271733878],
+                i,
+                length,
+                tail,
+                tmp,
+                lo,
+                hi;
+    
+            for (i = 64; i <= n; i += 64) {
+                md5cycle(state, md5blk(s.substring(i - 64, i)));
+            }
+            s = s.substring(i - 64);
+            length = s.length;
+            tail = [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0];
+            for (i = 0; i < length; i += 1) {
+                tail[i >> 2] |= s.charCodeAt(i) << ((i % 4) << 3);
+            }
+            tail[i >> 2] |= 0x80 << ((i % 4) << 3);
+            if (i > 55) {
+                md5cycle(state, tail);
+                for (i = 0; i < 16; i += 1) {
+                    tail[i] = 0;
+                }
+            }
+    
+            // Beware that the final length might not fit in 32 bits so we take care of that
+            tmp = n * 8;
+            tmp = tmp.toString(16).match(/(.*?)(.{0,8})$/);
+            lo = parseInt(tmp[2], 16);
+            hi = parseInt(tmp[1], 16) || 0;
+    
+            tail[14] = lo;
+            tail[15] = hi;
+    
+            md5cycle(state, tail);
+            return state;
+        },
+    
+        md51_array = function (a) {
+            var n = a.length,
+                state = [1732584193, -271733879, -1732584194, 271733878],
+                i,
+                length,
+                tail,
+                tmp,
+                lo,
+                hi;
+    
+            for (i = 64; i <= n; i += 64) {
+                md5cycle(state, md5blk_array(a.subarray(i - 64, i)));
+            }
+    
+            // Not sure if it is a bug, however IE10 will always produce a sub array of length 1
+            // containing the last element of the parent array if the sub array specified starts
+            // beyond the length of the parent array - weird.
+            // https://connect.microsoft.com/IE/feedback/details/771452/typed-array-subarray-issue
+            a = (i - 64) < n ? a.subarray(i - 64) : new Uint8Array(0);
+    
+            length = a.length;
+            tail = [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0];
+            for (i = 0; i < length; i += 1) {
+                tail[i >> 2] |= a[i] << ((i % 4) << 3);
+            }
+    
+            tail[i >> 2] |= 0x80 << ((i % 4) << 3);
+            if (i > 55) {
+                md5cycle(state, tail);
+                for (i = 0; i < 16; i += 1) {
+                    tail[i] = 0;
+                }
+            }
+    
+            // Beware that the final length might not fit in 32 bits so we take care of that
+            tmp = n * 8;
+            tmp = tmp.toString(16).match(/(.*?)(.{0,8})$/);
+            lo = parseInt(tmp[2], 16);
+            hi = parseInt(tmp[1], 16) || 0;
+    
+            tail[14] = lo;
+            tail[15] = hi;
+    
+            md5cycle(state, tail);
+    
+            return state;
+        },
+    
+        hex_chr = ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9', 'a', 'b', 'c', 'd', 'e', 'f'],
+    
+        rhex = function (n) {
+            var s = '',
+                j;
+            for (j = 0; j < 4; j += 1) {
+                s += hex_chr[(n >> (j * 8 + 4)) & 0x0F] + hex_chr[(n >> (j * 8)) & 0x0F];
+            }
+            return s;
+        },
+    
+        hex = function (x) {
+            var i;
+            for (i = 0; i < x.length; i += 1) {
+                x[i] = rhex(x[i]);
+            }
+            return x.join('');
+        },
+    
+        md5 = function (s) {
+            return hex(md51(s));
+        },
+    
+    
+    
+        ////////////////////////////////////////////////////////////////////////////
     
         /**
-         * @property {Selector} [dnd=undefined]  指定Drag And Drop拖拽的容器，如果不指定，则不启动。
-         * @namespace options
-         * @for Uploader
+         * SparkMD5 OOP implementation.
+         *
+         * Use this class to perform an incremental md5, otherwise use the
+         * static methods instead.
          */
-        return Uploader.register({
-            init: function( opts ) {
+        SparkMD5 = function () {
+            // call reset to init the instance
+            this.reset();
+        };
     
-                if ( !opts.dnd ||
-                        this.request('predict-runtime-type') !== 'html5' ) {
-                    return;
-                }
     
-                var me = this,
-                    deferred = Base.Deferred(),
-                    options = $.extend({}, {
-                        container: opts.dnd,
-                        accept: opts.accept
-                    }),
-                    dnd;
+        // In some cases the fast add32 function cannot be used..
+        if (md5('hello') !== '5d41402abc4b2a76b9719d911017c592') {
+            add32 = function (x, y) {
+                var lsw = (x & 0xFFFF) + (y & 0xFFFF),
+                    msw = (x >> 16) + (y >> 16) + (lsw >> 16);
+                return (msw << 16) | (lsw & 0xFFFF);
+            };
+        }
     
-                dnd = new Dnd( options );
-    
-                dnd.once( 'ready', deferred.resolve );
-                dnd.on( 'drop', function( files ) {
-                    me.request( 'add-file', [ files ]);
-                });
-                dnd.init();
-    
-                return deferred.promise();
-            }
-        });
-    });
-
-    /**
-     * @fileOverview 组件基类。
-     */
-    define( 'widgets/filepaste', [
-        'base',
-        'uploader',
-        'lib/filepaste',
-        'widgets/widget'
-    ], function( Base, Uploader, FilePaste ) {
     
         /**
-         * @property {Selector} [paste=undefined]  指定监听paste事件的容器，如果不指定，不启用此功能。此功能为通过粘贴来添加截屏的图片。建议设置为`document.body`.
-         * @namespace options
-         * @for Uploader
+         * Appends a string.
+         * A conversion will be applied if an utf8 string is detected.
+         *
+         * @param {String} str The string to be appended
+         *
+         * @return {SparkMD5} The instance itself
          */
-        return Uploader.register({
-            init: function( opts ) {
-    
-                if ( !opts.paste ||
-                        this.request('predict-runtime-type') !== 'html5' ) {
-                    return;
-                }
-    
-                var me = this,
-                    deferred = Base.Deferred(),
-                    options = $.extend({}, {
-                        container: opts.paste,
-                        accept: opts.accept
-                    }),
-                    paste;
-    
-                paste = new FilePaste( options );
-    
-                paste.once( 'ready', deferred.resolve );
-                paste.on( 'paste', function( files ) {
-                    me.owner.request( 'add-file', [ files ]);
-                });
-                paste.init();
-    
-                return deferred.promise();
+        SparkMD5.prototype.append = function (str) {
+            // converts the string to utf8 bytes if necessary
+            if (/[\u0080-\uFFFF]/.test(str)) {
+                str = unescape(encodeURIComponent(str));
             }
-        });
-    });
-
-    /**
-     * @fileOverview 图片操作, 负责预览图片和上传前压缩图片
-     */
-    define( 'widgets/image', [
-        'base',
-        'uploader',
-        'lib/image',
-        'widgets/widget'
-    ], function( Base, Uploader, Image ) {
     
-        var $ = Base.$,
-            throttle;
+            // then append as binary
+            this.appendBinary(str);
     
-        // 根据要处理的文件大小来节流，一次不能处理太多，会卡。
-        throttle = (function( max ) {
-            var occupied = 0,
-                waiting = [],
-                tick = function() {
-                    var item;
+            return this;
+        };
     
-                    while ( waiting.length && occupied < max ) {
-                        item = waiting.shift();
-                        occupied += item[ 0 ];
-                        item[ 1 ]();
-                    }
+        /**
+         * Appends a binary string.
+         *
+         * @param {String} contents The binary string to be appended
+         *
+         * @return {SparkMD5} The instance itself
+         */
+        SparkMD5.prototype.appendBinary = function (contents) {
+            this._buff += contents;
+            this._length += contents.length;
+    
+            var length = this._buff.length,
+                i;
+    
+            for (i = 64; i <= length; i += 64) {
+                md5cycle(this._state, md5blk(this._buff.substring(i - 64, i)));
+            }
+    
+            this._buff = this._buff.substr(i - 64);
+    
+            return this;
+        };
+    
+        /**
+         * Finishes the incremental computation, reseting the internal state and
+         * returning the result.
+         * Use the raw parameter to obtain the raw result instead of the hex one.
+         *
+         * @param {Boolean} raw True to get the raw result, false to get the hex result
+         *
+         * @return {String|Array} The result
+         */
+        SparkMD5.prototype.end = function (raw) {
+            var buff = this._buff,
+                length = buff.length,
+                i,
+                tail = [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0],
+                ret;
+    
+            for (i = 0; i < length; i += 1) {
+                tail[i >> 2] |= buff.charCodeAt(i) << ((i % 4) << 3);
+            }
+    
+            this._finish(tail, length);
+            ret = !!raw ? this._state : hex(this._state);
+    
+            this.reset();
+    
+            return ret;
+        };
+    
+        /**
+         * Finish the final calculation based on the tail.
+         *
+         * @param {Array}  tail   The tail (will be modified)
+         * @param {Number} length The length of the remaining buffer
+         */
+        SparkMD5.prototype._finish = function (tail, length) {
+            var i = length,
+                tmp,
+                lo,
+                hi;
+    
+            tail[i >> 2] |= 0x80 << ((i % 4) << 3);
+            if (i > 55) {
+                md5cycle(this._state, tail);
+                for (i = 0; i < 16; i += 1) {
+                    tail[i] = 0;
+                }
+            }
+    
+            // Do the final computation based on the tail and length
+            // Beware that the final length may not fit in 32 bits so we take care of that
+            tmp = this._length * 8;
+            tmp = tmp.toString(16).match(/(.*?)(.{0,8})$/);
+            lo = parseInt(tmp[2], 16);
+            hi = parseInt(tmp[1], 16) || 0;
+    
+            tail[14] = lo;
+            tail[15] = hi;
+            md5cycle(this._state, tail);
+        };
+    
+        /**
+         * Resets the internal state of the computation.
+         *
+         * @return {SparkMD5} The instance itself
+         */
+        SparkMD5.prototype.reset = function () {
+            this._buff = "";
+            this._length = 0;
+            this._state = [1732584193, -271733879, -1732584194, 271733878];
+    
+            return this;
+        };
+    
+        /**
+         * Releases memory used by the incremental buffer and other aditional
+         * resources. If you plan to use the instance again, use reset instead.
+         */
+        SparkMD5.prototype.destroy = function () {
+            delete this._state;
+            delete this._buff;
+            delete this._length;
+        };
+    
+    
+        /**
+         * Performs the md5 hash on a string.
+         * A conversion will be applied if utf8 string is detected.
+         *
+         * @param {String}  str The string
+         * @param {Boolean} raw True to get the raw result, false to get the hex result
+         *
+         * @return {String|Array} The result
+         */
+        SparkMD5.hash = function (str, raw) {
+            // converts the string to utf8 bytes if necessary
+            if (/[\u0080-\uFFFF]/.test(str)) {
+                str = unescape(encodeURIComponent(str));
+            }
+    
+            var hash = md51(str);
+    
+            return !!raw ? hash : hex(hash);
+        };
+    
+        /**
+         * Performs the md5 hash on a binary string.
+         *
+         * @param {String}  content The binary string
+         * @param {Boolean} raw     True to get the raw result, false to get the hex result
+         *
+         * @return {String|Array} The result
+         */
+        SparkMD5.hashBinary = function (content, raw) {
+            var hash = md51(content);
+    
+            return !!raw ? hash : hex(hash);
+        };
+    
+        /**
+         * SparkMD5 OOP implementation for array buffers.
+         *
+         * Use this class to perform an incremental md5 ONLY for array buffers.
+         */
+        SparkMD5.ArrayBuffer = function () {
+            // call reset to init the instance
+            this.reset();
+        };
+    
+        ////////////////////////////////////////////////////////////////////////////
+    
+        /**
+         * Appends an array buffer.
+         *
+         * @param {ArrayBuffer} arr The array to be appended
+         *
+         * @return {SparkMD5.ArrayBuffer} The instance itself
+         */
+        SparkMD5.ArrayBuffer.prototype.append = function (arr) {
+            // TODO: we could avoid the concatenation here but the algorithm would be more complex
+            //       if you find yourself needing extra performance, please make a PR.
+            var buff = this._concatArrayBuffer(this._buff, arr),
+                length = buff.length,
+                i;
+    
+            this._length += arr.byteLength;
+    
+            for (i = 64; i <= length; i += 64) {
+                md5cycle(this._state, md5blk_array(buff.subarray(i - 64, i)));
+            }
+    
+            // Avoids IE10 weirdness (documented above)
+            this._buff = (i - 64) < length ? buff.subarray(i - 64) : new Uint8Array(0);
+    
+            return this;
+        };
+    
+        /**
+         * Finishes the incremental computation, reseting the internal state and
+         * returning the result.
+         * Use the raw parameter to obtain the raw result instead of the hex one.
+         *
+         * @param {Boolean} raw True to get the raw result, false to get the hex result
+         *
+         * @return {String|Array} The result
+         */
+        SparkMD5.ArrayBuffer.prototype.end = function (raw) {
+            var buff = this._buff,
+                length = buff.length,
+                tail = [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0],
+                i,
+                ret;
+    
+            for (i = 0; i < length; i += 1) {
+                tail[i >> 2] |= buff[i] << ((i % 4) << 3);
+            }
+    
+            this._finish(tail, length);
+            ret = !!raw ? this._state : hex(this._state);
+    
+            this.reset();
+    
+            return ret;
+        };
+    
+        SparkMD5.ArrayBuffer.prototype._finish = SparkMD5.prototype._finish;
+    
+        /**
+         * Resets the internal state of the computation.
+         *
+         * @return {SparkMD5.ArrayBuffer} The instance itself
+         */
+        SparkMD5.ArrayBuffer.prototype.reset = function () {
+            this._buff = new Uint8Array(0);
+            this._length = 0;
+            this._state = [1732584193, -271733879, -1732584194, 271733878];
+    
+            return this;
+        };
+    
+        /**
+         * Releases memory used by the incremental buffer and other aditional
+         * resources. If you plan to use the instance again, use reset instead.
+         */
+        SparkMD5.ArrayBuffer.prototype.destroy = SparkMD5.prototype.destroy;
+    
+        /**
+         * Concats two array buffers, returning a new one.
+         *
+         * @param  {ArrayBuffer} first  The first array buffer
+         * @param  {ArrayBuffer} second The second array buffer
+         *
+         * @return {ArrayBuffer} The new array buffer
+         */
+        SparkMD5.ArrayBuffer.prototype._concatArrayBuffer = function (first, second) {
+            var firstLength = first.length,
+                result = new Uint8Array(firstLength + second.byteLength);
+    
+            result.set(first);
+            result.set(new Uint8Array(second), firstLength);
+    
+            return result;
+        };
+    
+        /**
+         * Performs the md5 hash on an array buffer.
+         *
+         * @param {ArrayBuffer} arr The array buffer
+         * @param {Boolean}     raw True to get the raw result, false to get the hex result
+         *
+         * @return {String|Array} The result
+         */
+        SparkMD5.ArrayBuffer.hash = function (arr, raw) {
+            var hash = md51_array(new Uint8Array(arr));
+    
+            return !!raw ? hash : hex(hash);
+        };
+        
+        return FlashRuntime.register( 'Md5', {
+            init: function() {
+                // do nothing.
+            },
+    
+            loadFromBlob: function( file ) {
+                var blob = file.getSource(),
+                    chunkSize = 2 * 1024 * 1024,
+                    chunks = Math.ceil( blob.size / chunkSize ),
+                    chunk = 0,
+                    owner = this.owner,
+                    spark = new SparkMD5.ArrayBuffer(),
+                    me = this,
+                    blobSlice = blob.mozSlice || blob.webkitSlice || blob.slice,
+                    loadNext, fr;
+    
+                fr = new FileReader();
+    
+                loadNext = function() {
+                    var start, end;
+    
+                    start = chunk * chunkSize;
+                    end = Math.min( start + chunkSize, blob.size );
+    
+                    fr.onload = function( e ) {
+                        spark.append( e.target.result );
+                        owner.trigger( 'progress', {
+                            total: file.size,
+                            loaded: end
+                        });
+                    };
+    
+                    fr.onloadend = function() {
+                        fr.onloadend = fr.onload = null;
+    
+                        if ( ++chunk < chunks ) {
+                            setTimeout( loadNext, 1 );
+                        } else {
+                            setTimeout(function(){
+                                owner.trigger('load');
+                                me.result = spark.end();
+                                loadNext = file = blob = spark = null;
+                                owner.trigger('complete');
+                            }, 50 );
+                        }
+                    };
+    
+                    fr.readAsArrayBuffer( blobSlice.call( blob, start, end ) );
                 };
     
-            return function( emiter, size, cb ) {
-                waiting.push([ size, cb ]);
-                emiter.once( 'destroy', function() {
-                    occupied -= size;
-                    setTimeout( tick, 1 );
-                });
-                setTimeout( tick, 1 );
-            };
-        })( 5 * 1024 * 1024 );
-    
-        $.extend( Uploader.options, {
-    
-            /**
-             * @property {Object} [thumb]
-             * @namespace options
-             * @for Uploader
-             * @description 配置生成缩略图的选项。
-             *
-             * 默认为：
-             *
-             * ```javascript
-             * {
-             *     width: 110,
-             *     height: 110,
-             *
-             *     // 图片质量，只有type为`image/jpeg`的时候才有效。
-             *     quality: 70,
-             *
-             *     // 是否允许放大，如果想要生成小图的时候不失真，此选项应该设置为false.
-             *     allowMagnify: true,
-             *
-             *     // 是否允许裁剪。
-             *     crop: true,
-             *
-             *     // 是否保留头部meta信息。
-             *     preserveHeaders: false,
-             *
-             *     // 为空的话则保留原有图片格式。
-             *     // 否则强制转换成指定的类型。
-             *     type: 'image/jpeg'
-             * }
-             * ```
-             */
-            thumb: {
-                width: 110,
-                height: 110,
-                quality: 70,
-                allowMagnify: true,
-                crop: true,
-                preserveHeaders: false,
-    
-                // 为空的话则保留原有图片格式。
-                // 否则强制转换成指定的类型。
-                type: 'image/jpeg'
+                loadNext();
             },
     
-            /**
-             * @property {Object} [compress]
-             * @namespace options
-             * @for Uploader
-             * @description 配置压缩的图片的选项。如果此选项为`false`, 则图片在上传前不进行压缩。
-             *
-             * 默认为：
-             *
-             * ```javascript
-             * {
-             *     width: 1600,
-             *     height: 1600,
-             *
-             *     // 图片质量，只有type为`image/jpeg`的时候才有效。
-             *     quality: 90,
-             *
-             *     // 是否允许放大，如果想要生成小图的时候不失真，此选项应该设置为false.
-             *     allowMagnify: false,
-             *
-             *     // 是否允许裁剪。
-             *     crop: false,
-             *
-             *     // 是否保留头部meta信息。
-             *     preserveHeaders: true
-             * }
-             * ```
-             */
-            compress: {
-                width: 1600,
-                height: 1600,
-                quality: 90,
-                allowMagnify: false,
-                crop: false,
-                preserveHeaders: true
-            }
-        });
-    
-        return Uploader.register({
-            'make-thumb': 'makeThumb',
-            'before-send-file': 'compressImage'
-        }, {
-    
-    
-            /**
-             * 生成缩略图，此过程为异步，所以需要传入`callback`。
-             * 通常情况在图片加入队里后调用此方法来生成预览图以增强交互效果。
-             *
-             * `callback`中可以接收到两个参数。
-             * * 第一个为error，如果生成缩略图有错误，此error将为真。
-             * * 第二个为ret, 缩略图的Data URL值。
-             *
-             * **注意**
-             * Date URL在IE6/7中不支持，所以不用调用此方法了，直接显示一张暂不支持预览图片好了。
-             *
-             *
-             * @method makeThumb
-             * @grammar makeThumb( file, callback ) => undefined
-             * @grammar makeThumb( file, callback, width, height ) => undefined
-             * @for Uploader
-             * @example
-             *
-             * uploader.on( 'fileQueued', function( file ) {
-             *     var $li = ...;
-             *
-             *     uploader.makeThumb( file, function( error, ret ) {
-             *         if ( error ) {
-             *             $li.text('预览错误');
-             *         } else {
-             *             $li.append('');
-             *         }
-             *     });
-             *
-             * });
-             */
-            makeThumb: function( file, cb, width, height ) {
-                var opts, image;
-    
-                file = this.request( 'get-file', file );
-    
-                // 只预览图片格式。
-                if ( !file.type.match( /^image/ ) ) {
-                    cb( true );
-                    return;
-                }
-    
-                opts = $.extend({}, this.options.thumb );
-    
-                // 如果传入的是object.
-                if ( $.isPlainObject( width ) ) {
-                    opts = $.extend( opts, width );
-                    width = null;
-                }
-    
-                width = width || opts.width;
-                height = height || opts.height;
-    
-                image = new Image( opts );
-    
-                image.once( 'load', function() {
-                    file._info = file._info || image.info();
-                    file._meta = file._meta || image.meta();
-                    image.resize( width, height );
-                });
-    
-                image.once( 'complete', function() {
-                    cb( false, image.getAsDataUrl( opts.type ) );
-                    image.destroy();
-                });
-    
-                image.once( 'error', function() {
-                    cb( true );
-                    image.destroy();
-                });
-    
-                throttle( image, file.source.size, function() {
-                    file._info && image.info( file._info );
-                    file._meta && image.meta( file._meta );
-                    image.loadFromBlob( file.source );
-                });
-            },
-    
-            compressImage: function( file ) {
-                var opts = this.options.compress || this.options.resize,
-                    compressSize = opts && opts.compressSize || 300 * 1024,
-                    image, deferred;
-    
-                file = this.request( 'get-file', file );
-    
-                // 只预览图片格式。
-                if ( !opts || !~'image/jpeg,image/jpg'.indexOf( file.type ) ||
-                        file.size < compressSize ||
-                        file._compressed ) {
-                    return;
-                }
-    
-                opts = $.extend({}, opts );
-                deferred = Base.Deferred();
-    
-                image = new Image( opts );
-    
-                deferred.always(function() {
-                    image.destroy();
-                    image = null;
-                });
-                image.once( 'error', deferred.reject );
-                image.once( 'load', function() {
-                    file._info = file._info || image.info();
-                    file._meta = file._meta || image.meta();
-                    image.resize( opts.width, opts.height );
-                });
-    
-                image.once( 'complete', function() {
-                    var blob, size;
-    
-                    blob = image.getAsBlob( opts.type );
-                    size = file.size;
-    
-                    // 如果压缩后，比原来还大则不用压缩后的。
-                    if ( blob.size < size ) {
-                        // file.source.destroy && file.source.destroy();
-                        file.source = blob;
-                        file.size = blob.size;
-    
-                        file.trigger( 'resize', blob.size, size );
-                    }
-    
-                    // 标记，避免重复压缩。
-                    file._compressed = true;
-                    deferred.resolve( true );
-                });
-    
-                file._info && image.info( file._info );
-                file._meta && image.meta( file._meta );
-    
-                image.loadFromBlob( file.source );
-                return deferred.promise();
+            getResult: function() {
+                return this.result;
             }
         });
     });
-
     /**
-     * @fileOverview 队列
+     * @fileOverview FlashRuntime
      */
-    define( 'widgets/queue', [
+    define('runtime/flash/runtime',[
         'base',
-        'uploader',
-        'queue',
-        'file',
-        'widgets/widget'
-    ], function( Base, Uploader, Queue, WUFile ) {
-    
-        var $ = Base.$,
-            rExt = /\.\w+$/,
-            Status = WUFile.Status;
-    
-        return Uploader.register({
-            'add-file': 'addFiles',
-            'get-file': 'getFile',
-            'fetch-file': 'fetchFile',
-            'get-stats': 'getStats',
-            'get-files': 'getFiles',
-            'remove-file': 'removeFile',
-            'retry': 'retry'
-        }, {
-    
-            init: function( opts ) {
-                var len, i, item, arr, accept;
-    
-                if ( $.isPlainObject( opts.accept ) ) {
-                    opts.accept = [ opts.accept ];
-                }
-    
-                // accept中的中生成匹配正则。
-                if ( opts.accept ) {
-                    arr = [];
-    
-                    for ( i = 0, len = opts.accept.length; i < len; i++ ) {
-                        item = opts.accept[ i ].extensions;
-                        item && arr.push( item );
-                    }
-    
-                    if ( arr.length ) {
-                        accept = '\\.' + arr.join(',')
-                                .replace( /,/g, '$|\\.' )
-                                .replace( /\*/g, '.*' ) + '$';
-                    }
-    
-                    this.accept = new RegExp( accept, 'i' );
-                }
-    
-                this.queue = new Queue();
-                this.stats = this.queue.stats;
-            },
-    
-            /**
-             * @event beforeFileQueued
-             * @param {File} file File对象
-             * @description 当文件被加入队列之前触发，此事件的handler返回值为`false`，则此文件不会被添加进入队列。
-             * @for  Uploader
-             */
-    
-            /**
-             * @event fileQueued
-             * @param {File} file File对象
-             * @description 当文件被加入队列以后触发。
-             * @for  Uploader
-             */
-    
-    
-            _addFile: function( file ) {
-                var me = this;
-                // mark --warlee  file-size 6?
-                if ( !file || me.accept &&    
-                        // 如果名字中有后缀，才做后缀白名单处理。
-                        rExt.exec( file.name ) && !me.accept.test( file.name ) ) {
-                    return;
-                }
-    
-                if ( !(file instanceof WUFile) ) {
-                    file = new WUFile( file );
-                }
-    
-                if ( !me.owner.trigger( 'beforeFileQueued', file ) ) {
-                    return;
-                }
-                me.queue.append( file );
-                me.owner.trigger( 'fileQueued', file );
-                return file;
-            },
-    
-            getFile: function( fileId ) {
-                return this.queue.getFile( fileId );
-            },
-    
-            /**
-             * @event filesQueued
-             * @param {File} files 数组，内容为原始File(lib/File）对象。
-             * @description 当一批文件添加进队列以后触发。
-             * @for  Uploader
-             */
-            addFiles: function( files ) {
-                var me = this;
-    
-                if ( !files.length ) {
-                    files = [ files ];
-                }
-    
-                files = $.map( files, function( file ) {
-                    return me._addFile( file );
-                });
-    
-                me.owner.trigger( 'filesQueued', files );
-    
-                if ( me.options.auto ) {
-                    me.request('start-upload');
-                }
-            },
-    
-            getStats: function() {
-                return this.stats;
-            },
-    
-            /**
-             * @event fileDequeued
-             * @param {File} file File对象
-             * @description 当文件被移除队列后触发。
-             * @for  Uploader
-             */
-    
-            /**
-             * @method removeFile
-             * @grammar removeFile( file ) => undefined
-             * @grammar removeFile( id ) => undefined
-             * @param {File|id} file File对象或这File对象的id
-             * @description 移除某一文件。
-             * @for  Uploader
-             * @example
-             *
-             * $li.on('click', '.remove-this', function() {
-             *     uploader.removeFile( file );
-             * })
-             */
-            removeFile: function( file ) {
-                var me = this;
-    
-                file = file.id ? file : me.queue.getFile( file );
-    
-                file.setStatus( Status.CANCELLED );
-                me.owner.trigger( 'fileDequeued', file );
-            },
-    
-            /**
-             * @method getFiles
-             * @grammar getFiles() => Array
-             * @grammar getFiles( status1, status2, status... ) => Array
-             * @description 返回指定状态的文件集合，不传参数将返回所有状态的文件。
-             * @for  Uploader
-             * @example
-             * console.log( uploader.getFiles() );    // => all files
-             * console.log( uploader.getFiles('error') )    // => all error files.
-             */
-            getFiles: function() {
-                return this.queue.getFiles.apply( this.queue, arguments );
-            },
-    
-            fetchFile: function() {
-                return this.queue.fetch.apply( this.queue, arguments );
-            },
-    
-            /**
-             * @method retry
-             * @grammar retry() => undefined
-             * @grammar retry( file ) => undefined
-             * @description 重试上传，重试指定文件，或者从出错的文件开始重新上传。
-             * @for  Uploader
-             * @example
-             * function retry() {
-             *     uploader.retry();
-             * }
-             */
-            retry: function( file, noForceStart ) {
-                var me = this,
-                    files, i, len;
-    
-                if ( file ) {
-                    file = file.id ? file : me.queue.getFile( file );
-                    file.setStatus( Status.QUEUED );
-                    noForceStart || me.request('start-upload');
-                    return;
-                }
-    
-                files = me.queue.getFiles( Status.ERROR );
-                i = 0;
-                len = files.length;
-    
-                for ( ; i < len; i++ ) {
-                    file = files[ i ];
-                    file.setStatus( Status.QUEUED );
-                }
-    
-                me.request('start-upload');
-            }
-        });
-    
-    });
-
-    /**
-     * @fileOverview 添加获取Runtime相关信息的方法。
-     */
-    define( 'widgets/runtime', [
-        'uploader',
         'runtime/runtime',
-        'widgets/widget'
-    ], function( Uploader, Runtime ) {
-    
-        Uploader.support = function() {
-            return Runtime.hasRuntime.apply( Runtime, arguments );
-        };
-    
-        return Uploader.register({
-            'predict-runtime-type': 'predictRuntmeType'
-        }, {
-    
-            init: function() {
-                if ( !this.predictRuntmeType() ) {
-                    throw Error('Runtime Error');
-                }
-            },
-    
-            /**
-             * 预测Uploader将采用哪个`Runtime`
-             * @grammar predictRuntmeType() => String
-             * @method predictRuntmeType
-             * @for  Uploader
-             */
-            predictRuntmeType: function() {
-                var orders = this.options.runtimeOrder || Runtime.orders,
-                    type = this.type,
-                    i, len;
-    
-                if ( !type ) {
-                    orders = orders.split( /\s*,\s*/g );
-    
-                    for ( i = 0, len = orders.length; i < len; i++ ) {
-                        if ( Runtime.hasRuntime( orders[ i ] ) ) {
-                            this.type = type = orders[ i ];
-                            break;
-                        }
-                    }
-                }
-    
-                return type;
-            }
-        });
-    });
-
-    /**
-     * @fileOverview 负责文件上传相关。
-     */
-    define( 'widgets/upload', [
-        'base',
-        'uploader',
-        'file',
-        'lib/transport',
-        'widgets/widget'
-    ], function( Base, Uploader, WUFile, Transport ) {
+        'runtime/compbase'
+    ], function( Base, Runtime, CompBase ) {
     
         var $ = Base.$,
-            isPromise = Base.isPromise,
-            Status = WUFile.Status;
-    
-        // 添加默认配置项
-        $.extend( Uploader.options, {
+            type = 'flash',
+            components = {};
     
     
-            /**
-             * @property {Boolean} [prepareNextFile=false]
-             * @namespace options
-             * @for Uploader
-             * @description 是否允许在文件传输时提前把下一个文件准备好。
-             * 对于一个文件的准备工作比较耗时，比如图片压缩，md5序列化。
-             * 如果能提前在当前文件传输期处理，可以节省总体耗时。
-             */
-            prepareNextFile: false,
+        function getFlashVersion() {
+            var version;
     
-            /**
-             * @property {Boolean} [chunked=false]
-             * @namespace options
-             * @for Uploader
-             * @description 是否要分片处理大文件上传。
-             */
-            chunked: false,
-    
-            /**
-             * @property {Boolean} [chunkSize=5242880]
-             * @namespace options
-             * @for Uploader
-             * @description 如果要分片，分多大一片？ 默认大小为5M.
-             */
-            chunkSize: 5 * 1024 * 1024,
-    
-            /**
-             * @property {Boolean} [chunkRetry=2]
-             * @namespace options
-             * @for Uploader
-             * @description 如果某个分片由于网络问题出错，允许自动重传多少次？
-             */
-            chunkRetry: 2,
-    
-            /**
-             * @property {Boolean} [threads=3]
-             * @namespace options
-             * @for Uploader
-             * @description 上传并发数。允许同时最大上传进程数。
-             */
-            threads: 3,
-    
-    
-            /**
-             * @property {Object} [formdata]
-             * @namespace options
-             * @for Uploader
-             * @description 文件上传请求的参数表，每次发送都会发送此对象中的参数。
-             */
-            formdata: null
-        });
-    
-        // 负责将文件切片。
-        function CuteFile( file, chunkSize ) {
-            var pending = [],
-                blob = file.source,
-                total = blob.size,
-                chunks = chunkSize ? Math.ceil( total / chunkSize ) : 1,
-                start = 0,
-                index = 0,
-                len;
-    
-            while ( index < chunks ) {
-                len = Math.min( chunkSize, total - start );
-                pending.push({
-                    file: file,
-                    start: start,
-                    end: start + len,
-                    total: total,
-                    chunks: chunks,
-                    chunk: index++
-                });
-                start += len;
-            }
-    
-            file.blocks = pending.concat();
-            file.remaning = pending.length;
-    
-            return {
-                file: file,
-    
-                has: function() {
-                    return !!pending.length;
-                },
-    
-                fetch: function() {
-                    return pending.shift();
+            try {
+                version = navigator.plugins[ 'Shockwave Flash' ];
+                version = version.description;
+            } catch ( ex ) {
+                try {
+                    version = new ActiveXObject('ShockwaveFlash.ShockwaveFlash')
+                            .GetVariable('$version');
+                } catch ( ex2 ) {
+                    version = '0.0';
                 }
-            };
+            }
+            version = version.match( /\d+/g );
+            return parseFloat( version[ 0 ] + '.' + version[ 1 ], 10 );
         }
     
-        Uploader.register({
-            'start-upload': 'start',
-            'stop-upload': 'stop',
-            'skip-file': 'skipFile',
-            'is-in-progress': 'isInProgress'
-        }, {
+        function FlashRuntime() {
+            var pool = {},
+                clients = {},
+                destory = this.destory,
+                me = this,
+                jsreciver = Base.guid('webuploader_');
+    
+            Runtime.apply( me, arguments );
+            me.type = type;
+    
+    
+            // 这个方法的调用者，实际上是RuntimeClient
+            me.exec = function( comp, fn/*, args...*/ ) {
+                var client = this,
+                    uid = client.uid,
+                    args = Base.slice( arguments, 2 ),
+                    instance;
+    
+                clients[ uid ] = client;
+    
+                if ( components[ comp ] ) {
+                    if ( !pool[ uid ] ) {
+                        pool[ uid ] = new components[ comp ]( client, me );
+                    }
+    
+                    instance = pool[ uid ];
+    
+                    if ( instance[ fn ] ) {
+                        return instance[ fn ].apply( instance, args );
+                    }
+                }
+    
+                return me.flashExec.apply( client, arguments );
+            };
+    
+            function handler( evt, obj ) {
+                var type = evt.type || evt,
+                    parts, uid;
+    
+                parts = type.split('::');
+                uid = parts[ 0 ];
+                type = parts[ 1 ];
+    
+                // console.log.apply( console, arguments );
+    
+                if ( type === 'Ready' && uid === me.uid ) {
+                    me.trigger('ready');
+                } else if ( clients[ uid ] ) {
+                    clients[ uid ].trigger( type.toLowerCase(), evt, obj );
+                }
+    
+                // Base.log( evt, obj );
+            }
+    
+            // flash的接受器。
+            window[ jsreciver ] = function() {
+                var args = arguments;
+    
+                // 为了能捕获得到。
+                setTimeout(function() {
+                    handler.apply( null, args );
+                }, 1 );
+            };
+    
+            this.jsreciver = jsreciver;
+    
+            this.destory = function() {
+                // @todo 删除池子中的所有实例
+                return destory && destory.apply( this, arguments );
+            };
+    
+            this.flashExec = function( comp, fn ) {
+                var flash = me.getFlash(),
+                    args = Base.slice( arguments, 2 );
+    
+                return flash.exec( this.uid, comp, fn, args );
+            };
+    
+            // @todo
+        }
+    
+        Base.inherits( Runtime, {
+            constructor: FlashRuntime,
     
             init: function() {
-                var owner = this.owner;
+                var container = this.getContainer(),
+                    opts = this.options,
+                    html;
     
-                this.runing = false;
-    
-                // 记录当前正在传的数据，跟threads相关
-                this.pool = [];
-    
-                // 缓存即将上传的文件。
-                this.pending = [];
-    
-                // 跟踪还有多少分片没有完成上传。
-                this.remaning = 0;
-                this.__tick = Base.bindFn( this._tick, this );
-    
-                owner.on( 'uploadComplete', function( file ) {
-                    // 把其他块取消了。
-                    file.blocks && $.each( file.blocks, function( _, v ) {
-                        v.transport && (v.transport.abort(), v.transport.destroy());
-                        delete v.transport;
-                    });
-    
-                    delete file.blocks;
-                    delete file.remaning;
-                });
-            },
-    
-            /**
-             * @event startUpload
-             * @description 当开始上传流程时触发。
-             * @for  Uploader
-             */
-    
-            /**
-             * 开始上传。此方法可以从初始状态调用开始上传流程，也可以从暂停状态调用，继续上传流程。
-             * @grammar upload() => undefined
-             * @method upload
-             * @for  Uploader
-             */
-            start: function() {
-                var me = this;
-    
-                // 移出invalid的文件
-                $.each( me.request( 'get-files', Status.INVALID ), function() {
-                    me.request( 'remove-file', this );
+                // if not the minimal height, shims are not initialized
+                // in older browsers (e.g FF3.6, IE6,7,8, Safari 4.0,5.0, etc)
+                container.css({
+                    position: 'absolute',
+                    top: '-8px',
+                    left: '-8px',
+                    width: '9px',
+                    height: '9px',
+                    overflow: 'hidden'
                 });
     
-                if ( me.runing ) {
-                    return;
+                // insert flash object
+                html = '' +
+                    '' +
+                    '' +
+                    '' +
+                '';
     
-                // 如果有暂停的，则续传
-                $.each( me.pool, function( _, v ) {
-                    var file = v.file;
-    
-                    if ( file.getStatus() === Status.INTERRUPT ) {
-                        file.setStatus( Status.PROGRESS );
-                        me._trigged = false;
-                        v.transport && v.transport.send();
-                    }
-                });
-    
-                me._trigged = false;
-                me.owner.trigger('startUpload');
-                Base.nextTick( me.__tick );
+                container.html( html );
             },
     
-            /**
-             * @event stopUpload
-             * @description 当开始上传流程暂停时触发。
-             * @for  Uploader
-             */
-    
-            /**
-             * 暂停上传。第一个参数为是否中断上传当前正在上传的文件。
-             * @grammar stop() => undefined
-             * @grammar stop( true ) => undefined
-             * @method stop
-             * @for  Uploader
-             */
-            stop: function( interrupt ) {
-                var me = this;
-    
-                if ( me.runing === false ) {
-                    return;
+            getFlash: function() {
+                if ( this._flash ) {
+                    return this._flash;
                 }
     
-                me.runing = false;
-    
-                interrupt && $.each( me.pool, function( _, v ) {
-                    v.transport && v.transport.abort();
-                    v.file.setStatus( Status.INTERRUPT );
-                });
-    
-                me.owner.trigger('stopUpload');
-            },
-    
-            /**
-             * 判断`Uplaode`r是否正在上传中。
-             * @grammar isInProgress() => Boolean
-             * @method isInProgress
-             * @for  Uploader
-             */
-            isInProgress: function() {
-                return !!this.runing;
-            },
-    
-            getStats: function() {
-                return this.request('get-stats');
-            },
-    
-            /**
-             * 掉过一个文件上传，直接标记指定文件为已上传状态。
-             * @grammar skipFile( file ) => undefined
-             * @method skipFile
-             * @for  Uploader
-             */
-            skipFile: function( file, status ) {
-                file = this.request( 'get-file', file );
-    
-                file.setStatus( status || Status.COMPLETE );
-                file.skipped = true;
-    
-                // 如果正在上传。
-                file.blocks && $.each( file.blocks, function( _, v ) {
-                    var _tr = v.transport;
-    
-                    if ( _tr ) {
-                        _tr.abort();
-                        _tr.destroy();
-                        delete v.transport;
-                    }
-                });
-    
-                this.owner.trigger( 'uploadSkip', file );
-            },
-    
-            /**
-             * @event uploadFinished
-             * @description 当文件上传结束时触发。
-             * @for  Uploader
-             */
-            _tick: function() {
-                var me = this,
-                    opts = me.options,
-                    fn, val;
-    
-                // 上一个promise还没有结束，则等待完成后再执行。
-                if ( me._promise ) {
-                    return me._promise.always( me.__tick );
-                }
-    
-                // 还有位置，且还有文件要处理的话。
-                if ( me.pool.length < opts.threads && (val = me._nextBlock()) ) {
-                    me._trigged = false;
-    
-                    fn = function( val ) {
-                        me._promise = null;
-    
-                        // 有可能是reject过来的，所以要检测val的类型。
-                        val && val.file && me._startSend( val );
-                        Base.nextTick( me.__tick );
-                    };
-    
-                    me._promise = isPromise( val ) ? val.always( fn ) : fn( val );
-    
-                // 没有要上传的了，且没有正在传输的了。
-                } else if ( !me.remaning && !me.getStats().numOfQueue ) {
-                    me.runing = false;
-    
-                    me._trigged || Base.nextTick(function() {
-                        me.owner.trigger('uploadFinished');
-                    });
-                    me._trigged = true;
-                }
-            },
-    
-            _nextBlock: function() {
-                var me = this,
-                    act = me._act,
-                    opts = me.options,
-                    next, done;
-    
-                // 如果当前文件还有没有需要传输的，则直接返回剩下的。
-                if ( act && act.has() &&
-                        act.file.getStatus() === Status.PROGRESS ) {
-    
-                    // 是否提前准备下一个文件
-                    if ( opts.prepareNextFile && !me.pending.length ) {
-                        me._prepareNextFile();
-                    }
-    
-                    return act.fetch();
-    
-                // 否则，如果正在运行，则准备下一个文件，并等待完成后返回下个分片。
-                } else if ( me.runing ) {
-    
-                    // 如果缓存中有，则直接在缓存中取，没有则去queue中取。
-                    if ( !me.pending.length && me.getStats().numOfQueue ) {
-                        me._prepareNextFile();
-                    }
-    
-                    next = me.pending.shift();
-                    done = function( file ) {
-                        if ( !file ) {
-                            return null;
-                        }
-    
-                        act = CuteFile( file, opts.chunked ? opts.chunkSize : 0 );
-                        me._act = act;
-                        return act.fetch();
-                    };
-    
-                    // 文件可能还在prepare中，也有可能已经完全准备好了。
-                    return isPromise( next ) ? next.then( done ) : done( next );
-                }
-            },
-    
-    
-            /**
-             * @event uploadStart
-             * @param {File} file File对象
-             * @description 某个文件开始上传前触发。
-             * @for  Uploader
-             */
-            _prepareNextFile: function() {
-                var me = this,
-                    file = me.request('fetch-file'),
-                    pending = me.pending,
-                    promise;
-    
-                if ( file ) {
-    
-                    promise = me.request( 'before-send-file', file, function() {
-    
-                        // 有可能文件被skip掉了。文件被skip掉后，状态坑定不是Queued.
-                        if ( file.getStatus() === Status.QUEUED ) {
-                            me.owner.trigger( 'uploadStart', file );
-                            file.setStatus( Status.PROGRESS );
-                            return file;
-                        }
-    
-                        return me._finishFile( file );
-                    });
-    
-                    // 如果还在pending中，则替换成文件本身。
-                    promise.done(function() {
-                        var idx = $.inArray( promise, pending );
-    
-                        ~idx && pending.splice( idx, 1, file );
-                    });
-    
-                    // befeore-send-file的钩子就有错误发生。
-                    promise.fail(function( reason ) {
-                        file.setStatus( Status.ERROR, reason );
-                        me.owner.trigger( 'uploadError', file, reason );
-                        me.owner.trigger( 'uploadComplete', file );
-                    });
-    
-                    pending.push( promise );
-                }
-            },
-    
-            // 让出位置了，可以让其他分片开始上传
-            _popBlock: function( block ) {
-                var idx = $.inArray( block, this.pool );
-    
-                this.pool.splice( idx, 1 );
-                block.file.remaning--;
-                this.remaning--;
-            },
-    
-            // 开始上传，可以被掉过。如果promise被reject了，则表示跳过此分片。
-            _startSend: function( block ) {
-                var me = this,
-                    file = block.file,
-                    promise;
-    
-                me.pool.push( block );
-                me.remaning++;
-    
-                // 如果没有分片，则直接使用原始的。
-                // 不会丢失content-type信息。
-                block.blob = block.chunks === 1 ? file.source :
-                        file.source.slice( block.start, block.end );
-    
-                // hook, 每个分片发送之前可能要做些异步的事情。
-                promise = me.request( 'before-send', block, function() {
-    
-                    // 有可能文件已经上传出错了，所以不需要再传输了。
-                    if ( file.getStatus() === Status.PROGRESS ) {
-                        me._doSend( block );
-                    } else {
-                        me._popBlock( block );
-                        Base.nextTick( me.__tick );
-                    }
-                });
-    
-                // 如果为fail了，则跳过此分片。
-                promise.fail(function() {
-                    if ( file.remaning === 1 ) {
-                        me._finishFile( file ).always(function() {
-                            block.percentage = 1;
-                            me._popBlock( block );
-                            me.owner.trigger( 'uploadComplete', file );
-                            Base.nextTick( me.__tick );
-                        });
-                    } else {
-                        block.percentage = 1;
-                        me._popBlock( block );
-                        Base.nextTick( me.__tick );
-                    }
-                });
-            },
-    
-    
-            /**
-             * @event uploadBeforeSend
-             * @param {Object} object
-             * @param {Object} data 默认的上传参数，可以扩展此对象来控制上传参数。
-             * @description 但请求再发送前触发。
-             * @for  Uploader
-             */
-    
-            /**
-             * @event uploadAccept
-             * @param {Object} object
-             * @param {Object} ret 服务端的返回数据，json格式，如果服务端不是json格式，从ret._raw中取数据，自行解析。
-             * @description 当某个文件上传到服务端响应后，会派送此事件来询问服务端响应是否有效。如果此事件handler返回值为`false`, 则此文件将派送`server`类型的`uploadError`事件。
-             * @for  Uploader
-             */
-    
-            /**
-             * @event uploadProgress
-             * @param {File} file File对象
-             * @param {Number} percentage 上传进度
-             * @description 上传过程中触发，携带上传进度。
-             * @for  Uploader
-             */
-    
-    
-            /**
-             * @event uploadError
-             * @param {File} file File对象
-             * @param {String} reason 出错的code
-             * @description 当文件上传出错时触发。
-             * @for  Uploader
-             */
-    
-            /**
-             * @event uploadSuccess
-             * @param {File} file File对象
-             * @description 当文件上传成功时触发。
-             * @for  Uploader
-             */
-    
-            /**
-             * @event uploadComplete
-             * @param {File} [file] File对象
-             * @description 不管成功或者失败，文件上传完成时触发。
-             * @for  Uploader
-             */
-    
-            // 做上传操作。
-            _doSend: function( block ) {
-                var me = this,
-                    owner = me.owner,
-                    opts = me.options,
-                    file = block.file,
-                    tr = new Transport( opts ),
-                    data = $.extend({}, opts.formData ),
-                    headers = $.extend({}, opts.headers );
-    
-                block.transport = tr;
-    
-                tr.on( 'destroy', function() {
-                    delete block.transport;
-                    me._popBlock( block );
-                    Base.nextTick( me.__tick );
-                });
-    
-                // 广播上传进度。以文件为单位。
-                tr.on( 'progress', function( percentage ) {
-                    var totalPercent = 0,
-                        uploaded = 0;
-    
-                    // 可能没有abort掉，progress还是执行进来了。
-                    // if ( !file.blocks ) {
-                    //     return;
-                    // }
-    
-                    totalPercent = block.percentage = percentage;
-    
-                    if ( block.chunks > 1 ) {    // 计算文件的整体速度。
-                        $.each( file.blocks, function( _, v ) {
-                            uploaded += (v.percentage || 0) * (v.end - v.start);
-                        });
-    
-                        totalPercent = uploaded / file.size;
-                    }
-    
-                    owner.trigger( 'uploadProgress', file, totalPercent || 0 );
-                });
-    
-                // 尝试重试，然后广播文件上传出错。
-                tr.on( 'error', function( type ) {
-                    block.retried = block.retried || 0;
-    
-                    // 自动重试
-                    if ( block.chunks > 1 && ~'http,abort'.indexOf( type ) &&
-                            block.retried < opts.chunkRetry ) {
-    
-                        block.retried++;
-                        tr.send();
-    
-                    } else {
-                        file.setStatus( Status.ERROR, type );
-                        owner.trigger( 'uploadError', file, type );
-                        owner.trigger( 'uploadComplete', file );
-                    }
-                });
-    
-                // 上传成功
-                tr.on( 'load', function() {
-                    var ret = tr.getResponseAsJson() || {},
-                        reject, fn;
-    
-                    ret._raw = tr.getResponse();
-                    fn = function( value ) {
-                        reject = value;
-                    };
-    
-                    // 服务端响应了，不代表成功了，询问是否响应正确。
-                    if ( !owner.trigger( 'uploadAccept', block, ret, fn ) ) {
-                        reject = reject || 'server';
-                    }
-    
-                    // 如果非预期，转向上传出错。
-                    if ( reject ) {
-                        tr.trigger( 'error', reject );
-                        return;
-                    }
-    
-                    // 全部上传完成。
-                    if ( file.remaning === 1 ) {
-                        me._finishFile( file, ret );
-                    } else {
-                        tr.destroy();
-                    }
-                });
-    
-                // 配置默认的上传字段。
-                data = $.extend( data, {
-                    id: file.id,
-                    name: file.name,
-                    type: file.type,
-                    lastModifiedDate: file.lastModifiedDate,
-                    size: file.size
-                });
-    
-                block.chunks > 1 && $.extend( data, {
-                    chunks: block.chunks,
-                    chunk: block.chunk
-                });
-    
-                // 在发送之间可以添加字段什么的。。。
-                // 如果默认的字段不够使用，可以通过监听此事件来扩展
-                owner.trigger( 'uploadBeforeSend', block, data, headers );
-
-                // 开始发送。
-                tr.appendBlob( opts.fileVal, block.blob, file.name );
-                tr.append( data );
-                tr.setRequestHeader( headers );
-                tr.send();
-            },
-    
-            // 完成上传。
-            _finishFile: function( file, ret, hds ) {
-                var owner = this.owner;
-    
-                return owner
-                        .request( 'after-send-file', arguments, function() {
-                            file.setStatus( Status.COMPLETE );
-                            owner.trigger( 'uploadSuccess', file, ret, hds );
-                        })
-                        .fail(function( reason ) {
-    
-                            // 如果外部已经标记为invalid什么的，不再改状态。
-                            if ( file.getStatus() === Status.PROGRESS ) {
-                                file.setStatus( Status.ERROR, reason );
-                            }
-    
-                            owner.trigger( 'uploadError', file, reason );
-                        })
-                        .always(function() {
-                            owner.trigger( 'uploadComplete', file );
-                        });
+                this._flash = $( '#' + this.uid ).get( 0 );
+                return this._flash;
             }
     
         });
-    });
-
-    /**
-     * @fileOverview 各种验证，包括文件总大小是否超出、单文件是否超出和文件是否重复。
-     */
     
-    define( 'widgets/validator', [
-        'base',
-        'uploader',
-        'file',
-        'widgets/widget'
-    ], function( Base, Uploader, WUFile ) {
+        FlashRuntime.register = function( name, component ) {
+            component = components[ name ] = Base.inherits( CompBase, $.extend({
     
-        var $ = Base.$,
-            validators = {},
-            api;
+                // @todo fix this later
+                flashExec: function() {
+                    var owner = this.owner,
+                        runtime = this.getRuntime();
     
-        // 暴露给外面的api
-        api = {
+                    return runtime.flashExec.apply( owner, arguments );
+                }
+            }, component ) );
     
-            // 添加验证器
-            addValidator: function( type, cb ) {
-                validators[ type ] = cb;
-            },
-    
-            // 移除验证器
-            removeValidator: function( type ) {
-                delete validators[ type ];
-            }
+            return component;
         };
     
-        // 在Uploader初始化的时候启动Validators的初始化
-        Uploader.register({
+        if ( getFlashVersion() >= 11.4 ) {
+            Runtime.addRuntime( type, FlashRuntime );
+        }
+    
+        return FlashRuntime;
+    });
+    /**
+     * @fileOverview FilePicker
+     */
+    define('runtime/flash/filepicker',[
+        'base',
+        'runtime/flash/runtime'
+    ], function( Base, FlashRuntime ) {
+        var $ = Base.$;
+    
+        return FlashRuntime.register( 'FilePicker', {
+            init: function( opts ) {
+                var copy = $.extend({}, opts ),
+                    len, i;
+    
+                // 修复Flash再没有设置title的情况下无法弹出flash文件选择框的bug.
+                len = copy.accept && copy.accept.length;
+                for (  i = 0; i < len; i++ ) {
+                    if ( !copy.accept[ i ].title ) {
+                        copy.accept[ i ].title = 'Files';
+                    }
+                }
+    
+                delete copy.button;
+                delete copy.id;
+                delete copy.container;
+    
+                this.flashExec( 'FilePicker', 'init', copy );
+            },
+    
+            destroy: function() {
+                // todo
+            }
+        });
+    });
+    /**
+     * @fileOverview 图片压缩
+     */
+    define('runtime/flash/image',[
+        'runtime/flash/runtime'
+    ], function( FlashRuntime ) {
+    
+        return FlashRuntime.register( 'Image', {
+            // init: function( options ) {
+            //     var owner = this.owner;
+    
+            //     this.flashExec( 'Image', 'init', options );
+            //     owner.on( 'load', function() {
+            //         debugger;
+            //     });
+            // },
+    
+            loadFromBlob: function( blob ) {
+                var owner = this.owner;
+    
+                owner.info() && this.flashExec( 'Image', 'info', owner.info() );
+                owner.meta() && this.flashExec( 'Image', 'meta', owner.meta() );
+    
+                this.flashExec( 'Image', 'loadFromBlob', blob.uid );
+            }
+        });
+    });
+    /**
+     * @fileOverview  Transport flash实现
+     */
+    define('runtime/flash/transport',[
+        'base',
+        'runtime/flash/runtime',
+        'runtime/client'
+    ], function( Base, FlashRuntime, RuntimeClient ) {
+        var $ = Base.$;
+    
+        return FlashRuntime.register( 'Transport', {
             init: function() {
-                var me = this;
-                $.each( validators, function() {
-                    this.call( me.owner );
+                this._status = 0;
+                this._response = null;
+                this._responseJson = null;
+            },
+    
+            send: function() {
+                var owner = this.owner,
+                    opts = this.options,
+                    xhr = this._initAjax(),
+                    blob = owner._blob,
+                    server = opts.server,
+                    binary;
+    
+                xhr.connectRuntime( blob.ruid );
+    
+                if ( opts.sendAsBinary ) {
+                    server += (/\?/.test( server ) ? '&' : '?') +
+                            $.param( owner._formData );
+    
+                    binary = blob.uid;
+                } else {
+                    $.each( owner._formData, function( k, v ) {
+                        xhr.exec( 'append', k, v );
+                    });
+    
+                    xhr.exec( 'appendBlob', opts.fileVal, blob.uid,
+                            opts.filename || owner._formData.name || '' );
+                }
+    
+                this._setRequestHeader( xhr, opts.headers );
+                xhr.exec( 'send', {
+                    method: opts.method,
+                    url: server,
+                    mimeType: 'application/octet-stream'
+                }, binary );
+            },
+    
+            getStatus: function() {
+                return this._status;
+            },
+    
+            getResponse: function() {
+                return this._response || '';
+            },
+    
+            getResponseAsJson: function() {
+                return this._responseJson;
+            },
+    
+            abort: function() {
+                var xhr = this._xhr;
+    
+                if ( xhr ) {
+                    xhr.exec('abort');
+                    xhr.destroy();
+                    this._xhr = xhr = null;
+                }
+            },
+    
+            destroy: function() {
+                this.abort();
+            },
+    
+            _initAjax: function() {
+                var me = this,
+                    xhr = new RuntimeClient('XMLHttpRequest');
+    
+                xhr.on( 'uploadprogress progress', function( e ) {
+                    var percent = e.loaded / e.total;
+                    percent = Math.min( 1, Math.max( 0, percent ) );
+                    return me.trigger( 'progress', percent );
+                });
+    
+                xhr.on( 'load', function() {
+                    var status = xhr.exec('getStatus'),
+                        err = '';
+    
+                    xhr.off();
+                    me._xhr = null;
+    
+                    if ( status >= 200 && status < 300 ) {
+                        me._response = xhr.exec('getResponse');
+                        me._responseJson = xhr.exec('getResponseAsJson');
+                    } else if ( status >= 500 && status < 600 ) {
+                        me._response = xhr.exec('getResponse');
+                        me._responseJson = xhr.exec('getResponseAsJson');
+                        err = 'server';
+                    } else {
+                        err = 'http';
+                    }
+                    
+                    me._response = decodeURIComponent( me._response );
+                    xhr.destroy();
+                    xhr = null;
+    
+                    return err ? me.trigger( 'error', err ) : me.trigger('load');
+                });
+    
+                xhr.on( 'error', function() {
+                    xhr.off();
+                    me._xhr = null;
+                    me.trigger( 'error', 'http' );
+                });
+    
+                me._xhr = xhr;
+                return xhr;
+            },
+    
+            _setRequestHeader: function( xhr, headers ) {
+                $.each( headers, function( key, val ) {
+                    xhr.exec( 'setRequestHeader', key, val );
                 });
             }
         });
-    
-        /**
-         * @property {int} [fileNumLimit=undefined]
-         * @namespace options
-         * @for Uploader
-         * @description 验证文件总数量, 超出则不允许加入队列。
-         */
-        api.addValidator( 'fileNumLimit', function() {
-            var uploader = this,
-                opts = uploader.options,
-                count = 0,
-                max = opts.fileNumLimit >> 0,
-                flag = true;
-    
-            if ( !max ) {
-                return;
-            }
-    
-            uploader.on( 'beforeFileQueued', function() {
-    
-                if ( count >= max && flag ) {
-                    flag = false;
-                    this.trigger( 'error', 'Q_EXCEED_NUM_LIMIT', max );
-                    setTimeout(function() {
-                        flag = true;
-                    }, 1 );
-                }
-    
-                return count >= max ? false : true;
-            });
-    
-            uploader.on( 'fileQueued', function() {
-                count++;
-            });
-    
-            uploader.on( 'fileDequeued', function() {
-                count--;
-            });
-        });
-    
-    
-        /**
-         * @property {int} [fileSizeLimit=undefined]
-         * @namespace options
-         * @for Uploader
-         * @description 验证文件总大小是否超出限制, 超出则不允许加入队列。
-         */
-        api.addValidator( 'fileSizeLimit', function() {
-            var uploader = this,
-                opts = uploader.options,
-                count = 0,
-                max = opts.fileSizeLimit >> 0,
-                flag = true;
-    
-            if ( !max ) {
-                return;
-            }
-    
-            uploader.on( 'beforeFileQueued', function( file ) {
-                var invalid = count + file.size > max;
-    
-                if ( invalid && flag ) {
-                    flag = false;
-                    this.trigger( 'error', 'Q_EXCEED_SIZE_LIMIT', max );
-                    setTimeout(function() {
-                        flag = true;
-                    }, 1 );
-                }
-    
-                return invalid ? false : true;
-            });
-    
-            uploader.on( 'fileQueued', function( file ) {
-                count += file.size;
-            });
-    
-            uploader.on( 'fileDequeued', function( file ) {
-                count -= file.size;
-            });
-        });
-    
-        /**
-         * @property {int} [fileSingleSizeLimit=undefined]
-         * @namespace options
-         * @for Uploader
-         * @description 验证单个文件大小是否超出限制, 超出则不允许加入队列。
-         */
-        api.addValidator( 'fileSingleSizeLimit', function() {
-            var uploader = this,
-                opts = uploader.options,
-                max = opts.fileSingleSizeLimit;
-    
-            if ( !max ) {
-                return;
-            }
-    
-            uploader.on( 'fileQueued', function( file ) {
-                if ( file.size > max ) {
-                    file.setStatus( WUFile.Status.INVALID, 'exceed_size' );
-                }
-            });
-        });
-    
-        /**
-         * @property {int} [duplicate=undefined]
-         * @namespace options
-         * @for Uploader
-         * @description 去重， 根据文件名字、文件大小和最后修改时间来生成hash Key.
-         */
-        api.addValidator( 'duplicate', function() {
-            var uploader = this,
-                opts = uploader.options,
-                mapping = {};
-    
-            if ( opts.duplicate ) {
-                return;
-            }
-    
-            function hashString( str ) {
-                var hash = 0,
-                    i = 0,
-                    len = str.length,
-                    _char;
-    
-                for ( ; i < len; i++ ) {
-                    _char = str.charCodeAt( i );
-                    hash = _char + (hash << 6) + (hash << 16) - hash;
-                }
-    
-                return hash;
-            }
-    
-            uploader.on( 'beforeFileQueued', function( file ) {
-                var hash = hashString( file.name + file.size +
-                        file.lastModifiedDate );
-    
-                // 已经重复了
-                if ( mapping[ hash ] ) {
-                    return false;
-                }
-            });
-    
-            uploader.on( 'fileQueued', function( file ) {
-                var hash = hashString( file.name + file.size +
-                        file.lastModifiedDate );
-    
-                mapping[ hash ] = true;
-            });
-    
-            uploader.on( 'fileDequeued', function( file ) {
-                var hash = hashString( file.name + file.size +
-                        file.lastModifiedDate );
-    
-                delete mapping[ hash ];
-            });
-        });
-    
-        return api;
     });
-
     /**
-     * @file 暴露变量给外部使用。
-     * 此文件也只有在把webupload合并成一个文件使用的时候才会引入。
-     *
-     * 将所有modules，将路径ids装换成对象。
+     * @fileOverview  Md5 flash实现
      */
-    (function( modules ) {
-        var
-            // 让首写字母大写。
-            ucFirst = function( str ) {
-                return str && (str.charAt( 0 ).toUpperCase() + str.substr( 1 ));
+    define('runtime/flash/md5',[
+        'runtime/flash/runtime'
+    ], function( FlashRuntime ) {
+        
+        return FlashRuntime.register( 'Md5', {
+            init: function() {
+                // do nothing.
             },
     
-            // 暴露出去的key
-            exportName = 'WebUploader',
-            exports = modules.base,
-            key, host, parts, part, last, origin;
-    
-        for ( key in modules ) {
-            host = exports;
-    
-            if ( !modules.hasOwnProperty( key ) ) {
-                continue;
+            loadFromBlob: function( blob ) {
+                return this.flashExec( 'Md5', 'loadFromBlob', blob.uid );
             }
+        });
+    });
+    /**
+     * @fileOverview 完全版本。
+     */
+    define('preset/all',[
+        'base',
     
-            parts = key.split('/');
-            last = ucFirst( parts.pop() );
+        // widgets
+        'widgets/filednd',
+        'widgets/filepaste',
+        'widgets/filepicker',
+        'widgets/image',
+        'widgets/queue',
+        'widgets/runtime',
+        'widgets/upload',
+        'widgets/validator',
+        'widgets/md5',
     
-            while( (part = ucFirst( parts.shift() )) ) {
-                host[ part ] = host[ part ] || {};
-                host = host[ part ];
-            }
+        // runtimes
+        // html5
+        'runtime/html5/blob',
+        'runtime/html5/dnd',
+        'runtime/html5/filepaste',
+        'runtime/html5/filepicker',
+        'runtime/html5/imagemeta/exif',
+        'runtime/html5/androidpatch',
+        'runtime/html5/image',
+        'runtime/html5/transport',
+        'runtime/html5/md5',
     
-            host[ last ] = modules[ key ];
-        }
-    
-        if ( typeof module === 'object' && typeof module.exports === 'object' ) {
-            module.exports = exports;
-        } else if ( window.define && window.define.amd ) {
-            window.define( function() { return exports; } );
-        } else {
-            origin = window[ exportName ];
-            window[ exportName ] = exports;
-            window[ exportName ].noConflict = function() {
-                window[ exportName ] = origin;
-            };
-        }
-    })( internalAmd.modules );
-    
-})( this );
\ No newline at end of file
+        // flash
+        'runtime/flash/filepicker',
+        'runtime/flash/image',
+        'runtime/flash/transport',
+        'runtime/flash/md5'
+    ], function( Base ) {
+        return Base;
+    });
+    define('webuploader',[
+        'preset/all'
+    ], function( preset ) {
+        return preset;
+    });
+    return require('webuploader');
+});
diff --git a/static/style/skin/common.less b/static/style/skin/common.less
index ed900cf..617edb0 100644
--- a/static/style/skin/common.less
+++ b/static/style/skin/common.less
@@ -69,15 +69,17 @@ input{border: 1px solid #ddd;background:#fff;outline:none;}
             }
         }
         .top_right{
-            float:right;margin-right: 10px;
+            float:right;
             div{display: inline-block;margin-right:-3px;}
-            a{display: inline-block;padding:0px 0.7em;border:none;color:#fff;}            
+            a{display: inline-block;padding:0px 0.7em;color:#fff;margin-right: -2px;}            
             a i{padding-right:2px;text-shadow:0 0 1px;}
-            .open a:focus,a:hover{.topback_this();}
-            .menu-topbar_user{position: absolute;right:10px;left:auto;margin-top: 0px;width:auto;}
-            .topbar_language{position: absolute;right:84px;left:auto;margin-top: 0px;width:auto;}
-            ul a{color:#666;line-height: 30px;height:30px;display: block;}
-            ul a:hover,ul a.this{background: #e6e6e6;color:#000;}
+            
+            a:focus,a:hover{.topback_this();}
+            .menu-topbar_user{position: absolute;right:0px;left:auto;margin-top: 0px;width:auto;}
+            .topbar_language{position: absolute;right:75px;left:auto;margin-top: 0px;width:auto;}
+
+            ul a{color:#666;line-height: 30px;height:30px;display: block;padding:0px 1.7em;border:none;overflow: hidden;}
+            ul a:hover,ul a.this{background: #e6e6e6;color:#000;margin-right: 0px;}
             ul .font-icon{width:18px;display: inline-block;}
         }       
     }
@@ -119,10 +121,11 @@ input{border: 1px solid #ddd;background:#fff;outline:none;}
 }
 
 /*------任务栏------*/
-.task_tab{position: fixed;bottom: 1px;left:0; width: 100%;height: 30px;z-index: 9999;padding-left: 50px;
+.task_tab{position: fixed;bottom: 1px;left:0; width: 100%;height: 30px;z-index: 9900;padding-left: 50px;
     background:rgba(0, 0, 0, 0.1);border-top:1px solid rgba(0,0,0,0.15);color:#444;
     .tabs{height:100%;margin-right: 10px;margin-right: 60px;
         .tab{float: left;height: 100%;margin-right: 2px;box-shadow: 0 0 6px #666;
+            white-space: nowrap;text-overflow: ellipsis;
             width:110px;border: 1px solid rgba(255,255,255,0.4);line-height: 30px;        
             border-radius: 3px ;cursor:default;overflow: hidden;font-size: 13px;
             img{width:18px;height:18px;padding-right:4px;vertical-align:middle;display: inline-block;margin-top:-3px;border-radius:4px;};padding-left:4px;word-break: break-all;
@@ -142,7 +145,7 @@ input{border: 1px solid #ddd;background:#fff;outline:none;}
 
 body div#ace_settingsmenu, body div#kbshortcutmenu{background-color: #000;.opacity(75);color: #FFF;box-shadow:-5px 4px 5px rgba(0, 0, 0, 0.2);}
 .frame_right{
-    position: absolute;top:34px;right:0px;width:40%;bottom:0;background:#fff;z-index: 99;
+    position: absolute;top:34px;right:0px;width:40%;bottom:0;background:#fff;z-index: 99;overflow: hidden;
         border-left:1px solid #ccc;box-shadow: 0 20px 60px rgba(0,0,0,0.3);display: none;
     .mask_view{z-index: 9999;opacity: 0.1;}
     .resize{position: absolute;width: 10px;bottom: 0px;height:100%;z-index: 100;cursor: col-resize;margin-left: -5px;}
@@ -222,8 +225,9 @@ body div#ace_settingsmenu, body div#kbshortcutmenu{background-color: #000;.opaci
 .file_upload{
     width:365px;height:385px;padding:5px;
     .top_nav{border-bottom:1px solid #ddd;padding-left:10px;margin-top:6px;}
-    .menu{display:block;text-decoration:none;;float:left;padding: 2px 15px;height:28px;background:#eee;font-size:13px
-        ;border:1px solid #ccc;text-align:center;line-height:25px;cursor:default;margin-right:5px;margin-bottom:-1px;color:#444;
+    .menu{display:block;text-decoration:none;;float:left;padding: 2px 15px;height:28px;background:#eee;
+        font-size:13px;border:1px solid #ccc;text-align:center;line-height:25px;
+        margin-right:5px;margin-bottom:-1px;color:#444;
         &.this{background:#fff;border-bottom:1px solid #fff;}
     }
     .upload_path{padding:5px 15px;background: #e6f0ff;margin:10px 0;overflow: hidden;
diff --git a/static/style/skin/default/app_code_edit.css b/static/style/skin/default/app_code_edit.css
index a7f18a5..f632605 100644
--- a/static/style/skin/default/app_code_edit.css
+++ b/static/style/skin/default/app_code_edit.css
@@ -42,15 +42,15 @@ input { border: 1px solid #ddd; background: #fff; outline: none;}
 .topbar .content .top_left a.title { font-size: 20px; width: 200px; padding: 0; text-align: center;}
 .topbar .content .top_left a b { color: #9CF; font-weight: 400;}
 .topbar .content .top_left a.title:hover { background: none;}
-.topbar .content .top_right { float: right; margin-right: 10px;}
+.topbar .content .top_right { float: right;}
 .topbar .content .top_right div { display: inline-block; margin-right: -3px;}
-.topbar .content .top_right a { display: inline-block; padding: 0px 0.7em; border: none; color: #fff;}
+.topbar .content .top_right a { display: inline-block; padding: 0px 0.7em; color: #fff; margin-right: -2px;}
 .topbar .content .top_right a i { padding-right: 2px; text-shadow: 0 0 1px;}
-.topbar .content .top_right .open a:focus,.topbar .content .top_right a:hover { background: #80dbff; background-image: -webkit-linear-gradient(top,#bdecff,#80dbff); background-image: -moz-linear-gradient(top,#bdecff,#80dbff); background-image: -o-linear-gradient(top,#bdecff,#80dbff); background-image: -ms-linear-gradient(top,#bdecff,#80dbff); background-image: linear-gradient(top,#bdecff,#80dbff);}
-.topbar .content .top_right .menu-topbar_user { position: absolute; right: 10px; left: auto; margin-top: 0px; width: auto;}
-.topbar .content .top_right .topbar_language { position: absolute; right: 84px; left: auto; margin-top: 0px; width: auto;}
-.topbar .content .top_right ul a { color: #666; line-height: 30px; height: 30px; display: block;}
-.topbar .content .top_right ul a:hover,.topbar .content .top_right ul a.this { background: #e6e6e6; color: #000;}
+.topbar .content .top_right a:focus,.topbar .content .top_right a:hover { background: #80dbff; background-image: -webkit-linear-gradient(top,#bdecff,#80dbff); background-image: -moz-linear-gradient(top,#bdecff,#80dbff); background-image: -o-linear-gradient(top,#bdecff,#80dbff); background-image: -ms-linear-gradient(top,#bdecff,#80dbff); background-image: linear-gradient(top,#bdecff,#80dbff);}
+.topbar .content .top_right .menu-topbar_user { position: absolute; right: 0px; left: auto; margin-top: 0px; width: auto;}
+.topbar .content .top_right .topbar_language { position: absolute; right: 75px; left: auto; margin-top: 0px; width: auto;}
+.topbar .content .top_right ul a { color: #666; line-height: 30px; height: 30px; display: block; padding: 0px 1.7em; border: none; overflow: hidden;}
+.topbar .content .top_right ul a:hover,.topbar .content .top_right ul a.this { background: #e6e6e6; color: #000; margin-right: 0px;}
 .topbar .content .top_right ul .font-icon { width: 18px; display: inline-block;}
 .do_search { color: #888; min-width: 452px;}
 .do_search .search_header { padding: 10px; padding-bottom: 0px;}
@@ -75,16 +75,16 @@ input { border: 1px solid #ddd; background: #fff; outline: none;}
 .do_search .search_result table .type { width: 37px;}
 .do_search .search_result table .size { width: 50px;}
 .do_search .search_result table .path,.do_search .search_result table .search_title .path { border-right: none;}
-.task_tab { position: fixed; bottom: 1px; left: 0; width: 100%; height: 30px; z-index: 9999; padding-left: 50px; background: rgba(0,0,0,0.1); border-top: 1px solid rgba(0,0,0,0.15); color: #444;}
+.task_tab { position: fixed; bottom: 1px; left: 0; width: 100%; height: 30px; z-index: 9900; padding-left: 50px; background: rgba(0,0,0,0.1); border-top: 1px solid rgba(0,0,0,0.15); color: #444;}
 .task_tab .tabs { height: 100%; margin-right: 10px; margin-right: 60px;}
-.task_tab .tabs .tab { float: left; height: 100%; margin-right: 2px; box-shadow: 0 0 6px #666; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; padding-left: 4px; word-break: break-all; background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0));}
+.task_tab .tabs .tab { float: left; height: 100%; margin-right: 2px; box-shadow: 0 0 6px #666; white-space: nowrap; text-overflow: ellipsis; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; padding-left: 4px; word-break: break-all; background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0));}
 .task_tab .tabs .tab img { width: 18px; height: 18px; padding-right: 4px; vertical-align: middle; display: inline-block; margin-top: -3px; border-radius: 4px;}
 .task_tab .tabs .tab.hover { background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0));}
 .task_tab .tabs .tab.this { box-shadow: 0 0 6px #000; background: rgba(255,255,255,0.2); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2));}
 .tasktab-dragging { position: absolute; z-index: 99999; height: 30px; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; box-shadow: 0 0 6px #000; padding-left: 4px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; word-break: break-all; background: rgba(255,255,255,0.2); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2));}
 .tasktab-dragging img { width: 18px; height: 18px; padding-right: 4px; vertical-align: middle; display: inline-block; margin-top: -3px; border-radius: 4px;}
 body div#ace_settingsmenu,body div#kbshortcutmenu { background-color: #000; opacity: 0.75; filter: alpha(opacity=75); color: #FFF; box-shadow: -5px 4px 5px rgba(0,0,0,0.2);}
-.frame_right { position: absolute; top: 34px; right: 0px; width: 40%; bottom: 0; background: #fff; z-index: 99; border-left: 1px solid #ccc; box-shadow: 0 20px 60px rgba(0,0,0,0.3); display: none;}
+.frame_right { position: absolute; top: 34px; right: 0px; width: 40%; bottom: 0; background: #fff; z-index: 99; overflow: hidden; border-left: 1px solid #ccc; box-shadow: 0 20px 60px rgba(0,0,0,0.3); display: none;}
 .frame_right .mask_view { z-index: 9999; opacity: 0.1;}
 .frame_right .resize { position: absolute; width: 10px; bottom: 0px; height: 100%; z-index: 100; cursor: col-resize; margin-left: -5px;}
 .frame_right .preview_frame { position: absolute; top: 30px; right: 0; bottom: 0; width: 100%; background: #fff;}
@@ -133,7 +133,7 @@ body div#ace_settingsmenu,body div#kbshortcutmenu { background-color: #000; opac
 .file_list { display: none;}
 .file_upload { width: 365px; height: 385px; padding: 5px;}
 .file_upload .top_nav { border-bottom: 1px solid #ddd; padding-left: 10px; margin-top: 6px;}
-.file_upload .menu { display: block; text-decoration: none; float: left; padding: 2px 15px; height: 28px; background: #eee; font-size: 13px; border: 1px solid #ccc; text-align: center; line-height: 25px; cursor: default; margin-right: 5px; margin-bottom: -1px; color: #444;}
+.file_upload .menu { display: block; text-decoration: none; float: left; padding: 2px 15px; height: 28px; background: #eee; font-size: 13px; border: 1px solid #ccc; text-align: center; line-height: 25px; margin-right: 5px; margin-bottom: -1px; color: #444;}
 .file_upload .menu.this { background: #fff; border-bottom: 1px solid #fff;}
 .file_upload .upload_path { padding: 5px 15px; background: #e6f0ff; margin: 10px 0; overflow: hidden; word-break: keep-all; white-space: nowrap; text-overflow: ellipsis; color: #5275b4;}
 .file_upload div a.left { margin-left: 10px;}
@@ -157,7 +157,8 @@ a.button:active { color: #000; border-color: #444;}
 a.button:focus { outline: none;}
 .messageBox { position: absolute; top: 15%; left: 0px; z-index: 88; background: #000; color: #fff; opacity: 0.7; filter: alpha(opacity=70); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 10px 80px rgba(255,255,255,0.6); -moz-box-shadow: 0 10px 80px rgba(255,255,255,0.6); box-shadow: 0 10px 80px rgba(255,255,255,0.6); display: none;}
 .messageBox .content { padding: 10px 30px; line-height: 20px; width: auto;}
-.aui_outer { border-radius: 5px; background: url("images/dialog/dialog.png") -100px 100px; border: 1px solid #eee; border: 1px solid #444\9; box-shadow: 0 0 10px #000; text-align: left;}
+.dialogMax { z-index: 99999 !important;}
+.aui_outer { border-radius: 5px; background: url("images/dialog/dialog.png") -100px 100px; border: 1px solid #eee; border: 1px solid #444\9; box-shadow: 0 0 10px #000; text-align: left; position: relative;}
 .aui_mask { position: absolute; width: 100%; height: 100%; background: #fff; opacity: 0.01;}
 .aui_loading { height: 100%; width: 100%; overflow: hidden; position: absolute; left: 0; top: 40px; z-index: 9999; text-align: center; text-indent: -999em; background: url("../../../images/dialog_loading.gif") no-repeat center center;}
 table.aui_border,table.aui_dialog { border: 0; margin: 0; border-collapse: collapse; width: 100%;}
@@ -214,7 +215,7 @@ button.aui_state_highlight:active { border-color: #1c6a9e; filter: progid:DXImag
 .dialogMax .aui_max { background: url("images/dialog/btn-reg.png") 0 -19px;}
 .dialogMax .aui_max:hover { background-position: 0 -38px;}
 .dialogMax .aui_max:active { background-position: 0 0px;}
-.dialog-can-resize .resize-handle { position: absolute; font-size: 0.1px; z-index: 99999; display: block;}
+.dialog-can-resize .resize-handle { position: absolute; z-index: 99999; display: block;}
 .dialog-can-resize .resize-top { z-index: 0; cursor: n-resize; height: 7px; width: 100%; top: 0px; left: -4px;}
 .dialog-can-resize .resize-bottom { z-index: 0; cursor: s-resize; height: 7px; width: 100%; bottom: 0px; left: -4px;}
 .dialog-can-resize .resize-right { z-index: 0; cursor: e-resize; width: 7px; right: 0px; top: 0; height: 100%;}
diff --git a/static/style/skin/default/app_desktop.css b/static/style/skin/default/app_desktop.css
index dc10b8a..9166516 100644
--- a/static/style/skin/default/app_desktop.css
+++ b/static/style/skin/default/app_desktop.css
@@ -42,15 +42,15 @@ input { border: 1px solid #ddd; background: #fff; outline: none;}
 .topbar .content .top_left a.title { font-size: 20px; width: 200px; padding: 0; text-align: center;}
 .topbar .content .top_left a b { color: #9CF; font-weight: 400;}
 .topbar .content .top_left a.title:hover { background: none;}
-.topbar .content .top_right { float: right; margin-right: 10px;}
+.topbar .content .top_right { float: right;}
 .topbar .content .top_right div { display: inline-block; margin-right: -3px;}
-.topbar .content .top_right a { display: inline-block; padding: 0px 0.7em; border: none; color: #fff;}
+.topbar .content .top_right a { display: inline-block; padding: 0px 0.7em; color: #fff; margin-right: -2px;}
 .topbar .content .top_right a i { padding-right: 2px; text-shadow: 0 0 1px;}
-.topbar .content .top_right .open a:focus,.topbar .content .top_right a:hover { background: #80dbff; background-image: -webkit-linear-gradient(top,#bdecff,#80dbff); background-image: -moz-linear-gradient(top,#bdecff,#80dbff); background-image: -o-linear-gradient(top,#bdecff,#80dbff); background-image: -ms-linear-gradient(top,#bdecff,#80dbff); background-image: linear-gradient(top,#bdecff,#80dbff);}
-.topbar .content .top_right .menu-topbar_user { position: absolute; right: 10px; left: auto; margin-top: 0px; width: auto;}
-.topbar .content .top_right .topbar_language { position: absolute; right: 84px; left: auto; margin-top: 0px; width: auto;}
-.topbar .content .top_right ul a { color: #666; line-height: 30px; height: 30px; display: block;}
-.topbar .content .top_right ul a:hover,.topbar .content .top_right ul a.this { background: #e6e6e6; color: #000;}
+.topbar .content .top_right a:focus,.topbar .content .top_right a:hover { background: #80dbff; background-image: -webkit-linear-gradient(top,#bdecff,#80dbff); background-image: -moz-linear-gradient(top,#bdecff,#80dbff); background-image: -o-linear-gradient(top,#bdecff,#80dbff); background-image: -ms-linear-gradient(top,#bdecff,#80dbff); background-image: linear-gradient(top,#bdecff,#80dbff);}
+.topbar .content .top_right .menu-topbar_user { position: absolute; right: 0px; left: auto; margin-top: 0px; width: auto;}
+.topbar .content .top_right .topbar_language { position: absolute; right: 75px; left: auto; margin-top: 0px; width: auto;}
+.topbar .content .top_right ul a { color: #666; line-height: 30px; height: 30px; display: block; padding: 0px 1.7em; border: none; overflow: hidden;}
+.topbar .content .top_right ul a:hover,.topbar .content .top_right ul a.this { background: #e6e6e6; color: #000; margin-right: 0px;}
 .topbar .content .top_right ul .font-icon { width: 18px; display: inline-block;}
 .do_search { color: #888; min-width: 452px;}
 .do_search .search_header { padding: 10px; padding-bottom: 0px;}
@@ -75,16 +75,16 @@ input { border: 1px solid #ddd; background: #fff; outline: none;}
 .do_search .search_result table .type { width: 37px;}
 .do_search .search_result table .size { width: 50px;}
 .do_search .search_result table .path,.do_search .search_result table .search_title .path { border-right: none;}
-.task_tab { position: fixed; bottom: 1px; left: 0; width: 100%; height: 30px; z-index: 9999; padding-left: 50px; background: rgba(0,0,0,0.1); border-top: 1px solid rgba(0,0,0,0.15); color: #444;}
+.task_tab { position: fixed; bottom: 1px; left: 0; width: 100%; height: 30px; z-index: 9900; padding-left: 50px; background: rgba(0,0,0,0.1); border-top: 1px solid rgba(0,0,0,0.15); color: #444;}
 .task_tab .tabs { height: 100%; margin-right: 10px; margin-right: 60px;}
-.task_tab .tabs .tab { float: left; height: 100%; margin-right: 2px; box-shadow: 0 0 6px #666; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; padding-left: 4px; word-break: break-all; background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0));}
+.task_tab .tabs .tab { float: left; height: 100%; margin-right: 2px; box-shadow: 0 0 6px #666; white-space: nowrap; text-overflow: ellipsis; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; padding-left: 4px; word-break: break-all; background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0));}
 .task_tab .tabs .tab img { width: 18px; height: 18px; padding-right: 4px; vertical-align: middle; display: inline-block; margin-top: -3px; border-radius: 4px;}
 .task_tab .tabs .tab.hover { background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0));}
 .task_tab .tabs .tab.this { box-shadow: 0 0 6px #000; background: rgba(255,255,255,0.2); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2));}
 .tasktab-dragging { position: absolute; z-index: 99999; height: 30px; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; box-shadow: 0 0 6px #000; padding-left: 4px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; word-break: break-all; background: rgba(255,255,255,0.2); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2));}
 .tasktab-dragging img { width: 18px; height: 18px; padding-right: 4px; vertical-align: middle; display: inline-block; margin-top: -3px; border-radius: 4px;}
 body div#ace_settingsmenu,body div#kbshortcutmenu { background-color: #000; opacity: 0.75; filter: alpha(opacity=75); color: #FFF; box-shadow: -5px 4px 5px rgba(0,0,0,0.2);}
-.frame_right { position: absolute; top: 34px; right: 0px; width: 40%; bottom: 0; background: #fff; z-index: 99; border-left: 1px solid #ccc; box-shadow: 0 20px 60px rgba(0,0,0,0.3); display: none;}
+.frame_right { position: absolute; top: 34px; right: 0px; width: 40%; bottom: 0; background: #fff; z-index: 99; overflow: hidden; border-left: 1px solid #ccc; box-shadow: 0 20px 60px rgba(0,0,0,0.3); display: none;}
 .frame_right .mask_view { z-index: 9999; opacity: 0.1;}
 .frame_right .resize { position: absolute; width: 10px; bottom: 0px; height: 100%; z-index: 100; cursor: col-resize; margin-left: -5px;}
 .frame_right .preview_frame { position: absolute; top: 30px; right: 0; bottom: 0; width: 100%; background: #fff;}
@@ -133,7 +133,7 @@ body div#ace_settingsmenu,body div#kbshortcutmenu { background-color: #000; opac
 .file_list { display: none;}
 .file_upload { width: 365px; height: 385px; padding: 5px;}
 .file_upload .top_nav { border-bottom: 1px solid #ddd; padding-left: 10px; margin-top: 6px;}
-.file_upload .menu { display: block; text-decoration: none; float: left; padding: 2px 15px; height: 28px; background: #eee; font-size: 13px; border: 1px solid #ccc; text-align: center; line-height: 25px; cursor: default; margin-right: 5px; margin-bottom: -1px; color: #444;}
+.file_upload .menu { display: block; text-decoration: none; float: left; padding: 2px 15px; height: 28px; background: #eee; font-size: 13px; border: 1px solid #ccc; text-align: center; line-height: 25px; margin-right: 5px; margin-bottom: -1px; color: #444;}
 .file_upload .menu.this { background: #fff; border-bottom: 1px solid #fff;}
 .file_upload .upload_path { padding: 5px 15px; background: #e6f0ff; margin: 10px 0; overflow: hidden; word-break: keep-all; white-space: nowrap; text-overflow: ellipsis; color: #5275b4;}
 .file_upload div a.left { margin-left: 10px;}
@@ -157,7 +157,8 @@ a.button:active { color: #000; border-color: #444;}
 a.button:focus { outline: none;}
 .messageBox { position: absolute; top: 15%; left: 0px; z-index: 88; background: #000; color: #fff; opacity: 0.7; filter: alpha(opacity=70); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 10px 80px rgba(255,255,255,0.6); -moz-box-shadow: 0 10px 80px rgba(255,255,255,0.6); box-shadow: 0 10px 80px rgba(255,255,255,0.6); display: none;}
 .messageBox .content { padding: 10px 30px; line-height: 20px; width: auto;}
-.aui_outer { border-radius: 5px; background: url("images/dialog/dialog.png") -100px 100px; border: 1px solid #eee; border: 1px solid #444\9; box-shadow: 0 0 10px #000; text-align: left;}
+.dialogMax { z-index: 99999 !important;}
+.aui_outer { border-radius: 5px; background: url("images/dialog/dialog.png") -100px 100px; border: 1px solid #eee; border: 1px solid #444\9; box-shadow: 0 0 10px #000; text-align: left; position: relative;}
 .aui_mask { position: absolute; width: 100%; height: 100%; background: #fff; opacity: 0.01;}
 .aui_loading { height: 100%; width: 100%; overflow: hidden; position: absolute; left: 0; top: 40px; z-index: 9999; text-align: center; text-indent: -999em; background: url("../../../images/dialog_loading.gif") no-repeat center center;}
 table.aui_border,table.aui_dialog { border: 0; margin: 0; border-collapse: collapse; width: 100%;}
@@ -214,7 +215,7 @@ button.aui_state_highlight:active { border-color: #1c6a9e; filter: progid:DXImag
 .dialogMax .aui_max { background: url("images/dialog/btn-reg.png") 0 -19px;}
 .dialogMax .aui_max:hover { background-position: 0 -38px;}
 .dialogMax .aui_max:active { background-position: 0 0px;}
-.dialog-can-resize .resize-handle { position: absolute; font-size: 0.1px; z-index: 99999; display: block;}
+.dialog-can-resize .resize-handle { position: absolute; z-index: 99999; display: block;}
 .dialog-can-resize .resize-top { z-index: 0; cursor: n-resize; height: 7px; width: 100%; top: 0px; left: -4px;}
 .dialog-can-resize .resize-bottom { z-index: 0; cursor: s-resize; height: 7px; width: 100%; bottom: 0px; left: -4px;}
 .dialog-can-resize .resize-right { z-index: 0; cursor: e-resize; width: 7px; right: 0px; top: 0; height: 100%;}
@@ -252,7 +253,7 @@ div.dialog-simple .dialog_mouse_in .aui_header { opacity: 1; filter: alpha(opaci
 .fileList_icon .file .titleBox .title { cursor: text;}
 .fileList_icon .file .ico { width: 60px; height: 60px; background-image: url("./images/file.png"); background-repeat: no-repeat; background-position: center center; margin: 0 auto; margin-top: 4px; margin-bottom: 3px; display: block !important;}
 .fileList_icon .file .folder { width: 70px; background-image: url("./images/folder.png");}
-.fileList_icon .file .picture { width: 64px; height: 66px; background: none; margin: 0; position: relative; top: 3px; left: 8px; display: table-cell; vertical-align: middle; text-align: center; *display: block; *font-size: 64px; *font-family: Arial;}
+.fileList_icon .file .picture { width: 80px; height: 66px; background: none; margin: 0; position: relative; top: 3px; display: table-cell; vertical-align: middle; text-align: center; *display: block; *font-size: 64px; *font-family: Arial;}
 .fileList_icon .file .picture img { vertical-align: middle; max-width: 64px; max-height: 64px;}
 .fileList_icon .file .cpp,.fileList_icon .file .h,.fileList_icon .file .sql,.fileList_icon .file .java,.fileList_icon .file .cs,.fileList_icon .file .py,.fileList_icon .file .html,.fileList_icon .file .htm,.fileList_icon .file .shtml,.fileList_icon .file .hta,.fileList_icon .file .css,.fileList_icon .file .js,.fileList_icon .file .xml,.fileList_icon .file .php,.fileList_icon .file .jsp,.fileList_icon .file .asp,.fileList_icon .file .aspx,.fileList_icon .file .vb,.fileList_icon .file .vbs,.fileList_icon .file .bat,.fileList_icon .file .reg,.fileList_icon .file .cmd,.fileList_icon .file .pl,.fileList_icon .file .pm,.fileList_icon .file .cgi,.fileList_icon .file .as,.fileList_icon .file .asm,.fileList_icon .file .clj,.fileList_icon .file .cbl,.fileList_icon .file .cfm,.fileList_icon .file .d,.fileList_icon .file .diff,.fileList_icon .file .dot,.fileList_icon .file .ejs,.fileList_icon .file .erl,.fileList_icon .file .ftl,.fileList_icon .file .go,.fileList_icon .file .hs,.fileList_icon .file .hbs,.fileList_icon .file .haml,.fileList_icon .file .erb,.fileList_icon .file .jade,.fileList_icon .file .json,.fileList_icon .file .jq,.fileList_icon .file .jsx,.fileList_icon .file .ji,.fileList_icon .file .tex,.fileList_icon .file .lisp,.fileList_icon .file .ls,.fileList_icon .file .lsl,.fileList_icon .file .lua,.fileList_icon .file .lp,.fileList_icon .file .matlab,.fileList_icon .file .mel,.fileList_icon .file .r,.fileList_icon .file .yaml { background-image: url("./images/code.png");}
 .fileList_icon .file .txt,.fileList_icon .file .ini,.fileList_icon .file .md,.fileList_icon .file .markdown,.fileList_icon .file .log { background-image: url("./images/txt.png");}
@@ -363,7 +364,7 @@ div.dialog-simple .dialog_mouse_in .aui_header { opacity: 1; filter: alpha(opaci
 .desktop .fileList_icon .file .title .textarea { position: static;}
 #taskbar { height: 32px; position: fixed; bottom: 0; left: 0; width: 100%; padding: 0; margin: 0; background: url('../../../images/desktop/taskbarbg.png');}
 #taskbar a { position: absolute; text-align: center; width: 40px; height: 40px; left: 6px;}
-.start { background: url('../../../images/desktop/start.png') 0 0px no-repeat; display: block; z-index: 999; margin-top: -8px; z-index: 99999; width: 40px; height: 40px; bottom: 0px; left: 5px; position: fixed;}
+.start { background: url('../../../images/desktop/start.png') 0 0px no-repeat; display: block; z-index: 999; margin-top: -8px; z-index: 9901; width: 40px; height: 40px; bottom: 0px; left: 5px; position: fixed;}
 .start:hover { text-decoration: none; background-position: 0 -40px;}
 .start:active { text-decoration: none; background-position: 0 -80px;}
 .task_tab { position: fixed; bottom: 1px; left: 0; width: 100%; height: 30px; z-index: 9999;}
diff --git a/static/style/skin/default/app_desktop.less b/static/style/skin/default/app_desktop.less
index 742034f..6fe0f03 100644
--- a/static/style/skin/default/app_desktop.less
+++ b/static/style/skin/default/app_desktop.less
@@ -32,7 +32,7 @@
     a{ position: absolute; text-align: center; width:40px; height:40px;left:6px;}  
 }
 .start{background: url('@{img_desktop}start.png') 0 0px no-repeat;
-    display:block;z-index: 999;margin-top: -8px;z-index: 99999;
+    display:block;z-index: 999;margin-top: -8px;z-index: 9901;
     width: 40px;height: 40px;bottom: 0px;left: 5px;position: fixed;
     &:hover{ text-decoration: none; background-position: 0 -40px;}
     &:active{ text-decoration: none; background-position: 0 -80px;}
diff --git a/static/style/skin/default/app_editor.css b/static/style/skin/default/app_editor.css
index bb340c0..f29817f 100644
--- a/static/style/skin/default/app_editor.css
+++ b/static/style/skin/default/app_editor.css
@@ -42,15 +42,15 @@ input { border: 1px solid #ddd; background: #fff; outline: none;}
 .topbar .content .top_left a.title { font-size: 20px; width: 200px; padding: 0; text-align: center;}
 .topbar .content .top_left a b { color: #9CF; font-weight: 400;}
 .topbar .content .top_left a.title:hover { background: none;}
-.topbar .content .top_right { float: right; margin-right: 10px;}
+.topbar .content .top_right { float: right;}
 .topbar .content .top_right div { display: inline-block; margin-right: -3px;}
-.topbar .content .top_right a { display: inline-block; padding: 0px 0.7em; border: none; color: #fff;}
+.topbar .content .top_right a { display: inline-block; padding: 0px 0.7em; color: #fff; margin-right: -2px;}
 .topbar .content .top_right a i { padding-right: 2px; text-shadow: 0 0 1px;}
-.topbar .content .top_right .open a:focus,.topbar .content .top_right a:hover { background: #80dbff; background-image: -webkit-linear-gradient(top,#bdecff,#80dbff); background-image: -moz-linear-gradient(top,#bdecff,#80dbff); background-image: -o-linear-gradient(top,#bdecff,#80dbff); background-image: -ms-linear-gradient(top,#bdecff,#80dbff); background-image: linear-gradient(top,#bdecff,#80dbff);}
-.topbar .content .top_right .menu-topbar_user { position: absolute; right: 10px; left: auto; margin-top: 0px; width: auto;}
-.topbar .content .top_right .topbar_language { position: absolute; right: 84px; left: auto; margin-top: 0px; width: auto;}
-.topbar .content .top_right ul a { color: #666; line-height: 30px; height: 30px; display: block;}
-.topbar .content .top_right ul a:hover,.topbar .content .top_right ul a.this { background: #e6e6e6; color: #000;}
+.topbar .content .top_right a:focus,.topbar .content .top_right a:hover { background: #80dbff; background-image: -webkit-linear-gradient(top,#bdecff,#80dbff); background-image: -moz-linear-gradient(top,#bdecff,#80dbff); background-image: -o-linear-gradient(top,#bdecff,#80dbff); background-image: -ms-linear-gradient(top,#bdecff,#80dbff); background-image: linear-gradient(top,#bdecff,#80dbff);}
+.topbar .content .top_right .menu-topbar_user { position: absolute; right: 0px; left: auto; margin-top: 0px; width: auto;}
+.topbar .content .top_right .topbar_language { position: absolute; right: 75px; left: auto; margin-top: 0px; width: auto;}
+.topbar .content .top_right ul a { color: #666; line-height: 30px; height: 30px; display: block; padding: 0px 1.7em; border: none; overflow: hidden;}
+.topbar .content .top_right ul a:hover,.topbar .content .top_right ul a.this { background: #e6e6e6; color: #000; margin-right: 0px;}
 .topbar .content .top_right ul .font-icon { width: 18px; display: inline-block;}
 .do_search { color: #888; min-width: 452px;}
 .do_search .search_header { padding: 10px; padding-bottom: 0px;}
@@ -75,16 +75,16 @@ input { border: 1px solid #ddd; background: #fff; outline: none;}
 .do_search .search_result table .type { width: 37px;}
 .do_search .search_result table .size { width: 50px;}
 .do_search .search_result table .path,.do_search .search_result table .search_title .path { border-right: none;}
-.task_tab { position: fixed; bottom: 1px; left: 0; width: 100%; height: 30px; z-index: 9999; padding-left: 50px; background: rgba(0,0,0,0.1); border-top: 1px solid rgba(0,0,0,0.15); color: #444;}
+.task_tab { position: fixed; bottom: 1px; left: 0; width: 100%; height: 30px; z-index: 9900; padding-left: 50px; background: rgba(0,0,0,0.1); border-top: 1px solid rgba(0,0,0,0.15); color: #444;}
 .task_tab .tabs { height: 100%; margin-right: 10px; margin-right: 60px;}
-.task_tab .tabs .tab { float: left; height: 100%; margin-right: 2px; box-shadow: 0 0 6px #666; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; padding-left: 4px; word-break: break-all; background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0));}
+.task_tab .tabs .tab { float: left; height: 100%; margin-right: 2px; box-shadow: 0 0 6px #666; white-space: nowrap; text-overflow: ellipsis; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; padding-left: 4px; word-break: break-all; background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0));}
 .task_tab .tabs .tab img { width: 18px; height: 18px; padding-right: 4px; vertical-align: middle; display: inline-block; margin-top: -3px; border-radius: 4px;}
 .task_tab .tabs .tab.hover { background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0));}
 .task_tab .tabs .tab.this { box-shadow: 0 0 6px #000; background: rgba(255,255,255,0.2); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2));}
 .tasktab-dragging { position: absolute; z-index: 99999; height: 30px; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; box-shadow: 0 0 6px #000; padding-left: 4px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; word-break: break-all; background: rgba(255,255,255,0.2); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2));}
 .tasktab-dragging img { width: 18px; height: 18px; padding-right: 4px; vertical-align: middle; display: inline-block; margin-top: -3px; border-radius: 4px;}
 body div#ace_settingsmenu,body div#kbshortcutmenu { background-color: #000; opacity: 0.75; filter: alpha(opacity=75); color: #FFF; box-shadow: -5px 4px 5px rgba(0,0,0,0.2);}
-.frame_right { position: absolute; top: 34px; right: 0px; width: 40%; bottom: 0; background: #fff; z-index: 99; border-left: 1px solid #ccc; box-shadow: 0 20px 60px rgba(0,0,0,0.3); display: none;}
+.frame_right { position: absolute; top: 34px; right: 0px; width: 40%; bottom: 0; background: #fff; z-index: 99; overflow: hidden; border-left: 1px solid #ccc; box-shadow: 0 20px 60px rgba(0,0,0,0.3); display: none;}
 .frame_right .mask_view { z-index: 9999; opacity: 0.1;}
 .frame_right .resize { position: absolute; width: 10px; bottom: 0px; height: 100%; z-index: 100; cursor: col-resize; margin-left: -5px;}
 .frame_right .preview_frame { position: absolute; top: 30px; right: 0; bottom: 0; width: 100%; background: #fff;}
@@ -133,7 +133,7 @@ body div#ace_settingsmenu,body div#kbshortcutmenu { background-color: #000; opac
 .file_list { display: none;}
 .file_upload { width: 365px; height: 385px; padding: 5px;}
 .file_upload .top_nav { border-bottom: 1px solid #ddd; padding-left: 10px; margin-top: 6px;}
-.file_upload .menu { display: block; text-decoration: none; float: left; padding: 2px 15px; height: 28px; background: #eee; font-size: 13px; border: 1px solid #ccc; text-align: center; line-height: 25px; cursor: default; margin-right: 5px; margin-bottom: -1px; color: #444;}
+.file_upload .menu { display: block; text-decoration: none; float: left; padding: 2px 15px; height: 28px; background: #eee; font-size: 13px; border: 1px solid #ccc; text-align: center; line-height: 25px; margin-right: 5px; margin-bottom: -1px; color: #444;}
 .file_upload .menu.this { background: #fff; border-bottom: 1px solid #fff;}
 .file_upload .upload_path { padding: 5px 15px; background: #e6f0ff; margin: 10px 0; overflow: hidden; word-break: keep-all; white-space: nowrap; text-overflow: ellipsis; color: #5275b4;}
 .file_upload div a.left { margin-left: 10px;}
@@ -157,7 +157,8 @@ a.button:active { color: #000; border-color: #444;}
 a.button:focus { outline: none;}
 .messageBox { position: absolute; top: 15%; left: 0px; z-index: 88; background: #000; color: #fff; opacity: 0.7; filter: alpha(opacity=70); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 10px 80px rgba(255,255,255,0.6); -moz-box-shadow: 0 10px 80px rgba(255,255,255,0.6); box-shadow: 0 10px 80px rgba(255,255,255,0.6); display: none;}
 .messageBox .content { padding: 10px 30px; line-height: 20px; width: auto;}
-.aui_outer { border-radius: 5px; background: url("images/dialog/dialog.png") -100px 100px; border: 1px solid #eee; border: 1px solid #444\9; box-shadow: 0 0 10px #000; text-align: left;}
+.dialogMax { z-index: 99999 !important;}
+.aui_outer { border-radius: 5px; background: url("images/dialog/dialog.png") -100px 100px; border: 1px solid #eee; border: 1px solid #444\9; box-shadow: 0 0 10px #000; text-align: left; position: relative;}
 .aui_mask { position: absolute; width: 100%; height: 100%; background: #fff; opacity: 0.01;}
 .aui_loading { height: 100%; width: 100%; overflow: hidden; position: absolute; left: 0; top: 40px; z-index: 9999; text-align: center; text-indent: -999em; background: url("../../../images/dialog_loading.gif") no-repeat center center;}
 table.aui_border,table.aui_dialog { border: 0; margin: 0; border-collapse: collapse; width: 100%;}
@@ -214,7 +215,7 @@ button.aui_state_highlight:active { border-color: #1c6a9e; filter: progid:DXImag
 .dialogMax .aui_max { background: url("images/dialog/btn-reg.png") 0 -19px;}
 .dialogMax .aui_max:hover { background-position: 0 -38px;}
 .dialogMax .aui_max:active { background-position: 0 0px;}
-.dialog-can-resize .resize-handle { position: absolute; font-size: 0.1px; z-index: 99999; display: block;}
+.dialog-can-resize .resize-handle { position: absolute; z-index: 99999; display: block;}
 .dialog-can-resize .resize-top { z-index: 0; cursor: n-resize; height: 7px; width: 100%; top: 0px; left: -4px;}
 .dialog-can-resize .resize-bottom { z-index: 0; cursor: s-resize; height: 7px; width: 100%; bottom: 0px; left: -4px;}
 .dialog-can-resize .resize-right { z-index: 0; cursor: e-resize; width: 7px; right: 0px; top: 0; height: 100%;}
diff --git a/static/style/skin/default/app_explorer.css b/static/style/skin/default/app_explorer.css
index 7e32ff7..420edc5 100644
--- a/static/style/skin/default/app_explorer.css
+++ b/static/style/skin/default/app_explorer.css
@@ -42,15 +42,15 @@ input { border: 1px solid #ddd; background: #fff; outline: none;}
 .topbar .content .top_left a.title { font-size: 20px; width: 200px; padding: 0; text-align: center;}
 .topbar .content .top_left a b { color: #9CF; font-weight: 400;}
 .topbar .content .top_left a.title:hover { background: none;}
-.topbar .content .top_right { float: right; margin-right: 10px;}
+.topbar .content .top_right { float: right;}
 .topbar .content .top_right div { display: inline-block; margin-right: -3px;}
-.topbar .content .top_right a { display: inline-block; padding: 0px 0.7em; border: none; color: #fff;}
+.topbar .content .top_right a { display: inline-block; padding: 0px 0.7em; color: #fff; margin-right: -2px;}
 .topbar .content .top_right a i { padding-right: 2px; text-shadow: 0 0 1px;}
-.topbar .content .top_right .open a:focus,.topbar .content .top_right a:hover { background: #80dbff; background-image: -webkit-linear-gradient(top,#bdecff,#80dbff); background-image: -moz-linear-gradient(top,#bdecff,#80dbff); background-image: -o-linear-gradient(top,#bdecff,#80dbff); background-image: -ms-linear-gradient(top,#bdecff,#80dbff); background-image: linear-gradient(top,#bdecff,#80dbff);}
-.topbar .content .top_right .menu-topbar_user { position: absolute; right: 10px; left: auto; margin-top: 0px; width: auto;}
-.topbar .content .top_right .topbar_language { position: absolute; right: 84px; left: auto; margin-top: 0px; width: auto;}
-.topbar .content .top_right ul a { color: #666; line-height: 30px; height: 30px; display: block;}
-.topbar .content .top_right ul a:hover,.topbar .content .top_right ul a.this { background: #e6e6e6; color: #000;}
+.topbar .content .top_right a:focus,.topbar .content .top_right a:hover { background: #80dbff; background-image: -webkit-linear-gradient(top,#bdecff,#80dbff); background-image: -moz-linear-gradient(top,#bdecff,#80dbff); background-image: -o-linear-gradient(top,#bdecff,#80dbff); background-image: -ms-linear-gradient(top,#bdecff,#80dbff); background-image: linear-gradient(top,#bdecff,#80dbff);}
+.topbar .content .top_right .menu-topbar_user { position: absolute; right: 0px; left: auto; margin-top: 0px; width: auto;}
+.topbar .content .top_right .topbar_language { position: absolute; right: 75px; left: auto; margin-top: 0px; width: auto;}
+.topbar .content .top_right ul a { color: #666; line-height: 30px; height: 30px; display: block; padding: 0px 1.7em; border: none; overflow: hidden;}
+.topbar .content .top_right ul a:hover,.topbar .content .top_right ul a.this { background: #e6e6e6; color: #000; margin-right: 0px;}
 .topbar .content .top_right ul .font-icon { width: 18px; display: inline-block;}
 .do_search { color: #888; min-width: 452px;}
 .do_search .search_header { padding: 10px; padding-bottom: 0px;}
@@ -75,16 +75,16 @@ input { border: 1px solid #ddd; background: #fff; outline: none;}
 .do_search .search_result table .type { width: 37px;}
 .do_search .search_result table .size { width: 50px;}
 .do_search .search_result table .path,.do_search .search_result table .search_title .path { border-right: none;}
-.task_tab { position: fixed; bottom: 1px; left: 0; width: 100%; height: 30px; z-index: 9999; padding-left: 50px; background: rgba(0,0,0,0.1); border-top: 1px solid rgba(0,0,0,0.15); color: #444;}
+.task_tab { position: fixed; bottom: 1px; left: 0; width: 100%; height: 30px; z-index: 9900; padding-left: 50px; background: rgba(0,0,0,0.1); border-top: 1px solid rgba(0,0,0,0.15); color: #444;}
 .task_tab .tabs { height: 100%; margin-right: 10px; margin-right: 60px;}
-.task_tab .tabs .tab { float: left; height: 100%; margin-right: 2px; box-shadow: 0 0 6px #666; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; padding-left: 4px; word-break: break-all; background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0));}
+.task_tab .tabs .tab { float: left; height: 100%; margin-right: 2px; box-shadow: 0 0 6px #666; white-space: nowrap; text-overflow: ellipsis; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; padding-left: 4px; word-break: break-all; background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0));}
 .task_tab .tabs .tab img { width: 18px; height: 18px; padding-right: 4px; vertical-align: middle; display: inline-block; margin-top: -3px; border-radius: 4px;}
 .task_tab .tabs .tab.hover { background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0));}
 .task_tab .tabs .tab.this { box-shadow: 0 0 6px #000; background: rgba(255,255,255,0.2); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2));}
 .tasktab-dragging { position: absolute; z-index: 99999; height: 30px; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; box-shadow: 0 0 6px #000; padding-left: 4px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; word-break: break-all; background: rgba(255,255,255,0.2); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2));}
 .tasktab-dragging img { width: 18px; height: 18px; padding-right: 4px; vertical-align: middle; display: inline-block; margin-top: -3px; border-radius: 4px;}
 body div#ace_settingsmenu,body div#kbshortcutmenu { background-color: #000; opacity: 0.75; filter: alpha(opacity=75); color: #FFF; box-shadow: -5px 4px 5px rgba(0,0,0,0.2);}
-.frame_right { position: absolute; top: 34px; right: 0px; width: 40%; bottom: 0; background: #fff; z-index: 99; border-left: 1px solid #ccc; box-shadow: 0 20px 60px rgba(0,0,0,0.3); display: none;}
+.frame_right { position: absolute; top: 34px; right: 0px; width: 40%; bottom: 0; background: #fff; z-index: 99; overflow: hidden; border-left: 1px solid #ccc; box-shadow: 0 20px 60px rgba(0,0,0,0.3); display: none;}
 .frame_right .mask_view { z-index: 9999; opacity: 0.1;}
 .frame_right .resize { position: absolute; width: 10px; bottom: 0px; height: 100%; z-index: 100; cursor: col-resize; margin-left: -5px;}
 .frame_right .preview_frame { position: absolute; top: 30px; right: 0; bottom: 0; width: 100%; background: #fff;}
@@ -133,7 +133,7 @@ body div#ace_settingsmenu,body div#kbshortcutmenu { background-color: #000; opac
 .file_list { display: none;}
 .file_upload { width: 365px; height: 385px; padding: 5px;}
 .file_upload .top_nav { border-bottom: 1px solid #ddd; padding-left: 10px; margin-top: 6px;}
-.file_upload .menu { display: block; text-decoration: none; float: left; padding: 2px 15px; height: 28px; background: #eee; font-size: 13px; border: 1px solid #ccc; text-align: center; line-height: 25px; cursor: default; margin-right: 5px; margin-bottom: -1px; color: #444;}
+.file_upload .menu { display: block; text-decoration: none; float: left; padding: 2px 15px; height: 28px; background: #eee; font-size: 13px; border: 1px solid #ccc; text-align: center; line-height: 25px; margin-right: 5px; margin-bottom: -1px; color: #444;}
 .file_upload .menu.this { background: #fff; border-bottom: 1px solid #fff;}
 .file_upload .upload_path { padding: 5px 15px; background: #e6f0ff; margin: 10px 0; overflow: hidden; word-break: keep-all; white-space: nowrap; text-overflow: ellipsis; color: #5275b4;}
 .file_upload div a.left { margin-left: 10px;}
@@ -157,7 +157,8 @@ a.button:active { color: #000; border-color: #444;}
 a.button:focus { outline: none;}
 .messageBox { position: absolute; top: 15%; left: 0px; z-index: 88; background: #000; color: #fff; opacity: 0.7; filter: alpha(opacity=70); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 10px 80px rgba(255,255,255,0.6); -moz-box-shadow: 0 10px 80px rgba(255,255,255,0.6); box-shadow: 0 10px 80px rgba(255,255,255,0.6); display: none;}
 .messageBox .content { padding: 10px 30px; line-height: 20px; width: auto;}
-.aui_outer { border-radius: 5px; background: url("images/dialog/dialog.png") -100px 100px; border: 1px solid #eee; border: 1px solid #444\9; box-shadow: 0 0 10px #000; text-align: left;}
+.dialogMax { z-index: 99999 !important;}
+.aui_outer { border-radius: 5px; background: url("images/dialog/dialog.png") -100px 100px; border: 1px solid #eee; border: 1px solid #444\9; box-shadow: 0 0 10px #000; text-align: left; position: relative;}
 .aui_mask { position: absolute; width: 100%; height: 100%; background: #fff; opacity: 0.01;}
 .aui_loading { height: 100%; width: 100%; overflow: hidden; position: absolute; left: 0; top: 40px; z-index: 9999; text-align: center; text-indent: -999em; background: url("../../../images/dialog_loading.gif") no-repeat center center;}
 table.aui_border,table.aui_dialog { border: 0; margin: 0; border-collapse: collapse; width: 100%;}
@@ -214,7 +215,7 @@ button.aui_state_highlight:active { border-color: #1c6a9e; filter: progid:DXImag
 .dialogMax .aui_max { background: url("images/dialog/btn-reg.png") 0 -19px;}
 .dialogMax .aui_max:hover { background-position: 0 -38px;}
 .dialogMax .aui_max:active { background-position: 0 0px;}
-.dialog-can-resize .resize-handle { position: absolute; font-size: 0.1px; z-index: 99999; display: block;}
+.dialog-can-resize .resize-handle { position: absolute; z-index: 99999; display: block;}
 .dialog-can-resize .resize-top { z-index: 0; cursor: n-resize; height: 7px; width: 100%; top: 0px; left: -4px;}
 .dialog-can-resize .resize-bottom { z-index: 0; cursor: s-resize; height: 7px; width: 100%; bottom: 0px; left: -4px;}
 .dialog-can-resize .resize-right { z-index: 0; cursor: e-resize; width: 7px; right: 0px; top: 0; height: 100%;}
@@ -310,7 +311,7 @@ div.dialog-simple .dialog_mouse_in .aui_header { opacity: 1; filter: alpha(opaci
 .fileList_icon .file .titleBox .title { cursor: text;}
 .fileList_icon .file .ico { width: 60px; height: 60px; background-image: url("./images/file.png"); background-repeat: no-repeat; background-position: center center; margin: 0 auto; margin-top: 4px; margin-bottom: 3px; display: block !important;}
 .fileList_icon .file .folder { width: 70px; background-image: url("./images/folder.png");}
-.fileList_icon .file .picture { width: 64px; height: 66px; background: none; margin: 0; position: relative; top: 3px; left: 8px; display: table-cell; vertical-align: middle; text-align: center; *display: block; *font-size: 64px; *font-family: Arial;}
+.fileList_icon .file .picture { width: 80px; height: 66px; background: none; margin: 0; position: relative; top: 3px; display: table-cell; vertical-align: middle; text-align: center; *display: block; *font-size: 64px; *font-family: Arial;}
 .fileList_icon .file .picture img { vertical-align: middle; max-width: 64px; max-height: 64px;}
 .fileList_icon .file .cpp,.fileList_icon .file .h,.fileList_icon .file .sql,.fileList_icon .file .java,.fileList_icon .file .cs,.fileList_icon .file .py,.fileList_icon .file .html,.fileList_icon .file .htm,.fileList_icon .file .shtml,.fileList_icon .file .hta,.fileList_icon .file .css,.fileList_icon .file .js,.fileList_icon .file .xml,.fileList_icon .file .php,.fileList_icon .file .jsp,.fileList_icon .file .asp,.fileList_icon .file .aspx,.fileList_icon .file .vb,.fileList_icon .file .vbs,.fileList_icon .file .bat,.fileList_icon .file .reg,.fileList_icon .file .cmd,.fileList_icon .file .pl,.fileList_icon .file .pm,.fileList_icon .file .cgi,.fileList_icon .file .as,.fileList_icon .file .asm,.fileList_icon .file .clj,.fileList_icon .file .cbl,.fileList_icon .file .cfm,.fileList_icon .file .d,.fileList_icon .file .diff,.fileList_icon .file .dot,.fileList_icon .file .ejs,.fileList_icon .file .erl,.fileList_icon .file .ftl,.fileList_icon .file .go,.fileList_icon .file .hs,.fileList_icon .file .hbs,.fileList_icon .file .haml,.fileList_icon .file .erb,.fileList_icon .file .jade,.fileList_icon .file .json,.fileList_icon .file .jq,.fileList_icon .file .jsx,.fileList_icon .file .ji,.fileList_icon .file .tex,.fileList_icon .file .lisp,.fileList_icon .file .ls,.fileList_icon .file .lsl,.fileList_icon .file .lua,.fileList_icon .file .lp,.fileList_icon .file .matlab,.fileList_icon .file .mel,.fileList_icon .file .r,.fileList_icon .file .yaml { background-image: url("./images/code.png");}
 .fileList_icon .file .txt,.fileList_icon .file .ini,.fileList_icon .file .md,.fileList_icon .file .markdown,.fileList_icon .file .log { background-image: url("./images/txt.png");}
@@ -435,10 +436,11 @@ div.dialog-simple .dialog_mouse_in .aui_header { opacity: 1; filter: alpha(opaci
 .frame-header .header-content .header-middle #yarnball .yarnball .yarnlet a:hover .left-yarn { background-position: 0 -50px;}
 .frame-header .header-content .header-middle #yarnball .yarnball .yarnlet a:active .left-yarn { background-position: 0 -98px;}
 .frame-header .header-content .header-middle #yarnball_input { height: 27px; height: 28px\0; width: 50%; cursor: text; float: left; border: 1px solid #ddd; display: none; margin-left: -1px; background: #f8f8f8 url("../../../images/bg.gif") 0px -2px repeat-x; box-shadow: #e6e6e6 0px 0px 20px inset;}
-.frame-header .header-content .header-middle #yarnball_input input.path { border: none; height: 25px; display: block; width: 100%; padding-left: 10px; padding-right: 10px; text-shadow: 1px 1px 3px #cce; color: #888; background: #f8f8f8 url("../../../images/bg.gif") 0px -2px repeat-x; box-shadow: #e6e6e6 0px 0px 20px inset;}
+.frame-header .header-content .header-middle #yarnball_input input.path { border: none; height: 25px; display: block; width: 100%; padding-left: 10px; padding-right: 10px; text-shadow: 1px 1px 3px #cce; color: #888; background: #f8f8f8 url("../../../images/bg.gif") 0px -2px repeat-x; background: none; width: 94%;}
 .frame-header .header-content .header-middle #yarnball_input input:focus { outline: none;}
 .frame-header .header-content .header-right { position: absolute; right: 20px; top: 10px;}
-.frame-header .header-content .header-right input { display: block; float: left; border: 1px solid #ddd; height: 25px; height: 28px\0; padding-left: 10px; padding-right: 10px; text-shadow: 1px 1px 3px #cce; color: #888; background: #f8f8f8 url("../../../images/bg.gif") 0px -2px repeat-x; box-shadow: #e6e6e6 0px 0px 20px inset; outline: none; width: 120px; -webkit-transition: all 0.218s; -moz-transition: all 0.218s; -o-transition: all 0.218s; -ms-transition: all 0.218s; transition: all 0.218s;}
+.frame-header .header-content .header-right .btn { border-radius: 0;}
+.frame-header .header-content .header-right input { display: block; float: left; border: 1px solid #ddd; height: 25px; padding-left: 10px; padding-right: 10px; text-shadow: 1px 1px 3px #cce; color: #888; background: #f8f8f8 url("../../../images/bg.gif") 0px -2px repeat-x; box-shadow: #e6e6e6 0px 0px 20px inset; outline: none; width: 120px; -webkit-transition: all 0.218s; -moz-transition: all 0.218s; -o-transition: all 0.218s; -ms-transition: all 0.218s; transition: all 0.218s;}
 .frame-header .header-content .header-right input:focus { width: 160px; box-shadow: #ccc 0px 0px 20px inset;}
 .frame-main { position: absolute; left: 0; right: 0; top: 90px; bottom: 0;}
 .frame-main .frame-left { position: absolute; left: 0; top: 0; bottom: 0; width: 199px; overflow: auto; border-right: 1px solid #ddd; background: #fff url("../../../images/left.jpg") bottom repeat-x; background-attachment: fixed;}
@@ -454,7 +456,7 @@ div.dialog-simple .dialog_mouse_in .aui_header { opacity: 1; filter: alpha(opaci
 .frame-main .frame-right .frame-right-main .drop-menu-action .disabled a i.font-icon { color: #bbb;}
 .frame-main .frame-right .frame-right-main .drop-menu-action .disabled a:hover { background: #fff; color: #bbb;}
 .frame-main .frame-right .frame-right-main .drop-menu-action .disabled a:hover i.font-icon { color: #bbb;}
-.frame-main .frame-right .frame-right-main .tools { z-index: 100; height: 33px; min-width: 600px; border-bottom: 1px solid #ddd; background: #f6f6f6; -webkit-box-shadow: 1px 2px 15px #eee; -moz-box-shadow: 1px 2px 15px #eee; box-shadow: 1px 2px 15px #eee;}
+.frame-main .frame-right .frame-right-main .tools { z-index: 100; height: 33px; min-width: 505px; border-bottom: 1px solid #ddd; background: #f6f6f6; -webkit-box-shadow: 1px 2px 15px #eee; -moz-box-shadow: 1px 2px 15px #eee; box-shadow: 1px 2px 15px #eee;}
 .frame-main .frame-right .frame-right-main .tools a.left:hover,.frame-main .frame-right .frame-right-main .tools a.middle:hover { margin-right: 2px; padding-right: 8px;}
 .frame-main .frame-right .frame-right-main .tools a.this { background: #eee; cursor: default;}
 .frame-main .frame-right .frame-right-main .tools a.this:hover { margin-right: 0px; padding-right: 10px; border: 1px solid #ddd; background: #eee; -webkit-box-shadow: 0 2px 8px rgba(0,0,0,0.05); -moz-box-shadow: 0 2px 8px rgba(0,0,0,0.05); box-shadow: 0 2px 8px rgba(0,0,0,0.05); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;}
diff --git a/static/style/skin/default/app_explorer.less b/static/style/skin/default/app_explorer.less
index 2ad41cf..f87c6e0 100644
--- a/static/style/skin/default/app_explorer.less
+++ b/static/style/skin/default/app_explorer.less
@@ -57,7 +57,7 @@
                         padding-left:10px;padding-right: 10px;         
                         text-shadow:1px 1px 3px #cce;color:#888;
                         background:#f8f8f8 url("@{img_common}bg.gif") 0px -2px repeat-x;
-                        box-shadow:#e6e6e6 0px 0px 20px inset;
+                        background: none;width: 94%;
                     }
                     &:focus{outline: none;}
                 }
@@ -65,9 +65,10 @@
         }
         .header-right{
             position: absolute;right:20px;top:10px;
+            .btn{border-radius: 0;}
             a.logout,a.setting{}
             a.logout:hover,a.setting:hover{}
-            input{display: block;float: left;border: 1px solid #ddd;height:25px;height:~"28px\0";;padding-left: 10px;
+            input{display: block;float: left;border: 1px solid #ddd;height:25px;;padding-left: 10px;
                 padding-right: 10px;text-shadow: 1px 1px 3px #cce;color: #888;
                 background: #f8f8f8 url("@{img_common}bg.gif") 0px -2px repeat-x;
                 box-shadow: #e6e6e6 0px 0px 20px inset;outline: none;width: 120px;.transition(all 0.218s);
@@ -105,7 +106,7 @@
                 }
             }
             .tools{
-                z-index: 100;height:33px;min-width:600px;
+                z-index: 100;height:33px;min-width:505px;
                 border-bottom:1px solid #ddd;background:#f6f6f6;              
                 .box-shadow(1px 2px 15px  #eee);
                 a.left:hover,a.middle:hover{margin-right:2px;padding-right:8px;}
diff --git a/static/style/skin/default/app_setting.css b/static/style/skin/default/app_setting.css
index fd53280..e94d734 100644
--- a/static/style/skin/default/app_setting.css
+++ b/static/style/skin/default/app_setting.css
@@ -42,15 +42,15 @@ input { border: 1px solid #ddd; background: #fff; outline: none;}
 .topbar .content .top_left a.title { font-size: 20px; width: 200px; padding: 0; text-align: center;}
 .topbar .content .top_left a b { color: #9CF; font-weight: 400;}
 .topbar .content .top_left a.title:hover { background: none;}
-.topbar .content .top_right { float: right; margin-right: 10px;}
+.topbar .content .top_right { float: right;}
 .topbar .content .top_right div { display: inline-block; margin-right: -3px;}
-.topbar .content .top_right a { display: inline-block; padding: 0px 0.7em; border: none; color: #fff;}
+.topbar .content .top_right a { display: inline-block; padding: 0px 0.7em; color: #fff; margin-right: -2px;}
 .topbar .content .top_right a i { padding-right: 2px; text-shadow: 0 0 1px;}
-.topbar .content .top_right .open a:focus,.topbar .content .top_right a:hover { background: #80dbff; background-image: -webkit-linear-gradient(top,#bdecff,#80dbff); background-image: -moz-linear-gradient(top,#bdecff,#80dbff); background-image: -o-linear-gradient(top,#bdecff,#80dbff); background-image: -ms-linear-gradient(top,#bdecff,#80dbff); background-image: linear-gradient(top,#bdecff,#80dbff);}
-.topbar .content .top_right .menu-topbar_user { position: absolute; right: 10px; left: auto; margin-top: 0px; width: auto;}
-.topbar .content .top_right .topbar_language { position: absolute; right: 84px; left: auto; margin-top: 0px; width: auto;}
-.topbar .content .top_right ul a { color: #666; line-height: 30px; height: 30px; display: block;}
-.topbar .content .top_right ul a:hover,.topbar .content .top_right ul a.this { background: #e6e6e6; color: #000;}
+.topbar .content .top_right a:focus,.topbar .content .top_right a:hover { background: #80dbff; background-image: -webkit-linear-gradient(top,#bdecff,#80dbff); background-image: -moz-linear-gradient(top,#bdecff,#80dbff); background-image: -o-linear-gradient(top,#bdecff,#80dbff); background-image: -ms-linear-gradient(top,#bdecff,#80dbff); background-image: linear-gradient(top,#bdecff,#80dbff);}
+.topbar .content .top_right .menu-topbar_user { position: absolute; right: 0px; left: auto; margin-top: 0px; width: auto;}
+.topbar .content .top_right .topbar_language { position: absolute; right: 75px; left: auto; margin-top: 0px; width: auto;}
+.topbar .content .top_right ul a { color: #666; line-height: 30px; height: 30px; display: block; padding: 0px 1.7em; border: none; overflow: hidden;}
+.topbar .content .top_right ul a:hover,.topbar .content .top_right ul a.this { background: #e6e6e6; color: #000; margin-right: 0px;}
 .topbar .content .top_right ul .font-icon { width: 18px; display: inline-block;}
 .do_search { color: #888; min-width: 452px;}
 .do_search .search_header { padding: 10px; padding-bottom: 0px;}
@@ -75,16 +75,16 @@ input { border: 1px solid #ddd; background: #fff; outline: none;}
 .do_search .search_result table .type { width: 37px;}
 .do_search .search_result table .size { width: 50px;}
 .do_search .search_result table .path,.do_search .search_result table .search_title .path { border-right: none;}
-.task_tab { position: fixed; bottom: 1px; left: 0; width: 100%; height: 30px; z-index: 9999; padding-left: 50px; background: rgba(0,0,0,0.1); border-top: 1px solid rgba(0,0,0,0.15); color: #444;}
+.task_tab { position: fixed; bottom: 1px; left: 0; width: 100%; height: 30px; z-index: 9900; padding-left: 50px; background: rgba(0,0,0,0.1); border-top: 1px solid rgba(0,0,0,0.15); color: #444;}
 .task_tab .tabs { height: 100%; margin-right: 10px; margin-right: 60px;}
-.task_tab .tabs .tab { float: left; height: 100%; margin-right: 2px; box-shadow: 0 0 6px #666; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; padding-left: 4px; word-break: break-all; background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0));}
+.task_tab .tabs .tab { float: left; height: 100%; margin-right: 2px; box-shadow: 0 0 6px #666; white-space: nowrap; text-overflow: ellipsis; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; padding-left: 4px; word-break: break-all; background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0));}
 .task_tab .tabs .tab img { width: 18px; height: 18px; padding-right: 4px; vertical-align: middle; display: inline-block; margin-top: -3px; border-radius: 4px;}
 .task_tab .tabs .tab.hover { background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0));}
 .task_tab .tabs .tab.this { box-shadow: 0 0 6px #000; background: rgba(255,255,255,0.2); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2));}
 .tasktab-dragging { position: absolute; z-index: 99999; height: 30px; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; box-shadow: 0 0 6px #000; padding-left: 4px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; word-break: break-all; background: rgba(255,255,255,0.2); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2));}
 .tasktab-dragging img { width: 18px; height: 18px; padding-right: 4px; vertical-align: middle; display: inline-block; margin-top: -3px; border-radius: 4px;}
 body div#ace_settingsmenu,body div#kbshortcutmenu { background-color: #000; opacity: 0.75; filter: alpha(opacity=75); color: #FFF; box-shadow: -5px 4px 5px rgba(0,0,0,0.2);}
-.frame_right { position: absolute; top: 34px; right: 0px; width: 40%; bottom: 0; background: #fff; z-index: 99; border-left: 1px solid #ccc; box-shadow: 0 20px 60px rgba(0,0,0,0.3); display: none;}
+.frame_right { position: absolute; top: 34px; right: 0px; width: 40%; bottom: 0; background: #fff; z-index: 99; overflow: hidden; border-left: 1px solid #ccc; box-shadow: 0 20px 60px rgba(0,0,0,0.3); display: none;}
 .frame_right .mask_view { z-index: 9999; opacity: 0.1;}
 .frame_right .resize { position: absolute; width: 10px; bottom: 0px; height: 100%; z-index: 100; cursor: col-resize; margin-left: -5px;}
 .frame_right .preview_frame { position: absolute; top: 30px; right: 0; bottom: 0; width: 100%; background: #fff;}
@@ -133,7 +133,7 @@ body div#ace_settingsmenu,body div#kbshortcutmenu { background-color: #000; opac
 .file_list { display: none;}
 .file_upload { width: 365px; height: 385px; padding: 5px;}
 .file_upload .top_nav { border-bottom: 1px solid #ddd; padding-left: 10px; margin-top: 6px;}
-.file_upload .menu { display: block; text-decoration: none; float: left; padding: 2px 15px; height: 28px; background: #eee; font-size: 13px; border: 1px solid #ccc; text-align: center; line-height: 25px; cursor: default; margin-right: 5px; margin-bottom: -1px; color: #444;}
+.file_upload .menu { display: block; text-decoration: none; float: left; padding: 2px 15px; height: 28px; background: #eee; font-size: 13px; border: 1px solid #ccc; text-align: center; line-height: 25px; margin-right: 5px; margin-bottom: -1px; color: #444;}
 .file_upload .menu.this { background: #fff; border-bottom: 1px solid #fff;}
 .file_upload .upload_path { padding: 5px 15px; background: #e6f0ff; margin: 10px 0; overflow: hidden; word-break: keep-all; white-space: nowrap; text-overflow: ellipsis; color: #5275b4;}
 .file_upload div a.left { margin-left: 10px;}
@@ -157,7 +157,8 @@ a.button:active { color: #000; border-color: #444;}
 a.button:focus { outline: none;}
 .messageBox { position: absolute; top: 15%; left: 0px; z-index: 88; background: #000; color: #fff; opacity: 0.7; filter: alpha(opacity=70); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 10px 80px rgba(255,255,255,0.6); -moz-box-shadow: 0 10px 80px rgba(255,255,255,0.6); box-shadow: 0 10px 80px rgba(255,255,255,0.6); display: none;}
 .messageBox .content { padding: 10px 30px; line-height: 20px; width: auto;}
-.aui_outer { border-radius: 5px; background: url("images/dialog/dialog.png") -100px 100px; border: 1px solid #eee; border: 1px solid #444\9; box-shadow: 0 0 10px #000; text-align: left;}
+.dialogMax { z-index: 99999 !important;}
+.aui_outer { border-radius: 5px; background: url("images/dialog/dialog.png") -100px 100px; border: 1px solid #eee; border: 1px solid #444\9; box-shadow: 0 0 10px #000; text-align: left; position: relative;}
 .aui_mask { position: absolute; width: 100%; height: 100%; background: #fff; opacity: 0.01;}
 .aui_loading { height: 100%; width: 100%; overflow: hidden; position: absolute; left: 0; top: 40px; z-index: 9999; text-align: center; text-indent: -999em; background: url("../../../images/dialog_loading.gif") no-repeat center center;}
 table.aui_border,table.aui_dialog { border: 0; margin: 0; border-collapse: collapse; width: 100%;}
@@ -214,7 +215,7 @@ button.aui_state_highlight:active { border-color: #1c6a9e; filter: progid:DXImag
 .dialogMax .aui_max { background: url("images/dialog/btn-reg.png") 0 -19px;}
 .dialogMax .aui_max:hover { background-position: 0 -38px;}
 .dialogMax .aui_max:active { background-position: 0 0px;}
-.dialog-can-resize .resize-handle { position: absolute; font-size: 0.1px; z-index: 99999; display: block;}
+.dialog-can-resize .resize-handle { position: absolute; z-index: 99999; display: block;}
 .dialog-can-resize .resize-top { z-index: 0; cursor: n-resize; height: 7px; width: 100%; top: 0px; left: -4px;}
 .dialog-can-resize .resize-bottom { z-index: 0; cursor: s-resize; height: 7px; width: 100%; bottom: 0px; left: -4px;}
 .dialog-can-resize .resize-right { z-index: 0; cursor: e-resize; width: 7px; right: 0px; top: 0; height: 100%;}
diff --git a/static/style/skin/default/dialog.less b/static/style/skin/default/dialog.less
index d8b65a9..095a902 100644
--- a/static/style/skin/default/dialog.less
+++ b/static/style/skin/default/dialog.less
@@ -8,8 +8,12 @@
     display:none;
     .content{padding:10px 30px;line-height:20px;width:auto;}  
 }
+
+.dialogMax{z-index:99999 !important;}
 .aui_outer {border-radius:5px; background:url("images/dialog/dialog.png") -100px 100px;
-    border: 1px solid #eee;border: 1px solid ~"#444\9";box-shadow:0 0 10px #000;text-align:left;}
+    border: 1px solid #eee;border: 1px solid ~"#444\9";box-shadow:0 0 10px #000;text-align:left;
+    position: relative;
+}
 .aui_mask{position: absolute;width: 100%;height: 100%;background: #fff;opacity: 0.01;}
 .aui_loading {height: 100%;width: 100%;overflow:hidden;
   position:absolute;left:0;top:40px;z-index:9999;text-align:center;text-indent:-999em;background:url("@{img_common}dialog_loading.gif") no-repeat center center; }
@@ -92,7 +96,7 @@ button.aui_state_highlight:active { border-color:#1c6a9e; filter: ~"progid:DXIma
 	}
 }
 .dialog-can-resize{
-    .resize-handle{position: absolute;font-size: 0.1px;z-index: 99999; display: block; }
+    .resize-handle{position: absolute;z-index: 99999; display: block; }
     .resize-top{z-index:0; cursor: n-resize; height: 7px; width: 100%; top: 0px; left: -4px; }
     .resize-bottom{z-index:0; cursor: s-resize; height: 7px; width: 100%; bottom: 0px; left: -4px; }
     .resize-right{z-index:0; cursor: e-resize; width: 7px; right: 0px; top: 0; height: 100%; }
diff --git a/static/style/skin/default/filelist.less b/static/style/skin/default/filelist.less
index e79c804..8d22808 100644
--- a/static/style/skin/default/filelist.less
+++ b/static/style/skin/default/filelist.less
@@ -71,7 +71,7 @@
         background-repeat: no-repeat;background-position:center center;margin: 0 auto;
         margin-top:4px;margin-bottom: 3px;display: block !important;}
         .folder{width:70px;background-image: url("@{img_files_icon}folder.png");}
-        .picture{width:64px;height:66px;background:none;margin:0;position:relative;top:3px;left: 8px;
+        .picture{width:80px;height:66px;background:none;margin:0;position:relative;top:3px;
             display:table-cell;vertical-align:middle;text-align:center;
             *display: block;*font-size: 64px;*font-family:Arial;
         }
diff --git a/static/style/skin/metro/app_code_edit.css b/static/style/skin/metro/app_code_edit.css
index 6480366..2fbdd37 100644
--- a/static/style/skin/metro/app_code_edit.css
+++ b/static/style/skin/metro/app_code_edit.css
@@ -41,15 +41,15 @@ input { border: 1px solid #ddd; background: #fff; outline: none;}
 .topbar .content .top_left a.title { font-size: 20px; width: 200px; padding: 0; text-align: center;}
 .topbar .content .top_left a b { color: #9CF; font-weight: 400;}
 .topbar .content .top_left a.title:hover { background: none;}
-.topbar .content .top_right { float: right; margin-right: 10px;}
+.topbar .content .top_right { float: right;}
 .topbar .content .top_right div { display: inline-block; margin-right: -3px;}
-.topbar .content .top_right a { display: inline-block; padding: 0px 0.7em; border: none; color: #fff;}
+.topbar .content .top_right a { display: inline-block; padding: 0px 0.7em; color: #fff; margin-right: -2px;}
 .topbar .content .top_right a i { padding-right: 2px; text-shadow: 0 0 1px;}
-.topbar .content .top_right .open a:focus,.topbar .content .top_right a:hover { background: #6b8ac3;}
-.topbar .content .top_right .menu-topbar_user { position: absolute; right: 10px; left: auto; margin-top: 0px; width: auto;}
-.topbar .content .top_right .topbar_language { position: absolute; right: 84px; left: auto; margin-top: 0px; width: auto;}
-.topbar .content .top_right ul a { color: #666; line-height: 30px; height: 30px; display: block;}
-.topbar .content .top_right ul a:hover,.topbar .content .top_right ul a.this { background: #e6e6e6; color: #000;}
+.topbar .content .top_right a:focus,.topbar .content .top_right a:hover { background: #6b8ac3;}
+.topbar .content .top_right .menu-topbar_user { position: absolute; right: 0px; left: auto; margin-top: 0px; width: auto;}
+.topbar .content .top_right .topbar_language { position: absolute; right: 75px; left: auto; margin-top: 0px; width: auto;}
+.topbar .content .top_right ul a { color: #666; line-height: 30px; height: 30px; display: block; padding: 0px 1.7em; border: none; overflow: hidden;}
+.topbar .content .top_right ul a:hover,.topbar .content .top_right ul a.this { background: #e6e6e6; color: #000; margin-right: 0px;}
 .topbar .content .top_right ul .font-icon { width: 18px; display: inline-block;}
 .do_search { color: #888; min-width: 452px;}
 .do_search .search_header { padding: 10px; padding-bottom: 0px;}
@@ -74,16 +74,16 @@ input { border: 1px solid #ddd; background: #fff; outline: none;}
 .do_search .search_result table .type { width: 37px;}
 .do_search .search_result table .size { width: 50px;}
 .do_search .search_result table .path,.do_search .search_result table .search_title .path { border-right: none;}
-.task_tab { position: fixed; bottom: 1px; left: 0; width: 100%; height: 30px; z-index: 9999; padding-left: 50px; background: rgba(0,0,0,0.1); border-top: 1px solid rgba(0,0,0,0.15); color: #444;}
+.task_tab { position: fixed; bottom: 1px; left: 0; width: 100%; height: 30px; z-index: 9900; padding-left: 50px; background: rgba(0,0,0,0.1); border-top: 1px solid rgba(0,0,0,0.15); color: #444;}
 .task_tab .tabs { height: 100%; margin-right: 10px; margin-right: 60px;}
-.task_tab .tabs .tab { float: left; height: 100%; margin-right: 2px; box-shadow: 0 0 6px #666; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; padding-left: 4px; word-break: break-all; background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0));}
+.task_tab .tabs .tab { float: left; height: 100%; margin-right: 2px; box-shadow: 0 0 6px #666; white-space: nowrap; text-overflow: ellipsis; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; padding-left: 4px; word-break: break-all; background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0));}
 .task_tab .tabs .tab img { width: 18px; height: 18px; padding-right: 4px; vertical-align: middle; display: inline-block; margin-top: -3px; border-radius: 4px;}
 .task_tab .tabs .tab.hover { background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0));}
 .task_tab .tabs .tab.this { box-shadow: 0 0 6px #000; background: rgba(255,255,255,0.2); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2));}
 .tasktab-dragging { position: absolute; z-index: 99999; height: 30px; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; box-shadow: 0 0 6px #000; padding-left: 4px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; word-break: break-all; background: rgba(255,255,255,0.2); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2));}
 .tasktab-dragging img { width: 18px; height: 18px; padding-right: 4px; vertical-align: middle; display: inline-block; margin-top: -3px; border-radius: 4px;}
 body div#ace_settingsmenu,body div#kbshortcutmenu { background-color: #000; opacity: 0.75; filter: alpha(opacity=75); color: #FFF; box-shadow: -5px 4px 5px rgba(0,0,0,0.2);}
-.frame_right { position: absolute; top: 34px; right: 0px; width: 40%; bottom: 0; background: #fff; z-index: 99; border-left: 1px solid #ccc; box-shadow: 0 20px 60px rgba(0,0,0,0.3); display: none;}
+.frame_right { position: absolute; top: 34px; right: 0px; width: 40%; bottom: 0; background: #fff; z-index: 99; overflow: hidden; border-left: 1px solid #ccc; box-shadow: 0 20px 60px rgba(0,0,0,0.3); display: none;}
 .frame_right .mask_view { z-index: 9999; opacity: 0.1;}
 .frame_right .resize { position: absolute; width: 10px; bottom: 0px; height: 100%; z-index: 100; cursor: col-resize; margin-left: -5px;}
 .frame_right .preview_frame { position: absolute; top: 30px; right: 0; bottom: 0; width: 100%; background: #fff;}
@@ -132,7 +132,7 @@ body div#ace_settingsmenu,body div#kbshortcutmenu { background-color: #000; opac
 .file_list { display: none;}
 .file_upload { width: 365px; height: 385px; padding: 5px;}
 .file_upload .top_nav { border-bottom: 1px solid #ddd; padding-left: 10px; margin-top: 6px;}
-.file_upload .menu { display: block; text-decoration: none; float: left; padding: 2px 15px; height: 28px; background: #eee; font-size: 13px; border: 1px solid #ccc; text-align: center; line-height: 25px; cursor: default; margin-right: 5px; margin-bottom: -1px; color: #444;}
+.file_upload .menu { display: block; text-decoration: none; float: left; padding: 2px 15px; height: 28px; background: #eee; font-size: 13px; border: 1px solid #ccc; text-align: center; line-height: 25px; margin-right: 5px; margin-bottom: -1px; color: #444;}
 .file_upload .menu.this { background: #fff; border-bottom: 1px solid #fff;}
 .file_upload .upload_path { padding: 5px 15px; background: #e6f0ff; margin: 10px 0; overflow: hidden; word-break: keep-all; white-space: nowrap; text-overflow: ellipsis; color: #5275b4;}
 .file_upload div a.left { margin-left: 10px;}
@@ -156,7 +156,8 @@ a.button:active { color: #000; border-color: #444;}
 a.button:focus { outline: none;}
 .messageBox { position: absolute; top: 15%; left: 0px; z-index: 88; background: #5579BA; color: #fff; opacity: 0.7; filter: alpha(opacity=70); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 10px 60px rgba(0,0,0,0.6); -moz-box-shadow: 0 10px 60px rgba(0,0,0,0.6); box-shadow: 0 10px 60px rgba(0,0,0,0.6); display: none;}
 .messageBox .content { padding: 10px 30px; line-height: 20px; width: auto;}
-.aui_outer { text-align: left;}
+.dialogMax { z-index: 99999 !important;}
+.aui_outer { text-align: left; position: relative;}
 .aui_mask { position: absolute; width: 100%; height: 100%; background: #fff; opacity: 0.01;}
 .aui_loading { height: 100%; width: 100%; overflow: hidden; position: absolute; left: 0; top: 40px; z-index: 9999; text-align: center; text-indent: -999em; background: url("../../../images/dialog_loading.gif") no-repeat center center;}
 table.aui_border,table.aui_dialog { width: 100%; border: 0; margin: 0; border-collapse: collapse;}
@@ -204,7 +205,7 @@ table.aui_border,table.aui_dialog { width: 100%; border: 0; margin: 0; border-co
 .dialogMax .aui_nw,.dialogMax .aui_ne,.dialogMax .aui_sw,.dialogMax .aui_se,.dialogMax .aui_w,.dialogMax .aui_e { width: 0px;}
 .dialogMax .aui_sw,.dialogMax .aui_n,.dialogMax .aui_se { height: 0px;}
 .dialogMax .aui_outer { border: none;}
-.dialog-can-resize .resize-handle { position: absolute; font-size: 0.1px; z-index: 9999; display: block;}
+.dialog-can-resize .resize-handle { position: absolute; z-index: 9999; display: block;}
 .dialog-can-resize .resize-top { z-index: 0; cursor: n-resize; top: -3px; left: 0px; height: 7px; width: 100%;}
 .dialog-can-resize .resize-bottom { z-index: 0; cursor: s-resize; bottom: -3px; left: 0px; height: 7px; width: 100%;}
 .dialog-can-resize .resize-right { z-index: 0; cursor: e-resize; right: -3px; top: 0px; width: 7px; height: 100%;}
diff --git a/static/style/skin/metro/app_desktop.css b/static/style/skin/metro/app_desktop.css
index 407371e..99b4bd8 100644
--- a/static/style/skin/metro/app_desktop.css
+++ b/static/style/skin/metro/app_desktop.css
@@ -41,15 +41,15 @@ input { border: 1px solid #ddd; background: #fff; outline: none;}
 .topbar .content .top_left a.title { font-size: 20px; width: 200px; padding: 0; text-align: center;}
 .topbar .content .top_left a b { color: #9CF; font-weight: 400;}
 .topbar .content .top_left a.title:hover { background: none;}
-.topbar .content .top_right { float: right; margin-right: 10px;}
+.topbar .content .top_right { float: right;}
 .topbar .content .top_right div { display: inline-block; margin-right: -3px;}
-.topbar .content .top_right a { display: inline-block; padding: 0px 0.7em; border: none; color: #fff;}
+.topbar .content .top_right a { display: inline-block; padding: 0px 0.7em; color: #fff; margin-right: -2px;}
 .topbar .content .top_right a i { padding-right: 2px; text-shadow: 0 0 1px;}
-.topbar .content .top_right .open a:focus,.topbar .content .top_right a:hover { background: #6b8ac3;}
-.topbar .content .top_right .menu-topbar_user { position: absolute; right: 10px; left: auto; margin-top: 0px; width: auto;}
-.topbar .content .top_right .topbar_language { position: absolute; right: 84px; left: auto; margin-top: 0px; width: auto;}
-.topbar .content .top_right ul a { color: #666; line-height: 30px; height: 30px; display: block;}
-.topbar .content .top_right ul a:hover,.topbar .content .top_right ul a.this { background: #e6e6e6; color: #000;}
+.topbar .content .top_right a:focus,.topbar .content .top_right a:hover { background: #6b8ac3;}
+.topbar .content .top_right .menu-topbar_user { position: absolute; right: 0px; left: auto; margin-top: 0px; width: auto;}
+.topbar .content .top_right .topbar_language { position: absolute; right: 75px; left: auto; margin-top: 0px; width: auto;}
+.topbar .content .top_right ul a { color: #666; line-height: 30px; height: 30px; display: block; padding: 0px 1.7em; border: none; overflow: hidden;}
+.topbar .content .top_right ul a:hover,.topbar .content .top_right ul a.this { background: #e6e6e6; color: #000; margin-right: 0px;}
 .topbar .content .top_right ul .font-icon { width: 18px; display: inline-block;}
 .do_search { color: #888; min-width: 452px;}
 .do_search .search_header { padding: 10px; padding-bottom: 0px;}
@@ -74,16 +74,16 @@ input { border: 1px solid #ddd; background: #fff; outline: none;}
 .do_search .search_result table .type { width: 37px;}
 .do_search .search_result table .size { width: 50px;}
 .do_search .search_result table .path,.do_search .search_result table .search_title .path { border-right: none;}
-.task_tab { position: fixed; bottom: 1px; left: 0; width: 100%; height: 30px; z-index: 9999; padding-left: 50px; background: rgba(0,0,0,0.1); border-top: 1px solid rgba(0,0,0,0.15); color: #444;}
+.task_tab { position: fixed; bottom: 1px; left: 0; width: 100%; height: 30px; z-index: 9900; padding-left: 50px; background: rgba(0,0,0,0.1); border-top: 1px solid rgba(0,0,0,0.15); color: #444;}
 .task_tab .tabs { height: 100%; margin-right: 10px; margin-right: 60px;}
-.task_tab .tabs .tab { float: left; height: 100%; margin-right: 2px; box-shadow: 0 0 6px #666; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; padding-left: 4px; word-break: break-all; background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0));}
+.task_tab .tabs .tab { float: left; height: 100%; margin-right: 2px; box-shadow: 0 0 6px #666; white-space: nowrap; text-overflow: ellipsis; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; padding-left: 4px; word-break: break-all; background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0));}
 .task_tab .tabs .tab img { width: 18px; height: 18px; padding-right: 4px; vertical-align: middle; display: inline-block; margin-top: -3px; border-radius: 4px;}
 .task_tab .tabs .tab.hover { background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0));}
 .task_tab .tabs .tab.this { box-shadow: 0 0 6px #000; background: rgba(255,255,255,0.2); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2));}
 .tasktab-dragging { position: absolute; z-index: 99999; height: 30px; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; box-shadow: 0 0 6px #000; padding-left: 4px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; word-break: break-all; background: rgba(255,255,255,0.2); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2));}
 .tasktab-dragging img { width: 18px; height: 18px; padding-right: 4px; vertical-align: middle; display: inline-block; margin-top: -3px; border-radius: 4px;}
 body div#ace_settingsmenu,body div#kbshortcutmenu { background-color: #000; opacity: 0.75; filter: alpha(opacity=75); color: #FFF; box-shadow: -5px 4px 5px rgba(0,0,0,0.2);}
-.frame_right { position: absolute; top: 34px; right: 0px; width: 40%; bottom: 0; background: #fff; z-index: 99; border-left: 1px solid #ccc; box-shadow: 0 20px 60px rgba(0,0,0,0.3); display: none;}
+.frame_right { position: absolute; top: 34px; right: 0px; width: 40%; bottom: 0; background: #fff; z-index: 99; overflow: hidden; border-left: 1px solid #ccc; box-shadow: 0 20px 60px rgba(0,0,0,0.3); display: none;}
 .frame_right .mask_view { z-index: 9999; opacity: 0.1;}
 .frame_right .resize { position: absolute; width: 10px; bottom: 0px; height: 100%; z-index: 100; cursor: col-resize; margin-left: -5px;}
 .frame_right .preview_frame { position: absolute; top: 30px; right: 0; bottom: 0; width: 100%; background: #fff;}
@@ -132,7 +132,7 @@ body div#ace_settingsmenu,body div#kbshortcutmenu { background-color: #000; opac
 .file_list { display: none;}
 .file_upload { width: 365px; height: 385px; padding: 5px;}
 .file_upload .top_nav { border-bottom: 1px solid #ddd; padding-left: 10px; margin-top: 6px;}
-.file_upload .menu { display: block; text-decoration: none; float: left; padding: 2px 15px; height: 28px; background: #eee; font-size: 13px; border: 1px solid #ccc; text-align: center; line-height: 25px; cursor: default; margin-right: 5px; margin-bottom: -1px; color: #444;}
+.file_upload .menu { display: block; text-decoration: none; float: left; padding: 2px 15px; height: 28px; background: #eee; font-size: 13px; border: 1px solid #ccc; text-align: center; line-height: 25px; margin-right: 5px; margin-bottom: -1px; color: #444;}
 .file_upload .menu.this { background: #fff; border-bottom: 1px solid #fff;}
 .file_upload .upload_path { padding: 5px 15px; background: #e6f0ff; margin: 10px 0; overflow: hidden; word-break: keep-all; white-space: nowrap; text-overflow: ellipsis; color: #5275b4;}
 .file_upload div a.left { margin-left: 10px;}
@@ -156,7 +156,8 @@ a.button:active { color: #000; border-color: #444;}
 a.button:focus { outline: none;}
 .messageBox { position: absolute; top: 15%; left: 0px; z-index: 88; background: #5579BA; color: #fff; opacity: 0.7; filter: alpha(opacity=70); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 10px 60px rgba(0,0,0,0.6); -moz-box-shadow: 0 10px 60px rgba(0,0,0,0.6); box-shadow: 0 10px 60px rgba(0,0,0,0.6); display: none;}
 .messageBox .content { padding: 10px 30px; line-height: 20px; width: auto;}
-.aui_outer { text-align: left;}
+.dialogMax { z-index: 99999 !important;}
+.aui_outer { text-align: left; position: relative;}
 .aui_mask { position: absolute; width: 100%; height: 100%; background: #fff; opacity: 0.01;}
 .aui_loading { height: 100%; width: 100%; overflow: hidden; position: absolute; left: 0; top: 40px; z-index: 9999; text-align: center; text-indent: -999em; background: url("../../../images/dialog_loading.gif") no-repeat center center;}
 table.aui_border,table.aui_dialog { width: 100%; border: 0; margin: 0; border-collapse: collapse;}
@@ -204,7 +205,7 @@ table.aui_border,table.aui_dialog { width: 100%; border: 0; margin: 0; border-co
 .dialogMax .aui_nw,.dialogMax .aui_ne,.dialogMax .aui_sw,.dialogMax .aui_se,.dialogMax .aui_w,.dialogMax .aui_e { width: 0px;}
 .dialogMax .aui_sw,.dialogMax .aui_n,.dialogMax .aui_se { height: 0px;}
 .dialogMax .aui_outer { border: none;}
-.dialog-can-resize .resize-handle { position: absolute; font-size: 0.1px; z-index: 9999; display: block;}
+.dialog-can-resize .resize-handle { position: absolute; z-index: 9999; display: block;}
 .dialog-can-resize .resize-top { z-index: 0; cursor: n-resize; top: -3px; left: 0px; height: 7px; width: 100%;}
 .dialog-can-resize .resize-bottom { z-index: 0; cursor: s-resize; bottom: -3px; left: 0px; height: 7px; width: 100%;}
 .dialog-can-resize .resize-right { z-index: 0; cursor: e-resize; right: -3px; top: 0px; width: 7px; height: 100%;}
@@ -242,7 +243,7 @@ div.dialog-simple .dialog_mouse_in .aui_header { opacity: 1; filter: alpha(opaci
 .fileList_icon .file .titleBox .title { cursor: text;}
 .fileList_icon .file .ico { width: 60px; height: 60px; background-image: url("./images/file.png"); background-repeat: no-repeat; background-position: center center; margin: 0 auto; margin-top: 4px; margin-bottom: 3px; display: block;}
 .fileList_icon .file .folder { width: 70px; background-image: url("./images/folder.png");}
-.fileList_icon .file .picture { width: 64px; height: 66px; background: none; margin: 0; position: relative; top: 3px; left: 8px; display: table-cell; vertical-align: middle; text-align: center; *display: block; *font-size: 64px; *font-family: Arial;}
+.fileList_icon .file .picture { width: 80px; height: 66px; background: none; margin: 0; position: relative; top: 3px; display: table-cell; vertical-align: middle; text-align: center; *display: block; *font-size: 64px; *font-family: Arial;}
 .fileList_icon .file .picture img { vertical-align: middle; max-width: 64px; max-height: 64px;}
 .fileList_icon .file .cpp,.fileList_icon .file .h,.fileList_icon .file .sql,.fileList_icon .file .java,.fileList_icon .file .cs,.fileList_icon .file .py,.fileList_icon .file .html,.fileList_icon .file .htm,.fileList_icon .file .shtml,.fileList_icon .file .hta,.fileList_icon .file .css,.fileList_icon .file .js,.fileList_icon .file .xml,.fileList_icon .file .php,.fileList_icon .file .jsp,.fileList_icon .file .asp,.fileList_icon .file .aspx,.fileList_icon .file .vb,.fileList_icon .file .vbs,.fileList_icon .file .bat,.fileList_icon .file .reg,.fileList_icon .file .cmd,.fileList_icon .file .pl,.fileList_icon .file .pm,.fileList_icon .file .cgi,.fileList_icon .file .as,.fileList_icon .file .asm,.fileList_icon .file .clj,.fileList_icon .file .cbl,.fileList_icon .file .cfm,.fileList_icon .file .d,.fileList_icon .file .diff,.fileList_icon .file .dot,.fileList_icon .file .ejs,.fileList_icon .file .erl,.fileList_icon .file .ftl,.fileList_icon .file .go,.fileList_icon .file .hs,.fileList_icon .file .hbs,.fileList_icon .file .haml,.fileList_icon .file .erb,.fileList_icon .file .jade,.fileList_icon .file .json,.fileList_icon .file .jq,.fileList_icon .file .jsx,.fileList_icon .file .ji,.fileList_icon .file .tex,.fileList_icon .file .lisp,.fileList_icon .file .ls,.fileList_icon .file .lsl,.fileList_icon .file .lua,.fileList_icon .file .lp,.fileList_icon .file .matlab,.fileList_icon .file .mel,.fileList_icon .file .r,.fileList_icon .file .yaml { background-image: url("./images/code.png");}
 .fileList_icon .file .txt,.fileList_icon .file .ini,.fileList_icon .file .md,.fileList_icon .file .markdown,.fileList_icon .file .log { background-image: url("./images/txt.png");}
@@ -354,7 +355,7 @@ div.dialog-simple .dialog_mouse_in .aui_header { opacity: 1; filter: alpha(opaci
 .desktop .fileList_icon .file .title .textarea { position: static;}
 #taskbar { height: 32px; position: fixed; bottom: 0; left: 0; width: 100%; padding: 0; margin: 0; background: url('../../../images/desktop/taskbarbg.png');}
 #taskbar a { position: absolute; text-align: center; width: 40px; height: 40px; left: 6px;}
-.start { background: url('../../../images/desktop/start.png') 0 0px no-repeat; display: block; z-index: 999; margin-top: -8px; z-index: 99999; width: 40px; height: 40px; bottom: 0px; left: 5px; position: fixed;}
+.start { background: url('../../../images/desktop/start.png') 0 0px no-repeat; display: block; z-index: 999; margin-top: -8px; z-index: 9901; width: 40px; height: 40px; bottom: 0px; left: 5px; position: fixed;}
 .start:hover { text-decoration: none; background-position: 0 -40px;}
 .start:active { text-decoration: none; background-position: 0 -80px;}
 .task_tab { position: fixed; bottom: 1px; left: 0; width: 100%; height: 30px; z-index: 9999;}
diff --git a/static/style/skin/metro/app_desktop.less b/static/style/skin/metro/app_desktop.less
index 4750acb..3fa08cb 100644
--- a/static/style/skin/metro/app_desktop.less
+++ b/static/style/skin/metro/app_desktop.less
@@ -33,7 +33,7 @@
     a{ position: absolute; text-align: center; width:40px; height:40px;left:6px;}  
 }
 .start{background: url('@{img_desktop}start.png') 0 0px no-repeat;
-    display:block;z-index: 999;margin-top: -8px;z-index: 99999;
+    display:block;z-index: 999;margin-top: -8px;z-index: 9901;
     width: 40px;height: 40px;bottom: 0px;left: 5px;position: fixed;
     &:hover{ text-decoration: none; background-position: 0 -40px;}
     &:active{ text-decoration: none; background-position: 0 -80px;}
diff --git a/static/style/skin/metro/app_editor.css b/static/style/skin/metro/app_editor.css
index f2d998e..c5fb41e 100644
--- a/static/style/skin/metro/app_editor.css
+++ b/static/style/skin/metro/app_editor.css
@@ -41,15 +41,15 @@ input { border: 1px solid #ddd; background: #fff; outline: none;}
 .topbar .content .top_left a.title { font-size: 20px; width: 200px; padding: 0; text-align: center;}
 .topbar .content .top_left a b { color: #9CF; font-weight: 400;}
 .topbar .content .top_left a.title:hover { background: none;}
-.topbar .content .top_right { float: right; margin-right: 10px;}
+.topbar .content .top_right { float: right;}
 .topbar .content .top_right div { display: inline-block; margin-right: -3px;}
-.topbar .content .top_right a { display: inline-block; padding: 0px 0.7em; border: none; color: #fff;}
+.topbar .content .top_right a { display: inline-block; padding: 0px 0.7em; color: #fff; margin-right: -2px;}
 .topbar .content .top_right a i { padding-right: 2px; text-shadow: 0 0 1px;}
-.topbar .content .top_right .open a:focus,.topbar .content .top_right a:hover { background: #6b8ac3;}
-.topbar .content .top_right .menu-topbar_user { position: absolute; right: 10px; left: auto; margin-top: 0px; width: auto;}
-.topbar .content .top_right .topbar_language { position: absolute; right: 84px; left: auto; margin-top: 0px; width: auto;}
-.topbar .content .top_right ul a { color: #666; line-height: 30px; height: 30px; display: block;}
-.topbar .content .top_right ul a:hover,.topbar .content .top_right ul a.this { background: #e6e6e6; color: #000;}
+.topbar .content .top_right a:focus,.topbar .content .top_right a:hover { background: #6b8ac3;}
+.topbar .content .top_right .menu-topbar_user { position: absolute; right: 0px; left: auto; margin-top: 0px; width: auto;}
+.topbar .content .top_right .topbar_language { position: absolute; right: 75px; left: auto; margin-top: 0px; width: auto;}
+.topbar .content .top_right ul a { color: #666; line-height: 30px; height: 30px; display: block; padding: 0px 1.7em; border: none; overflow: hidden;}
+.topbar .content .top_right ul a:hover,.topbar .content .top_right ul a.this { background: #e6e6e6; color: #000; margin-right: 0px;}
 .topbar .content .top_right ul .font-icon { width: 18px; display: inline-block;}
 .do_search { color: #888; min-width: 452px;}
 .do_search .search_header { padding: 10px; padding-bottom: 0px;}
@@ -74,16 +74,16 @@ input { border: 1px solid #ddd; background: #fff; outline: none;}
 .do_search .search_result table .type { width: 37px;}
 .do_search .search_result table .size { width: 50px;}
 .do_search .search_result table .path,.do_search .search_result table .search_title .path { border-right: none;}
-.task_tab { position: fixed; bottom: 1px; left: 0; width: 100%; height: 30px; z-index: 9999; padding-left: 50px; background: rgba(0,0,0,0.1); border-top: 1px solid rgba(0,0,0,0.15); color: #444;}
+.task_tab { position: fixed; bottom: 1px; left: 0; width: 100%; height: 30px; z-index: 9900; padding-left: 50px; background: rgba(0,0,0,0.1); border-top: 1px solid rgba(0,0,0,0.15); color: #444;}
 .task_tab .tabs { height: 100%; margin-right: 10px; margin-right: 60px;}
-.task_tab .tabs .tab { float: left; height: 100%; margin-right: 2px; box-shadow: 0 0 6px #666; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; padding-left: 4px; word-break: break-all; background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0));}
+.task_tab .tabs .tab { float: left; height: 100%; margin-right: 2px; box-shadow: 0 0 6px #666; white-space: nowrap; text-overflow: ellipsis; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; padding-left: 4px; word-break: break-all; background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0));}
 .task_tab .tabs .tab img { width: 18px; height: 18px; padding-right: 4px; vertical-align: middle; display: inline-block; margin-top: -3px; border-radius: 4px;}
 .task_tab .tabs .tab.hover { background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0));}
 .task_tab .tabs .tab.this { box-shadow: 0 0 6px #000; background: rgba(255,255,255,0.2); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2));}
 .tasktab-dragging { position: absolute; z-index: 99999; height: 30px; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; box-shadow: 0 0 6px #000; padding-left: 4px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; word-break: break-all; background: rgba(255,255,255,0.2); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2));}
 .tasktab-dragging img { width: 18px; height: 18px; padding-right: 4px; vertical-align: middle; display: inline-block; margin-top: -3px; border-radius: 4px;}
 body div#ace_settingsmenu,body div#kbshortcutmenu { background-color: #000; opacity: 0.75; filter: alpha(opacity=75); color: #FFF; box-shadow: -5px 4px 5px rgba(0,0,0,0.2);}
-.frame_right { position: absolute; top: 34px; right: 0px; width: 40%; bottom: 0; background: #fff; z-index: 99; border-left: 1px solid #ccc; box-shadow: 0 20px 60px rgba(0,0,0,0.3); display: none;}
+.frame_right { position: absolute; top: 34px; right: 0px; width: 40%; bottom: 0; background: #fff; z-index: 99; overflow: hidden; border-left: 1px solid #ccc; box-shadow: 0 20px 60px rgba(0,0,0,0.3); display: none;}
 .frame_right .mask_view { z-index: 9999; opacity: 0.1;}
 .frame_right .resize { position: absolute; width: 10px; bottom: 0px; height: 100%; z-index: 100; cursor: col-resize; margin-left: -5px;}
 .frame_right .preview_frame { position: absolute; top: 30px; right: 0; bottom: 0; width: 100%; background: #fff;}
@@ -132,7 +132,7 @@ body div#ace_settingsmenu,body div#kbshortcutmenu { background-color: #000; opac
 .file_list { display: none;}
 .file_upload { width: 365px; height: 385px; padding: 5px;}
 .file_upload .top_nav { border-bottom: 1px solid #ddd; padding-left: 10px; margin-top: 6px;}
-.file_upload .menu { display: block; text-decoration: none; float: left; padding: 2px 15px; height: 28px; background: #eee; font-size: 13px; border: 1px solid #ccc; text-align: center; line-height: 25px; cursor: default; margin-right: 5px; margin-bottom: -1px; color: #444;}
+.file_upload .menu { display: block; text-decoration: none; float: left; padding: 2px 15px; height: 28px; background: #eee; font-size: 13px; border: 1px solid #ccc; text-align: center; line-height: 25px; margin-right: 5px; margin-bottom: -1px; color: #444;}
 .file_upload .menu.this { background: #fff; border-bottom: 1px solid #fff;}
 .file_upload .upload_path { padding: 5px 15px; background: #e6f0ff; margin: 10px 0; overflow: hidden; word-break: keep-all; white-space: nowrap; text-overflow: ellipsis; color: #5275b4;}
 .file_upload div a.left { margin-left: 10px;}
@@ -156,7 +156,8 @@ a.button:active { color: #000; border-color: #444;}
 a.button:focus { outline: none;}
 .messageBox { position: absolute; top: 15%; left: 0px; z-index: 88; background: #5579BA; color: #fff; opacity: 0.7; filter: alpha(opacity=70); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 10px 60px rgba(0,0,0,0.6); -moz-box-shadow: 0 10px 60px rgba(0,0,0,0.6); box-shadow: 0 10px 60px rgba(0,0,0,0.6); display: none;}
 .messageBox .content { padding: 10px 30px; line-height: 20px; width: auto;}
-.aui_outer { text-align: left;}
+.dialogMax { z-index: 99999 !important;}
+.aui_outer { text-align: left; position: relative;}
 .aui_mask { position: absolute; width: 100%; height: 100%; background: #fff; opacity: 0.01;}
 .aui_loading { height: 100%; width: 100%; overflow: hidden; position: absolute; left: 0; top: 40px; z-index: 9999; text-align: center; text-indent: -999em; background: url("../../../images/dialog_loading.gif") no-repeat center center;}
 table.aui_border,table.aui_dialog { width: 100%; border: 0; margin: 0; border-collapse: collapse;}
@@ -204,7 +205,7 @@ table.aui_border,table.aui_dialog { width: 100%; border: 0; margin: 0; border-co
 .dialogMax .aui_nw,.dialogMax .aui_ne,.dialogMax .aui_sw,.dialogMax .aui_se,.dialogMax .aui_w,.dialogMax .aui_e { width: 0px;}
 .dialogMax .aui_sw,.dialogMax .aui_n,.dialogMax .aui_se { height: 0px;}
 .dialogMax .aui_outer { border: none;}
-.dialog-can-resize .resize-handle { position: absolute; font-size: 0.1px; z-index: 9999; display: block;}
+.dialog-can-resize .resize-handle { position: absolute; z-index: 9999; display: block;}
 .dialog-can-resize .resize-top { z-index: 0; cursor: n-resize; top: -3px; left: 0px; height: 7px; width: 100%;}
 .dialog-can-resize .resize-bottom { z-index: 0; cursor: s-resize; bottom: -3px; left: 0px; height: 7px; width: 100%;}
 .dialog-can-resize .resize-right { z-index: 0; cursor: e-resize; right: -3px; top: 0px; width: 7px; height: 100%;}
diff --git a/static/style/skin/metro/app_explorer.css b/static/style/skin/metro/app_explorer.css
index f33bdd8..71c4357 100644
--- a/static/style/skin/metro/app_explorer.css
+++ b/static/style/skin/metro/app_explorer.css
@@ -41,15 +41,15 @@ input { border: 1px solid #ddd; background: #fff; outline: none;}
 .topbar .content .top_left a.title { font-size: 20px; width: 200px; padding: 0; text-align: center;}
 .topbar .content .top_left a b { color: #9CF; font-weight: 400;}
 .topbar .content .top_left a.title:hover { background: none;}
-.topbar .content .top_right { float: right; margin-right: 10px;}
+.topbar .content .top_right { float: right;}
 .topbar .content .top_right div { display: inline-block; margin-right: -3px;}
-.topbar .content .top_right a { display: inline-block; padding: 0px 0.7em; border: none; color: #fff;}
+.topbar .content .top_right a { display: inline-block; padding: 0px 0.7em; color: #fff; margin-right: -2px;}
 .topbar .content .top_right a i { padding-right: 2px; text-shadow: 0 0 1px;}
-.topbar .content .top_right .open a:focus,.topbar .content .top_right a:hover { background: #6b8ac3;}
-.topbar .content .top_right .menu-topbar_user { position: absolute; right: 10px; left: auto; margin-top: 0px; width: auto;}
-.topbar .content .top_right .topbar_language { position: absolute; right: 84px; left: auto; margin-top: 0px; width: auto;}
-.topbar .content .top_right ul a { color: #666; line-height: 30px; height: 30px; display: block;}
-.topbar .content .top_right ul a:hover,.topbar .content .top_right ul a.this { background: #e6e6e6; color: #000;}
+.topbar .content .top_right a:focus,.topbar .content .top_right a:hover { background: #6b8ac3;}
+.topbar .content .top_right .menu-topbar_user { position: absolute; right: 0px; left: auto; margin-top: 0px; width: auto;}
+.topbar .content .top_right .topbar_language { position: absolute; right: 75px; left: auto; margin-top: 0px; width: auto;}
+.topbar .content .top_right ul a { color: #666; line-height: 30px; height: 30px; display: block; padding: 0px 1.7em; border: none; overflow: hidden;}
+.topbar .content .top_right ul a:hover,.topbar .content .top_right ul a.this { background: #e6e6e6; color: #000; margin-right: 0px;}
 .topbar .content .top_right ul .font-icon { width: 18px; display: inline-block;}
 .do_search { color: #888; min-width: 452px;}
 .do_search .search_header { padding: 10px; padding-bottom: 0px;}
@@ -74,16 +74,16 @@ input { border: 1px solid #ddd; background: #fff; outline: none;}
 .do_search .search_result table .type { width: 37px;}
 .do_search .search_result table .size { width: 50px;}
 .do_search .search_result table .path,.do_search .search_result table .search_title .path { border-right: none;}
-.task_tab { position: fixed; bottom: 1px; left: 0; width: 100%; height: 30px; z-index: 9999; padding-left: 50px; background: rgba(0,0,0,0.1); border-top: 1px solid rgba(0,0,0,0.15); color: #444;}
+.task_tab { position: fixed; bottom: 1px; left: 0; width: 100%; height: 30px; z-index: 9900; padding-left: 50px; background: rgba(0,0,0,0.1); border-top: 1px solid rgba(0,0,0,0.15); color: #444;}
 .task_tab .tabs { height: 100%; margin-right: 10px; margin-right: 60px;}
-.task_tab .tabs .tab { float: left; height: 100%; margin-right: 2px; box-shadow: 0 0 6px #666; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; padding-left: 4px; word-break: break-all; background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0));}
+.task_tab .tabs .tab { float: left; height: 100%; margin-right: 2px; box-shadow: 0 0 6px #666; white-space: nowrap; text-overflow: ellipsis; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; padding-left: 4px; word-break: break-all; background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0));}
 .task_tab .tabs .tab img { width: 18px; height: 18px; padding-right: 4px; vertical-align: middle; display: inline-block; margin-top: -3px; border-radius: 4px;}
 .task_tab .tabs .tab.hover { background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0));}
 .task_tab .tabs .tab.this { box-shadow: 0 0 6px #000; background: rgba(255,255,255,0.2); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2));}
 .tasktab-dragging { position: absolute; z-index: 99999; height: 30px; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; box-shadow: 0 0 6px #000; padding-left: 4px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; word-break: break-all; background: rgba(255,255,255,0.2); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2));}
 .tasktab-dragging img { width: 18px; height: 18px; padding-right: 4px; vertical-align: middle; display: inline-block; margin-top: -3px; border-radius: 4px;}
 body div#ace_settingsmenu,body div#kbshortcutmenu { background-color: #000; opacity: 0.75; filter: alpha(opacity=75); color: #FFF; box-shadow: -5px 4px 5px rgba(0,0,0,0.2);}
-.frame_right { position: absolute; top: 34px; right: 0px; width: 40%; bottom: 0; background: #fff; z-index: 99; border-left: 1px solid #ccc; box-shadow: 0 20px 60px rgba(0,0,0,0.3); display: none;}
+.frame_right { position: absolute; top: 34px; right: 0px; width: 40%; bottom: 0; background: #fff; z-index: 99; overflow: hidden; border-left: 1px solid #ccc; box-shadow: 0 20px 60px rgba(0,0,0,0.3); display: none;}
 .frame_right .mask_view { z-index: 9999; opacity: 0.1;}
 .frame_right .resize { position: absolute; width: 10px; bottom: 0px; height: 100%; z-index: 100; cursor: col-resize; margin-left: -5px;}
 .frame_right .preview_frame { position: absolute; top: 30px; right: 0; bottom: 0; width: 100%; background: #fff;}
@@ -132,7 +132,7 @@ body div#ace_settingsmenu,body div#kbshortcutmenu { background-color: #000; opac
 .file_list { display: none;}
 .file_upload { width: 365px; height: 385px; padding: 5px;}
 .file_upload .top_nav { border-bottom: 1px solid #ddd; padding-left: 10px; margin-top: 6px;}
-.file_upload .menu { display: block; text-decoration: none; float: left; padding: 2px 15px; height: 28px; background: #eee; font-size: 13px; border: 1px solid #ccc; text-align: center; line-height: 25px; cursor: default; margin-right: 5px; margin-bottom: -1px; color: #444;}
+.file_upload .menu { display: block; text-decoration: none; float: left; padding: 2px 15px; height: 28px; background: #eee; font-size: 13px; border: 1px solid #ccc; text-align: center; line-height: 25px; margin-right: 5px; margin-bottom: -1px; color: #444;}
 .file_upload .menu.this { background: #fff; border-bottom: 1px solid #fff;}
 .file_upload .upload_path { padding: 5px 15px; background: #e6f0ff; margin: 10px 0; overflow: hidden; word-break: keep-all; white-space: nowrap; text-overflow: ellipsis; color: #5275b4;}
 .file_upload div a.left { margin-left: 10px;}
@@ -156,7 +156,8 @@ a.button:active { color: #000; border-color: #444;}
 a.button:focus { outline: none;}
 .messageBox { position: absolute; top: 15%; left: 0px; z-index: 88; background: #5579BA; color: #fff; opacity: 0.7; filter: alpha(opacity=70); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 10px 60px rgba(0,0,0,0.6); -moz-box-shadow: 0 10px 60px rgba(0,0,0,0.6); box-shadow: 0 10px 60px rgba(0,0,0,0.6); display: none;}
 .messageBox .content { padding: 10px 30px; line-height: 20px; width: auto;}
-.aui_outer { text-align: left;}
+.dialogMax { z-index: 99999 !important;}
+.aui_outer { text-align: left; position: relative;}
 .aui_mask { position: absolute; width: 100%; height: 100%; background: #fff; opacity: 0.01;}
 .aui_loading { height: 100%; width: 100%; overflow: hidden; position: absolute; left: 0; top: 40px; z-index: 9999; text-align: center; text-indent: -999em; background: url("../../../images/dialog_loading.gif") no-repeat center center;}
 table.aui_border,table.aui_dialog { width: 100%; border: 0; margin: 0; border-collapse: collapse;}
@@ -204,7 +205,7 @@ table.aui_border,table.aui_dialog { width: 100%; border: 0; margin: 0; border-co
 .dialogMax .aui_nw,.dialogMax .aui_ne,.dialogMax .aui_sw,.dialogMax .aui_se,.dialogMax .aui_w,.dialogMax .aui_e { width: 0px;}
 .dialogMax .aui_sw,.dialogMax .aui_n,.dialogMax .aui_se { height: 0px;}
 .dialogMax .aui_outer { border: none;}
-.dialog-can-resize .resize-handle { position: absolute; font-size: 0.1px; z-index: 9999; display: block;}
+.dialog-can-resize .resize-handle { position: absolute; z-index: 9999; display: block;}
 .dialog-can-resize .resize-top { z-index: 0; cursor: n-resize; top: -3px; left: 0px; height: 7px; width: 100%;}
 .dialog-can-resize .resize-bottom { z-index: 0; cursor: s-resize; bottom: -3px; left: 0px; height: 7px; width: 100%;}
 .dialog-can-resize .resize-right { z-index: 0; cursor: e-resize; right: -3px; top: 0px; width: 7px; height: 100%;}
@@ -309,7 +310,7 @@ span.tmpzTreeMove_arrow { display: inline-block; margin: 4px 0 0 2px; position:
 .fileList_icon .file .titleBox .title { cursor: text;}
 .fileList_icon .file .ico { width: 60px; height: 60px; background-image: url("./images/file.png"); background-repeat: no-repeat; background-position: center center; margin: 0 auto; margin-top: 4px; margin-bottom: 3px; display: block;}
 .fileList_icon .file .folder { width: 70px; background-image: url("./images/folder.png");}
-.fileList_icon .file .picture { width: 64px; height: 66px; background: none; margin: 0; position: relative; top: 3px; left: 8px; display: table-cell; vertical-align: middle; text-align: center; *display: block; *font-size: 64px; *font-family: Arial;}
+.fileList_icon .file .picture { width: 80px; height: 66px; background: none; margin: 0; position: relative; top: 3px; display: table-cell; vertical-align: middle; text-align: center; *display: block; *font-size: 64px; *font-family: Arial;}
 .fileList_icon .file .picture img { vertical-align: middle; max-width: 64px; max-height: 64px;}
 .fileList_icon .file .cpp,.fileList_icon .file .h,.fileList_icon .file .sql,.fileList_icon .file .java,.fileList_icon .file .cs,.fileList_icon .file .py,.fileList_icon .file .html,.fileList_icon .file .htm,.fileList_icon .file .shtml,.fileList_icon .file .hta,.fileList_icon .file .css,.fileList_icon .file .js,.fileList_icon .file .xml,.fileList_icon .file .php,.fileList_icon .file .jsp,.fileList_icon .file .asp,.fileList_icon .file .aspx,.fileList_icon .file .vb,.fileList_icon .file .vbs,.fileList_icon .file .bat,.fileList_icon .file .reg,.fileList_icon .file .cmd,.fileList_icon .file .pl,.fileList_icon .file .pm,.fileList_icon .file .cgi,.fileList_icon .file .as,.fileList_icon .file .asm,.fileList_icon .file .clj,.fileList_icon .file .cbl,.fileList_icon .file .cfm,.fileList_icon .file .d,.fileList_icon .file .diff,.fileList_icon .file .dot,.fileList_icon .file .ejs,.fileList_icon .file .erl,.fileList_icon .file .ftl,.fileList_icon .file .go,.fileList_icon .file .hs,.fileList_icon .file .hbs,.fileList_icon .file .haml,.fileList_icon .file .erb,.fileList_icon .file .jade,.fileList_icon .file .json,.fileList_icon .file .jq,.fileList_icon .file .jsx,.fileList_icon .file .ji,.fileList_icon .file .tex,.fileList_icon .file .lisp,.fileList_icon .file .ls,.fileList_icon .file .lsl,.fileList_icon .file .lua,.fileList_icon .file .lp,.fileList_icon .file .matlab,.fileList_icon .file .mel,.fileList_icon .file .r,.fileList_icon .file .yaml { background-image: url("./images/code.png");}
 .fileList_icon .file .txt,.fileList_icon .file .ini,.fileList_icon .file .md,.fileList_icon .file .markdown,.fileList_icon .file .log { background-image: url("./images/txt.png");}
@@ -422,8 +423,8 @@ span.tmpzTreeMove_arrow { display: inline-block; margin: 4px 0 0 2px; position:
 .frame-header .header-content .header-middle .btn-default:active,.frame-header .header-content .header-right .btn-default:active { color: #000; border-color: #888;}
 .frame-header .header-content .font-icon { font-size: 18px; line-height: 20px; padding-right: 4px;}
 .frame-header .header-content .header-left { float: left; width: 170px; padding-left: 35px;}
-.frame-header .header-content .header-middle { position: absolute; left: 205px; top: 10px; right: 0px;}
-.frame-header .header-content .header-middle #yarnball { width: 50%; cursor: text; height: 27px; height: 28px\0; overflow: hidden; margin-left: -1px; float: left; border: 1px solid #ddd; box-shadow: #e6e6e6 0px 0px 20px inset; background: #f8f8f8 url("../../../images/bg.gif") 0px -2px repeat-x;}
+.frame-header .header-content .header-middle { position: absolute; left: 216px; top: 10px; right: 0px;}
+.frame-header .header-content .header-middle #yarnball { width: 50%; cursor: text; height: 27px; overflow: hidden; margin-left: -1px; float: left; border: 1px solid #ddd; box-shadow: #e6e6e6 0px 0px 20px inset; background: #f8f8f8 url("../../../images/bg.gif") 0px -2px repeat-x;}
 .frame-header .header-content .header-middle #yarnball .yarnball { list-style: none; margin: 0; margin-top: -1px; padding: 0; position: relative;}
 .frame-header .header-content .header-middle #yarnball .yarnball .yarnlet { display: inline-block;}
 .frame-header .header-content .header-middle #yarnball .yarnball .yarnlet a,.frame-header .header-content .header-middle #yarnball .yarnball .yarnlet a:link,.frame-header .header-content .header-middle #yarnball .yarnball .yarnlet a:visited { color: #666; display: inline-block; font-size: 12px; padding: 5px 15px 10px 20px; margin-left: -15px; position: relative; text-decoration: none; vertical-align: top; line-height: 20px;}
@@ -435,10 +436,11 @@ span.tmpzTreeMove_arrow { display: inline-block; margin: 4px 0 0 2px; position:
 .frame-header .header-content .header-middle #yarnball .yarnball .yarnlet a:hover .left-yarn { background-position: 0 -50px;}
 .frame-header .header-content .header-middle #yarnball .yarnball .yarnlet a:active .left-yarn { background-position: 0 -98px;}
 .frame-header .header-content .header-middle #yarnball_input { height: 27px; height: 28px\0; width: 50%; cursor: text; float: left; border: 1px solid #ddd; display: none; margin-left: -1px; background: #f8f8f8 url("../../../images/bg.gif") 0px -2px repeat-x; box-shadow: #e6e6e6 0px 0px 20px inset;}
-.frame-header .header-content .header-middle #yarnball_input input.path { border: none; height: 25px; display: block; width: 100%; padding-left: 10px; padding-right: 10px; text-shadow: 1px 1px 3px #cce; color: #888; background: #f8f8f8 url("../../../images/bg.gif") 0px -2px repeat-x; box-shadow: #e6e6e6 0px 0px 20px inset;}
+.frame-header .header-content .header-middle #yarnball_input input.path { border: none; height: 25px; display: block; width: 100%; padding-left: 10px; padding-right: 10px; text-shadow: 1px 1px 3px #cce; color: #888; background: #f8f8f8 url("../../../images/bg.gif") 0px -2px repeat-x; background: none; width: 94%;}
 .frame-header .header-content .header-middle #yarnball_input input:focus { outline: none;}
 .frame-header .header-content .header-right { position: absolute; right: 20px; top: 10px;}
-.frame-header .header-content .header-right input { display: block; float: left; border: 1px solid #ddd; height: 25px; height: 28px\0; padding-left: 10px; padding-right: 10px; text-shadow: 1px 1px 3px #cce; color: #888; background: #f8f8f8 url("../../../images/bg.gif") 0px -2px repeat-x; box-shadow: #e6e6e6 0px 0px 20px inset; outline: none; width: 120px; -webkit-transition: all 0.218s; -moz-transition: all 0.218s; -o-transition: all 0.218s; -ms-transition: all 0.218s; transition: all 0.218s;}
+.frame-header .header-content .header-right .btn { border-radius: 0;}
+.frame-header .header-content .header-right input { display: block; float: left; border: 1px solid #ddd; height: 25px; padding-left: 10px; padding-right: 10px; text-shadow: 1px 1px 3px #cce; color: #888; background: #f8f8f8 url("../../../images/bg.gif") 0px -2px repeat-x; box-shadow: #e6e6e6 0px 0px 20px inset; outline: none; width: 120px; -webkit-transition: all 0.218s; -moz-transition: all 0.218s; -o-transition: all 0.218s; -ms-transition: all 0.218s; transition: all 0.218s;}
 .frame-header .header-content .header-right input:focus { width: 160px; box-shadow: #ccc 0px 0px 20px inset;}
 .frame-main { position: absolute; left: 0; right: 0; top: 90px; bottom: 0;}
 .frame-main .frame-left { position: absolute; left: 0; top: 0; bottom: 0; width: 199px; border-right: 1px solid #ddd; background: #f3f3f3; background-attachment: fixed; overflow: auto;}
@@ -454,7 +456,7 @@ span.tmpzTreeMove_arrow { display: inline-block; margin: 4px 0 0 2px; position:
 .frame-main .frame-right .frame-right-main .drop-menu-action .disabled a i.font-icon { color: #bbb;}
 .frame-main .frame-right .frame-right-main .drop-menu-action .disabled a:hover { background: #fff; color: #bbb;}
 .frame-main .frame-right .frame-right-main .drop-menu-action .disabled a:hover i.font-icon { color: #bbb;}
-.frame-main .frame-right .frame-right-main .tools { z-index: 100; height: 33px; min-width: 600px; border-bottom: 1px solid #ddd; background: #f6f6f6; -webkit-box-shadow: 1px 2px 15px #eee; -moz-box-shadow: 1px 2px 15px #eee; box-shadow: 1px 2px 15px #eee;}
+.frame-main .frame-right .frame-right-main .tools { z-index: 100; height: 33px; min-width: 505px; border-bottom: 1px solid #ddd; background: #f6f6f6; -webkit-box-shadow: 1px 2px 15px #eee; -moz-box-shadow: 1px 2px 15px #eee; box-shadow: 1px 2px 15px #eee;}
 .frame-main .frame-right .frame-right-main .tools a.left:hover,.frame-main .frame-right .frame-right-main .tools a.middle:hover { margin-right: 2px; padding-right: 8px;}
 .frame-main .frame-right .frame-right-main .tools a.this { background: #eee; cursor: default;}
 .frame-main .frame-right .frame-right-main .tools a.this:hover { margin-right: 0px; padding-right: 10px; border: 1px solid #ddd; background: #eee; -webkit-box-shadow: 0 2px 8px rgba(0,0,0,0.05); -moz-box-shadow: 0 2px 8px rgba(0,0,0,0.05); box-shadow: 0 2px 8px rgba(0,0,0,0.05); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;}
diff --git a/static/style/skin/metro/app_explorer.less b/static/style/skin/metro/app_explorer.less
index 8afffd8..437d934 100644
--- a/static/style/skin/metro/app_explorer.less
+++ b/static/style/skin/metro/app_explorer.less
@@ -23,9 +23,9 @@
         .font-icon{font-size: 18px;line-height: 20px;padding-right:4px;}
         .header-left{float: left;width: 170px;padding-left: 35px;}
         .header-middle{
-            position:absolute;left:205px;top:10px;right:0px;
+            position:absolute;left:216px;top:10px;right:0px;
             #yarnball{/* Yarnball 地址栏操作 */
-                width:50%;cursor:text;height:27px;height:~"28px\0";
+                width:50%;cursor:text;height:27px;
                 overflow: hidden;margin-left: -1px;
                 float:left;border:1px solid #ddd;
                 box-shadow:#e6e6e6 0px 0px 20px inset;
@@ -56,7 +56,7 @@
                         padding-left:10px;padding-right: 10px;         
                         text-shadow:1px 1px 3px #cce;color:#888;
                         background:#f8f8f8 url("@{img_common}bg.gif") 0px -2px repeat-x;
-                        box-shadow:#e6e6e6 0px 0px 20px inset;
+                        background: none;width: 94%;
                     }
                     &:focus{outline: none;}
                 }
@@ -64,9 +64,10 @@
         }
         .header-right{
             position: absolute;right:20px;top:10px;
+            .btn{border-radius: 0;}
             a.logout,a.setting{}
             a.logout:hover,a.setting:hover{}
-            input{display: block;float: left;border: 1px solid #ddd;height:25px;height:~"28px\0";;padding-left: 10px;
+            input{display: block;float: left;border: 1px solid #ddd;height:25px;;padding-left: 10px;
                 padding-right: 10px;text-shadow: 1px 1px 3px #cce;color: #888;
                 background: #f8f8f8 url("@{img_common}bg.gif") 0px -2px repeat-x;
                 box-shadow: #e6e6e6 0px 0px 20px inset;outline: none;width: 120px;.transition(all 0.218s);
@@ -104,7 +105,7 @@
                 }
             }
             .tools{
-                z-index: 100;height:33px;min-width:600px;
+                z-index: 100;height:33px;min-width:505px;
                 border-bottom:1px solid #ddd;background:#f6f6f6;              
                 .box-shadow(1px 2px 15px  #eee);
                 a.left:hover,a.middle:hover{margin-right:2px;padding-right:8px;}
diff --git a/static/style/skin/metro/app_setting.css b/static/style/skin/metro/app_setting.css
index f11fdc2..1f61d89 100644
--- a/static/style/skin/metro/app_setting.css
+++ b/static/style/skin/metro/app_setting.css
@@ -41,15 +41,15 @@ input { border: 1px solid #ddd; background: #fff; outline: none;}
 .topbar .content .top_left a.title { font-size: 20px; width: 200px; padding: 0; text-align: center;}
 .topbar .content .top_left a b { color: #9CF; font-weight: 400;}
 .topbar .content .top_left a.title:hover { background: none;}
-.topbar .content .top_right { float: right; margin-right: 10px;}
+.topbar .content .top_right { float: right;}
 .topbar .content .top_right div { display: inline-block; margin-right: -3px;}
-.topbar .content .top_right a { display: inline-block; padding: 0px 0.7em; border: none; color: #fff;}
+.topbar .content .top_right a { display: inline-block; padding: 0px 0.7em; color: #fff; margin-right: -2px;}
 .topbar .content .top_right a i { padding-right: 2px; text-shadow: 0 0 1px;}
-.topbar .content .top_right .open a:focus,.topbar .content .top_right a:hover { background: #6b8ac3;}
-.topbar .content .top_right .menu-topbar_user { position: absolute; right: 10px; left: auto; margin-top: 0px; width: auto;}
-.topbar .content .top_right .topbar_language { position: absolute; right: 84px; left: auto; margin-top: 0px; width: auto;}
-.topbar .content .top_right ul a { color: #666; line-height: 30px; height: 30px; display: block;}
-.topbar .content .top_right ul a:hover,.topbar .content .top_right ul a.this { background: #e6e6e6; color: #000;}
+.topbar .content .top_right a:focus,.topbar .content .top_right a:hover { background: #6b8ac3;}
+.topbar .content .top_right .menu-topbar_user { position: absolute; right: 0px; left: auto; margin-top: 0px; width: auto;}
+.topbar .content .top_right .topbar_language { position: absolute; right: 75px; left: auto; margin-top: 0px; width: auto;}
+.topbar .content .top_right ul a { color: #666; line-height: 30px; height: 30px; display: block; padding: 0px 1.7em; border: none; overflow: hidden;}
+.topbar .content .top_right ul a:hover,.topbar .content .top_right ul a.this { background: #e6e6e6; color: #000; margin-right: 0px;}
 .topbar .content .top_right ul .font-icon { width: 18px; display: inline-block;}
 .do_search { color: #888; min-width: 452px;}
 .do_search .search_header { padding: 10px; padding-bottom: 0px;}
@@ -74,16 +74,16 @@ input { border: 1px solid #ddd; background: #fff; outline: none;}
 .do_search .search_result table .type { width: 37px;}
 .do_search .search_result table .size { width: 50px;}
 .do_search .search_result table .path,.do_search .search_result table .search_title .path { border-right: none;}
-.task_tab { position: fixed; bottom: 1px; left: 0; width: 100%; height: 30px; z-index: 9999; padding-left: 50px; background: rgba(0,0,0,0.1); border-top: 1px solid rgba(0,0,0,0.15); color: #444;}
+.task_tab { position: fixed; bottom: 1px; left: 0; width: 100%; height: 30px; z-index: 9900; padding-left: 50px; background: rgba(0,0,0,0.1); border-top: 1px solid rgba(0,0,0,0.15); color: #444;}
 .task_tab .tabs { height: 100%; margin-right: 10px; margin-right: 60px;}
-.task_tab .tabs .tab { float: left; height: 100%; margin-right: 2px; box-shadow: 0 0 6px #666; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; padding-left: 4px; word-break: break-all; background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0));}
+.task_tab .tabs .tab { float: left; height: 100%; margin-right: 2px; box-shadow: 0 0 6px #666; white-space: nowrap; text-overflow: ellipsis; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; padding-left: 4px; word-break: break-all; background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0));}
 .task_tab .tabs .tab img { width: 18px; height: 18px; padding-right: 4px; vertical-align: middle; display: inline-block; margin-top: -3px; border-radius: 4px;}
 .task_tab .tabs .tab.hover { background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0));}
 .task_tab .tabs .tab.this { box-shadow: 0 0 6px #000; background: rgba(255,255,255,0.2); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2));}
 .tasktab-dragging { position: absolute; z-index: 99999; height: 30px; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; box-shadow: 0 0 6px #000; padding-left: 4px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; word-break: break-all; background: rgba(255,255,255,0.2); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2));}
 .tasktab-dragging img { width: 18px; height: 18px; padding-right: 4px; vertical-align: middle; display: inline-block; margin-top: -3px; border-radius: 4px;}
 body div#ace_settingsmenu,body div#kbshortcutmenu { background-color: #000; opacity: 0.75; filter: alpha(opacity=75); color: #FFF; box-shadow: -5px 4px 5px rgba(0,0,0,0.2);}
-.frame_right { position: absolute; top: 34px; right: 0px; width: 40%; bottom: 0; background: #fff; z-index: 99; border-left: 1px solid #ccc; box-shadow: 0 20px 60px rgba(0,0,0,0.3); display: none;}
+.frame_right { position: absolute; top: 34px; right: 0px; width: 40%; bottom: 0; background: #fff; z-index: 99; overflow: hidden; border-left: 1px solid #ccc; box-shadow: 0 20px 60px rgba(0,0,0,0.3); display: none;}
 .frame_right .mask_view { z-index: 9999; opacity: 0.1;}
 .frame_right .resize { position: absolute; width: 10px; bottom: 0px; height: 100%; z-index: 100; cursor: col-resize; margin-left: -5px;}
 .frame_right .preview_frame { position: absolute; top: 30px; right: 0; bottom: 0; width: 100%; background: #fff;}
@@ -132,7 +132,7 @@ body div#ace_settingsmenu,body div#kbshortcutmenu { background-color: #000; opac
 .file_list { display: none;}
 .file_upload { width: 365px; height: 385px; padding: 5px;}
 .file_upload .top_nav { border-bottom: 1px solid #ddd; padding-left: 10px; margin-top: 6px;}
-.file_upload .menu { display: block; text-decoration: none; float: left; padding: 2px 15px; height: 28px; background: #eee; font-size: 13px; border: 1px solid #ccc; text-align: center; line-height: 25px; cursor: default; margin-right: 5px; margin-bottom: -1px; color: #444;}
+.file_upload .menu { display: block; text-decoration: none; float: left; padding: 2px 15px; height: 28px; background: #eee; font-size: 13px; border: 1px solid #ccc; text-align: center; line-height: 25px; margin-right: 5px; margin-bottom: -1px; color: #444;}
 .file_upload .menu.this { background: #fff; border-bottom: 1px solid #fff;}
 .file_upload .upload_path { padding: 5px 15px; background: #e6f0ff; margin: 10px 0; overflow: hidden; word-break: keep-all; white-space: nowrap; text-overflow: ellipsis; color: #5275b4;}
 .file_upload div a.left { margin-left: 10px;}
@@ -156,7 +156,8 @@ a.button:active { color: #000; border-color: #444;}
 a.button:focus { outline: none;}
 .messageBox { position: absolute; top: 15%; left: 0px; z-index: 88; background: #5579BA; color: #fff; opacity: 0.7; filter: alpha(opacity=70); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 10px 60px rgba(0,0,0,0.6); -moz-box-shadow: 0 10px 60px rgba(0,0,0,0.6); box-shadow: 0 10px 60px rgba(0,0,0,0.6); display: none;}
 .messageBox .content { padding: 10px 30px; line-height: 20px; width: auto;}
-.aui_outer { text-align: left;}
+.dialogMax { z-index: 99999 !important;}
+.aui_outer { text-align: left; position: relative;}
 .aui_mask { position: absolute; width: 100%; height: 100%; background: #fff; opacity: 0.01;}
 .aui_loading { height: 100%; width: 100%; overflow: hidden; position: absolute; left: 0; top: 40px; z-index: 9999; text-align: center; text-indent: -999em; background: url("../../../images/dialog_loading.gif") no-repeat center center;}
 table.aui_border,table.aui_dialog { width: 100%; border: 0; margin: 0; border-collapse: collapse;}
@@ -204,7 +205,7 @@ table.aui_border,table.aui_dialog { width: 100%; border: 0; margin: 0; border-co
 .dialogMax .aui_nw,.dialogMax .aui_ne,.dialogMax .aui_sw,.dialogMax .aui_se,.dialogMax .aui_w,.dialogMax .aui_e { width: 0px;}
 .dialogMax .aui_sw,.dialogMax .aui_n,.dialogMax .aui_se { height: 0px;}
 .dialogMax .aui_outer { border: none;}
-.dialog-can-resize .resize-handle { position: absolute; font-size: 0.1px; z-index: 9999; display: block;}
+.dialog-can-resize .resize-handle { position: absolute; z-index: 9999; display: block;}
 .dialog-can-resize .resize-top { z-index: 0; cursor: n-resize; top: -3px; left: 0px; height: 7px; width: 100%;}
 .dialog-can-resize .resize-bottom { z-index: 0; cursor: s-resize; bottom: -3px; left: 0px; height: 7px; width: 100%;}
 .dialog-can-resize .resize-right { z-index: 0; cursor: e-resize; right: -3px; top: 0px; width: 7px; height: 100%;}
diff --git a/static/style/skin/metro/blue_app_code_edit.css b/static/style/skin/metro/blue_app_code_edit.css
index 0a42a78..2d92d57 100644
--- a/static/style/skin/metro/blue_app_code_edit.css
+++ b/static/style/skin/metro/blue_app_code_edit.css
@@ -41,15 +41,15 @@ input { border: 1px solid #ddd; background: #fff; outline: none;}
 .topbar .content .top_left a.title { font-size: 20px; width: 200px; padding: 0; text-align: center;}
 .topbar .content .top_left a b { color: #9CF; font-weight: 400;}
 .topbar .content .top_left a.title:hover { background: none;}
-.topbar .content .top_right { float: right; margin-right: 10px;}
+.topbar .content .top_right { float: right;}
 .topbar .content .top_right div { display: inline-block; margin-right: -3px;}
-.topbar .content .top_right a { display: inline-block; padding: 0px 0.7em; border: none; color: #fff;}
+.topbar .content .top_right a { display: inline-block; padding: 0px 0.7em; color: #fff; margin-right: -2px;}
 .topbar .content .top_right a i { padding-right: 2px; text-shadow: 0 0 1px;}
-.topbar .content .top_right .open a:focus,.topbar .content .top_right a:hover { background: #7cc1ff;}
-.topbar .content .top_right .menu-topbar_user { position: absolute; right: 10px; left: auto; margin-top: 0px; width: auto;}
-.topbar .content .top_right .topbar_language { position: absolute; right: 84px; left: auto; margin-top: 0px; width: auto;}
-.topbar .content .top_right ul a { color: #666; line-height: 30px; height: 30px; display: block;}
-.topbar .content .top_right ul a:hover,.topbar .content .top_right ul a.this { background: #e6e6e6; color: #000;}
+.topbar .content .top_right a:focus,.topbar .content .top_right a:hover { background: #7cc1ff;}
+.topbar .content .top_right .menu-topbar_user { position: absolute; right: 0px; left: auto; margin-top: 0px; width: auto;}
+.topbar .content .top_right .topbar_language { position: absolute; right: 75px; left: auto; margin-top: 0px; width: auto;}
+.topbar .content .top_right ul a { color: #666; line-height: 30px; height: 30px; display: block; padding: 0px 1.7em; border: none; overflow: hidden;}
+.topbar .content .top_right ul a:hover,.topbar .content .top_right ul a.this { background: #e6e6e6; color: #000; margin-right: 0px;}
 .topbar .content .top_right ul .font-icon { width: 18px; display: inline-block;}
 .do_search { color: #888; min-width: 452px;}
 .do_search .search_header { padding: 10px; padding-bottom: 0px;}
@@ -74,16 +74,16 @@ input { border: 1px solid #ddd; background: #fff; outline: none;}
 .do_search .search_result table .type { width: 37px;}
 .do_search .search_result table .size { width: 50px;}
 .do_search .search_result table .path,.do_search .search_result table .search_title .path { border-right: none;}
-.task_tab { position: fixed; bottom: 1px; left: 0; width: 100%; height: 30px; z-index: 9999; padding-left: 50px; background: rgba(0,0,0,0.1); border-top: 1px solid rgba(0,0,0,0.15); color: #444;}
+.task_tab { position: fixed; bottom: 1px; left: 0; width: 100%; height: 30px; z-index: 9900; padding-left: 50px; background: rgba(0,0,0,0.1); border-top: 1px solid rgba(0,0,0,0.15); color: #444;}
 .task_tab .tabs { height: 100%; margin-right: 10px; margin-right: 60px;}
-.task_tab .tabs .tab { float: left; height: 100%; margin-right: 2px; box-shadow: 0 0 6px #666; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; padding-left: 4px; word-break: break-all; background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0));}
+.task_tab .tabs .tab { float: left; height: 100%; margin-right: 2px; box-shadow: 0 0 6px #666; white-space: nowrap; text-overflow: ellipsis; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; padding-left: 4px; word-break: break-all; background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0));}
 .task_tab .tabs .tab img { width: 18px; height: 18px; padding-right: 4px; vertical-align: middle; display: inline-block; margin-top: -3px; border-radius: 4px;}
 .task_tab .tabs .tab.hover { background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0));}
 .task_tab .tabs .tab.this { box-shadow: 0 0 6px #000; background: rgba(255,255,255,0.2); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2));}
 .tasktab-dragging { position: absolute; z-index: 99999; height: 30px; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; box-shadow: 0 0 6px #000; padding-left: 4px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; word-break: break-all; background: rgba(255,255,255,0.2); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2));}
 .tasktab-dragging img { width: 18px; height: 18px; padding-right: 4px; vertical-align: middle; display: inline-block; margin-top: -3px; border-radius: 4px;}
 body div#ace_settingsmenu,body div#kbshortcutmenu { background-color: #000; opacity: 0.75; filter: alpha(opacity=75); color: #FFF; box-shadow: -5px 4px 5px rgba(0,0,0,0.2);}
-.frame_right { position: absolute; top: 34px; right: 0px; width: 40%; bottom: 0; background: #fff; z-index: 99; border-left: 1px solid #ccc; box-shadow: 0 20px 60px rgba(0,0,0,0.3); display: none;}
+.frame_right { position: absolute; top: 34px; right: 0px; width: 40%; bottom: 0; background: #fff; z-index: 99; overflow: hidden; border-left: 1px solid #ccc; box-shadow: 0 20px 60px rgba(0,0,0,0.3); display: none;}
 .frame_right .mask_view { z-index: 9999; opacity: 0.1;}
 .frame_right .resize { position: absolute; width: 10px; bottom: 0px; height: 100%; z-index: 100; cursor: col-resize; margin-left: -5px;}
 .frame_right .preview_frame { position: absolute; top: 30px; right: 0; bottom: 0; width: 100%; background: #fff;}
@@ -132,7 +132,7 @@ body div#ace_settingsmenu,body div#kbshortcutmenu { background-color: #000; opac
 .file_list { display: none;}
 .file_upload { width: 365px; height: 385px; padding: 5px;}
 .file_upload .top_nav { border-bottom: 1px solid #ddd; padding-left: 10px; margin-top: 6px;}
-.file_upload .menu { display: block; text-decoration: none; float: left; padding: 2px 15px; height: 28px; background: #eee; font-size: 13px; border: 1px solid #ccc; text-align: center; line-height: 25px; cursor: default; margin-right: 5px; margin-bottom: -1px; color: #444;}
+.file_upload .menu { display: block; text-decoration: none; float: left; padding: 2px 15px; height: 28px; background: #eee; font-size: 13px; border: 1px solid #ccc; text-align: center; line-height: 25px; margin-right: 5px; margin-bottom: -1px; color: #444;}
 .file_upload .menu.this { background: #fff; border-bottom: 1px solid #fff;}
 .file_upload .upload_path { padding: 5px 15px; background: #e6f0ff; margin: 10px 0; overflow: hidden; word-break: keep-all; white-space: nowrap; text-overflow: ellipsis; color: #5275b4;}
 .file_upload div a.left { margin-left: 10px;}
@@ -156,7 +156,8 @@ a.button:active { color: #000; border-color: #444;}
 a.button:focus { outline: none;}
 .messageBox { position: absolute; top: 15%; left: 0px; z-index: 88; background: #5db2ff; color: #fff; opacity: 0.7; filter: alpha(opacity=70); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 10px 60px rgba(0,0,0,0.6); -moz-box-shadow: 0 10px 60px rgba(0,0,0,0.6); box-shadow: 0 10px 60px rgba(0,0,0,0.6); display: none;}
 .messageBox .content { padding: 10px 30px; line-height: 20px; width: auto;}
-.aui_outer { text-align: left;}
+.dialogMax { z-index: 99999 !important;}
+.aui_outer { text-align: left; position: relative;}
 .aui_mask { position: absolute; width: 100%; height: 100%; background: #fff; opacity: 0.01;}
 .aui_loading { height: 100%; width: 100%; overflow: hidden; position: absolute; left: 0; top: 40px; z-index: 9999; text-align: center; text-indent: -999em; background: url("../../../images/dialog_loading.gif") no-repeat center center;}
 table.aui_border,table.aui_dialog { width: 100%; border: 0; margin: 0; border-collapse: collapse;}
@@ -204,7 +205,7 @@ table.aui_border,table.aui_dialog { width: 100%; border: 0; margin: 0; border-co
 .dialogMax .aui_nw,.dialogMax .aui_ne,.dialogMax .aui_sw,.dialogMax .aui_se,.dialogMax .aui_w,.dialogMax .aui_e { width: 0px;}
 .dialogMax .aui_sw,.dialogMax .aui_n,.dialogMax .aui_se { height: 0px;}
 .dialogMax .aui_outer { border: none;}
-.dialog-can-resize .resize-handle { position: absolute; font-size: 0.1px; z-index: 9999; display: block;}
+.dialog-can-resize .resize-handle { position: absolute; z-index: 9999; display: block;}
 .dialog-can-resize .resize-top { z-index: 0; cursor: n-resize; top: -3px; left: 0px; height: 7px; width: 100%;}
 .dialog-can-resize .resize-bottom { z-index: 0; cursor: s-resize; bottom: -3px; left: 0px; height: 7px; width: 100%;}
 .dialog-can-resize .resize-right { z-index: 0; cursor: e-resize; right: -3px; top: 0px; width: 7px; height: 100%;}
diff --git a/static/style/skin/metro/blue_app_desktop.css b/static/style/skin/metro/blue_app_desktop.css
index 39a05cb..f717fbe 100644
--- a/static/style/skin/metro/blue_app_desktop.css
+++ b/static/style/skin/metro/blue_app_desktop.css
@@ -41,15 +41,15 @@ input { border: 1px solid #ddd; background: #fff; outline: none;}
 .topbar .content .top_left a.title { font-size: 20px; width: 200px; padding: 0; text-align: center;}
 .topbar .content .top_left a b { color: #9CF; font-weight: 400;}
 .topbar .content .top_left a.title:hover { background: none;}
-.topbar .content .top_right { float: right; margin-right: 10px;}
+.topbar .content .top_right { float: right;}
 .topbar .content .top_right div { display: inline-block; margin-right: -3px;}
-.topbar .content .top_right a { display: inline-block; padding: 0px 0.7em; border: none; color: #fff;}
+.topbar .content .top_right a { display: inline-block; padding: 0px 0.7em; color: #fff; margin-right: -2px;}
 .topbar .content .top_right a i { padding-right: 2px; text-shadow: 0 0 1px;}
-.topbar .content .top_right .open a:focus,.topbar .content .top_right a:hover { background: #7cc1ff;}
-.topbar .content .top_right .menu-topbar_user { position: absolute; right: 10px; left: auto; margin-top: 0px; width: auto;}
-.topbar .content .top_right .topbar_language { position: absolute; right: 84px; left: auto; margin-top: 0px; width: auto;}
-.topbar .content .top_right ul a { color: #666; line-height: 30px; height: 30px; display: block;}
-.topbar .content .top_right ul a:hover,.topbar .content .top_right ul a.this { background: #e6e6e6; color: #000;}
+.topbar .content .top_right a:focus,.topbar .content .top_right a:hover { background: #7cc1ff;}
+.topbar .content .top_right .menu-topbar_user { position: absolute; right: 0px; left: auto; margin-top: 0px; width: auto;}
+.topbar .content .top_right .topbar_language { position: absolute; right: 75px; left: auto; margin-top: 0px; width: auto;}
+.topbar .content .top_right ul a { color: #666; line-height: 30px; height: 30px; display: block; padding: 0px 1.7em; border: none; overflow: hidden;}
+.topbar .content .top_right ul a:hover,.topbar .content .top_right ul a.this { background: #e6e6e6; color: #000; margin-right: 0px;}
 .topbar .content .top_right ul .font-icon { width: 18px; display: inline-block;}
 .do_search { color: #888; min-width: 452px;}
 .do_search .search_header { padding: 10px; padding-bottom: 0px;}
@@ -74,16 +74,16 @@ input { border: 1px solid #ddd; background: #fff; outline: none;}
 .do_search .search_result table .type { width: 37px;}
 .do_search .search_result table .size { width: 50px;}
 .do_search .search_result table .path,.do_search .search_result table .search_title .path { border-right: none;}
-.task_tab { position: fixed; bottom: 1px; left: 0; width: 100%; height: 30px; z-index: 9999; padding-left: 50px; background: rgba(0,0,0,0.1); border-top: 1px solid rgba(0,0,0,0.15); color: #444;}
+.task_tab { position: fixed; bottom: 1px; left: 0; width: 100%; height: 30px; z-index: 9900; padding-left: 50px; background: rgba(0,0,0,0.1); border-top: 1px solid rgba(0,0,0,0.15); color: #444;}
 .task_tab .tabs { height: 100%; margin-right: 10px; margin-right: 60px;}
-.task_tab .tabs .tab { float: left; height: 100%; margin-right: 2px; box-shadow: 0 0 6px #666; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; padding-left: 4px; word-break: break-all; background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0));}
+.task_tab .tabs .tab { float: left; height: 100%; margin-right: 2px; box-shadow: 0 0 6px #666; white-space: nowrap; text-overflow: ellipsis; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; padding-left: 4px; word-break: break-all; background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0));}
 .task_tab .tabs .tab img { width: 18px; height: 18px; padding-right: 4px; vertical-align: middle; display: inline-block; margin-top: -3px; border-radius: 4px;}
 .task_tab .tabs .tab.hover { background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0));}
 .task_tab .tabs .tab.this { box-shadow: 0 0 6px #000; background: rgba(255,255,255,0.2); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2));}
 .tasktab-dragging { position: absolute; z-index: 99999; height: 30px; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; box-shadow: 0 0 6px #000; padding-left: 4px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; word-break: break-all; background: rgba(255,255,255,0.2); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2));}
 .tasktab-dragging img { width: 18px; height: 18px; padding-right: 4px; vertical-align: middle; display: inline-block; margin-top: -3px; border-radius: 4px;}
 body div#ace_settingsmenu,body div#kbshortcutmenu { background-color: #000; opacity: 0.75; filter: alpha(opacity=75); color: #FFF; box-shadow: -5px 4px 5px rgba(0,0,0,0.2);}
-.frame_right { position: absolute; top: 34px; right: 0px; width: 40%; bottom: 0; background: #fff; z-index: 99; border-left: 1px solid #ccc; box-shadow: 0 20px 60px rgba(0,0,0,0.3); display: none;}
+.frame_right { position: absolute; top: 34px; right: 0px; width: 40%; bottom: 0; background: #fff; z-index: 99; overflow: hidden; border-left: 1px solid #ccc; box-shadow: 0 20px 60px rgba(0,0,0,0.3); display: none;}
 .frame_right .mask_view { z-index: 9999; opacity: 0.1;}
 .frame_right .resize { position: absolute; width: 10px; bottom: 0px; height: 100%; z-index: 100; cursor: col-resize; margin-left: -5px;}
 .frame_right .preview_frame { position: absolute; top: 30px; right: 0; bottom: 0; width: 100%; background: #fff;}
@@ -132,7 +132,7 @@ body div#ace_settingsmenu,body div#kbshortcutmenu { background-color: #000; opac
 .file_list { display: none;}
 .file_upload { width: 365px; height: 385px; padding: 5px;}
 .file_upload .top_nav { border-bottom: 1px solid #ddd; padding-left: 10px; margin-top: 6px;}
-.file_upload .menu { display: block; text-decoration: none; float: left; padding: 2px 15px; height: 28px; background: #eee; font-size: 13px; border: 1px solid #ccc; text-align: center; line-height: 25px; cursor: default; margin-right: 5px; margin-bottom: -1px; color: #444;}
+.file_upload .menu { display: block; text-decoration: none; float: left; padding: 2px 15px; height: 28px; background: #eee; font-size: 13px; border: 1px solid #ccc; text-align: center; line-height: 25px; margin-right: 5px; margin-bottom: -1px; color: #444;}
 .file_upload .menu.this { background: #fff; border-bottom: 1px solid #fff;}
 .file_upload .upload_path { padding: 5px 15px; background: #e6f0ff; margin: 10px 0; overflow: hidden; word-break: keep-all; white-space: nowrap; text-overflow: ellipsis; color: #5275b4;}
 .file_upload div a.left { margin-left: 10px;}
@@ -156,7 +156,8 @@ a.button:active { color: #000; border-color: #444;}
 a.button:focus { outline: none;}
 .messageBox { position: absolute; top: 15%; left: 0px; z-index: 88; background: #5db2ff; color: #fff; opacity: 0.7; filter: alpha(opacity=70); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 10px 60px rgba(0,0,0,0.6); -moz-box-shadow: 0 10px 60px rgba(0,0,0,0.6); box-shadow: 0 10px 60px rgba(0,0,0,0.6); display: none;}
 .messageBox .content { padding: 10px 30px; line-height: 20px; width: auto;}
-.aui_outer { text-align: left;}
+.dialogMax { z-index: 99999 !important;}
+.aui_outer { text-align: left; position: relative;}
 .aui_mask { position: absolute; width: 100%; height: 100%; background: #fff; opacity: 0.01;}
 .aui_loading { height: 100%; width: 100%; overflow: hidden; position: absolute; left: 0; top: 40px; z-index: 9999; text-align: center; text-indent: -999em; background: url("../../../images/dialog_loading.gif") no-repeat center center;}
 table.aui_border,table.aui_dialog { width: 100%; border: 0; margin: 0; border-collapse: collapse;}
@@ -204,7 +205,7 @@ table.aui_border,table.aui_dialog { width: 100%; border: 0; margin: 0; border-co
 .dialogMax .aui_nw,.dialogMax .aui_ne,.dialogMax .aui_sw,.dialogMax .aui_se,.dialogMax .aui_w,.dialogMax .aui_e { width: 0px;}
 .dialogMax .aui_sw,.dialogMax .aui_n,.dialogMax .aui_se { height: 0px;}
 .dialogMax .aui_outer { border: none;}
-.dialog-can-resize .resize-handle { position: absolute; font-size: 0.1px; z-index: 9999; display: block;}
+.dialog-can-resize .resize-handle { position: absolute; z-index: 9999; display: block;}
 .dialog-can-resize .resize-top { z-index: 0; cursor: n-resize; top: -3px; left: 0px; height: 7px; width: 100%;}
 .dialog-can-resize .resize-bottom { z-index: 0; cursor: s-resize; bottom: -3px; left: 0px; height: 7px; width: 100%;}
 .dialog-can-resize .resize-right { z-index: 0; cursor: e-resize; right: -3px; top: 0px; width: 7px; height: 100%;}
@@ -242,7 +243,7 @@ div.dialog-simple .dialog_mouse_in .aui_header { opacity: 1; filter: alpha(opaci
 .fileList_icon .file .titleBox .title { cursor: text;}
 .fileList_icon .file .ico { width: 60px; height: 60px; background-image: url("./images/file.png"); background-repeat: no-repeat; background-position: center center; margin: 0 auto; margin-top: 4px; margin-bottom: 3px; display: block;}
 .fileList_icon .file .folder { width: 70px; background-image: url("./images/folder.png");}
-.fileList_icon .file .picture { width: 64px; height: 66px; background: none; margin: 0; position: relative; top: 3px; left: 8px; display: table-cell; vertical-align: middle; text-align: center; *display: block; *font-size: 64px; *font-family: Arial;}
+.fileList_icon .file .picture { width: 80px; height: 66px; background: none; margin: 0; position: relative; top: 3px; display: table-cell; vertical-align: middle; text-align: center; *display: block; *font-size: 64px; *font-family: Arial;}
 .fileList_icon .file .picture img { vertical-align: middle; max-width: 64px; max-height: 64px;}
 .fileList_icon .file .cpp,.fileList_icon .file .h,.fileList_icon .file .sql,.fileList_icon .file .java,.fileList_icon .file .cs,.fileList_icon .file .py,.fileList_icon .file .html,.fileList_icon .file .htm,.fileList_icon .file .shtml,.fileList_icon .file .hta,.fileList_icon .file .css,.fileList_icon .file .js,.fileList_icon .file .xml,.fileList_icon .file .php,.fileList_icon .file .jsp,.fileList_icon .file .asp,.fileList_icon .file .aspx,.fileList_icon .file .vb,.fileList_icon .file .vbs,.fileList_icon .file .bat,.fileList_icon .file .reg,.fileList_icon .file .cmd,.fileList_icon .file .pl,.fileList_icon .file .pm,.fileList_icon .file .cgi,.fileList_icon .file .as,.fileList_icon .file .asm,.fileList_icon .file .clj,.fileList_icon .file .cbl,.fileList_icon .file .cfm,.fileList_icon .file .d,.fileList_icon .file .diff,.fileList_icon .file .dot,.fileList_icon .file .ejs,.fileList_icon .file .erl,.fileList_icon .file .ftl,.fileList_icon .file .go,.fileList_icon .file .hs,.fileList_icon .file .hbs,.fileList_icon .file .haml,.fileList_icon .file .erb,.fileList_icon .file .jade,.fileList_icon .file .json,.fileList_icon .file .jq,.fileList_icon .file .jsx,.fileList_icon .file .ji,.fileList_icon .file .tex,.fileList_icon .file .lisp,.fileList_icon .file .ls,.fileList_icon .file .lsl,.fileList_icon .file .lua,.fileList_icon .file .lp,.fileList_icon .file .matlab,.fileList_icon .file .mel,.fileList_icon .file .r,.fileList_icon .file .yaml { background-image: url("./images/code.png");}
 .fileList_icon .file .txt,.fileList_icon .file .ini,.fileList_icon .file .md,.fileList_icon .file .markdown,.fileList_icon .file .log { background-image: url("./images/txt.png");}
@@ -354,7 +355,7 @@ div.dialog-simple .dialog_mouse_in .aui_header { opacity: 1; filter: alpha(opaci
 .desktop .fileList_icon .file .title .textarea { position: static;}
 #taskbar { height: 32px; position: fixed; bottom: 0; left: 0; width: 100%; padding: 0; margin: 0; background: url('../../../images/desktop/taskbarbg.png');}
 #taskbar a { position: absolute; text-align: center; width: 40px; height: 40px; left: 6px;}
-.start { background: url('../../../images/desktop/start.png') 0 0px no-repeat; display: block; z-index: 999; margin-top: -8px; z-index: 99999; width: 40px; height: 40px; bottom: 0px; left: 5px; position: fixed;}
+.start { background: url('../../../images/desktop/start.png') 0 0px no-repeat; display: block; z-index: 999; margin-top: -8px; z-index: 9901; width: 40px; height: 40px; bottom: 0px; left: 5px; position: fixed;}
 .start:hover { text-decoration: none; background-position: 0 -40px;}
 .start:active { text-decoration: none; background-position: 0 -80px;}
 .task_tab { position: fixed; bottom: 1px; left: 0; width: 100%; height: 30px; z-index: 9999;}
diff --git a/static/style/skin/metro/blue_app_editor.css b/static/style/skin/metro/blue_app_editor.css
index 64184d5..b8b1b10 100644
--- a/static/style/skin/metro/blue_app_editor.css
+++ b/static/style/skin/metro/blue_app_editor.css
@@ -41,15 +41,15 @@ input { border: 1px solid #ddd; background: #fff; outline: none;}
 .topbar .content .top_left a.title { font-size: 20px; width: 200px; padding: 0; text-align: center;}
 .topbar .content .top_left a b { color: #9CF; font-weight: 400;}
 .topbar .content .top_left a.title:hover { background: none;}
-.topbar .content .top_right { float: right; margin-right: 10px;}
+.topbar .content .top_right { float: right;}
 .topbar .content .top_right div { display: inline-block; margin-right: -3px;}
-.topbar .content .top_right a { display: inline-block; padding: 0px 0.7em; border: none; color: #fff;}
+.topbar .content .top_right a { display: inline-block; padding: 0px 0.7em; color: #fff; margin-right: -2px;}
 .topbar .content .top_right a i { padding-right: 2px; text-shadow: 0 0 1px;}
-.topbar .content .top_right .open a:focus,.topbar .content .top_right a:hover { background: #7cc1ff;}
-.topbar .content .top_right .menu-topbar_user { position: absolute; right: 10px; left: auto; margin-top: 0px; width: auto;}
-.topbar .content .top_right .topbar_language { position: absolute; right: 84px; left: auto; margin-top: 0px; width: auto;}
-.topbar .content .top_right ul a { color: #666; line-height: 30px; height: 30px; display: block;}
-.topbar .content .top_right ul a:hover,.topbar .content .top_right ul a.this { background: #e6e6e6; color: #000;}
+.topbar .content .top_right a:focus,.topbar .content .top_right a:hover { background: #7cc1ff;}
+.topbar .content .top_right .menu-topbar_user { position: absolute; right: 0px; left: auto; margin-top: 0px; width: auto;}
+.topbar .content .top_right .topbar_language { position: absolute; right: 75px; left: auto; margin-top: 0px; width: auto;}
+.topbar .content .top_right ul a { color: #666; line-height: 30px; height: 30px; display: block; padding: 0px 1.7em; border: none; overflow: hidden;}
+.topbar .content .top_right ul a:hover,.topbar .content .top_right ul a.this { background: #e6e6e6; color: #000; margin-right: 0px;}
 .topbar .content .top_right ul .font-icon { width: 18px; display: inline-block;}
 .do_search { color: #888; min-width: 452px;}
 .do_search .search_header { padding: 10px; padding-bottom: 0px;}
@@ -74,16 +74,16 @@ input { border: 1px solid #ddd; background: #fff; outline: none;}
 .do_search .search_result table .type { width: 37px;}
 .do_search .search_result table .size { width: 50px;}
 .do_search .search_result table .path,.do_search .search_result table .search_title .path { border-right: none;}
-.task_tab { position: fixed; bottom: 1px; left: 0; width: 100%; height: 30px; z-index: 9999; padding-left: 50px; background: rgba(0,0,0,0.1); border-top: 1px solid rgba(0,0,0,0.15); color: #444;}
+.task_tab { position: fixed; bottom: 1px; left: 0; width: 100%; height: 30px; z-index: 9900; padding-left: 50px; background: rgba(0,0,0,0.1); border-top: 1px solid rgba(0,0,0,0.15); color: #444;}
 .task_tab .tabs { height: 100%; margin-right: 10px; margin-right: 60px;}
-.task_tab .tabs .tab { float: left; height: 100%; margin-right: 2px; box-shadow: 0 0 6px #666; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; padding-left: 4px; word-break: break-all; background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0));}
+.task_tab .tabs .tab { float: left; height: 100%; margin-right: 2px; box-shadow: 0 0 6px #666; white-space: nowrap; text-overflow: ellipsis; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; padding-left: 4px; word-break: break-all; background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0));}
 .task_tab .tabs .tab img { width: 18px; height: 18px; padding-right: 4px; vertical-align: middle; display: inline-block; margin-top: -3px; border-radius: 4px;}
 .task_tab .tabs .tab.hover { background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0));}
 .task_tab .tabs .tab.this { box-shadow: 0 0 6px #000; background: rgba(255,255,255,0.2); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2));}
 .tasktab-dragging { position: absolute; z-index: 99999; height: 30px; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; box-shadow: 0 0 6px #000; padding-left: 4px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; word-break: break-all; background: rgba(255,255,255,0.2); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2));}
 .tasktab-dragging img { width: 18px; height: 18px; padding-right: 4px; vertical-align: middle; display: inline-block; margin-top: -3px; border-radius: 4px;}
 body div#ace_settingsmenu,body div#kbshortcutmenu { background-color: #000; opacity: 0.75; filter: alpha(opacity=75); color: #FFF; box-shadow: -5px 4px 5px rgba(0,0,0,0.2);}
-.frame_right { position: absolute; top: 34px; right: 0px; width: 40%; bottom: 0; background: #fff; z-index: 99; border-left: 1px solid #ccc; box-shadow: 0 20px 60px rgba(0,0,0,0.3); display: none;}
+.frame_right { position: absolute; top: 34px; right: 0px; width: 40%; bottom: 0; background: #fff; z-index: 99; overflow: hidden; border-left: 1px solid #ccc; box-shadow: 0 20px 60px rgba(0,0,0,0.3); display: none;}
 .frame_right .mask_view { z-index: 9999; opacity: 0.1;}
 .frame_right .resize { position: absolute; width: 10px; bottom: 0px; height: 100%; z-index: 100; cursor: col-resize; margin-left: -5px;}
 .frame_right .preview_frame { position: absolute; top: 30px; right: 0; bottom: 0; width: 100%; background: #fff;}
@@ -132,7 +132,7 @@ body div#ace_settingsmenu,body div#kbshortcutmenu { background-color: #000; opac
 .file_list { display: none;}
 .file_upload { width: 365px; height: 385px; padding: 5px;}
 .file_upload .top_nav { border-bottom: 1px solid #ddd; padding-left: 10px; margin-top: 6px;}
-.file_upload .menu { display: block; text-decoration: none; float: left; padding: 2px 15px; height: 28px; background: #eee; font-size: 13px; border: 1px solid #ccc; text-align: center; line-height: 25px; cursor: default; margin-right: 5px; margin-bottom: -1px; color: #444;}
+.file_upload .menu { display: block; text-decoration: none; float: left; padding: 2px 15px; height: 28px; background: #eee; font-size: 13px; border: 1px solid #ccc; text-align: center; line-height: 25px; margin-right: 5px; margin-bottom: -1px; color: #444;}
 .file_upload .menu.this { background: #fff; border-bottom: 1px solid #fff;}
 .file_upload .upload_path { padding: 5px 15px; background: #e6f0ff; margin: 10px 0; overflow: hidden; word-break: keep-all; white-space: nowrap; text-overflow: ellipsis; color: #5275b4;}
 .file_upload div a.left { margin-left: 10px;}
@@ -156,7 +156,8 @@ a.button:active { color: #000; border-color: #444;}
 a.button:focus { outline: none;}
 .messageBox { position: absolute; top: 15%; left: 0px; z-index: 88; background: #5db2ff; color: #fff; opacity: 0.7; filter: alpha(opacity=70); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 10px 60px rgba(0,0,0,0.6); -moz-box-shadow: 0 10px 60px rgba(0,0,0,0.6); box-shadow: 0 10px 60px rgba(0,0,0,0.6); display: none;}
 .messageBox .content { padding: 10px 30px; line-height: 20px; width: auto;}
-.aui_outer { text-align: left;}
+.dialogMax { z-index: 99999 !important;}
+.aui_outer { text-align: left; position: relative;}
 .aui_mask { position: absolute; width: 100%; height: 100%; background: #fff; opacity: 0.01;}
 .aui_loading { height: 100%; width: 100%; overflow: hidden; position: absolute; left: 0; top: 40px; z-index: 9999; text-align: center; text-indent: -999em; background: url("../../../images/dialog_loading.gif") no-repeat center center;}
 table.aui_border,table.aui_dialog { width: 100%; border: 0; margin: 0; border-collapse: collapse;}
@@ -204,7 +205,7 @@ table.aui_border,table.aui_dialog { width: 100%; border: 0; margin: 0; border-co
 .dialogMax .aui_nw,.dialogMax .aui_ne,.dialogMax .aui_sw,.dialogMax .aui_se,.dialogMax .aui_w,.dialogMax .aui_e { width: 0px;}
 .dialogMax .aui_sw,.dialogMax .aui_n,.dialogMax .aui_se { height: 0px;}
 .dialogMax .aui_outer { border: none;}
-.dialog-can-resize .resize-handle { position: absolute; font-size: 0.1px; z-index: 9999; display: block;}
+.dialog-can-resize .resize-handle { position: absolute; z-index: 9999; display: block;}
 .dialog-can-resize .resize-top { z-index: 0; cursor: n-resize; top: -3px; left: 0px; height: 7px; width: 100%;}
 .dialog-can-resize .resize-bottom { z-index: 0; cursor: s-resize; bottom: -3px; left: 0px; height: 7px; width: 100%;}
 .dialog-can-resize .resize-right { z-index: 0; cursor: e-resize; right: -3px; top: 0px; width: 7px; height: 100%;}
diff --git a/static/style/skin/metro/blue_app_explorer.css b/static/style/skin/metro/blue_app_explorer.css
index bcde625..58c44a1 100644
--- a/static/style/skin/metro/blue_app_explorer.css
+++ b/static/style/skin/metro/blue_app_explorer.css
@@ -41,15 +41,15 @@ input { border: 1px solid #ddd; background: #fff; outline: none;}
 .topbar .content .top_left a.title { font-size: 20px; width: 200px; padding: 0; text-align: center;}
 .topbar .content .top_left a b { color: #9CF; font-weight: 400;}
 .topbar .content .top_left a.title:hover { background: none;}
-.topbar .content .top_right { float: right; margin-right: 10px;}
+.topbar .content .top_right { float: right;}
 .topbar .content .top_right div { display: inline-block; margin-right: -3px;}
-.topbar .content .top_right a { display: inline-block; padding: 0px 0.7em; border: none; color: #fff;}
+.topbar .content .top_right a { display: inline-block; padding: 0px 0.7em; color: #fff; margin-right: -2px;}
 .topbar .content .top_right a i { padding-right: 2px; text-shadow: 0 0 1px;}
-.topbar .content .top_right .open a:focus,.topbar .content .top_right a:hover { background: #7cc1ff;}
-.topbar .content .top_right .menu-topbar_user { position: absolute; right: 10px; left: auto; margin-top: 0px; width: auto;}
-.topbar .content .top_right .topbar_language { position: absolute; right: 84px; left: auto; margin-top: 0px; width: auto;}
-.topbar .content .top_right ul a { color: #666; line-height: 30px; height: 30px; display: block;}
-.topbar .content .top_right ul a:hover,.topbar .content .top_right ul a.this { background: #e6e6e6; color: #000;}
+.topbar .content .top_right a:focus,.topbar .content .top_right a:hover { background: #7cc1ff;}
+.topbar .content .top_right .menu-topbar_user { position: absolute; right: 0px; left: auto; margin-top: 0px; width: auto;}
+.topbar .content .top_right .topbar_language { position: absolute; right: 75px; left: auto; margin-top: 0px; width: auto;}
+.topbar .content .top_right ul a { color: #666; line-height: 30px; height: 30px; display: block; padding: 0px 1.7em; border: none; overflow: hidden;}
+.topbar .content .top_right ul a:hover,.topbar .content .top_right ul a.this { background: #e6e6e6; color: #000; margin-right: 0px;}
 .topbar .content .top_right ul .font-icon { width: 18px; display: inline-block;}
 .do_search { color: #888; min-width: 452px;}
 .do_search .search_header { padding: 10px; padding-bottom: 0px;}
@@ -74,16 +74,16 @@ input { border: 1px solid #ddd; background: #fff; outline: none;}
 .do_search .search_result table .type { width: 37px;}
 .do_search .search_result table .size { width: 50px;}
 .do_search .search_result table .path,.do_search .search_result table .search_title .path { border-right: none;}
-.task_tab { position: fixed; bottom: 1px; left: 0; width: 100%; height: 30px; z-index: 9999; padding-left: 50px; background: rgba(0,0,0,0.1); border-top: 1px solid rgba(0,0,0,0.15); color: #444;}
+.task_tab { position: fixed; bottom: 1px; left: 0; width: 100%; height: 30px; z-index: 9900; padding-left: 50px; background: rgba(0,0,0,0.1); border-top: 1px solid rgba(0,0,0,0.15); color: #444;}
 .task_tab .tabs { height: 100%; margin-right: 10px; margin-right: 60px;}
-.task_tab .tabs .tab { float: left; height: 100%; margin-right: 2px; box-shadow: 0 0 6px #666; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; padding-left: 4px; word-break: break-all; background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0));}
+.task_tab .tabs .tab { float: left; height: 100%; margin-right: 2px; box-shadow: 0 0 6px #666; white-space: nowrap; text-overflow: ellipsis; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; padding-left: 4px; word-break: break-all; background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0));}
 .task_tab .tabs .tab img { width: 18px; height: 18px; padding-right: 4px; vertical-align: middle; display: inline-block; margin-top: -3px; border-radius: 4px;}
 .task_tab .tabs .tab.hover { background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0));}
 .task_tab .tabs .tab.this { box-shadow: 0 0 6px #000; background: rgba(255,255,255,0.2); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2));}
 .tasktab-dragging { position: absolute; z-index: 99999; height: 30px; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; box-shadow: 0 0 6px #000; padding-left: 4px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; word-break: break-all; background: rgba(255,255,255,0.2); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2));}
 .tasktab-dragging img { width: 18px; height: 18px; padding-right: 4px; vertical-align: middle; display: inline-block; margin-top: -3px; border-radius: 4px;}
 body div#ace_settingsmenu,body div#kbshortcutmenu { background-color: #000; opacity: 0.75; filter: alpha(opacity=75); color: #FFF; box-shadow: -5px 4px 5px rgba(0,0,0,0.2);}
-.frame_right { position: absolute; top: 34px; right: 0px; width: 40%; bottom: 0; background: #fff; z-index: 99; border-left: 1px solid #ccc; box-shadow: 0 20px 60px rgba(0,0,0,0.3); display: none;}
+.frame_right { position: absolute; top: 34px; right: 0px; width: 40%; bottom: 0; background: #fff; z-index: 99; overflow: hidden; border-left: 1px solid #ccc; box-shadow: 0 20px 60px rgba(0,0,0,0.3); display: none;}
 .frame_right .mask_view { z-index: 9999; opacity: 0.1;}
 .frame_right .resize { position: absolute; width: 10px; bottom: 0px; height: 100%; z-index: 100; cursor: col-resize; margin-left: -5px;}
 .frame_right .preview_frame { position: absolute; top: 30px; right: 0; bottom: 0; width: 100%; background: #fff;}
@@ -132,7 +132,7 @@ body div#ace_settingsmenu,body div#kbshortcutmenu { background-color: #000; opac
 .file_list { display: none;}
 .file_upload { width: 365px; height: 385px; padding: 5px;}
 .file_upload .top_nav { border-bottom: 1px solid #ddd; padding-left: 10px; margin-top: 6px;}
-.file_upload .menu { display: block; text-decoration: none; float: left; padding: 2px 15px; height: 28px; background: #eee; font-size: 13px; border: 1px solid #ccc; text-align: center; line-height: 25px; cursor: default; margin-right: 5px; margin-bottom: -1px; color: #444;}
+.file_upload .menu { display: block; text-decoration: none; float: left; padding: 2px 15px; height: 28px; background: #eee; font-size: 13px; border: 1px solid #ccc; text-align: center; line-height: 25px; margin-right: 5px; margin-bottom: -1px; color: #444;}
 .file_upload .menu.this { background: #fff; border-bottom: 1px solid #fff;}
 .file_upload .upload_path { padding: 5px 15px; background: #e6f0ff; margin: 10px 0; overflow: hidden; word-break: keep-all; white-space: nowrap; text-overflow: ellipsis; color: #5275b4;}
 .file_upload div a.left { margin-left: 10px;}
@@ -156,7 +156,8 @@ a.button:active { color: #000; border-color: #444;}
 a.button:focus { outline: none;}
 .messageBox { position: absolute; top: 15%; left: 0px; z-index: 88; background: #5db2ff; color: #fff; opacity: 0.7; filter: alpha(opacity=70); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 10px 60px rgba(0,0,0,0.6); -moz-box-shadow: 0 10px 60px rgba(0,0,0,0.6); box-shadow: 0 10px 60px rgba(0,0,0,0.6); display: none;}
 .messageBox .content { padding: 10px 30px; line-height: 20px; width: auto;}
-.aui_outer { text-align: left;}
+.dialogMax { z-index: 99999 !important;}
+.aui_outer { text-align: left; position: relative;}
 .aui_mask { position: absolute; width: 100%; height: 100%; background: #fff; opacity: 0.01;}
 .aui_loading { height: 100%; width: 100%; overflow: hidden; position: absolute; left: 0; top: 40px; z-index: 9999; text-align: center; text-indent: -999em; background: url("../../../images/dialog_loading.gif") no-repeat center center;}
 table.aui_border,table.aui_dialog { width: 100%; border: 0; margin: 0; border-collapse: collapse;}
@@ -204,7 +205,7 @@ table.aui_border,table.aui_dialog { width: 100%; border: 0; margin: 0; border-co
 .dialogMax .aui_nw,.dialogMax .aui_ne,.dialogMax .aui_sw,.dialogMax .aui_se,.dialogMax .aui_w,.dialogMax .aui_e { width: 0px;}
 .dialogMax .aui_sw,.dialogMax .aui_n,.dialogMax .aui_se { height: 0px;}
 .dialogMax .aui_outer { border: none;}
-.dialog-can-resize .resize-handle { position: absolute; font-size: 0.1px; z-index: 9999; display: block;}
+.dialog-can-resize .resize-handle { position: absolute; z-index: 9999; display: block;}
 .dialog-can-resize .resize-top { z-index: 0; cursor: n-resize; top: -3px; left: 0px; height: 7px; width: 100%;}
 .dialog-can-resize .resize-bottom { z-index: 0; cursor: s-resize; bottom: -3px; left: 0px; height: 7px; width: 100%;}
 .dialog-can-resize .resize-right { z-index: 0; cursor: e-resize; right: -3px; top: 0px; width: 7px; height: 100%;}
@@ -309,7 +310,7 @@ span.tmpzTreeMove_arrow { display: inline-block; margin: 4px 0 0 2px; position:
 .fileList_icon .file .titleBox .title { cursor: text;}
 .fileList_icon .file .ico { width: 60px; height: 60px; background-image: url("./images/file.png"); background-repeat: no-repeat; background-position: center center; margin: 0 auto; margin-top: 4px; margin-bottom: 3px; display: block;}
 .fileList_icon .file .folder { width: 70px; background-image: url("./images/folder.png");}
-.fileList_icon .file .picture { width: 64px; height: 66px; background: none; margin: 0; position: relative; top: 3px; left: 8px; display: table-cell; vertical-align: middle; text-align: center; *display: block; *font-size: 64px; *font-family: Arial;}
+.fileList_icon .file .picture { width: 80px; height: 66px; background: none; margin: 0; position: relative; top: 3px; display: table-cell; vertical-align: middle; text-align: center; *display: block; *font-size: 64px; *font-family: Arial;}
 .fileList_icon .file .picture img { vertical-align: middle; max-width: 64px; max-height: 64px;}
 .fileList_icon .file .cpp,.fileList_icon .file .h,.fileList_icon .file .sql,.fileList_icon .file .java,.fileList_icon .file .cs,.fileList_icon .file .py,.fileList_icon .file .html,.fileList_icon .file .htm,.fileList_icon .file .shtml,.fileList_icon .file .hta,.fileList_icon .file .css,.fileList_icon .file .js,.fileList_icon .file .xml,.fileList_icon .file .php,.fileList_icon .file .jsp,.fileList_icon .file .asp,.fileList_icon .file .aspx,.fileList_icon .file .vb,.fileList_icon .file .vbs,.fileList_icon .file .bat,.fileList_icon .file .reg,.fileList_icon .file .cmd,.fileList_icon .file .pl,.fileList_icon .file .pm,.fileList_icon .file .cgi,.fileList_icon .file .as,.fileList_icon .file .asm,.fileList_icon .file .clj,.fileList_icon .file .cbl,.fileList_icon .file .cfm,.fileList_icon .file .d,.fileList_icon .file .diff,.fileList_icon .file .dot,.fileList_icon .file .ejs,.fileList_icon .file .erl,.fileList_icon .file .ftl,.fileList_icon .file .go,.fileList_icon .file .hs,.fileList_icon .file .hbs,.fileList_icon .file .haml,.fileList_icon .file .erb,.fileList_icon .file .jade,.fileList_icon .file .json,.fileList_icon .file .jq,.fileList_icon .file .jsx,.fileList_icon .file .ji,.fileList_icon .file .tex,.fileList_icon .file .lisp,.fileList_icon .file .ls,.fileList_icon .file .lsl,.fileList_icon .file .lua,.fileList_icon .file .lp,.fileList_icon .file .matlab,.fileList_icon .file .mel,.fileList_icon .file .r,.fileList_icon .file .yaml { background-image: url("./images/code.png");}
 .fileList_icon .file .txt,.fileList_icon .file .ini,.fileList_icon .file .md,.fileList_icon .file .markdown,.fileList_icon .file .log { background-image: url("./images/txt.png");}
@@ -422,8 +423,8 @@ span.tmpzTreeMove_arrow { display: inline-block; margin: 4px 0 0 2px; position:
 .frame-header .header-content .header-middle .btn-default:active,.frame-header .header-content .header-right .btn-default:active { color: #000; border-color: #888;}
 .frame-header .header-content .font-icon { font-size: 18px; line-height: 20px; padding-right: 4px;}
 .frame-header .header-content .header-left { float: left; width: 170px; padding-left: 35px;}
-.frame-header .header-content .header-middle { position: absolute; left: 205px; top: 10px; right: 0px;}
-.frame-header .header-content .header-middle #yarnball { width: 50%; cursor: text; height: 27px; height: 28px\0; overflow: hidden; margin-left: -1px; float: left; border: 1px solid #ddd; box-shadow: #e6e6e6 0px 0px 20px inset; background: #f8f8f8 url("../../../images/bg.gif") 0px -2px repeat-x;}
+.frame-header .header-content .header-middle { position: absolute; left: 216px; top: 10px; right: 0px;}
+.frame-header .header-content .header-middle #yarnball { width: 50%; cursor: text; height: 27px; overflow: hidden; margin-left: -1px; float: left; border: 1px solid #ddd; box-shadow: #e6e6e6 0px 0px 20px inset; background: #f8f8f8 url("../../../images/bg.gif") 0px -2px repeat-x;}
 .frame-header .header-content .header-middle #yarnball .yarnball { list-style: none; margin: 0; margin-top: -1px; padding: 0; position: relative;}
 .frame-header .header-content .header-middle #yarnball .yarnball .yarnlet { display: inline-block;}
 .frame-header .header-content .header-middle #yarnball .yarnball .yarnlet a,.frame-header .header-content .header-middle #yarnball .yarnball .yarnlet a:link,.frame-header .header-content .header-middle #yarnball .yarnball .yarnlet a:visited { color: #666; display: inline-block; font-size: 12px; padding: 5px 15px 10px 20px; margin-left: -15px; position: relative; text-decoration: none; vertical-align: top; line-height: 20px;}
@@ -435,10 +436,11 @@ span.tmpzTreeMove_arrow { display: inline-block; margin: 4px 0 0 2px; position:
 .frame-header .header-content .header-middle #yarnball .yarnball .yarnlet a:hover .left-yarn { background-position: 0 -50px;}
 .frame-header .header-content .header-middle #yarnball .yarnball .yarnlet a:active .left-yarn { background-position: 0 -98px;}
 .frame-header .header-content .header-middle #yarnball_input { height: 27px; height: 28px\0; width: 50%; cursor: text; float: left; border: 1px solid #ddd; display: none; margin-left: -1px; background: #f8f8f8 url("../../../images/bg.gif") 0px -2px repeat-x; box-shadow: #e6e6e6 0px 0px 20px inset;}
-.frame-header .header-content .header-middle #yarnball_input input.path { border: none; height: 25px; display: block; width: 100%; padding-left: 10px; padding-right: 10px; text-shadow: 1px 1px 3px #cce; color: #888; background: #f8f8f8 url("../../../images/bg.gif") 0px -2px repeat-x; box-shadow: #e6e6e6 0px 0px 20px inset;}
+.frame-header .header-content .header-middle #yarnball_input input.path { border: none; height: 25px; display: block; width: 100%; padding-left: 10px; padding-right: 10px; text-shadow: 1px 1px 3px #cce; color: #888; background: #f8f8f8 url("../../../images/bg.gif") 0px -2px repeat-x; background: none; width: 94%;}
 .frame-header .header-content .header-middle #yarnball_input input:focus { outline: none;}
 .frame-header .header-content .header-right { position: absolute; right: 20px; top: 10px;}
-.frame-header .header-content .header-right input { display: block; float: left; border: 1px solid #ddd; height: 25px; height: 28px\0; padding-left: 10px; padding-right: 10px; text-shadow: 1px 1px 3px #cce; color: #888; background: #f8f8f8 url("../../../images/bg.gif") 0px -2px repeat-x; box-shadow: #e6e6e6 0px 0px 20px inset; outline: none; width: 120px; -webkit-transition: all 0.218s; -moz-transition: all 0.218s; -o-transition: all 0.218s; -ms-transition: all 0.218s; transition: all 0.218s;}
+.frame-header .header-content .header-right .btn { border-radius: 0;}
+.frame-header .header-content .header-right input { display: block; float: left; border: 1px solid #ddd; height: 25px; padding-left: 10px; padding-right: 10px; text-shadow: 1px 1px 3px #cce; color: #888; background: #f8f8f8 url("../../../images/bg.gif") 0px -2px repeat-x; box-shadow: #e6e6e6 0px 0px 20px inset; outline: none; width: 120px; -webkit-transition: all 0.218s; -moz-transition: all 0.218s; -o-transition: all 0.218s; -ms-transition: all 0.218s; transition: all 0.218s;}
 .frame-header .header-content .header-right input:focus { width: 160px; box-shadow: #ccc 0px 0px 20px inset;}
 .frame-main { position: absolute; left: 0; right: 0; top: 90px; bottom: 0;}
 .frame-main .frame-left { position: absolute; left: 0; top: 0; bottom: 0; width: 199px; border-right: 1px solid #ddd; background: #f3f3f3; background-attachment: fixed; overflow: auto;}
@@ -454,7 +456,7 @@ span.tmpzTreeMove_arrow { display: inline-block; margin: 4px 0 0 2px; position:
 .frame-main .frame-right .frame-right-main .drop-menu-action .disabled a i.font-icon { color: #bbb;}
 .frame-main .frame-right .frame-right-main .drop-menu-action .disabled a:hover { background: #fff; color: #bbb;}
 .frame-main .frame-right .frame-right-main .drop-menu-action .disabled a:hover i.font-icon { color: #bbb;}
-.frame-main .frame-right .frame-right-main .tools { z-index: 100; height: 33px; min-width: 600px; border-bottom: 1px solid #ddd; background: #f6f6f6; -webkit-box-shadow: 1px 2px 15px #eee; -moz-box-shadow: 1px 2px 15px #eee; box-shadow: 1px 2px 15px #eee;}
+.frame-main .frame-right .frame-right-main .tools { z-index: 100; height: 33px; min-width: 505px; border-bottom: 1px solid #ddd; background: #f6f6f6; -webkit-box-shadow: 1px 2px 15px #eee; -moz-box-shadow: 1px 2px 15px #eee; box-shadow: 1px 2px 15px #eee;}
 .frame-main .frame-right .frame-right-main .tools a.left:hover,.frame-main .frame-right .frame-right-main .tools a.middle:hover { margin-right: 2px; padding-right: 8px;}
 .frame-main .frame-right .frame-right-main .tools a.this { background: #eee; cursor: default;}
 .frame-main .frame-right .frame-right-main .tools a.this:hover { margin-right: 0px; padding-right: 10px; border: 1px solid #ddd; background: #eee; -webkit-box-shadow: 0 2px 8px rgba(0,0,0,0.05); -moz-box-shadow: 0 2px 8px rgba(0,0,0,0.05); box-shadow: 0 2px 8px rgba(0,0,0,0.05); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;}
diff --git a/static/style/skin/metro/blue_app_setting.css b/static/style/skin/metro/blue_app_setting.css
index 2ac6805..2fd6383 100644
--- a/static/style/skin/metro/blue_app_setting.css
+++ b/static/style/skin/metro/blue_app_setting.css
@@ -41,15 +41,15 @@ input { border: 1px solid #ddd; background: #fff; outline: none;}
 .topbar .content .top_left a.title { font-size: 20px; width: 200px; padding: 0; text-align: center;}
 .topbar .content .top_left a b { color: #9CF; font-weight: 400;}
 .topbar .content .top_left a.title:hover { background: none;}
-.topbar .content .top_right { float: right; margin-right: 10px;}
+.topbar .content .top_right { float: right;}
 .topbar .content .top_right div { display: inline-block; margin-right: -3px;}
-.topbar .content .top_right a { display: inline-block; padding: 0px 0.7em; border: none; color: #fff;}
+.topbar .content .top_right a { display: inline-block; padding: 0px 0.7em; color: #fff; margin-right: -2px;}
 .topbar .content .top_right a i { padding-right: 2px; text-shadow: 0 0 1px;}
-.topbar .content .top_right .open a:focus,.topbar .content .top_right a:hover { background: #7cc1ff;}
-.topbar .content .top_right .menu-topbar_user { position: absolute; right: 10px; left: auto; margin-top: 0px; width: auto;}
-.topbar .content .top_right .topbar_language { position: absolute; right: 84px; left: auto; margin-top: 0px; width: auto;}
-.topbar .content .top_right ul a { color: #666; line-height: 30px; height: 30px; display: block;}
-.topbar .content .top_right ul a:hover,.topbar .content .top_right ul a.this { background: #e6e6e6; color: #000;}
+.topbar .content .top_right a:focus,.topbar .content .top_right a:hover { background: #7cc1ff;}
+.topbar .content .top_right .menu-topbar_user { position: absolute; right: 0px; left: auto; margin-top: 0px; width: auto;}
+.topbar .content .top_right .topbar_language { position: absolute; right: 75px; left: auto; margin-top: 0px; width: auto;}
+.topbar .content .top_right ul a { color: #666; line-height: 30px; height: 30px; display: block; padding: 0px 1.7em; border: none; overflow: hidden;}
+.topbar .content .top_right ul a:hover,.topbar .content .top_right ul a.this { background: #e6e6e6; color: #000; margin-right: 0px;}
 .topbar .content .top_right ul .font-icon { width: 18px; display: inline-block;}
 .do_search { color: #888; min-width: 452px;}
 .do_search .search_header { padding: 10px; padding-bottom: 0px;}
@@ -74,16 +74,16 @@ input { border: 1px solid #ddd; background: #fff; outline: none;}
 .do_search .search_result table .type { width: 37px;}
 .do_search .search_result table .size { width: 50px;}
 .do_search .search_result table .path,.do_search .search_result table .search_title .path { border-right: none;}
-.task_tab { position: fixed; bottom: 1px; left: 0; width: 100%; height: 30px; z-index: 9999; padding-left: 50px; background: rgba(0,0,0,0.1); border-top: 1px solid rgba(0,0,0,0.15); color: #444;}
+.task_tab { position: fixed; bottom: 1px; left: 0; width: 100%; height: 30px; z-index: 9900; padding-left: 50px; background: rgba(0,0,0,0.1); border-top: 1px solid rgba(0,0,0,0.15); color: #444;}
 .task_tab .tabs { height: 100%; margin-right: 10px; margin-right: 60px;}
-.task_tab .tabs .tab { float: left; height: 100%; margin-right: 2px; box-shadow: 0 0 6px #666; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; padding-left: 4px; word-break: break-all; background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0));}
+.task_tab .tabs .tab { float: left; height: 100%; margin-right: 2px; box-shadow: 0 0 6px #666; white-space: nowrap; text-overflow: ellipsis; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; padding-left: 4px; word-break: break-all; background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0));}
 .task_tab .tabs .tab img { width: 18px; height: 18px; padding-right: 4px; vertical-align: middle; display: inline-block; margin-top: -3px; border-radius: 4px;}
 .task_tab .tabs .tab.hover { background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0));}
 .task_tab .tabs .tab.this { box-shadow: 0 0 6px #000; background: rgba(255,255,255,0.2); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2));}
 .tasktab-dragging { position: absolute; z-index: 99999; height: 30px; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; box-shadow: 0 0 6px #000; padding-left: 4px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; word-break: break-all; background: rgba(255,255,255,0.2); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2));}
 .tasktab-dragging img { width: 18px; height: 18px; padding-right: 4px; vertical-align: middle; display: inline-block; margin-top: -3px; border-radius: 4px;}
 body div#ace_settingsmenu,body div#kbshortcutmenu { background-color: #000; opacity: 0.75; filter: alpha(opacity=75); color: #FFF; box-shadow: -5px 4px 5px rgba(0,0,0,0.2);}
-.frame_right { position: absolute; top: 34px; right: 0px; width: 40%; bottom: 0; background: #fff; z-index: 99; border-left: 1px solid #ccc; box-shadow: 0 20px 60px rgba(0,0,0,0.3); display: none;}
+.frame_right { position: absolute; top: 34px; right: 0px; width: 40%; bottom: 0; background: #fff; z-index: 99; overflow: hidden; border-left: 1px solid #ccc; box-shadow: 0 20px 60px rgba(0,0,0,0.3); display: none;}
 .frame_right .mask_view { z-index: 9999; opacity: 0.1;}
 .frame_right .resize { position: absolute; width: 10px; bottom: 0px; height: 100%; z-index: 100; cursor: col-resize; margin-left: -5px;}
 .frame_right .preview_frame { position: absolute; top: 30px; right: 0; bottom: 0; width: 100%; background: #fff;}
@@ -132,7 +132,7 @@ body div#ace_settingsmenu,body div#kbshortcutmenu { background-color: #000; opac
 .file_list { display: none;}
 .file_upload { width: 365px; height: 385px; padding: 5px;}
 .file_upload .top_nav { border-bottom: 1px solid #ddd; padding-left: 10px; margin-top: 6px;}
-.file_upload .menu { display: block; text-decoration: none; float: left; padding: 2px 15px; height: 28px; background: #eee; font-size: 13px; border: 1px solid #ccc; text-align: center; line-height: 25px; cursor: default; margin-right: 5px; margin-bottom: -1px; color: #444;}
+.file_upload .menu { display: block; text-decoration: none; float: left; padding: 2px 15px; height: 28px; background: #eee; font-size: 13px; border: 1px solid #ccc; text-align: center; line-height: 25px; margin-right: 5px; margin-bottom: -1px; color: #444;}
 .file_upload .menu.this { background: #fff; border-bottom: 1px solid #fff;}
 .file_upload .upload_path { padding: 5px 15px; background: #e6f0ff; margin: 10px 0; overflow: hidden; word-break: keep-all; white-space: nowrap; text-overflow: ellipsis; color: #5275b4;}
 .file_upload div a.left { margin-left: 10px;}
@@ -156,7 +156,8 @@ a.button:active { color: #000; border-color: #444;}
 a.button:focus { outline: none;}
 .messageBox { position: absolute; top: 15%; left: 0px; z-index: 88; background: #5db2ff; color: #fff; opacity: 0.7; filter: alpha(opacity=70); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 10px 60px rgba(0,0,0,0.6); -moz-box-shadow: 0 10px 60px rgba(0,0,0,0.6); box-shadow: 0 10px 60px rgba(0,0,0,0.6); display: none;}
 .messageBox .content { padding: 10px 30px; line-height: 20px; width: auto;}
-.aui_outer { text-align: left;}
+.dialogMax { z-index: 99999 !important;}
+.aui_outer { text-align: left; position: relative;}
 .aui_mask { position: absolute; width: 100%; height: 100%; background: #fff; opacity: 0.01;}
 .aui_loading { height: 100%; width: 100%; overflow: hidden; position: absolute; left: 0; top: 40px; z-index: 9999; text-align: center; text-indent: -999em; background: url("../../../images/dialog_loading.gif") no-repeat center center;}
 table.aui_border,table.aui_dialog { width: 100%; border: 0; margin: 0; border-collapse: collapse;}
@@ -204,7 +205,7 @@ table.aui_border,table.aui_dialog { width: 100%; border: 0; margin: 0; border-co
 .dialogMax .aui_nw,.dialogMax .aui_ne,.dialogMax .aui_sw,.dialogMax .aui_se,.dialogMax .aui_w,.dialogMax .aui_e { width: 0px;}
 .dialogMax .aui_sw,.dialogMax .aui_n,.dialogMax .aui_se { height: 0px;}
 .dialogMax .aui_outer { border: none;}
-.dialog-can-resize .resize-handle { position: absolute; font-size: 0.1px; z-index: 9999; display: block;}
+.dialog-can-resize .resize-handle { position: absolute; z-index: 9999; display: block;}
 .dialog-can-resize .resize-top { z-index: 0; cursor: n-resize; top: -3px; left: 0px; height: 7px; width: 100%;}
 .dialog-can-resize .resize-bottom { z-index: 0; cursor: s-resize; bottom: -3px; left: 0px; height: 7px; width: 100%;}
 .dialog-can-resize .resize-right { z-index: 0; cursor: e-resize; right: -3px; top: 0px; width: 7px; height: 100%;}
diff --git a/static/style/skin/metro/dialog.less b/static/style/skin/metro/dialog.less
index 3379c50..c1586e6 100644
--- a/static/style/skin/metro/dialog.less
+++ b/static/style/skin/metro/dialog.less
@@ -10,7 +10,8 @@
     .content{padding:10px 30px;line-height:20px;width:auto;}  
 }
 /*-------------------------dialog------------------------*/
-.aui_outer { text-align:left;}
+.dialogMax{z-index:99999 !important;}
+.aui_outer { text-align:left;position: relative;}
 .aui_mask{position: absolute;width: 100%;height: 100%;background: #fff;opacity: 0.01;}
 .aui_loading {height: 100%;width: 100%;overflow:hidden;
   position:absolute;left:0;top:40px;z-index:9999;text-align:center;text-indent:-999em;background:url("@{img_common}dialog_loading.gif") no-repeat center center; }
@@ -106,7 +107,7 @@ table.aui_border, table.aui_dialog { width: 100%;border:0; margin:0; border-coll
     .aui_outer { border:none;}
 }
 .dialog-can-resize{
-    .resize-handle{position: absolute;font-size: 0.1px;z-index: 9999; display: block; }
+    .resize-handle{position: absolute;z-index: 9999; display: block; }
     .resize-top{z-index:0; cursor: n-resize; top: -3px; left: 0px; height: 7px; width: 100%;  }
     .resize-bottom{z-index:0; cursor: s-resize; bottom: -3px; left:0px; height: 7px; width: 100%;  }
     .resize-right{z-index:0; cursor: e-resize; right: -3px; top:0px; width: 7px; height: 100%; }
diff --git a/static/style/skin/metro/filelist.less b/static/style/skin/metro/filelist.less
index c9392bc..83b1419 100644
--- a/static/style/skin/metro/filelist.less
+++ b/static/style/skin/metro/filelist.less
@@ -62,7 +62,7 @@
         background-repeat: no-repeat;background-position:center center;margin: 0 auto;
         margin-top:4px;margin-bottom: 3px;display: block;}
         .folder{width:70px;background-image: url("@{img_files_icon}folder.png");}
-        .picture{width:64px;height:66px;background:none;margin:0;position:relative;top:3px;left: 8px;
+        .picture{width:80px;height:66px;background:none;margin:0;position:relative;top:3px;
             display:table-cell;vertical-align:middle;text-align:center;
             *display: block;*font-size: 64px;*font-family:Arial;
         }
diff --git a/static/style/skin/metro/green_app_code_edit.css b/static/style/skin/metro/green_app_code_edit.css
index 8f1964e..11ee1e3 100644
--- a/static/style/skin/metro/green_app_code_edit.css
+++ b/static/style/skin/metro/green_app_code_edit.css
@@ -41,15 +41,15 @@ input { border: 1px solid #ddd; background: #fff; outline: none;}
 .topbar .content .top_left a.title { font-size: 20px; width: 200px; padding: 0; text-align: center;}
 .topbar .content .top_left a b { color: #9CF; font-weight: 400;}
 .topbar .content .top_left a.title:hover { background: none;}
-.topbar .content .top_right { float: right; margin-right: 10px;}
+.topbar .content .top_right { float: right;}
 .topbar .content .top_right div { display: inline-block; margin-right: -3px;}
-.topbar .content .top_right a { display: inline-block; padding: 0px 0.7em; border: none; color: #fff;}
+.topbar .content .top_right a { display: inline-block; padding: 0px 0.7em; color: #fff; margin-right: -2px;}
 .topbar .content .top_right a i { padding-right: 2px; text-shadow: 0 0 1px;}
-.topbar .content .top_right .open a:focus,.topbar .content .top_right a:hover { background: #00a91c;}
-.topbar .content .top_right .menu-topbar_user { position: absolute; right: 10px; left: auto; margin-top: 0px; width: auto;}
-.topbar .content .top_right .topbar_language { position: absolute; right: 84px; left: auto; margin-top: 0px; width: auto;}
-.topbar .content .top_right ul a { color: #666; line-height: 30px; height: 30px; display: block;}
-.topbar .content .top_right ul a:hover,.topbar .content .top_right ul a.this { background: #e6e6e6; color: #000;}
+.topbar .content .top_right a:focus,.topbar .content .top_right a:hover { background: #00a91c;}
+.topbar .content .top_right .menu-topbar_user { position: absolute; right: 0px; left: auto; margin-top: 0px; width: auto;}
+.topbar .content .top_right .topbar_language { position: absolute; right: 75px; left: auto; margin-top: 0px; width: auto;}
+.topbar .content .top_right ul a { color: #666; line-height: 30px; height: 30px; display: block; padding: 0px 1.7em; border: none; overflow: hidden;}
+.topbar .content .top_right ul a:hover,.topbar .content .top_right ul a.this { background: #e6e6e6; color: #000; margin-right: 0px;}
 .topbar .content .top_right ul .font-icon { width: 18px; display: inline-block;}
 .do_search { color: #888; min-width: 452px;}
 .do_search .search_header { padding: 10px; padding-bottom: 0px;}
@@ -74,16 +74,16 @@ input { border: 1px solid #ddd; background: #fff; outline: none;}
 .do_search .search_result table .type { width: 37px;}
 .do_search .search_result table .size { width: 50px;}
 .do_search .search_result table .path,.do_search .search_result table .search_title .path { border-right: none;}
-.task_tab { position: fixed; bottom: 1px; left: 0; width: 100%; height: 30px; z-index: 9999; padding-left: 50px; background: rgba(0,0,0,0.1); border-top: 1px solid rgba(0,0,0,0.15); color: #444;}
+.task_tab { position: fixed; bottom: 1px; left: 0; width: 100%; height: 30px; z-index: 9900; padding-left: 50px; background: rgba(0,0,0,0.1); border-top: 1px solid rgba(0,0,0,0.15); color: #444;}
 .task_tab .tabs { height: 100%; margin-right: 10px; margin-right: 60px;}
-.task_tab .tabs .tab { float: left; height: 100%; margin-right: 2px; box-shadow: 0 0 6px #666; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; padding-left: 4px; word-break: break-all; background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0));}
+.task_tab .tabs .tab { float: left; height: 100%; margin-right: 2px; box-shadow: 0 0 6px #666; white-space: nowrap; text-overflow: ellipsis; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; padding-left: 4px; word-break: break-all; background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0));}
 .task_tab .tabs .tab img { width: 18px; height: 18px; padding-right: 4px; vertical-align: middle; display: inline-block; margin-top: -3px; border-radius: 4px;}
 .task_tab .tabs .tab.hover { background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0));}
 .task_tab .tabs .tab.this { box-shadow: 0 0 6px #000; background: rgba(255,255,255,0.2); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2));}
 .tasktab-dragging { position: absolute; z-index: 99999; height: 30px; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; box-shadow: 0 0 6px #000; padding-left: 4px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; word-break: break-all; background: rgba(255,255,255,0.2); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2));}
 .tasktab-dragging img { width: 18px; height: 18px; padding-right: 4px; vertical-align: middle; display: inline-block; margin-top: -3px; border-radius: 4px;}
 body div#ace_settingsmenu,body div#kbshortcutmenu { background-color: #000; opacity: 0.75; filter: alpha(opacity=75); color: #FFF; box-shadow: -5px 4px 5px rgba(0,0,0,0.2);}
-.frame_right { position: absolute; top: 34px; right: 0px; width: 40%; bottom: 0; background: #fff; z-index: 99; border-left: 1px solid #ccc; box-shadow: 0 20px 60px rgba(0,0,0,0.3); display: none;}
+.frame_right { position: absolute; top: 34px; right: 0px; width: 40%; bottom: 0; background: #fff; z-index: 99; overflow: hidden; border-left: 1px solid #ccc; box-shadow: 0 20px 60px rgba(0,0,0,0.3); display: none;}
 .frame_right .mask_view { z-index: 9999; opacity: 0.1;}
 .frame_right .resize { position: absolute; width: 10px; bottom: 0px; height: 100%; z-index: 100; cursor: col-resize; margin-left: -5px;}
 .frame_right .preview_frame { position: absolute; top: 30px; right: 0; bottom: 0; width: 100%; background: #fff;}
@@ -132,7 +132,7 @@ body div#ace_settingsmenu,body div#kbshortcutmenu { background-color: #000; opac
 .file_list { display: none;}
 .file_upload { width: 365px; height: 385px; padding: 5px;}
 .file_upload .top_nav { border-bottom: 1px solid #ddd; padding-left: 10px; margin-top: 6px;}
-.file_upload .menu { display: block; text-decoration: none; float: left; padding: 2px 15px; height: 28px; background: #eee; font-size: 13px; border: 1px solid #ccc; text-align: center; line-height: 25px; cursor: default; margin-right: 5px; margin-bottom: -1px; color: #444;}
+.file_upload .menu { display: block; text-decoration: none; float: left; padding: 2px 15px; height: 28px; background: #eee; font-size: 13px; border: 1px solid #ccc; text-align: center; line-height: 25px; margin-right: 5px; margin-bottom: -1px; color: #444;}
 .file_upload .menu.this { background: #fff; border-bottom: 1px solid #fff;}
 .file_upload .upload_path { padding: 5px 15px; background: #e6f0ff; margin: 10px 0; overflow: hidden; word-break: keep-all; white-space: nowrap; text-overflow: ellipsis; color: #5275b4;}
 .file_upload div a.left { margin-left: 10px;}
@@ -156,7 +156,8 @@ a.button:active { color: #000; border-color: #444;}
 a.button:focus { outline: none;}
 .messageBox { position: absolute; top: 15%; left: 0px; z-index: 88; background: #008a17; color: #fff; opacity: 0.7; filter: alpha(opacity=70); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 10px 60px rgba(0,0,0,0.6); -moz-box-shadow: 0 10px 60px rgba(0,0,0,0.6); box-shadow: 0 10px 60px rgba(0,0,0,0.6); display: none;}
 .messageBox .content { padding: 10px 30px; line-height: 20px; width: auto;}
-.aui_outer { text-align: left;}
+.dialogMax { z-index: 99999 !important;}
+.aui_outer { text-align: left; position: relative;}
 .aui_mask { position: absolute; width: 100%; height: 100%; background: #fff; opacity: 0.01;}
 .aui_loading { height: 100%; width: 100%; overflow: hidden; position: absolute; left: 0; top: 40px; z-index: 9999; text-align: center; text-indent: -999em; background: url("../../../images/dialog_loading.gif") no-repeat center center;}
 table.aui_border,table.aui_dialog { width: 100%; border: 0; margin: 0; border-collapse: collapse;}
@@ -204,7 +205,7 @@ table.aui_border,table.aui_dialog { width: 100%; border: 0; margin: 0; border-co
 .dialogMax .aui_nw,.dialogMax .aui_ne,.dialogMax .aui_sw,.dialogMax .aui_se,.dialogMax .aui_w,.dialogMax .aui_e { width: 0px;}
 .dialogMax .aui_sw,.dialogMax .aui_n,.dialogMax .aui_se { height: 0px;}
 .dialogMax .aui_outer { border: none;}
-.dialog-can-resize .resize-handle { position: absolute; font-size: 0.1px; z-index: 9999; display: block;}
+.dialog-can-resize .resize-handle { position: absolute; z-index: 9999; display: block;}
 .dialog-can-resize .resize-top { z-index: 0; cursor: n-resize; top: -3px; left: 0px; height: 7px; width: 100%;}
 .dialog-can-resize .resize-bottom { z-index: 0; cursor: s-resize; bottom: -3px; left: 0px; height: 7px; width: 100%;}
 .dialog-can-resize .resize-right { z-index: 0; cursor: e-resize; right: -3px; top: 0px; width: 7px; height: 100%;}
diff --git a/static/style/skin/metro/green_app_desktop.css b/static/style/skin/metro/green_app_desktop.css
index d31829a..b1844d5 100644
--- a/static/style/skin/metro/green_app_desktop.css
+++ b/static/style/skin/metro/green_app_desktop.css
@@ -41,15 +41,15 @@ input { border: 1px solid #ddd; background: #fff; outline: none;}
 .topbar .content .top_left a.title { font-size: 20px; width: 200px; padding: 0; text-align: center;}
 .topbar .content .top_left a b { color: #9CF; font-weight: 400;}
 .topbar .content .top_left a.title:hover { background: none;}
-.topbar .content .top_right { float: right; margin-right: 10px;}
+.topbar .content .top_right { float: right;}
 .topbar .content .top_right div { display: inline-block; margin-right: -3px;}
-.topbar .content .top_right a { display: inline-block; padding: 0px 0.7em; border: none; color: #fff;}
+.topbar .content .top_right a { display: inline-block; padding: 0px 0.7em; color: #fff; margin-right: -2px;}
 .topbar .content .top_right a i { padding-right: 2px; text-shadow: 0 0 1px;}
-.topbar .content .top_right .open a:focus,.topbar .content .top_right a:hover { background: #00a91c;}
-.topbar .content .top_right .menu-topbar_user { position: absolute; right: 10px; left: auto; margin-top: 0px; width: auto;}
-.topbar .content .top_right .topbar_language { position: absolute; right: 84px; left: auto; margin-top: 0px; width: auto;}
-.topbar .content .top_right ul a { color: #666; line-height: 30px; height: 30px; display: block;}
-.topbar .content .top_right ul a:hover,.topbar .content .top_right ul a.this { background: #e6e6e6; color: #000;}
+.topbar .content .top_right a:focus,.topbar .content .top_right a:hover { background: #00a91c;}
+.topbar .content .top_right .menu-topbar_user { position: absolute; right: 0px; left: auto; margin-top: 0px; width: auto;}
+.topbar .content .top_right .topbar_language { position: absolute; right: 75px; left: auto; margin-top: 0px; width: auto;}
+.topbar .content .top_right ul a { color: #666; line-height: 30px; height: 30px; display: block; padding: 0px 1.7em; border: none; overflow: hidden;}
+.topbar .content .top_right ul a:hover,.topbar .content .top_right ul a.this { background: #e6e6e6; color: #000; margin-right: 0px;}
 .topbar .content .top_right ul .font-icon { width: 18px; display: inline-block;}
 .do_search { color: #888; min-width: 452px;}
 .do_search .search_header { padding: 10px; padding-bottom: 0px;}
@@ -74,16 +74,16 @@ input { border: 1px solid #ddd; background: #fff; outline: none;}
 .do_search .search_result table .type { width: 37px;}
 .do_search .search_result table .size { width: 50px;}
 .do_search .search_result table .path,.do_search .search_result table .search_title .path { border-right: none;}
-.task_tab { position: fixed; bottom: 1px; left: 0; width: 100%; height: 30px; z-index: 9999; padding-left: 50px; background: rgba(0,0,0,0.1); border-top: 1px solid rgba(0,0,0,0.15); color: #444;}
+.task_tab { position: fixed; bottom: 1px; left: 0; width: 100%; height: 30px; z-index: 9900; padding-left: 50px; background: rgba(0,0,0,0.1); border-top: 1px solid rgba(0,0,0,0.15); color: #444;}
 .task_tab .tabs { height: 100%; margin-right: 10px; margin-right: 60px;}
-.task_tab .tabs .tab { float: left; height: 100%; margin-right: 2px; box-shadow: 0 0 6px #666; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; padding-left: 4px; word-break: break-all; background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0));}
+.task_tab .tabs .tab { float: left; height: 100%; margin-right: 2px; box-shadow: 0 0 6px #666; white-space: nowrap; text-overflow: ellipsis; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; padding-left: 4px; word-break: break-all; background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0));}
 .task_tab .tabs .tab img { width: 18px; height: 18px; padding-right: 4px; vertical-align: middle; display: inline-block; margin-top: -3px; border-radius: 4px;}
 .task_tab .tabs .tab.hover { background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0));}
 .task_tab .tabs .tab.this { box-shadow: 0 0 6px #000; background: rgba(255,255,255,0.2); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2));}
 .tasktab-dragging { position: absolute; z-index: 99999; height: 30px; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; box-shadow: 0 0 6px #000; padding-left: 4px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; word-break: break-all; background: rgba(255,255,255,0.2); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2));}
 .tasktab-dragging img { width: 18px; height: 18px; padding-right: 4px; vertical-align: middle; display: inline-block; margin-top: -3px; border-radius: 4px;}
 body div#ace_settingsmenu,body div#kbshortcutmenu { background-color: #000; opacity: 0.75; filter: alpha(opacity=75); color: #FFF; box-shadow: -5px 4px 5px rgba(0,0,0,0.2);}
-.frame_right { position: absolute; top: 34px; right: 0px; width: 40%; bottom: 0; background: #fff; z-index: 99; border-left: 1px solid #ccc; box-shadow: 0 20px 60px rgba(0,0,0,0.3); display: none;}
+.frame_right { position: absolute; top: 34px; right: 0px; width: 40%; bottom: 0; background: #fff; z-index: 99; overflow: hidden; border-left: 1px solid #ccc; box-shadow: 0 20px 60px rgba(0,0,0,0.3); display: none;}
 .frame_right .mask_view { z-index: 9999; opacity: 0.1;}
 .frame_right .resize { position: absolute; width: 10px; bottom: 0px; height: 100%; z-index: 100; cursor: col-resize; margin-left: -5px;}
 .frame_right .preview_frame { position: absolute; top: 30px; right: 0; bottom: 0; width: 100%; background: #fff;}
@@ -132,7 +132,7 @@ body div#ace_settingsmenu,body div#kbshortcutmenu { background-color: #000; opac
 .file_list { display: none;}
 .file_upload { width: 365px; height: 385px; padding: 5px;}
 .file_upload .top_nav { border-bottom: 1px solid #ddd; padding-left: 10px; margin-top: 6px;}
-.file_upload .menu { display: block; text-decoration: none; float: left; padding: 2px 15px; height: 28px; background: #eee; font-size: 13px; border: 1px solid #ccc; text-align: center; line-height: 25px; cursor: default; margin-right: 5px; margin-bottom: -1px; color: #444;}
+.file_upload .menu { display: block; text-decoration: none; float: left; padding: 2px 15px; height: 28px; background: #eee; font-size: 13px; border: 1px solid #ccc; text-align: center; line-height: 25px; margin-right: 5px; margin-bottom: -1px; color: #444;}
 .file_upload .menu.this { background: #fff; border-bottom: 1px solid #fff;}
 .file_upload .upload_path { padding: 5px 15px; background: #e6f0ff; margin: 10px 0; overflow: hidden; word-break: keep-all; white-space: nowrap; text-overflow: ellipsis; color: #5275b4;}
 .file_upload div a.left { margin-left: 10px;}
@@ -156,7 +156,8 @@ a.button:active { color: #000; border-color: #444;}
 a.button:focus { outline: none;}
 .messageBox { position: absolute; top: 15%; left: 0px; z-index: 88; background: #008a17; color: #fff; opacity: 0.7; filter: alpha(opacity=70); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 10px 60px rgba(0,0,0,0.6); -moz-box-shadow: 0 10px 60px rgba(0,0,0,0.6); box-shadow: 0 10px 60px rgba(0,0,0,0.6); display: none;}
 .messageBox .content { padding: 10px 30px; line-height: 20px; width: auto;}
-.aui_outer { text-align: left;}
+.dialogMax { z-index: 99999 !important;}
+.aui_outer { text-align: left; position: relative;}
 .aui_mask { position: absolute; width: 100%; height: 100%; background: #fff; opacity: 0.01;}
 .aui_loading { height: 100%; width: 100%; overflow: hidden; position: absolute; left: 0; top: 40px; z-index: 9999; text-align: center; text-indent: -999em; background: url("../../../images/dialog_loading.gif") no-repeat center center;}
 table.aui_border,table.aui_dialog { width: 100%; border: 0; margin: 0; border-collapse: collapse;}
@@ -204,7 +205,7 @@ table.aui_border,table.aui_dialog { width: 100%; border: 0; margin: 0; border-co
 .dialogMax .aui_nw,.dialogMax .aui_ne,.dialogMax .aui_sw,.dialogMax .aui_se,.dialogMax .aui_w,.dialogMax .aui_e { width: 0px;}
 .dialogMax .aui_sw,.dialogMax .aui_n,.dialogMax .aui_se { height: 0px;}
 .dialogMax .aui_outer { border: none;}
-.dialog-can-resize .resize-handle { position: absolute; font-size: 0.1px; z-index: 9999; display: block;}
+.dialog-can-resize .resize-handle { position: absolute; z-index: 9999; display: block;}
 .dialog-can-resize .resize-top { z-index: 0; cursor: n-resize; top: -3px; left: 0px; height: 7px; width: 100%;}
 .dialog-can-resize .resize-bottom { z-index: 0; cursor: s-resize; bottom: -3px; left: 0px; height: 7px; width: 100%;}
 .dialog-can-resize .resize-right { z-index: 0; cursor: e-resize; right: -3px; top: 0px; width: 7px; height: 100%;}
@@ -242,7 +243,7 @@ div.dialog-simple .dialog_mouse_in .aui_header { opacity: 1; filter: alpha(opaci
 .fileList_icon .file .titleBox .title { cursor: text;}
 .fileList_icon .file .ico { width: 60px; height: 60px; background-image: url("./images/file.png"); background-repeat: no-repeat; background-position: center center; margin: 0 auto; margin-top: 4px; margin-bottom: 3px; display: block;}
 .fileList_icon .file .folder { width: 70px; background-image: url("./images/folder.png");}
-.fileList_icon .file .picture { width: 64px; height: 66px; background: none; margin: 0; position: relative; top: 3px; left: 8px; display: table-cell; vertical-align: middle; text-align: center; *display: block; *font-size: 64px; *font-family: Arial;}
+.fileList_icon .file .picture { width: 80px; height: 66px; background: none; margin: 0; position: relative; top: 3px; display: table-cell; vertical-align: middle; text-align: center; *display: block; *font-size: 64px; *font-family: Arial;}
 .fileList_icon .file .picture img { vertical-align: middle; max-width: 64px; max-height: 64px;}
 .fileList_icon .file .cpp,.fileList_icon .file .h,.fileList_icon .file .sql,.fileList_icon .file .java,.fileList_icon .file .cs,.fileList_icon .file .py,.fileList_icon .file .html,.fileList_icon .file .htm,.fileList_icon .file .shtml,.fileList_icon .file .hta,.fileList_icon .file .css,.fileList_icon .file .js,.fileList_icon .file .xml,.fileList_icon .file .php,.fileList_icon .file .jsp,.fileList_icon .file .asp,.fileList_icon .file .aspx,.fileList_icon .file .vb,.fileList_icon .file .vbs,.fileList_icon .file .bat,.fileList_icon .file .reg,.fileList_icon .file .cmd,.fileList_icon .file .pl,.fileList_icon .file .pm,.fileList_icon .file .cgi,.fileList_icon .file .as,.fileList_icon .file .asm,.fileList_icon .file .clj,.fileList_icon .file .cbl,.fileList_icon .file .cfm,.fileList_icon .file .d,.fileList_icon .file .diff,.fileList_icon .file .dot,.fileList_icon .file .ejs,.fileList_icon .file .erl,.fileList_icon .file .ftl,.fileList_icon .file .go,.fileList_icon .file .hs,.fileList_icon .file .hbs,.fileList_icon .file .haml,.fileList_icon .file .erb,.fileList_icon .file .jade,.fileList_icon .file .json,.fileList_icon .file .jq,.fileList_icon .file .jsx,.fileList_icon .file .ji,.fileList_icon .file .tex,.fileList_icon .file .lisp,.fileList_icon .file .ls,.fileList_icon .file .lsl,.fileList_icon .file .lua,.fileList_icon .file .lp,.fileList_icon .file .matlab,.fileList_icon .file .mel,.fileList_icon .file .r,.fileList_icon .file .yaml { background-image: url("./images/code.png");}
 .fileList_icon .file .txt,.fileList_icon .file .ini,.fileList_icon .file .md,.fileList_icon .file .markdown,.fileList_icon .file .log { background-image: url("./images/txt.png");}
@@ -354,7 +355,7 @@ div.dialog-simple .dialog_mouse_in .aui_header { opacity: 1; filter: alpha(opaci
 .desktop .fileList_icon .file .title .textarea { position: static;}
 #taskbar { height: 32px; position: fixed; bottom: 0; left: 0; width: 100%; padding: 0; margin: 0; background: url('../../../images/desktop/taskbarbg.png');}
 #taskbar a { position: absolute; text-align: center; width: 40px; height: 40px; left: 6px;}
-.start { background: url('../../../images/desktop/start.png') 0 0px no-repeat; display: block; z-index: 999; margin-top: -8px; z-index: 99999; width: 40px; height: 40px; bottom: 0px; left: 5px; position: fixed;}
+.start { background: url('../../../images/desktop/start.png') 0 0px no-repeat; display: block; z-index: 999; margin-top: -8px; z-index: 9901; width: 40px; height: 40px; bottom: 0px; left: 5px; position: fixed;}
 .start:hover { text-decoration: none; background-position: 0 -40px;}
 .start:active { text-decoration: none; background-position: 0 -80px;}
 .task_tab { position: fixed; bottom: 1px; left: 0; width: 100%; height: 30px; z-index: 9999;}
diff --git a/static/style/skin/metro/green_app_editor.css b/static/style/skin/metro/green_app_editor.css
index a78bd1c..e2b104b 100644
--- a/static/style/skin/metro/green_app_editor.css
+++ b/static/style/skin/metro/green_app_editor.css
@@ -41,15 +41,15 @@ input { border: 1px solid #ddd; background: #fff; outline: none;}
 .topbar .content .top_left a.title { font-size: 20px; width: 200px; padding: 0; text-align: center;}
 .topbar .content .top_left a b { color: #9CF; font-weight: 400;}
 .topbar .content .top_left a.title:hover { background: none;}
-.topbar .content .top_right { float: right; margin-right: 10px;}
+.topbar .content .top_right { float: right;}
 .topbar .content .top_right div { display: inline-block; margin-right: -3px;}
-.topbar .content .top_right a { display: inline-block; padding: 0px 0.7em; border: none; color: #fff;}
+.topbar .content .top_right a { display: inline-block; padding: 0px 0.7em; color: #fff; margin-right: -2px;}
 .topbar .content .top_right a i { padding-right: 2px; text-shadow: 0 0 1px;}
-.topbar .content .top_right .open a:focus,.topbar .content .top_right a:hover { background: #00a91c;}
-.topbar .content .top_right .menu-topbar_user { position: absolute; right: 10px; left: auto; margin-top: 0px; width: auto;}
-.topbar .content .top_right .topbar_language { position: absolute; right: 84px; left: auto; margin-top: 0px; width: auto;}
-.topbar .content .top_right ul a { color: #666; line-height: 30px; height: 30px; display: block;}
-.topbar .content .top_right ul a:hover,.topbar .content .top_right ul a.this { background: #e6e6e6; color: #000;}
+.topbar .content .top_right a:focus,.topbar .content .top_right a:hover { background: #00a91c;}
+.topbar .content .top_right .menu-topbar_user { position: absolute; right: 0px; left: auto; margin-top: 0px; width: auto;}
+.topbar .content .top_right .topbar_language { position: absolute; right: 75px; left: auto; margin-top: 0px; width: auto;}
+.topbar .content .top_right ul a { color: #666; line-height: 30px; height: 30px; display: block; padding: 0px 1.7em; border: none; overflow: hidden;}
+.topbar .content .top_right ul a:hover,.topbar .content .top_right ul a.this { background: #e6e6e6; color: #000; margin-right: 0px;}
 .topbar .content .top_right ul .font-icon { width: 18px; display: inline-block;}
 .do_search { color: #888; min-width: 452px;}
 .do_search .search_header { padding: 10px; padding-bottom: 0px;}
@@ -74,16 +74,16 @@ input { border: 1px solid #ddd; background: #fff; outline: none;}
 .do_search .search_result table .type { width: 37px;}
 .do_search .search_result table .size { width: 50px;}
 .do_search .search_result table .path,.do_search .search_result table .search_title .path { border-right: none;}
-.task_tab { position: fixed; bottom: 1px; left: 0; width: 100%; height: 30px; z-index: 9999; padding-left: 50px; background: rgba(0,0,0,0.1); border-top: 1px solid rgba(0,0,0,0.15); color: #444;}
+.task_tab { position: fixed; bottom: 1px; left: 0; width: 100%; height: 30px; z-index: 9900; padding-left: 50px; background: rgba(0,0,0,0.1); border-top: 1px solid rgba(0,0,0,0.15); color: #444;}
 .task_tab .tabs { height: 100%; margin-right: 10px; margin-right: 60px;}
-.task_tab .tabs .tab { float: left; height: 100%; margin-right: 2px; box-shadow: 0 0 6px #666; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; padding-left: 4px; word-break: break-all; background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0));}
+.task_tab .tabs .tab { float: left; height: 100%; margin-right: 2px; box-shadow: 0 0 6px #666; white-space: nowrap; text-overflow: ellipsis; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; padding-left: 4px; word-break: break-all; background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0));}
 .task_tab .tabs .tab img { width: 18px; height: 18px; padding-right: 4px; vertical-align: middle; display: inline-block; margin-top: -3px; border-radius: 4px;}
 .task_tab .tabs .tab.hover { background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0));}
 .task_tab .tabs .tab.this { box-shadow: 0 0 6px #000; background: rgba(255,255,255,0.2); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2));}
 .tasktab-dragging { position: absolute; z-index: 99999; height: 30px; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; box-shadow: 0 0 6px #000; padding-left: 4px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; word-break: break-all; background: rgba(255,255,255,0.2); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2));}
 .tasktab-dragging img { width: 18px; height: 18px; padding-right: 4px; vertical-align: middle; display: inline-block; margin-top: -3px; border-radius: 4px;}
 body div#ace_settingsmenu,body div#kbshortcutmenu { background-color: #000; opacity: 0.75; filter: alpha(opacity=75); color: #FFF; box-shadow: -5px 4px 5px rgba(0,0,0,0.2);}
-.frame_right { position: absolute; top: 34px; right: 0px; width: 40%; bottom: 0; background: #fff; z-index: 99; border-left: 1px solid #ccc; box-shadow: 0 20px 60px rgba(0,0,0,0.3); display: none;}
+.frame_right { position: absolute; top: 34px; right: 0px; width: 40%; bottom: 0; background: #fff; z-index: 99; overflow: hidden; border-left: 1px solid #ccc; box-shadow: 0 20px 60px rgba(0,0,0,0.3); display: none;}
 .frame_right .mask_view { z-index: 9999; opacity: 0.1;}
 .frame_right .resize { position: absolute; width: 10px; bottom: 0px; height: 100%; z-index: 100; cursor: col-resize; margin-left: -5px;}
 .frame_right .preview_frame { position: absolute; top: 30px; right: 0; bottom: 0; width: 100%; background: #fff;}
@@ -132,7 +132,7 @@ body div#ace_settingsmenu,body div#kbshortcutmenu { background-color: #000; opac
 .file_list { display: none;}
 .file_upload { width: 365px; height: 385px; padding: 5px;}
 .file_upload .top_nav { border-bottom: 1px solid #ddd; padding-left: 10px; margin-top: 6px;}
-.file_upload .menu { display: block; text-decoration: none; float: left; padding: 2px 15px; height: 28px; background: #eee; font-size: 13px; border: 1px solid #ccc; text-align: center; line-height: 25px; cursor: default; margin-right: 5px; margin-bottom: -1px; color: #444;}
+.file_upload .menu { display: block; text-decoration: none; float: left; padding: 2px 15px; height: 28px; background: #eee; font-size: 13px; border: 1px solid #ccc; text-align: center; line-height: 25px; margin-right: 5px; margin-bottom: -1px; color: #444;}
 .file_upload .menu.this { background: #fff; border-bottom: 1px solid #fff;}
 .file_upload .upload_path { padding: 5px 15px; background: #e6f0ff; margin: 10px 0; overflow: hidden; word-break: keep-all; white-space: nowrap; text-overflow: ellipsis; color: #5275b4;}
 .file_upload div a.left { margin-left: 10px;}
@@ -156,7 +156,8 @@ a.button:active { color: #000; border-color: #444;}
 a.button:focus { outline: none;}
 .messageBox { position: absolute; top: 15%; left: 0px; z-index: 88; background: #008a17; color: #fff; opacity: 0.7; filter: alpha(opacity=70); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 10px 60px rgba(0,0,0,0.6); -moz-box-shadow: 0 10px 60px rgba(0,0,0,0.6); box-shadow: 0 10px 60px rgba(0,0,0,0.6); display: none;}
 .messageBox .content { padding: 10px 30px; line-height: 20px; width: auto;}
-.aui_outer { text-align: left;}
+.dialogMax { z-index: 99999 !important;}
+.aui_outer { text-align: left; position: relative;}
 .aui_mask { position: absolute; width: 100%; height: 100%; background: #fff; opacity: 0.01;}
 .aui_loading { height: 100%; width: 100%; overflow: hidden; position: absolute; left: 0; top: 40px; z-index: 9999; text-align: center; text-indent: -999em; background: url("../../../images/dialog_loading.gif") no-repeat center center;}
 table.aui_border,table.aui_dialog { width: 100%; border: 0; margin: 0; border-collapse: collapse;}
@@ -204,7 +205,7 @@ table.aui_border,table.aui_dialog { width: 100%; border: 0; margin: 0; border-co
 .dialogMax .aui_nw,.dialogMax .aui_ne,.dialogMax .aui_sw,.dialogMax .aui_se,.dialogMax .aui_w,.dialogMax .aui_e { width: 0px;}
 .dialogMax .aui_sw,.dialogMax .aui_n,.dialogMax .aui_se { height: 0px;}
 .dialogMax .aui_outer { border: none;}
-.dialog-can-resize .resize-handle { position: absolute; font-size: 0.1px; z-index: 9999; display: block;}
+.dialog-can-resize .resize-handle { position: absolute; z-index: 9999; display: block;}
 .dialog-can-resize .resize-top { z-index: 0; cursor: n-resize; top: -3px; left: 0px; height: 7px; width: 100%;}
 .dialog-can-resize .resize-bottom { z-index: 0; cursor: s-resize; bottom: -3px; left: 0px; height: 7px; width: 100%;}
 .dialog-can-resize .resize-right { z-index: 0; cursor: e-resize; right: -3px; top: 0px; width: 7px; height: 100%;}
diff --git a/static/style/skin/metro/green_app_explorer.css b/static/style/skin/metro/green_app_explorer.css
index a826cec..7d9021a 100644
--- a/static/style/skin/metro/green_app_explorer.css
+++ b/static/style/skin/metro/green_app_explorer.css
@@ -41,15 +41,15 @@ input { border: 1px solid #ddd; background: #fff; outline: none;}
 .topbar .content .top_left a.title { font-size: 20px; width: 200px; padding: 0; text-align: center;}
 .topbar .content .top_left a b { color: #9CF; font-weight: 400;}
 .topbar .content .top_left a.title:hover { background: none;}
-.topbar .content .top_right { float: right; margin-right: 10px;}
+.topbar .content .top_right { float: right;}
 .topbar .content .top_right div { display: inline-block; margin-right: -3px;}
-.topbar .content .top_right a { display: inline-block; padding: 0px 0.7em; border: none; color: #fff;}
+.topbar .content .top_right a { display: inline-block; padding: 0px 0.7em; color: #fff; margin-right: -2px;}
 .topbar .content .top_right a i { padding-right: 2px; text-shadow: 0 0 1px;}
-.topbar .content .top_right .open a:focus,.topbar .content .top_right a:hover { background: #00a91c;}
-.topbar .content .top_right .menu-topbar_user { position: absolute; right: 10px; left: auto; margin-top: 0px; width: auto;}
-.topbar .content .top_right .topbar_language { position: absolute; right: 84px; left: auto; margin-top: 0px; width: auto;}
-.topbar .content .top_right ul a { color: #666; line-height: 30px; height: 30px; display: block;}
-.topbar .content .top_right ul a:hover,.topbar .content .top_right ul a.this { background: #e6e6e6; color: #000;}
+.topbar .content .top_right a:focus,.topbar .content .top_right a:hover { background: #00a91c;}
+.topbar .content .top_right .menu-topbar_user { position: absolute; right: 0px; left: auto; margin-top: 0px; width: auto;}
+.topbar .content .top_right .topbar_language { position: absolute; right: 75px; left: auto; margin-top: 0px; width: auto;}
+.topbar .content .top_right ul a { color: #666; line-height: 30px; height: 30px; display: block; padding: 0px 1.7em; border: none; overflow: hidden;}
+.topbar .content .top_right ul a:hover,.topbar .content .top_right ul a.this { background: #e6e6e6; color: #000; margin-right: 0px;}
 .topbar .content .top_right ul .font-icon { width: 18px; display: inline-block;}
 .do_search { color: #888; min-width: 452px;}
 .do_search .search_header { padding: 10px; padding-bottom: 0px;}
@@ -74,16 +74,16 @@ input { border: 1px solid #ddd; background: #fff; outline: none;}
 .do_search .search_result table .type { width: 37px;}
 .do_search .search_result table .size { width: 50px;}
 .do_search .search_result table .path,.do_search .search_result table .search_title .path { border-right: none;}
-.task_tab { position: fixed; bottom: 1px; left: 0; width: 100%; height: 30px; z-index: 9999; padding-left: 50px; background: rgba(0,0,0,0.1); border-top: 1px solid rgba(0,0,0,0.15); color: #444;}
+.task_tab { position: fixed; bottom: 1px; left: 0; width: 100%; height: 30px; z-index: 9900; padding-left: 50px; background: rgba(0,0,0,0.1); border-top: 1px solid rgba(0,0,0,0.15); color: #444;}
 .task_tab .tabs { height: 100%; margin-right: 10px; margin-right: 60px;}
-.task_tab .tabs .tab { float: left; height: 100%; margin-right: 2px; box-shadow: 0 0 6px #666; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; padding-left: 4px; word-break: break-all; background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0));}
+.task_tab .tabs .tab { float: left; height: 100%; margin-right: 2px; box-shadow: 0 0 6px #666; white-space: nowrap; text-overflow: ellipsis; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; padding-left: 4px; word-break: break-all; background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0));}
 .task_tab .tabs .tab img { width: 18px; height: 18px; padding-right: 4px; vertical-align: middle; display: inline-block; margin-top: -3px; border-radius: 4px;}
 .task_tab .tabs .tab.hover { background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0));}
 .task_tab .tabs .tab.this { box-shadow: 0 0 6px #000; background: rgba(255,255,255,0.2); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2));}
 .tasktab-dragging { position: absolute; z-index: 99999; height: 30px; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; box-shadow: 0 0 6px #000; padding-left: 4px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; word-break: break-all; background: rgba(255,255,255,0.2); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2));}
 .tasktab-dragging img { width: 18px; height: 18px; padding-right: 4px; vertical-align: middle; display: inline-block; margin-top: -3px; border-radius: 4px;}
 body div#ace_settingsmenu,body div#kbshortcutmenu { background-color: #000; opacity: 0.75; filter: alpha(opacity=75); color: #FFF; box-shadow: -5px 4px 5px rgba(0,0,0,0.2);}
-.frame_right { position: absolute; top: 34px; right: 0px; width: 40%; bottom: 0; background: #fff; z-index: 99; border-left: 1px solid #ccc; box-shadow: 0 20px 60px rgba(0,0,0,0.3); display: none;}
+.frame_right { position: absolute; top: 34px; right: 0px; width: 40%; bottom: 0; background: #fff; z-index: 99; overflow: hidden; border-left: 1px solid #ccc; box-shadow: 0 20px 60px rgba(0,0,0,0.3); display: none;}
 .frame_right .mask_view { z-index: 9999; opacity: 0.1;}
 .frame_right .resize { position: absolute; width: 10px; bottom: 0px; height: 100%; z-index: 100; cursor: col-resize; margin-left: -5px;}
 .frame_right .preview_frame { position: absolute; top: 30px; right: 0; bottom: 0; width: 100%; background: #fff;}
@@ -132,7 +132,7 @@ body div#ace_settingsmenu,body div#kbshortcutmenu { background-color: #000; opac
 .file_list { display: none;}
 .file_upload { width: 365px; height: 385px; padding: 5px;}
 .file_upload .top_nav { border-bottom: 1px solid #ddd; padding-left: 10px; margin-top: 6px;}
-.file_upload .menu { display: block; text-decoration: none; float: left; padding: 2px 15px; height: 28px; background: #eee; font-size: 13px; border: 1px solid #ccc; text-align: center; line-height: 25px; cursor: default; margin-right: 5px; margin-bottom: -1px; color: #444;}
+.file_upload .menu { display: block; text-decoration: none; float: left; padding: 2px 15px; height: 28px; background: #eee; font-size: 13px; border: 1px solid #ccc; text-align: center; line-height: 25px; margin-right: 5px; margin-bottom: -1px; color: #444;}
 .file_upload .menu.this { background: #fff; border-bottom: 1px solid #fff;}
 .file_upload .upload_path { padding: 5px 15px; background: #e6f0ff; margin: 10px 0; overflow: hidden; word-break: keep-all; white-space: nowrap; text-overflow: ellipsis; color: #5275b4;}
 .file_upload div a.left { margin-left: 10px;}
@@ -156,7 +156,8 @@ a.button:active { color: #000; border-color: #444;}
 a.button:focus { outline: none;}
 .messageBox { position: absolute; top: 15%; left: 0px; z-index: 88; background: #008a17; color: #fff; opacity: 0.7; filter: alpha(opacity=70); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 10px 60px rgba(0,0,0,0.6); -moz-box-shadow: 0 10px 60px rgba(0,0,0,0.6); box-shadow: 0 10px 60px rgba(0,0,0,0.6); display: none;}
 .messageBox .content { padding: 10px 30px; line-height: 20px; width: auto;}
-.aui_outer { text-align: left;}
+.dialogMax { z-index: 99999 !important;}
+.aui_outer { text-align: left; position: relative;}
 .aui_mask { position: absolute; width: 100%; height: 100%; background: #fff; opacity: 0.01;}
 .aui_loading { height: 100%; width: 100%; overflow: hidden; position: absolute; left: 0; top: 40px; z-index: 9999; text-align: center; text-indent: -999em; background: url("../../../images/dialog_loading.gif") no-repeat center center;}
 table.aui_border,table.aui_dialog { width: 100%; border: 0; margin: 0; border-collapse: collapse;}
@@ -204,7 +205,7 @@ table.aui_border,table.aui_dialog { width: 100%; border: 0; margin: 0; border-co
 .dialogMax .aui_nw,.dialogMax .aui_ne,.dialogMax .aui_sw,.dialogMax .aui_se,.dialogMax .aui_w,.dialogMax .aui_e { width: 0px;}
 .dialogMax .aui_sw,.dialogMax .aui_n,.dialogMax .aui_se { height: 0px;}
 .dialogMax .aui_outer { border: none;}
-.dialog-can-resize .resize-handle { position: absolute; font-size: 0.1px; z-index: 9999; display: block;}
+.dialog-can-resize .resize-handle { position: absolute; z-index: 9999; display: block;}
 .dialog-can-resize .resize-top { z-index: 0; cursor: n-resize; top: -3px; left: 0px; height: 7px; width: 100%;}
 .dialog-can-resize .resize-bottom { z-index: 0; cursor: s-resize; bottom: -3px; left: 0px; height: 7px; width: 100%;}
 .dialog-can-resize .resize-right { z-index: 0; cursor: e-resize; right: -3px; top: 0px; width: 7px; height: 100%;}
@@ -309,7 +310,7 @@ span.tmpzTreeMove_arrow { display: inline-block; margin: 4px 0 0 2px; position:
 .fileList_icon .file .titleBox .title { cursor: text;}
 .fileList_icon .file .ico { width: 60px; height: 60px; background-image: url("./images/file.png"); background-repeat: no-repeat; background-position: center center; margin: 0 auto; margin-top: 4px; margin-bottom: 3px; display: block;}
 .fileList_icon .file .folder { width: 70px; background-image: url("./images/folder.png");}
-.fileList_icon .file .picture { width: 64px; height: 66px; background: none; margin: 0; position: relative; top: 3px; left: 8px; display: table-cell; vertical-align: middle; text-align: center; *display: block; *font-size: 64px; *font-family: Arial;}
+.fileList_icon .file .picture { width: 80px; height: 66px; background: none; margin: 0; position: relative; top: 3px; display: table-cell; vertical-align: middle; text-align: center; *display: block; *font-size: 64px; *font-family: Arial;}
 .fileList_icon .file .picture img { vertical-align: middle; max-width: 64px; max-height: 64px;}
 .fileList_icon .file .cpp,.fileList_icon .file .h,.fileList_icon .file .sql,.fileList_icon .file .java,.fileList_icon .file .cs,.fileList_icon .file .py,.fileList_icon .file .html,.fileList_icon .file .htm,.fileList_icon .file .shtml,.fileList_icon .file .hta,.fileList_icon .file .css,.fileList_icon .file .js,.fileList_icon .file .xml,.fileList_icon .file .php,.fileList_icon .file .jsp,.fileList_icon .file .asp,.fileList_icon .file .aspx,.fileList_icon .file .vb,.fileList_icon .file .vbs,.fileList_icon .file .bat,.fileList_icon .file .reg,.fileList_icon .file .cmd,.fileList_icon .file .pl,.fileList_icon .file .pm,.fileList_icon .file .cgi,.fileList_icon .file .as,.fileList_icon .file .asm,.fileList_icon .file .clj,.fileList_icon .file .cbl,.fileList_icon .file .cfm,.fileList_icon .file .d,.fileList_icon .file .diff,.fileList_icon .file .dot,.fileList_icon .file .ejs,.fileList_icon .file .erl,.fileList_icon .file .ftl,.fileList_icon .file .go,.fileList_icon .file .hs,.fileList_icon .file .hbs,.fileList_icon .file .haml,.fileList_icon .file .erb,.fileList_icon .file .jade,.fileList_icon .file .json,.fileList_icon .file .jq,.fileList_icon .file .jsx,.fileList_icon .file .ji,.fileList_icon .file .tex,.fileList_icon .file .lisp,.fileList_icon .file .ls,.fileList_icon .file .lsl,.fileList_icon .file .lua,.fileList_icon .file .lp,.fileList_icon .file .matlab,.fileList_icon .file .mel,.fileList_icon .file .r,.fileList_icon .file .yaml { background-image: url("./images/code.png");}
 .fileList_icon .file .txt,.fileList_icon .file .ini,.fileList_icon .file .md,.fileList_icon .file .markdown,.fileList_icon .file .log { background-image: url("./images/txt.png");}
@@ -422,8 +423,8 @@ span.tmpzTreeMove_arrow { display: inline-block; margin: 4px 0 0 2px; position:
 .frame-header .header-content .header-middle .btn-default:active,.frame-header .header-content .header-right .btn-default:active { color: #000; border-color: #888;}
 .frame-header .header-content .font-icon { font-size: 18px; line-height: 20px; padding-right: 4px;}
 .frame-header .header-content .header-left { float: left; width: 170px; padding-left: 35px;}
-.frame-header .header-content .header-middle { position: absolute; left: 205px; top: 10px; right: 0px;}
-.frame-header .header-content .header-middle #yarnball { width: 50%; cursor: text; height: 27px; height: 28px\0; overflow: hidden; margin-left: -1px; float: left; border: 1px solid #ddd; box-shadow: #e6e6e6 0px 0px 20px inset; background: #f8f8f8 url("../../../images/bg.gif") 0px -2px repeat-x;}
+.frame-header .header-content .header-middle { position: absolute; left: 216px; top: 10px; right: 0px;}
+.frame-header .header-content .header-middle #yarnball { width: 50%; cursor: text; height: 27px; overflow: hidden; margin-left: -1px; float: left; border: 1px solid #ddd; box-shadow: #e6e6e6 0px 0px 20px inset; background: #f8f8f8 url("../../../images/bg.gif") 0px -2px repeat-x;}
 .frame-header .header-content .header-middle #yarnball .yarnball { list-style: none; margin: 0; margin-top: -1px; padding: 0; position: relative;}
 .frame-header .header-content .header-middle #yarnball .yarnball .yarnlet { display: inline-block;}
 .frame-header .header-content .header-middle #yarnball .yarnball .yarnlet a,.frame-header .header-content .header-middle #yarnball .yarnball .yarnlet a:link,.frame-header .header-content .header-middle #yarnball .yarnball .yarnlet a:visited { color: #666; display: inline-block; font-size: 12px; padding: 5px 15px 10px 20px; margin-left: -15px; position: relative; text-decoration: none; vertical-align: top; line-height: 20px;}
@@ -435,10 +436,11 @@ span.tmpzTreeMove_arrow { display: inline-block; margin: 4px 0 0 2px; position:
 .frame-header .header-content .header-middle #yarnball .yarnball .yarnlet a:hover .left-yarn { background-position: 0 -50px;}
 .frame-header .header-content .header-middle #yarnball .yarnball .yarnlet a:active .left-yarn { background-position: 0 -98px;}
 .frame-header .header-content .header-middle #yarnball_input { height: 27px; height: 28px\0; width: 50%; cursor: text; float: left; border: 1px solid #ddd; display: none; margin-left: -1px; background: #f8f8f8 url("../../../images/bg.gif") 0px -2px repeat-x; box-shadow: #e6e6e6 0px 0px 20px inset;}
-.frame-header .header-content .header-middle #yarnball_input input.path { border: none; height: 25px; display: block; width: 100%; padding-left: 10px; padding-right: 10px; text-shadow: 1px 1px 3px #cce; color: #888; background: #f8f8f8 url("../../../images/bg.gif") 0px -2px repeat-x; box-shadow: #e6e6e6 0px 0px 20px inset;}
+.frame-header .header-content .header-middle #yarnball_input input.path { border: none; height: 25px; display: block; width: 100%; padding-left: 10px; padding-right: 10px; text-shadow: 1px 1px 3px #cce; color: #888; background: #f8f8f8 url("../../../images/bg.gif") 0px -2px repeat-x; background: none; width: 94%;}
 .frame-header .header-content .header-middle #yarnball_input input:focus { outline: none;}
 .frame-header .header-content .header-right { position: absolute; right: 20px; top: 10px;}
-.frame-header .header-content .header-right input { display: block; float: left; border: 1px solid #ddd; height: 25px; height: 28px\0; padding-left: 10px; padding-right: 10px; text-shadow: 1px 1px 3px #cce; color: #888; background: #f8f8f8 url("../../../images/bg.gif") 0px -2px repeat-x; box-shadow: #e6e6e6 0px 0px 20px inset; outline: none; width: 120px; -webkit-transition: all 0.218s; -moz-transition: all 0.218s; -o-transition: all 0.218s; -ms-transition: all 0.218s; transition: all 0.218s;}
+.frame-header .header-content .header-right .btn { border-radius: 0;}
+.frame-header .header-content .header-right input { display: block; float: left; border: 1px solid #ddd; height: 25px; padding-left: 10px; padding-right: 10px; text-shadow: 1px 1px 3px #cce; color: #888; background: #f8f8f8 url("../../../images/bg.gif") 0px -2px repeat-x; box-shadow: #e6e6e6 0px 0px 20px inset; outline: none; width: 120px; -webkit-transition: all 0.218s; -moz-transition: all 0.218s; -o-transition: all 0.218s; -ms-transition: all 0.218s; transition: all 0.218s;}
 .frame-header .header-content .header-right input:focus { width: 160px; box-shadow: #ccc 0px 0px 20px inset;}
 .frame-main { position: absolute; left: 0; right: 0; top: 90px; bottom: 0;}
 .frame-main .frame-left { position: absolute; left: 0; top: 0; bottom: 0; width: 199px; border-right: 1px solid #ddd; background: #f3f3f3; background-attachment: fixed; overflow: auto;}
@@ -454,7 +456,7 @@ span.tmpzTreeMove_arrow { display: inline-block; margin: 4px 0 0 2px; position:
 .frame-main .frame-right .frame-right-main .drop-menu-action .disabled a i.font-icon { color: #bbb;}
 .frame-main .frame-right .frame-right-main .drop-menu-action .disabled a:hover { background: #fff; color: #bbb;}
 .frame-main .frame-right .frame-right-main .drop-menu-action .disabled a:hover i.font-icon { color: #bbb;}
-.frame-main .frame-right .frame-right-main .tools { z-index: 100; height: 33px; min-width: 600px; border-bottom: 1px solid #ddd; background: #f6f6f6; -webkit-box-shadow: 1px 2px 15px #eee; -moz-box-shadow: 1px 2px 15px #eee; box-shadow: 1px 2px 15px #eee;}
+.frame-main .frame-right .frame-right-main .tools { z-index: 100; height: 33px; min-width: 505px; border-bottom: 1px solid #ddd; background: #f6f6f6; -webkit-box-shadow: 1px 2px 15px #eee; -moz-box-shadow: 1px 2px 15px #eee; box-shadow: 1px 2px 15px #eee;}
 .frame-main .frame-right .frame-right-main .tools a.left:hover,.frame-main .frame-right .frame-right-main .tools a.middle:hover { margin-right: 2px; padding-right: 8px;}
 .frame-main .frame-right .frame-right-main .tools a.this { background: #eee; cursor: default;}
 .frame-main .frame-right .frame-right-main .tools a.this:hover { margin-right: 0px; padding-right: 10px; border: 1px solid #ddd; background: #eee; -webkit-box-shadow: 0 2px 8px rgba(0,0,0,0.05); -moz-box-shadow: 0 2px 8px rgba(0,0,0,0.05); box-shadow: 0 2px 8px rgba(0,0,0,0.05); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;}
diff --git a/static/style/skin/metro/green_app_setting.css b/static/style/skin/metro/green_app_setting.css
index de3b1e3..4bd2380 100644
--- a/static/style/skin/metro/green_app_setting.css
+++ b/static/style/skin/metro/green_app_setting.css
@@ -41,15 +41,15 @@ input { border: 1px solid #ddd; background: #fff; outline: none;}
 .topbar .content .top_left a.title { font-size: 20px; width: 200px; padding: 0; text-align: center;}
 .topbar .content .top_left a b { color: #9CF; font-weight: 400;}
 .topbar .content .top_left a.title:hover { background: none;}
-.topbar .content .top_right { float: right; margin-right: 10px;}
+.topbar .content .top_right { float: right;}
 .topbar .content .top_right div { display: inline-block; margin-right: -3px;}
-.topbar .content .top_right a { display: inline-block; padding: 0px 0.7em; border: none; color: #fff;}
+.topbar .content .top_right a { display: inline-block; padding: 0px 0.7em; color: #fff; margin-right: -2px;}
 .topbar .content .top_right a i { padding-right: 2px; text-shadow: 0 0 1px;}
-.topbar .content .top_right .open a:focus,.topbar .content .top_right a:hover { background: #00a91c;}
-.topbar .content .top_right .menu-topbar_user { position: absolute; right: 10px; left: auto; margin-top: 0px; width: auto;}
-.topbar .content .top_right .topbar_language { position: absolute; right: 84px; left: auto; margin-top: 0px; width: auto;}
-.topbar .content .top_right ul a { color: #666; line-height: 30px; height: 30px; display: block;}
-.topbar .content .top_right ul a:hover,.topbar .content .top_right ul a.this { background: #e6e6e6; color: #000;}
+.topbar .content .top_right a:focus,.topbar .content .top_right a:hover { background: #00a91c;}
+.topbar .content .top_right .menu-topbar_user { position: absolute; right: 0px; left: auto; margin-top: 0px; width: auto;}
+.topbar .content .top_right .topbar_language { position: absolute; right: 75px; left: auto; margin-top: 0px; width: auto;}
+.topbar .content .top_right ul a { color: #666; line-height: 30px; height: 30px; display: block; padding: 0px 1.7em; border: none; overflow: hidden;}
+.topbar .content .top_right ul a:hover,.topbar .content .top_right ul a.this { background: #e6e6e6; color: #000; margin-right: 0px;}
 .topbar .content .top_right ul .font-icon { width: 18px; display: inline-block;}
 .do_search { color: #888; min-width: 452px;}
 .do_search .search_header { padding: 10px; padding-bottom: 0px;}
@@ -74,16 +74,16 @@ input { border: 1px solid #ddd; background: #fff; outline: none;}
 .do_search .search_result table .type { width: 37px;}
 .do_search .search_result table .size { width: 50px;}
 .do_search .search_result table .path,.do_search .search_result table .search_title .path { border-right: none;}
-.task_tab { position: fixed; bottom: 1px; left: 0; width: 100%; height: 30px; z-index: 9999; padding-left: 50px; background: rgba(0,0,0,0.1); border-top: 1px solid rgba(0,0,0,0.15); color: #444;}
+.task_tab { position: fixed; bottom: 1px; left: 0; width: 100%; height: 30px; z-index: 9900; padding-left: 50px; background: rgba(0,0,0,0.1); border-top: 1px solid rgba(0,0,0,0.15); color: #444;}
 .task_tab .tabs { height: 100%; margin-right: 10px; margin-right: 60px;}
-.task_tab .tabs .tab { float: left; height: 100%; margin-right: 2px; box-shadow: 0 0 6px #666; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; padding-left: 4px; word-break: break-all; background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0));}
+.task_tab .tabs .tab { float: left; height: 100%; margin-right: 2px; box-shadow: 0 0 6px #666; white-space: nowrap; text-overflow: ellipsis; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; padding-left: 4px; word-break: break-all; background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0));}
 .task_tab .tabs .tab img { width: 18px; height: 18px; padding-right: 4px; vertical-align: middle; display: inline-block; margin-top: -3px; border-radius: 4px;}
 .task_tab .tabs .tab.hover { background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0));}
 .task_tab .tabs .tab.this { box-shadow: 0 0 6px #000; background: rgba(255,255,255,0.2); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2));}
 .tasktab-dragging { position: absolute; z-index: 99999; height: 30px; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; box-shadow: 0 0 6px #000; padding-left: 4px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; word-break: break-all; background: rgba(255,255,255,0.2); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2));}
 .tasktab-dragging img { width: 18px; height: 18px; padding-right: 4px; vertical-align: middle; display: inline-block; margin-top: -3px; border-radius: 4px;}
 body div#ace_settingsmenu,body div#kbshortcutmenu { background-color: #000; opacity: 0.75; filter: alpha(opacity=75); color: #FFF; box-shadow: -5px 4px 5px rgba(0,0,0,0.2);}
-.frame_right { position: absolute; top: 34px; right: 0px; width: 40%; bottom: 0; background: #fff; z-index: 99; border-left: 1px solid #ccc; box-shadow: 0 20px 60px rgba(0,0,0,0.3); display: none;}
+.frame_right { position: absolute; top: 34px; right: 0px; width: 40%; bottom: 0; background: #fff; z-index: 99; overflow: hidden; border-left: 1px solid #ccc; box-shadow: 0 20px 60px rgba(0,0,0,0.3); display: none;}
 .frame_right .mask_view { z-index: 9999; opacity: 0.1;}
 .frame_right .resize { position: absolute; width: 10px; bottom: 0px; height: 100%; z-index: 100; cursor: col-resize; margin-left: -5px;}
 .frame_right .preview_frame { position: absolute; top: 30px; right: 0; bottom: 0; width: 100%; background: #fff;}
@@ -132,7 +132,7 @@ body div#ace_settingsmenu,body div#kbshortcutmenu { background-color: #000; opac
 .file_list { display: none;}
 .file_upload { width: 365px; height: 385px; padding: 5px;}
 .file_upload .top_nav { border-bottom: 1px solid #ddd; padding-left: 10px; margin-top: 6px;}
-.file_upload .menu { display: block; text-decoration: none; float: left; padding: 2px 15px; height: 28px; background: #eee; font-size: 13px; border: 1px solid #ccc; text-align: center; line-height: 25px; cursor: default; margin-right: 5px; margin-bottom: -1px; color: #444;}
+.file_upload .menu { display: block; text-decoration: none; float: left; padding: 2px 15px; height: 28px; background: #eee; font-size: 13px; border: 1px solid #ccc; text-align: center; line-height: 25px; margin-right: 5px; margin-bottom: -1px; color: #444;}
 .file_upload .menu.this { background: #fff; border-bottom: 1px solid #fff;}
 .file_upload .upload_path { padding: 5px 15px; background: #e6f0ff; margin: 10px 0; overflow: hidden; word-break: keep-all; white-space: nowrap; text-overflow: ellipsis; color: #5275b4;}
 .file_upload div a.left { margin-left: 10px;}
@@ -156,7 +156,8 @@ a.button:active { color: #000; border-color: #444;}
 a.button:focus { outline: none;}
 .messageBox { position: absolute; top: 15%; left: 0px; z-index: 88; background: #008a17; color: #fff; opacity: 0.7; filter: alpha(opacity=70); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 10px 60px rgba(0,0,0,0.6); -moz-box-shadow: 0 10px 60px rgba(0,0,0,0.6); box-shadow: 0 10px 60px rgba(0,0,0,0.6); display: none;}
 .messageBox .content { padding: 10px 30px; line-height: 20px; width: auto;}
-.aui_outer { text-align: left;}
+.dialogMax { z-index: 99999 !important;}
+.aui_outer { text-align: left; position: relative;}
 .aui_mask { position: absolute; width: 100%; height: 100%; background: #fff; opacity: 0.01;}
 .aui_loading { height: 100%; width: 100%; overflow: hidden; position: absolute; left: 0; top: 40px; z-index: 9999; text-align: center; text-indent: -999em; background: url("../../../images/dialog_loading.gif") no-repeat center center;}
 table.aui_border,table.aui_dialog { width: 100%; border: 0; margin: 0; border-collapse: collapse;}
@@ -204,7 +205,7 @@ table.aui_border,table.aui_dialog { width: 100%; border: 0; margin: 0; border-co
 .dialogMax .aui_nw,.dialogMax .aui_ne,.dialogMax .aui_sw,.dialogMax .aui_se,.dialogMax .aui_w,.dialogMax .aui_e { width: 0px;}
 .dialogMax .aui_sw,.dialogMax .aui_n,.dialogMax .aui_se { height: 0px;}
 .dialogMax .aui_outer { border: none;}
-.dialog-can-resize .resize-handle { position: absolute; font-size: 0.1px; z-index: 9999; display: block;}
+.dialog-can-resize .resize-handle { position: absolute; z-index: 9999; display: block;}
 .dialog-can-resize .resize-top { z-index: 0; cursor: n-resize; top: -3px; left: 0px; height: 7px; width: 100%;}
 .dialog-can-resize .resize-bottom { z-index: 0; cursor: s-resize; bottom: -3px; left: 0px; height: 7px; width: 100%;}
 .dialog-can-resize .resize-right { z-index: 0; cursor: e-resize; right: -3px; top: 0px; width: 7px; height: 100%;}
diff --git a/static/style/skin/metro/grey_app_code_edit.css b/static/style/skin/metro/grey_app_code_edit.css
index d09fbdc..d973ea8 100644
--- a/static/style/skin/metro/grey_app_code_edit.css
+++ b/static/style/skin/metro/grey_app_code_edit.css
@@ -41,15 +41,15 @@ input { border: 1px solid #ddd; background: #fff; outline: none;}
 .topbar .content .top_left a.title { font-size: 20px; width: 200px; padding: 0; text-align: center;}
 .topbar .content .top_left a b { color: #9CF; font-weight: 400;}
 .topbar .content .top_left a.title:hover { background: none;}
-.topbar .content .top_right { float: right; margin-right: 10px;}
+.topbar .content .top_right { float: right;}
 .topbar .content .top_right div { display: inline-block; margin-right: -3px;}
-.topbar .content .top_right a { display: inline-block; padding: 0px 0.7em; border: none; color: #fff;}
+.topbar .content .top_right a { display: inline-block; padding: 0px 0.7em; color: #fff; margin-right: -2px;}
 .topbar .content .top_right a i { padding-right: 2px; text-shadow: 0 0 1px;}
-.topbar .content .top_right .open a:focus,.topbar .content .top_right a:hover { background: #535353;}
-.topbar .content .top_right .menu-topbar_user { position: absolute; right: 10px; left: auto; margin-top: 0px; width: auto;}
-.topbar .content .top_right .topbar_language { position: absolute; right: 84px; left: auto; margin-top: 0px; width: auto;}
-.topbar .content .top_right ul a { color: #666; line-height: 30px; height: 30px; display: block;}
-.topbar .content .top_right ul a:hover,.topbar .content .top_right ul a.this { background: #e6e6e6; color: #000;}
+.topbar .content .top_right a:focus,.topbar .content .top_right a:hover { background: #535353;}
+.topbar .content .top_right .menu-topbar_user { position: absolute; right: 0px; left: auto; margin-top: 0px; width: auto;}
+.topbar .content .top_right .topbar_language { position: absolute; right: 75px; left: auto; margin-top: 0px; width: auto;}
+.topbar .content .top_right ul a { color: #666; line-height: 30px; height: 30px; display: block; padding: 0px 1.7em; border: none; overflow: hidden;}
+.topbar .content .top_right ul a:hover,.topbar .content .top_right ul a.this { background: #e6e6e6; color: #000; margin-right: 0px;}
 .topbar .content .top_right ul .font-icon { width: 18px; display: inline-block;}
 .do_search { color: #888; min-width: 452px;}
 .do_search .search_header { padding: 10px; padding-bottom: 0px;}
@@ -74,16 +74,16 @@ input { border: 1px solid #ddd; background: #fff; outline: none;}
 .do_search .search_result table .type { width: 37px;}
 .do_search .search_result table .size { width: 50px;}
 .do_search .search_result table .path,.do_search .search_result table .search_title .path { border-right: none;}
-.task_tab { position: fixed; bottom: 1px; left: 0; width: 100%; height: 30px; z-index: 9999; padding-left: 50px; background: rgba(0,0,0,0.1); border-top: 1px solid rgba(0,0,0,0.15); color: #444;}
+.task_tab { position: fixed; bottom: 1px; left: 0; width: 100%; height: 30px; z-index: 9900; padding-left: 50px; background: rgba(0,0,0,0.1); border-top: 1px solid rgba(0,0,0,0.15); color: #444;}
 .task_tab .tabs { height: 100%; margin-right: 10px; margin-right: 60px;}
-.task_tab .tabs .tab { float: left; height: 100%; margin-right: 2px; box-shadow: 0 0 6px #666; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; padding-left: 4px; word-break: break-all; background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0));}
+.task_tab .tabs .tab { float: left; height: 100%; margin-right: 2px; box-shadow: 0 0 6px #666; white-space: nowrap; text-overflow: ellipsis; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; padding-left: 4px; word-break: break-all; background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0));}
 .task_tab .tabs .tab img { width: 18px; height: 18px; padding-right: 4px; vertical-align: middle; display: inline-block; margin-top: -3px; border-radius: 4px;}
 .task_tab .tabs .tab.hover { background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0));}
 .task_tab .tabs .tab.this { box-shadow: 0 0 6px #000; background: rgba(255,255,255,0.2); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2));}
 .tasktab-dragging { position: absolute; z-index: 99999; height: 30px; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; box-shadow: 0 0 6px #000; padding-left: 4px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; word-break: break-all; background: rgba(255,255,255,0.2); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2));}
 .tasktab-dragging img { width: 18px; height: 18px; padding-right: 4px; vertical-align: middle; display: inline-block; margin-top: -3px; border-radius: 4px;}
 body div#ace_settingsmenu,body div#kbshortcutmenu { background-color: #000; opacity: 0.75; filter: alpha(opacity=75); color: #FFF; box-shadow: -5px 4px 5px rgba(0,0,0,0.2);}
-.frame_right { position: absolute; top: 34px; right: 0px; width: 40%; bottom: 0; background: #fff; z-index: 99; border-left: 1px solid #ccc; box-shadow: 0 20px 60px rgba(0,0,0,0.3); display: none;}
+.frame_right { position: absolute; top: 34px; right: 0px; width: 40%; bottom: 0; background: #fff; z-index: 99; overflow: hidden; border-left: 1px solid #ccc; box-shadow: 0 20px 60px rgba(0,0,0,0.3); display: none;}
 .frame_right .mask_view { z-index: 9999; opacity: 0.1;}
 .frame_right .resize { position: absolute; width: 10px; bottom: 0px; height: 100%; z-index: 100; cursor: col-resize; margin-left: -5px;}
 .frame_right .preview_frame { position: absolute; top: 30px; right: 0; bottom: 0; width: 100%; background: #fff;}
@@ -132,7 +132,7 @@ body div#ace_settingsmenu,body div#kbshortcutmenu { background-color: #000; opac
 .file_list { display: none;}
 .file_upload { width: 365px; height: 385px; padding: 5px;}
 .file_upload .top_nav { border-bottom: 1px solid #ddd; padding-left: 10px; margin-top: 6px;}
-.file_upload .menu { display: block; text-decoration: none; float: left; padding: 2px 15px; height: 28px; background: #eee; font-size: 13px; border: 1px solid #ccc; text-align: center; line-height: 25px; cursor: default; margin-right: 5px; margin-bottom: -1px; color: #444;}
+.file_upload .menu { display: block; text-decoration: none; float: left; padding: 2px 15px; height: 28px; background: #eee; font-size: 13px; border: 1px solid #ccc; text-align: center; line-height: 25px; margin-right: 5px; margin-bottom: -1px; color: #444;}
 .file_upload .menu.this { background: #fff; border-bottom: 1px solid #fff;}
 .file_upload .upload_path { padding: 5px 15px; background: #e6f0ff; margin: 10px 0; overflow: hidden; word-break: keep-all; white-space: nowrap; text-overflow: ellipsis; color: #5275b4;}
 .file_upload div a.left { margin-left: 10px;}
@@ -156,7 +156,8 @@ a.button:active { color: #000; border-color: #444;}
 a.button:focus { outline: none;}
 .messageBox { position: absolute; top: 15%; left: 0px; z-index: 88; background: #444; color: #fff; opacity: 0.7; filter: alpha(opacity=70); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 10px 60px rgba(0,0,0,0.6); -moz-box-shadow: 0 10px 60px rgba(0,0,0,0.6); box-shadow: 0 10px 60px rgba(0,0,0,0.6); display: none;}
 .messageBox .content { padding: 10px 30px; line-height: 20px; width: auto;}
-.aui_outer { text-align: left;}
+.dialogMax { z-index: 99999 !important;}
+.aui_outer { text-align: left; position: relative;}
 .aui_mask { position: absolute; width: 100%; height: 100%; background: #fff; opacity: 0.01;}
 .aui_loading { height: 100%; width: 100%; overflow: hidden; position: absolute; left: 0; top: 40px; z-index: 9999; text-align: center; text-indent: -999em; background: url("../../../images/dialog_loading.gif") no-repeat center center;}
 table.aui_border,table.aui_dialog { width: 100%; border: 0; margin: 0; border-collapse: collapse;}
@@ -204,7 +205,7 @@ table.aui_border,table.aui_dialog { width: 100%; border: 0; margin: 0; border-co
 .dialogMax .aui_nw,.dialogMax .aui_ne,.dialogMax .aui_sw,.dialogMax .aui_se,.dialogMax .aui_w,.dialogMax .aui_e { width: 0px;}
 .dialogMax .aui_sw,.dialogMax .aui_n,.dialogMax .aui_se { height: 0px;}
 .dialogMax .aui_outer { border: none;}
-.dialog-can-resize .resize-handle { position: absolute; font-size: 0.1px; z-index: 9999; display: block;}
+.dialog-can-resize .resize-handle { position: absolute; z-index: 9999; display: block;}
 .dialog-can-resize .resize-top { z-index: 0; cursor: n-resize; top: -3px; left: 0px; height: 7px; width: 100%;}
 .dialog-can-resize .resize-bottom { z-index: 0; cursor: s-resize; bottom: -3px; left: 0px; height: 7px; width: 100%;}
 .dialog-can-resize .resize-right { z-index: 0; cursor: e-resize; right: -3px; top: 0px; width: 7px; height: 100%;}
diff --git a/static/style/skin/metro/grey_app_desktop.css b/static/style/skin/metro/grey_app_desktop.css
index ee379f9..0daa425 100644
--- a/static/style/skin/metro/grey_app_desktop.css
+++ b/static/style/skin/metro/grey_app_desktop.css
@@ -41,15 +41,15 @@ input { border: 1px solid #ddd; background: #fff; outline: none;}
 .topbar .content .top_left a.title { font-size: 20px; width: 200px; padding: 0; text-align: center;}
 .topbar .content .top_left a b { color: #9CF; font-weight: 400;}
 .topbar .content .top_left a.title:hover { background: none;}
-.topbar .content .top_right { float: right; margin-right: 10px;}
+.topbar .content .top_right { float: right;}
 .topbar .content .top_right div { display: inline-block; margin-right: -3px;}
-.topbar .content .top_right a { display: inline-block; padding: 0px 0.7em; border: none; color: #fff;}
+.topbar .content .top_right a { display: inline-block; padding: 0px 0.7em; color: #fff; margin-right: -2px;}
 .topbar .content .top_right a i { padding-right: 2px; text-shadow: 0 0 1px;}
-.topbar .content .top_right .open a:focus,.topbar .content .top_right a:hover { background: #535353;}
-.topbar .content .top_right .menu-topbar_user { position: absolute; right: 10px; left: auto; margin-top: 0px; width: auto;}
-.topbar .content .top_right .topbar_language { position: absolute; right: 84px; left: auto; margin-top: 0px; width: auto;}
-.topbar .content .top_right ul a { color: #666; line-height: 30px; height: 30px; display: block;}
-.topbar .content .top_right ul a:hover,.topbar .content .top_right ul a.this { background: #e6e6e6; color: #000;}
+.topbar .content .top_right a:focus,.topbar .content .top_right a:hover { background: #535353;}
+.topbar .content .top_right .menu-topbar_user { position: absolute; right: 0px; left: auto; margin-top: 0px; width: auto;}
+.topbar .content .top_right .topbar_language { position: absolute; right: 75px; left: auto; margin-top: 0px; width: auto;}
+.topbar .content .top_right ul a { color: #666; line-height: 30px; height: 30px; display: block; padding: 0px 1.7em; border: none; overflow: hidden;}
+.topbar .content .top_right ul a:hover,.topbar .content .top_right ul a.this { background: #e6e6e6; color: #000; margin-right: 0px;}
 .topbar .content .top_right ul .font-icon { width: 18px; display: inline-block;}
 .do_search { color: #888; min-width: 452px;}
 .do_search .search_header { padding: 10px; padding-bottom: 0px;}
@@ -74,16 +74,16 @@ input { border: 1px solid #ddd; background: #fff; outline: none;}
 .do_search .search_result table .type { width: 37px;}
 .do_search .search_result table .size { width: 50px;}
 .do_search .search_result table .path,.do_search .search_result table .search_title .path { border-right: none;}
-.task_tab { position: fixed; bottom: 1px; left: 0; width: 100%; height: 30px; z-index: 9999; padding-left: 50px; background: rgba(0,0,0,0.1); border-top: 1px solid rgba(0,0,0,0.15); color: #444;}
+.task_tab { position: fixed; bottom: 1px; left: 0; width: 100%; height: 30px; z-index: 9900; padding-left: 50px; background: rgba(0,0,0,0.1); border-top: 1px solid rgba(0,0,0,0.15); color: #444;}
 .task_tab .tabs { height: 100%; margin-right: 10px; margin-right: 60px;}
-.task_tab .tabs .tab { float: left; height: 100%; margin-right: 2px; box-shadow: 0 0 6px #666; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; padding-left: 4px; word-break: break-all; background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0));}
+.task_tab .tabs .tab { float: left; height: 100%; margin-right: 2px; box-shadow: 0 0 6px #666; white-space: nowrap; text-overflow: ellipsis; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; padding-left: 4px; word-break: break-all; background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0));}
 .task_tab .tabs .tab img { width: 18px; height: 18px; padding-right: 4px; vertical-align: middle; display: inline-block; margin-top: -3px; border-radius: 4px;}
 .task_tab .tabs .tab.hover { background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0));}
 .task_tab .tabs .tab.this { box-shadow: 0 0 6px #000; background: rgba(255,255,255,0.2); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2));}
 .tasktab-dragging { position: absolute; z-index: 99999; height: 30px; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; box-shadow: 0 0 6px #000; padding-left: 4px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; word-break: break-all; background: rgba(255,255,255,0.2); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2));}
 .tasktab-dragging img { width: 18px; height: 18px; padding-right: 4px; vertical-align: middle; display: inline-block; margin-top: -3px; border-radius: 4px;}
 body div#ace_settingsmenu,body div#kbshortcutmenu { background-color: #000; opacity: 0.75; filter: alpha(opacity=75); color: #FFF; box-shadow: -5px 4px 5px rgba(0,0,0,0.2);}
-.frame_right { position: absolute; top: 34px; right: 0px; width: 40%; bottom: 0; background: #fff; z-index: 99; border-left: 1px solid #ccc; box-shadow: 0 20px 60px rgba(0,0,0,0.3); display: none;}
+.frame_right { position: absolute; top: 34px; right: 0px; width: 40%; bottom: 0; background: #fff; z-index: 99; overflow: hidden; border-left: 1px solid #ccc; box-shadow: 0 20px 60px rgba(0,0,0,0.3); display: none;}
 .frame_right .mask_view { z-index: 9999; opacity: 0.1;}
 .frame_right .resize { position: absolute; width: 10px; bottom: 0px; height: 100%; z-index: 100; cursor: col-resize; margin-left: -5px;}
 .frame_right .preview_frame { position: absolute; top: 30px; right: 0; bottom: 0; width: 100%; background: #fff;}
@@ -132,7 +132,7 @@ body div#ace_settingsmenu,body div#kbshortcutmenu { background-color: #000; opac
 .file_list { display: none;}
 .file_upload { width: 365px; height: 385px; padding: 5px;}
 .file_upload .top_nav { border-bottom: 1px solid #ddd; padding-left: 10px; margin-top: 6px;}
-.file_upload .menu { display: block; text-decoration: none; float: left; padding: 2px 15px; height: 28px; background: #eee; font-size: 13px; border: 1px solid #ccc; text-align: center; line-height: 25px; cursor: default; margin-right: 5px; margin-bottom: -1px; color: #444;}
+.file_upload .menu { display: block; text-decoration: none; float: left; padding: 2px 15px; height: 28px; background: #eee; font-size: 13px; border: 1px solid #ccc; text-align: center; line-height: 25px; margin-right: 5px; margin-bottom: -1px; color: #444;}
 .file_upload .menu.this { background: #fff; border-bottom: 1px solid #fff;}
 .file_upload .upload_path { padding: 5px 15px; background: #e6f0ff; margin: 10px 0; overflow: hidden; word-break: keep-all; white-space: nowrap; text-overflow: ellipsis; color: #5275b4;}
 .file_upload div a.left { margin-left: 10px;}
@@ -156,7 +156,8 @@ a.button:active { color: #000; border-color: #444;}
 a.button:focus { outline: none;}
 .messageBox { position: absolute; top: 15%; left: 0px; z-index: 88; background: #444; color: #fff; opacity: 0.7; filter: alpha(opacity=70); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 10px 60px rgba(0,0,0,0.6); -moz-box-shadow: 0 10px 60px rgba(0,0,0,0.6); box-shadow: 0 10px 60px rgba(0,0,0,0.6); display: none;}
 .messageBox .content { padding: 10px 30px; line-height: 20px; width: auto;}
-.aui_outer { text-align: left;}
+.dialogMax { z-index: 99999 !important;}
+.aui_outer { text-align: left; position: relative;}
 .aui_mask { position: absolute; width: 100%; height: 100%; background: #fff; opacity: 0.01;}
 .aui_loading { height: 100%; width: 100%; overflow: hidden; position: absolute; left: 0; top: 40px; z-index: 9999; text-align: center; text-indent: -999em; background: url("../../../images/dialog_loading.gif") no-repeat center center;}
 table.aui_border,table.aui_dialog { width: 100%; border: 0; margin: 0; border-collapse: collapse;}
@@ -204,7 +205,7 @@ table.aui_border,table.aui_dialog { width: 100%; border: 0; margin: 0; border-co
 .dialogMax .aui_nw,.dialogMax .aui_ne,.dialogMax .aui_sw,.dialogMax .aui_se,.dialogMax .aui_w,.dialogMax .aui_e { width: 0px;}
 .dialogMax .aui_sw,.dialogMax .aui_n,.dialogMax .aui_se { height: 0px;}
 .dialogMax .aui_outer { border: none;}
-.dialog-can-resize .resize-handle { position: absolute; font-size: 0.1px; z-index: 9999; display: block;}
+.dialog-can-resize .resize-handle { position: absolute; z-index: 9999; display: block;}
 .dialog-can-resize .resize-top { z-index: 0; cursor: n-resize; top: -3px; left: 0px; height: 7px; width: 100%;}
 .dialog-can-resize .resize-bottom { z-index: 0; cursor: s-resize; bottom: -3px; left: 0px; height: 7px; width: 100%;}
 .dialog-can-resize .resize-right { z-index: 0; cursor: e-resize; right: -3px; top: 0px; width: 7px; height: 100%;}
@@ -242,7 +243,7 @@ div.dialog-simple .dialog_mouse_in .aui_header { opacity: 1; filter: alpha(opaci
 .fileList_icon .file .titleBox .title { cursor: text;}
 .fileList_icon .file .ico { width: 60px; height: 60px; background-image: url("./images/file.png"); background-repeat: no-repeat; background-position: center center; margin: 0 auto; margin-top: 4px; margin-bottom: 3px; display: block;}
 .fileList_icon .file .folder { width: 70px; background-image: url("./images/folder.png");}
-.fileList_icon .file .picture { width: 64px; height: 66px; background: none; margin: 0; position: relative; top: 3px; left: 8px; display: table-cell; vertical-align: middle; text-align: center; *display: block; *font-size: 64px; *font-family: Arial;}
+.fileList_icon .file .picture { width: 80px; height: 66px; background: none; margin: 0; position: relative; top: 3px; display: table-cell; vertical-align: middle; text-align: center; *display: block; *font-size: 64px; *font-family: Arial;}
 .fileList_icon .file .picture img { vertical-align: middle; max-width: 64px; max-height: 64px;}
 .fileList_icon .file .cpp,.fileList_icon .file .h,.fileList_icon .file .sql,.fileList_icon .file .java,.fileList_icon .file .cs,.fileList_icon .file .py,.fileList_icon .file .html,.fileList_icon .file .htm,.fileList_icon .file .shtml,.fileList_icon .file .hta,.fileList_icon .file .css,.fileList_icon .file .js,.fileList_icon .file .xml,.fileList_icon .file .php,.fileList_icon .file .jsp,.fileList_icon .file .asp,.fileList_icon .file .aspx,.fileList_icon .file .vb,.fileList_icon .file .vbs,.fileList_icon .file .bat,.fileList_icon .file .reg,.fileList_icon .file .cmd,.fileList_icon .file .pl,.fileList_icon .file .pm,.fileList_icon .file .cgi,.fileList_icon .file .as,.fileList_icon .file .asm,.fileList_icon .file .clj,.fileList_icon .file .cbl,.fileList_icon .file .cfm,.fileList_icon .file .d,.fileList_icon .file .diff,.fileList_icon .file .dot,.fileList_icon .file .ejs,.fileList_icon .file .erl,.fileList_icon .file .ftl,.fileList_icon .file .go,.fileList_icon .file .hs,.fileList_icon .file .hbs,.fileList_icon .file .haml,.fileList_icon .file .erb,.fileList_icon .file .jade,.fileList_icon .file .json,.fileList_icon .file .jq,.fileList_icon .file .jsx,.fileList_icon .file .ji,.fileList_icon .file .tex,.fileList_icon .file .lisp,.fileList_icon .file .ls,.fileList_icon .file .lsl,.fileList_icon .file .lua,.fileList_icon .file .lp,.fileList_icon .file .matlab,.fileList_icon .file .mel,.fileList_icon .file .r,.fileList_icon .file .yaml { background-image: url("./images/code.png");}
 .fileList_icon .file .txt,.fileList_icon .file .ini,.fileList_icon .file .md,.fileList_icon .file .markdown,.fileList_icon .file .log { background-image: url("./images/txt.png");}
@@ -354,7 +355,7 @@ div.dialog-simple .dialog_mouse_in .aui_header { opacity: 1; filter: alpha(opaci
 .desktop .fileList_icon .file .title .textarea { position: static;}
 #taskbar { height: 32px; position: fixed; bottom: 0; left: 0; width: 100%; padding: 0; margin: 0; background: url('../../../images/desktop/taskbarbg.png');}
 #taskbar a { position: absolute; text-align: center; width: 40px; height: 40px; left: 6px;}
-.start { background: url('../../../images/desktop/start.png') 0 0px no-repeat; display: block; z-index: 999; margin-top: -8px; z-index: 99999; width: 40px; height: 40px; bottom: 0px; left: 5px; position: fixed;}
+.start { background: url('../../../images/desktop/start.png') 0 0px no-repeat; display: block; z-index: 999; margin-top: -8px; z-index: 9901; width: 40px; height: 40px; bottom: 0px; left: 5px; position: fixed;}
 .start:hover { text-decoration: none; background-position: 0 -40px;}
 .start:active { text-decoration: none; background-position: 0 -80px;}
 .task_tab { position: fixed; bottom: 1px; left: 0; width: 100%; height: 30px; z-index: 9999;}
diff --git a/static/style/skin/metro/grey_app_editor.css b/static/style/skin/metro/grey_app_editor.css
index d2409a6..29a703e 100644
--- a/static/style/skin/metro/grey_app_editor.css
+++ b/static/style/skin/metro/grey_app_editor.css
@@ -41,15 +41,15 @@ input { border: 1px solid #ddd; background: #fff; outline: none;}
 .topbar .content .top_left a.title { font-size: 20px; width: 200px; padding: 0; text-align: center;}
 .topbar .content .top_left a b { color: #9CF; font-weight: 400;}
 .topbar .content .top_left a.title:hover { background: none;}
-.topbar .content .top_right { float: right; margin-right: 10px;}
+.topbar .content .top_right { float: right;}
 .topbar .content .top_right div { display: inline-block; margin-right: -3px;}
-.topbar .content .top_right a { display: inline-block; padding: 0px 0.7em; border: none; color: #fff;}
+.topbar .content .top_right a { display: inline-block; padding: 0px 0.7em; color: #fff; margin-right: -2px;}
 .topbar .content .top_right a i { padding-right: 2px; text-shadow: 0 0 1px;}
-.topbar .content .top_right .open a:focus,.topbar .content .top_right a:hover { background: #535353;}
-.topbar .content .top_right .menu-topbar_user { position: absolute; right: 10px; left: auto; margin-top: 0px; width: auto;}
-.topbar .content .top_right .topbar_language { position: absolute; right: 84px; left: auto; margin-top: 0px; width: auto;}
-.topbar .content .top_right ul a { color: #666; line-height: 30px; height: 30px; display: block;}
-.topbar .content .top_right ul a:hover,.topbar .content .top_right ul a.this { background: #e6e6e6; color: #000;}
+.topbar .content .top_right a:focus,.topbar .content .top_right a:hover { background: #535353;}
+.topbar .content .top_right .menu-topbar_user { position: absolute; right: 0px; left: auto; margin-top: 0px; width: auto;}
+.topbar .content .top_right .topbar_language { position: absolute; right: 75px; left: auto; margin-top: 0px; width: auto;}
+.topbar .content .top_right ul a { color: #666; line-height: 30px; height: 30px; display: block; padding: 0px 1.7em; border: none; overflow: hidden;}
+.topbar .content .top_right ul a:hover,.topbar .content .top_right ul a.this { background: #e6e6e6; color: #000; margin-right: 0px;}
 .topbar .content .top_right ul .font-icon { width: 18px; display: inline-block;}
 .do_search { color: #888; min-width: 452px;}
 .do_search .search_header { padding: 10px; padding-bottom: 0px;}
@@ -74,16 +74,16 @@ input { border: 1px solid #ddd; background: #fff; outline: none;}
 .do_search .search_result table .type { width: 37px;}
 .do_search .search_result table .size { width: 50px;}
 .do_search .search_result table .path,.do_search .search_result table .search_title .path { border-right: none;}
-.task_tab { position: fixed; bottom: 1px; left: 0; width: 100%; height: 30px; z-index: 9999; padding-left: 50px; background: rgba(0,0,0,0.1); border-top: 1px solid rgba(0,0,0,0.15); color: #444;}
+.task_tab { position: fixed; bottom: 1px; left: 0; width: 100%; height: 30px; z-index: 9900; padding-left: 50px; background: rgba(0,0,0,0.1); border-top: 1px solid rgba(0,0,0,0.15); color: #444;}
 .task_tab .tabs { height: 100%; margin-right: 10px; margin-right: 60px;}
-.task_tab .tabs .tab { float: left; height: 100%; margin-right: 2px; box-shadow: 0 0 6px #666; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; padding-left: 4px; word-break: break-all; background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0));}
+.task_tab .tabs .tab { float: left; height: 100%; margin-right: 2px; box-shadow: 0 0 6px #666; white-space: nowrap; text-overflow: ellipsis; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; padding-left: 4px; word-break: break-all; background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0));}
 .task_tab .tabs .tab img { width: 18px; height: 18px; padding-right: 4px; vertical-align: middle; display: inline-block; margin-top: -3px; border-radius: 4px;}
 .task_tab .tabs .tab.hover { background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0));}
 .task_tab .tabs .tab.this { box-shadow: 0 0 6px #000; background: rgba(255,255,255,0.2); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2));}
 .tasktab-dragging { position: absolute; z-index: 99999; height: 30px; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; box-shadow: 0 0 6px #000; padding-left: 4px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; word-break: break-all; background: rgba(255,255,255,0.2); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2));}
 .tasktab-dragging img { width: 18px; height: 18px; padding-right: 4px; vertical-align: middle; display: inline-block; margin-top: -3px; border-radius: 4px;}
 body div#ace_settingsmenu,body div#kbshortcutmenu { background-color: #000; opacity: 0.75; filter: alpha(opacity=75); color: #FFF; box-shadow: -5px 4px 5px rgba(0,0,0,0.2);}
-.frame_right { position: absolute; top: 34px; right: 0px; width: 40%; bottom: 0; background: #fff; z-index: 99; border-left: 1px solid #ccc; box-shadow: 0 20px 60px rgba(0,0,0,0.3); display: none;}
+.frame_right { position: absolute; top: 34px; right: 0px; width: 40%; bottom: 0; background: #fff; z-index: 99; overflow: hidden; border-left: 1px solid #ccc; box-shadow: 0 20px 60px rgba(0,0,0,0.3); display: none;}
 .frame_right .mask_view { z-index: 9999; opacity: 0.1;}
 .frame_right .resize { position: absolute; width: 10px; bottom: 0px; height: 100%; z-index: 100; cursor: col-resize; margin-left: -5px;}
 .frame_right .preview_frame { position: absolute; top: 30px; right: 0; bottom: 0; width: 100%; background: #fff;}
@@ -132,7 +132,7 @@ body div#ace_settingsmenu,body div#kbshortcutmenu { background-color: #000; opac
 .file_list { display: none;}
 .file_upload { width: 365px; height: 385px; padding: 5px;}
 .file_upload .top_nav { border-bottom: 1px solid #ddd; padding-left: 10px; margin-top: 6px;}
-.file_upload .menu { display: block; text-decoration: none; float: left; padding: 2px 15px; height: 28px; background: #eee; font-size: 13px; border: 1px solid #ccc; text-align: center; line-height: 25px; cursor: default; margin-right: 5px; margin-bottom: -1px; color: #444;}
+.file_upload .menu { display: block; text-decoration: none; float: left; padding: 2px 15px; height: 28px; background: #eee; font-size: 13px; border: 1px solid #ccc; text-align: center; line-height: 25px; margin-right: 5px; margin-bottom: -1px; color: #444;}
 .file_upload .menu.this { background: #fff; border-bottom: 1px solid #fff;}
 .file_upload .upload_path { padding: 5px 15px; background: #e6f0ff; margin: 10px 0; overflow: hidden; word-break: keep-all; white-space: nowrap; text-overflow: ellipsis; color: #5275b4;}
 .file_upload div a.left { margin-left: 10px;}
@@ -156,7 +156,8 @@ a.button:active { color: #000; border-color: #444;}
 a.button:focus { outline: none;}
 .messageBox { position: absolute; top: 15%; left: 0px; z-index: 88; background: #444; color: #fff; opacity: 0.7; filter: alpha(opacity=70); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 10px 60px rgba(0,0,0,0.6); -moz-box-shadow: 0 10px 60px rgba(0,0,0,0.6); box-shadow: 0 10px 60px rgba(0,0,0,0.6); display: none;}
 .messageBox .content { padding: 10px 30px; line-height: 20px; width: auto;}
-.aui_outer { text-align: left;}
+.dialogMax { z-index: 99999 !important;}
+.aui_outer { text-align: left; position: relative;}
 .aui_mask { position: absolute; width: 100%; height: 100%; background: #fff; opacity: 0.01;}
 .aui_loading { height: 100%; width: 100%; overflow: hidden; position: absolute; left: 0; top: 40px; z-index: 9999; text-align: center; text-indent: -999em; background: url("../../../images/dialog_loading.gif") no-repeat center center;}
 table.aui_border,table.aui_dialog { width: 100%; border: 0; margin: 0; border-collapse: collapse;}
@@ -204,7 +205,7 @@ table.aui_border,table.aui_dialog { width: 100%; border: 0; margin: 0; border-co
 .dialogMax .aui_nw,.dialogMax .aui_ne,.dialogMax .aui_sw,.dialogMax .aui_se,.dialogMax .aui_w,.dialogMax .aui_e { width: 0px;}
 .dialogMax .aui_sw,.dialogMax .aui_n,.dialogMax .aui_se { height: 0px;}
 .dialogMax .aui_outer { border: none;}
-.dialog-can-resize .resize-handle { position: absolute; font-size: 0.1px; z-index: 9999; display: block;}
+.dialog-can-resize .resize-handle { position: absolute; z-index: 9999; display: block;}
 .dialog-can-resize .resize-top { z-index: 0; cursor: n-resize; top: -3px; left: 0px; height: 7px; width: 100%;}
 .dialog-can-resize .resize-bottom { z-index: 0; cursor: s-resize; bottom: -3px; left: 0px; height: 7px; width: 100%;}
 .dialog-can-resize .resize-right { z-index: 0; cursor: e-resize; right: -3px; top: 0px; width: 7px; height: 100%;}
diff --git a/static/style/skin/metro/grey_app_explorer.css b/static/style/skin/metro/grey_app_explorer.css
index 3ec520b..247689e 100644
--- a/static/style/skin/metro/grey_app_explorer.css
+++ b/static/style/skin/metro/grey_app_explorer.css
@@ -41,15 +41,15 @@ input { border: 1px solid #ddd; background: #fff; outline: none;}
 .topbar .content .top_left a.title { font-size: 20px; width: 200px; padding: 0; text-align: center;}
 .topbar .content .top_left a b { color: #9CF; font-weight: 400;}
 .topbar .content .top_left a.title:hover { background: none;}
-.topbar .content .top_right { float: right; margin-right: 10px;}
+.topbar .content .top_right { float: right;}
 .topbar .content .top_right div { display: inline-block; margin-right: -3px;}
-.topbar .content .top_right a { display: inline-block; padding: 0px 0.7em; border: none; color: #fff;}
+.topbar .content .top_right a { display: inline-block; padding: 0px 0.7em; color: #fff; margin-right: -2px;}
 .topbar .content .top_right a i { padding-right: 2px; text-shadow: 0 0 1px;}
-.topbar .content .top_right .open a:focus,.topbar .content .top_right a:hover { background: #535353;}
-.topbar .content .top_right .menu-topbar_user { position: absolute; right: 10px; left: auto; margin-top: 0px; width: auto;}
-.topbar .content .top_right .topbar_language { position: absolute; right: 84px; left: auto; margin-top: 0px; width: auto;}
-.topbar .content .top_right ul a { color: #666; line-height: 30px; height: 30px; display: block;}
-.topbar .content .top_right ul a:hover,.topbar .content .top_right ul a.this { background: #e6e6e6; color: #000;}
+.topbar .content .top_right a:focus,.topbar .content .top_right a:hover { background: #535353;}
+.topbar .content .top_right .menu-topbar_user { position: absolute; right: 0px; left: auto; margin-top: 0px; width: auto;}
+.topbar .content .top_right .topbar_language { position: absolute; right: 75px; left: auto; margin-top: 0px; width: auto;}
+.topbar .content .top_right ul a { color: #666; line-height: 30px; height: 30px; display: block; padding: 0px 1.7em; border: none; overflow: hidden;}
+.topbar .content .top_right ul a:hover,.topbar .content .top_right ul a.this { background: #e6e6e6; color: #000; margin-right: 0px;}
 .topbar .content .top_right ul .font-icon { width: 18px; display: inline-block;}
 .do_search { color: #888; min-width: 452px;}
 .do_search .search_header { padding: 10px; padding-bottom: 0px;}
@@ -74,16 +74,16 @@ input { border: 1px solid #ddd; background: #fff; outline: none;}
 .do_search .search_result table .type { width: 37px;}
 .do_search .search_result table .size { width: 50px;}
 .do_search .search_result table .path,.do_search .search_result table .search_title .path { border-right: none;}
-.task_tab { position: fixed; bottom: 1px; left: 0; width: 100%; height: 30px; z-index: 9999; padding-left: 50px; background: rgba(0,0,0,0.1); border-top: 1px solid rgba(0,0,0,0.15); color: #444;}
+.task_tab { position: fixed; bottom: 1px; left: 0; width: 100%; height: 30px; z-index: 9900; padding-left: 50px; background: rgba(0,0,0,0.1); border-top: 1px solid rgba(0,0,0,0.15); color: #444;}
 .task_tab .tabs { height: 100%; margin-right: 10px; margin-right: 60px;}
-.task_tab .tabs .tab { float: left; height: 100%; margin-right: 2px; box-shadow: 0 0 6px #666; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; padding-left: 4px; word-break: break-all; background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0));}
+.task_tab .tabs .tab { float: left; height: 100%; margin-right: 2px; box-shadow: 0 0 6px #666; white-space: nowrap; text-overflow: ellipsis; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; padding-left: 4px; word-break: break-all; background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0));}
 .task_tab .tabs .tab img { width: 18px; height: 18px; padding-right: 4px; vertical-align: middle; display: inline-block; margin-top: -3px; border-radius: 4px;}
 .task_tab .tabs .tab.hover { background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0));}
 .task_tab .tabs .tab.this { box-shadow: 0 0 6px #000; background: rgba(255,255,255,0.2); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2));}
 .tasktab-dragging { position: absolute; z-index: 99999; height: 30px; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; box-shadow: 0 0 6px #000; padding-left: 4px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; word-break: break-all; background: rgba(255,255,255,0.2); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2));}
 .tasktab-dragging img { width: 18px; height: 18px; padding-right: 4px; vertical-align: middle; display: inline-block; margin-top: -3px; border-radius: 4px;}
 body div#ace_settingsmenu,body div#kbshortcutmenu { background-color: #000; opacity: 0.75; filter: alpha(opacity=75); color: #FFF; box-shadow: -5px 4px 5px rgba(0,0,0,0.2);}
-.frame_right { position: absolute; top: 34px; right: 0px; width: 40%; bottom: 0; background: #fff; z-index: 99; border-left: 1px solid #ccc; box-shadow: 0 20px 60px rgba(0,0,0,0.3); display: none;}
+.frame_right { position: absolute; top: 34px; right: 0px; width: 40%; bottom: 0; background: #fff; z-index: 99; overflow: hidden; border-left: 1px solid #ccc; box-shadow: 0 20px 60px rgba(0,0,0,0.3); display: none;}
 .frame_right .mask_view { z-index: 9999; opacity: 0.1;}
 .frame_right .resize { position: absolute; width: 10px; bottom: 0px; height: 100%; z-index: 100; cursor: col-resize; margin-left: -5px;}
 .frame_right .preview_frame { position: absolute; top: 30px; right: 0; bottom: 0; width: 100%; background: #fff;}
@@ -132,7 +132,7 @@ body div#ace_settingsmenu,body div#kbshortcutmenu { background-color: #000; opac
 .file_list { display: none;}
 .file_upload { width: 365px; height: 385px; padding: 5px;}
 .file_upload .top_nav { border-bottom: 1px solid #ddd; padding-left: 10px; margin-top: 6px;}
-.file_upload .menu { display: block; text-decoration: none; float: left; padding: 2px 15px; height: 28px; background: #eee; font-size: 13px; border: 1px solid #ccc; text-align: center; line-height: 25px; cursor: default; margin-right: 5px; margin-bottom: -1px; color: #444;}
+.file_upload .menu { display: block; text-decoration: none; float: left; padding: 2px 15px; height: 28px; background: #eee; font-size: 13px; border: 1px solid #ccc; text-align: center; line-height: 25px; margin-right: 5px; margin-bottom: -1px; color: #444;}
 .file_upload .menu.this { background: #fff; border-bottom: 1px solid #fff;}
 .file_upload .upload_path { padding: 5px 15px; background: #e6f0ff; margin: 10px 0; overflow: hidden; word-break: keep-all; white-space: nowrap; text-overflow: ellipsis; color: #5275b4;}
 .file_upload div a.left { margin-left: 10px;}
@@ -156,7 +156,8 @@ a.button:active { color: #000; border-color: #444;}
 a.button:focus { outline: none;}
 .messageBox { position: absolute; top: 15%; left: 0px; z-index: 88; background: #444; color: #fff; opacity: 0.7; filter: alpha(opacity=70); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 10px 60px rgba(0,0,0,0.6); -moz-box-shadow: 0 10px 60px rgba(0,0,0,0.6); box-shadow: 0 10px 60px rgba(0,0,0,0.6); display: none;}
 .messageBox .content { padding: 10px 30px; line-height: 20px; width: auto;}
-.aui_outer { text-align: left;}
+.dialogMax { z-index: 99999 !important;}
+.aui_outer { text-align: left; position: relative;}
 .aui_mask { position: absolute; width: 100%; height: 100%; background: #fff; opacity: 0.01;}
 .aui_loading { height: 100%; width: 100%; overflow: hidden; position: absolute; left: 0; top: 40px; z-index: 9999; text-align: center; text-indent: -999em; background: url("../../../images/dialog_loading.gif") no-repeat center center;}
 table.aui_border,table.aui_dialog { width: 100%; border: 0; margin: 0; border-collapse: collapse;}
@@ -204,7 +205,7 @@ table.aui_border,table.aui_dialog { width: 100%; border: 0; margin: 0; border-co
 .dialogMax .aui_nw,.dialogMax .aui_ne,.dialogMax .aui_sw,.dialogMax .aui_se,.dialogMax .aui_w,.dialogMax .aui_e { width: 0px;}
 .dialogMax .aui_sw,.dialogMax .aui_n,.dialogMax .aui_se { height: 0px;}
 .dialogMax .aui_outer { border: none;}
-.dialog-can-resize .resize-handle { position: absolute; font-size: 0.1px; z-index: 9999; display: block;}
+.dialog-can-resize .resize-handle { position: absolute; z-index: 9999; display: block;}
 .dialog-can-resize .resize-top { z-index: 0; cursor: n-resize; top: -3px; left: 0px; height: 7px; width: 100%;}
 .dialog-can-resize .resize-bottom { z-index: 0; cursor: s-resize; bottom: -3px; left: 0px; height: 7px; width: 100%;}
 .dialog-can-resize .resize-right { z-index: 0; cursor: e-resize; right: -3px; top: 0px; width: 7px; height: 100%;}
@@ -309,7 +310,7 @@ span.tmpzTreeMove_arrow { display: inline-block; margin: 4px 0 0 2px; position:
 .fileList_icon .file .titleBox .title { cursor: text;}
 .fileList_icon .file .ico { width: 60px; height: 60px; background-image: url("./images/file.png"); background-repeat: no-repeat; background-position: center center; margin: 0 auto; margin-top: 4px; margin-bottom: 3px; display: block;}
 .fileList_icon .file .folder { width: 70px; background-image: url("./images/folder.png");}
-.fileList_icon .file .picture { width: 64px; height: 66px; background: none; margin: 0; position: relative; top: 3px; left: 8px; display: table-cell; vertical-align: middle; text-align: center; *display: block; *font-size: 64px; *font-family: Arial;}
+.fileList_icon .file .picture { width: 80px; height: 66px; background: none; margin: 0; position: relative; top: 3px; display: table-cell; vertical-align: middle; text-align: center; *display: block; *font-size: 64px; *font-family: Arial;}
 .fileList_icon .file .picture img { vertical-align: middle; max-width: 64px; max-height: 64px;}
 .fileList_icon .file .cpp,.fileList_icon .file .h,.fileList_icon .file .sql,.fileList_icon .file .java,.fileList_icon .file .cs,.fileList_icon .file .py,.fileList_icon .file .html,.fileList_icon .file .htm,.fileList_icon .file .shtml,.fileList_icon .file .hta,.fileList_icon .file .css,.fileList_icon .file .js,.fileList_icon .file .xml,.fileList_icon .file .php,.fileList_icon .file .jsp,.fileList_icon .file .asp,.fileList_icon .file .aspx,.fileList_icon .file .vb,.fileList_icon .file .vbs,.fileList_icon .file .bat,.fileList_icon .file .reg,.fileList_icon .file .cmd,.fileList_icon .file .pl,.fileList_icon .file .pm,.fileList_icon .file .cgi,.fileList_icon .file .as,.fileList_icon .file .asm,.fileList_icon .file .clj,.fileList_icon .file .cbl,.fileList_icon .file .cfm,.fileList_icon .file .d,.fileList_icon .file .diff,.fileList_icon .file .dot,.fileList_icon .file .ejs,.fileList_icon .file .erl,.fileList_icon .file .ftl,.fileList_icon .file .go,.fileList_icon .file .hs,.fileList_icon .file .hbs,.fileList_icon .file .haml,.fileList_icon .file .erb,.fileList_icon .file .jade,.fileList_icon .file .json,.fileList_icon .file .jq,.fileList_icon .file .jsx,.fileList_icon .file .ji,.fileList_icon .file .tex,.fileList_icon .file .lisp,.fileList_icon .file .ls,.fileList_icon .file .lsl,.fileList_icon .file .lua,.fileList_icon .file .lp,.fileList_icon .file .matlab,.fileList_icon .file .mel,.fileList_icon .file .r,.fileList_icon .file .yaml { background-image: url("./images/code.png");}
 .fileList_icon .file .txt,.fileList_icon .file .ini,.fileList_icon .file .md,.fileList_icon .file .markdown,.fileList_icon .file .log { background-image: url("./images/txt.png");}
@@ -422,8 +423,8 @@ span.tmpzTreeMove_arrow { display: inline-block; margin: 4px 0 0 2px; position:
 .frame-header .header-content .header-middle .btn-default:active,.frame-header .header-content .header-right .btn-default:active { color: #000; border-color: #888;}
 .frame-header .header-content .font-icon { font-size: 18px; line-height: 20px; padding-right: 4px;}
 .frame-header .header-content .header-left { float: left; width: 170px; padding-left: 35px;}
-.frame-header .header-content .header-middle { position: absolute; left: 205px; top: 10px; right: 0px;}
-.frame-header .header-content .header-middle #yarnball { width: 50%; cursor: text; height: 27px; height: 28px\0; overflow: hidden; margin-left: -1px; float: left; border: 1px solid #ddd; box-shadow: #e6e6e6 0px 0px 20px inset; background: #f8f8f8 url("../../../images/bg.gif") 0px -2px repeat-x;}
+.frame-header .header-content .header-middle { position: absolute; left: 216px; top: 10px; right: 0px;}
+.frame-header .header-content .header-middle #yarnball { width: 50%; cursor: text; height: 27px; overflow: hidden; margin-left: -1px; float: left; border: 1px solid #ddd; box-shadow: #e6e6e6 0px 0px 20px inset; background: #f8f8f8 url("../../../images/bg.gif") 0px -2px repeat-x;}
 .frame-header .header-content .header-middle #yarnball .yarnball { list-style: none; margin: 0; margin-top: -1px; padding: 0; position: relative;}
 .frame-header .header-content .header-middle #yarnball .yarnball .yarnlet { display: inline-block;}
 .frame-header .header-content .header-middle #yarnball .yarnball .yarnlet a,.frame-header .header-content .header-middle #yarnball .yarnball .yarnlet a:link,.frame-header .header-content .header-middle #yarnball .yarnball .yarnlet a:visited { color: #666; display: inline-block; font-size: 12px; padding: 5px 15px 10px 20px; margin-left: -15px; position: relative; text-decoration: none; vertical-align: top; line-height: 20px;}
@@ -435,10 +436,11 @@ span.tmpzTreeMove_arrow { display: inline-block; margin: 4px 0 0 2px; position:
 .frame-header .header-content .header-middle #yarnball .yarnball .yarnlet a:hover .left-yarn { background-position: 0 -50px;}
 .frame-header .header-content .header-middle #yarnball .yarnball .yarnlet a:active .left-yarn { background-position: 0 -98px;}
 .frame-header .header-content .header-middle #yarnball_input { height: 27px; height: 28px\0; width: 50%; cursor: text; float: left; border: 1px solid #ddd; display: none; margin-left: -1px; background: #f8f8f8 url("../../../images/bg.gif") 0px -2px repeat-x; box-shadow: #e6e6e6 0px 0px 20px inset;}
-.frame-header .header-content .header-middle #yarnball_input input.path { border: none; height: 25px; display: block; width: 100%; padding-left: 10px; padding-right: 10px; text-shadow: 1px 1px 3px #cce; color: #888; background: #f8f8f8 url("../../../images/bg.gif") 0px -2px repeat-x; box-shadow: #e6e6e6 0px 0px 20px inset;}
+.frame-header .header-content .header-middle #yarnball_input input.path { border: none; height: 25px; display: block; width: 100%; padding-left: 10px; padding-right: 10px; text-shadow: 1px 1px 3px #cce; color: #888; background: #f8f8f8 url("../../../images/bg.gif") 0px -2px repeat-x; background: none; width: 94%;}
 .frame-header .header-content .header-middle #yarnball_input input:focus { outline: none;}
 .frame-header .header-content .header-right { position: absolute; right: 20px; top: 10px;}
-.frame-header .header-content .header-right input { display: block; float: left; border: 1px solid #ddd; height: 25px; height: 28px\0; padding-left: 10px; padding-right: 10px; text-shadow: 1px 1px 3px #cce; color: #888; background: #f8f8f8 url("../../../images/bg.gif") 0px -2px repeat-x; box-shadow: #e6e6e6 0px 0px 20px inset; outline: none; width: 120px; -webkit-transition: all 0.218s; -moz-transition: all 0.218s; -o-transition: all 0.218s; -ms-transition: all 0.218s; transition: all 0.218s;}
+.frame-header .header-content .header-right .btn { border-radius: 0;}
+.frame-header .header-content .header-right input { display: block; float: left; border: 1px solid #ddd; height: 25px; padding-left: 10px; padding-right: 10px; text-shadow: 1px 1px 3px #cce; color: #888; background: #f8f8f8 url("../../../images/bg.gif") 0px -2px repeat-x; box-shadow: #e6e6e6 0px 0px 20px inset; outline: none; width: 120px; -webkit-transition: all 0.218s; -moz-transition: all 0.218s; -o-transition: all 0.218s; -ms-transition: all 0.218s; transition: all 0.218s;}
 .frame-header .header-content .header-right input:focus { width: 160px; box-shadow: #ccc 0px 0px 20px inset;}
 .frame-main { position: absolute; left: 0; right: 0; top: 90px; bottom: 0;}
 .frame-main .frame-left { position: absolute; left: 0; top: 0; bottom: 0; width: 199px; border-right: 1px solid #ddd; background: #f3f3f3; background-attachment: fixed; overflow: auto;}
@@ -454,7 +456,7 @@ span.tmpzTreeMove_arrow { display: inline-block; margin: 4px 0 0 2px; position:
 .frame-main .frame-right .frame-right-main .drop-menu-action .disabled a i.font-icon { color: #bbb;}
 .frame-main .frame-right .frame-right-main .drop-menu-action .disabled a:hover { background: #fff; color: #bbb;}
 .frame-main .frame-right .frame-right-main .drop-menu-action .disabled a:hover i.font-icon { color: #bbb;}
-.frame-main .frame-right .frame-right-main .tools { z-index: 100; height: 33px; min-width: 600px; border-bottom: 1px solid #ddd; background: #f6f6f6; -webkit-box-shadow: 1px 2px 15px #eee; -moz-box-shadow: 1px 2px 15px #eee; box-shadow: 1px 2px 15px #eee;}
+.frame-main .frame-right .frame-right-main .tools { z-index: 100; height: 33px; min-width: 505px; border-bottom: 1px solid #ddd; background: #f6f6f6; -webkit-box-shadow: 1px 2px 15px #eee; -moz-box-shadow: 1px 2px 15px #eee; box-shadow: 1px 2px 15px #eee;}
 .frame-main .frame-right .frame-right-main .tools a.left:hover,.frame-main .frame-right .frame-right-main .tools a.middle:hover { margin-right: 2px; padding-right: 8px;}
 .frame-main .frame-right .frame-right-main .tools a.this { background: #eee; cursor: default;}
 .frame-main .frame-right .frame-right-main .tools a.this:hover { margin-right: 0px; padding-right: 10px; border: 1px solid #ddd; background: #eee; -webkit-box-shadow: 0 2px 8px rgba(0,0,0,0.05); -moz-box-shadow: 0 2px 8px rgba(0,0,0,0.05); box-shadow: 0 2px 8px rgba(0,0,0,0.05); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;}
diff --git a/static/style/skin/metro/grey_app_setting.css b/static/style/skin/metro/grey_app_setting.css
index 7613851..6a91e1e 100644
--- a/static/style/skin/metro/grey_app_setting.css
+++ b/static/style/skin/metro/grey_app_setting.css
@@ -41,15 +41,15 @@ input { border: 1px solid #ddd; background: #fff; outline: none;}
 .topbar .content .top_left a.title { font-size: 20px; width: 200px; padding: 0; text-align: center;}
 .topbar .content .top_left a b { color: #9CF; font-weight: 400;}
 .topbar .content .top_left a.title:hover { background: none;}
-.topbar .content .top_right { float: right; margin-right: 10px;}
+.topbar .content .top_right { float: right;}
 .topbar .content .top_right div { display: inline-block; margin-right: -3px;}
-.topbar .content .top_right a { display: inline-block; padding: 0px 0.7em; border: none; color: #fff;}
+.topbar .content .top_right a { display: inline-block; padding: 0px 0.7em; color: #fff; margin-right: -2px;}
 .topbar .content .top_right a i { padding-right: 2px; text-shadow: 0 0 1px;}
-.topbar .content .top_right .open a:focus,.topbar .content .top_right a:hover { background: #535353;}
-.topbar .content .top_right .menu-topbar_user { position: absolute; right: 10px; left: auto; margin-top: 0px; width: auto;}
-.topbar .content .top_right .topbar_language { position: absolute; right: 84px; left: auto; margin-top: 0px; width: auto;}
-.topbar .content .top_right ul a { color: #666; line-height: 30px; height: 30px; display: block;}
-.topbar .content .top_right ul a:hover,.topbar .content .top_right ul a.this { background: #e6e6e6; color: #000;}
+.topbar .content .top_right a:focus,.topbar .content .top_right a:hover { background: #535353;}
+.topbar .content .top_right .menu-topbar_user { position: absolute; right: 0px; left: auto; margin-top: 0px; width: auto;}
+.topbar .content .top_right .topbar_language { position: absolute; right: 75px; left: auto; margin-top: 0px; width: auto;}
+.topbar .content .top_right ul a { color: #666; line-height: 30px; height: 30px; display: block; padding: 0px 1.7em; border: none; overflow: hidden;}
+.topbar .content .top_right ul a:hover,.topbar .content .top_right ul a.this { background: #e6e6e6; color: #000; margin-right: 0px;}
 .topbar .content .top_right ul .font-icon { width: 18px; display: inline-block;}
 .do_search { color: #888; min-width: 452px;}
 .do_search .search_header { padding: 10px; padding-bottom: 0px;}
@@ -74,16 +74,16 @@ input { border: 1px solid #ddd; background: #fff; outline: none;}
 .do_search .search_result table .type { width: 37px;}
 .do_search .search_result table .size { width: 50px;}
 .do_search .search_result table .path,.do_search .search_result table .search_title .path { border-right: none;}
-.task_tab { position: fixed; bottom: 1px; left: 0; width: 100%; height: 30px; z-index: 9999; padding-left: 50px; background: rgba(0,0,0,0.1); border-top: 1px solid rgba(0,0,0,0.15); color: #444;}
+.task_tab { position: fixed; bottom: 1px; left: 0; width: 100%; height: 30px; z-index: 9900; padding-left: 50px; background: rgba(0,0,0,0.1); border-top: 1px solid rgba(0,0,0,0.15); color: #444;}
 .task_tab .tabs { height: 100%; margin-right: 10px; margin-right: 60px;}
-.task_tab .tabs .tab { float: left; height: 100%; margin-right: 2px; box-shadow: 0 0 6px #666; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; padding-left: 4px; word-break: break-all; background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0));}
+.task_tab .tabs .tab { float: left; height: 100%; margin-right: 2px; box-shadow: 0 0 6px #666; white-space: nowrap; text-overflow: ellipsis; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; padding-left: 4px; word-break: break-all; background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0));}
 .task_tab .tabs .tab img { width: 18px; height: 18px; padding-right: 4px; vertical-align: middle; display: inline-block; margin-top: -3px; border-radius: 4px;}
 .task_tab .tabs .tab.hover { background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0));}
 .task_tab .tabs .tab.this { box-shadow: 0 0 6px #000; background: rgba(255,255,255,0.2); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2));}
 .tasktab-dragging { position: absolute; z-index: 99999; height: 30px; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; box-shadow: 0 0 6px #000; padding-left: 4px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; word-break: break-all; background: rgba(255,255,255,0.2); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2));}
 .tasktab-dragging img { width: 18px; height: 18px; padding-right: 4px; vertical-align: middle; display: inline-block; margin-top: -3px; border-radius: 4px;}
 body div#ace_settingsmenu,body div#kbshortcutmenu { background-color: #000; opacity: 0.75; filter: alpha(opacity=75); color: #FFF; box-shadow: -5px 4px 5px rgba(0,0,0,0.2);}
-.frame_right { position: absolute; top: 34px; right: 0px; width: 40%; bottom: 0; background: #fff; z-index: 99; border-left: 1px solid #ccc; box-shadow: 0 20px 60px rgba(0,0,0,0.3); display: none;}
+.frame_right { position: absolute; top: 34px; right: 0px; width: 40%; bottom: 0; background: #fff; z-index: 99; overflow: hidden; border-left: 1px solid #ccc; box-shadow: 0 20px 60px rgba(0,0,0,0.3); display: none;}
 .frame_right .mask_view { z-index: 9999; opacity: 0.1;}
 .frame_right .resize { position: absolute; width: 10px; bottom: 0px; height: 100%; z-index: 100; cursor: col-resize; margin-left: -5px;}
 .frame_right .preview_frame { position: absolute; top: 30px; right: 0; bottom: 0; width: 100%; background: #fff;}
@@ -132,7 +132,7 @@ body div#ace_settingsmenu,body div#kbshortcutmenu { background-color: #000; opac
 .file_list { display: none;}
 .file_upload { width: 365px; height: 385px; padding: 5px;}
 .file_upload .top_nav { border-bottom: 1px solid #ddd; padding-left: 10px; margin-top: 6px;}
-.file_upload .menu { display: block; text-decoration: none; float: left; padding: 2px 15px; height: 28px; background: #eee; font-size: 13px; border: 1px solid #ccc; text-align: center; line-height: 25px; cursor: default; margin-right: 5px; margin-bottom: -1px; color: #444;}
+.file_upload .menu { display: block; text-decoration: none; float: left; padding: 2px 15px; height: 28px; background: #eee; font-size: 13px; border: 1px solid #ccc; text-align: center; line-height: 25px; margin-right: 5px; margin-bottom: -1px; color: #444;}
 .file_upload .menu.this { background: #fff; border-bottom: 1px solid #fff;}
 .file_upload .upload_path { padding: 5px 15px; background: #e6f0ff; margin: 10px 0; overflow: hidden; word-break: keep-all; white-space: nowrap; text-overflow: ellipsis; color: #5275b4;}
 .file_upload div a.left { margin-left: 10px;}
@@ -156,7 +156,8 @@ a.button:active { color: #000; border-color: #444;}
 a.button:focus { outline: none;}
 .messageBox { position: absolute; top: 15%; left: 0px; z-index: 88; background: #444; color: #fff; opacity: 0.7; filter: alpha(opacity=70); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 10px 60px rgba(0,0,0,0.6); -moz-box-shadow: 0 10px 60px rgba(0,0,0,0.6); box-shadow: 0 10px 60px rgba(0,0,0,0.6); display: none;}
 .messageBox .content { padding: 10px 30px; line-height: 20px; width: auto;}
-.aui_outer { text-align: left;}
+.dialogMax { z-index: 99999 !important;}
+.aui_outer { text-align: left; position: relative;}
 .aui_mask { position: absolute; width: 100%; height: 100%; background: #fff; opacity: 0.01;}
 .aui_loading { height: 100%; width: 100%; overflow: hidden; position: absolute; left: 0; top: 40px; z-index: 9999; text-align: center; text-indent: -999em; background: url("../../../images/dialog_loading.gif") no-repeat center center;}
 table.aui_border,table.aui_dialog { width: 100%; border: 0; margin: 0; border-collapse: collapse;}
@@ -204,7 +205,7 @@ table.aui_border,table.aui_dialog { width: 100%; border: 0; margin: 0; border-co
 .dialogMax .aui_nw,.dialogMax .aui_ne,.dialogMax .aui_sw,.dialogMax .aui_se,.dialogMax .aui_w,.dialogMax .aui_e { width: 0px;}
 .dialogMax .aui_sw,.dialogMax .aui_n,.dialogMax .aui_se { height: 0px;}
 .dialogMax .aui_outer { border: none;}
-.dialog-can-resize .resize-handle { position: absolute; font-size: 0.1px; z-index: 9999; display: block;}
+.dialog-can-resize .resize-handle { position: absolute; z-index: 9999; display: block;}
 .dialog-can-resize .resize-top { z-index: 0; cursor: n-resize; top: -3px; left: 0px; height: 7px; width: 100%;}
 .dialog-can-resize .resize-bottom { z-index: 0; cursor: s-resize; bottom: -3px; left: 0px; height: 7px; width: 100%;}
 .dialog-can-resize .resize-right { z-index: 0; cursor: e-resize; right: -3px; top: 0px; width: 7px; height: 100%;}
diff --git a/static/style/skin/metro/leaf_app_code_edit.css b/static/style/skin/metro/leaf_app_code_edit.css
index 1aebd2e..8fc01ce 100644
--- a/static/style/skin/metro/leaf_app_code_edit.css
+++ b/static/style/skin/metro/leaf_app_code_edit.css
@@ -41,15 +41,15 @@ input { border: 1px solid #ddd; background: #fff; outline: none;}
 .topbar .content .top_left a.title { font-size: 20px; width: 200px; padding: 0; text-align: center;}
 .topbar .content .top_left a b { color: #9CF; font-weight: 400;}
 .topbar .content .top_left a.title:hover { background: none;}
-.topbar .content .top_right { float: right; margin-right: 10px;}
+.topbar .content .top_right { float: right;}
 .topbar .content .top_right div { display: inline-block; margin-right: -3px;}
-.topbar .content .top_right a { display: inline-block; padding: 0px 0.7em; border: none; color: #fff;}
+.topbar .content .top_right a { display: inline-block; padding: 0px 0.7em; color: #fff; margin-right: -2px;}
 .topbar .content .top_right a i { padding-right: 2px; text-shadow: 0 0 1px;}
-.topbar .content .top_right .open a:focus,.topbar .content .top_right a:hover { background: #04d1d0;}
-.topbar .content .top_right .menu-topbar_user { position: absolute; right: 10px; left: auto; margin-top: 0px; width: auto;}
-.topbar .content .top_right .topbar_language { position: absolute; right: 84px; left: auto; margin-top: 0px; width: auto;}
-.topbar .content .top_right ul a { color: #666; line-height: 30px; height: 30px; display: block;}
-.topbar .content .top_right ul a:hover,.topbar .content .top_right ul a.this { background: #e6e6e6; color: #000;}
+.topbar .content .top_right a:focus,.topbar .content .top_right a:hover { background: #04d1d0;}
+.topbar .content .top_right .menu-topbar_user { position: absolute; right: 0px; left: auto; margin-top: 0px; width: auto;}
+.topbar .content .top_right .topbar_language { position: absolute; right: 75px; left: auto; margin-top: 0px; width: auto;}
+.topbar .content .top_right ul a { color: #666; line-height: 30px; height: 30px; display: block; padding: 0px 1.7em; border: none; overflow: hidden;}
+.topbar .content .top_right ul a:hover,.topbar .content .top_right ul a.this { background: #e6e6e6; color: #000; margin-right: 0px;}
 .topbar .content .top_right ul .font-icon { width: 18px; display: inline-block;}
 .do_search { color: #888; min-width: 452px;}
 .do_search .search_header { padding: 10px; padding-bottom: 0px;}
@@ -74,16 +74,16 @@ input { border: 1px solid #ddd; background: #fff; outline: none;}
 .do_search .search_result table .type { width: 37px;}
 .do_search .search_result table .size { width: 50px;}
 .do_search .search_result table .path,.do_search .search_result table .search_title .path { border-right: none;}
-.task_tab { position: fixed; bottom: 1px; left: 0; width: 100%; height: 30px; z-index: 9999; padding-left: 50px; background: rgba(0,0,0,0.1); border-top: 1px solid rgba(0,0,0,0.15); color: #444;}
+.task_tab { position: fixed; bottom: 1px; left: 0; width: 100%; height: 30px; z-index: 9900; padding-left: 50px; background: rgba(0,0,0,0.1); border-top: 1px solid rgba(0,0,0,0.15); color: #444;}
 .task_tab .tabs { height: 100%; margin-right: 10px; margin-right: 60px;}
-.task_tab .tabs .tab { float: left; height: 100%; margin-right: 2px; box-shadow: 0 0 6px #666; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; padding-left: 4px; word-break: break-all; background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0));}
+.task_tab .tabs .tab { float: left; height: 100%; margin-right: 2px; box-shadow: 0 0 6px #666; white-space: nowrap; text-overflow: ellipsis; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; padding-left: 4px; word-break: break-all; background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0));}
 .task_tab .tabs .tab img { width: 18px; height: 18px; padding-right: 4px; vertical-align: middle; display: inline-block; margin-top: -3px; border-radius: 4px;}
 .task_tab .tabs .tab.hover { background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0));}
 .task_tab .tabs .tab.this { box-shadow: 0 0 6px #000; background: rgba(255,255,255,0.2); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2));}
 .tasktab-dragging { position: absolute; z-index: 99999; height: 30px; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; box-shadow: 0 0 6px #000; padding-left: 4px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; word-break: break-all; background: rgba(255,255,255,0.2); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2));}
 .tasktab-dragging img { width: 18px; height: 18px; padding-right: 4px; vertical-align: middle; display: inline-block; margin-top: -3px; border-radius: 4px;}
 body div#ace_settingsmenu,body div#kbshortcutmenu { background-color: #000; opacity: 0.75; filter: alpha(opacity=75); color: #FFF; box-shadow: -5px 4px 5px rgba(0,0,0,0.2);}
-.frame_right { position: absolute; top: 34px; right: 0px; width: 40%; bottom: 0; background: #fff; z-index: 99; border-left: 1px solid #ccc; box-shadow: 0 20px 60px rgba(0,0,0,0.3); display: none;}
+.frame_right { position: absolute; top: 34px; right: 0px; width: 40%; bottom: 0; background: #fff; z-index: 99; overflow: hidden; border-left: 1px solid #ccc; box-shadow: 0 20px 60px rgba(0,0,0,0.3); display: none;}
 .frame_right .mask_view { z-index: 9999; opacity: 0.1;}
 .frame_right .resize { position: absolute; width: 10px; bottom: 0px; height: 100%; z-index: 100; cursor: col-resize; margin-left: -5px;}
 .frame_right .preview_frame { position: absolute; top: 30px; right: 0; bottom: 0; width: 100%; background: #fff;}
@@ -132,7 +132,7 @@ body div#ace_settingsmenu,body div#kbshortcutmenu { background-color: #000; opac
 .file_list { display: none;}
 .file_upload { width: 365px; height: 385px; padding: 5px;}
 .file_upload .top_nav { border-bottom: 1px solid #ddd; padding-left: 10px; margin-top: 6px;}
-.file_upload .menu { display: block; text-decoration: none; float: left; padding: 2px 15px; height: 28px; background: #eee; font-size: 13px; border: 1px solid #ccc; text-align: center; line-height: 25px; cursor: default; margin-right: 5px; margin-bottom: -1px; color: #444;}
+.file_upload .menu { display: block; text-decoration: none; float: left; padding: 2px 15px; height: 28px; background: #eee; font-size: 13px; border: 1px solid #ccc; text-align: center; line-height: 25px; margin-right: 5px; margin-bottom: -1px; color: #444;}
 .file_upload .menu.this { background: #fff; border-bottom: 1px solid #fff;}
 .file_upload .upload_path { padding: 5px 15px; background: #e6f0ff; margin: 10px 0; overflow: hidden; word-break: keep-all; white-space: nowrap; text-overflow: ellipsis; color: #5275b4;}
 .file_upload div a.left { margin-left: 10px;}
@@ -156,7 +156,8 @@ a.button:active { color: #000; border-color: #444;}
 a.button:focus { outline: none;}
 .messageBox { position: absolute; top: 15%; left: 0px; z-index: 88; background: #03B3B2; color: #fff; opacity: 0.7; filter: alpha(opacity=70); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 10px 60px rgba(0,0,0,0.6); -moz-box-shadow: 0 10px 60px rgba(0,0,0,0.6); box-shadow: 0 10px 60px rgba(0,0,0,0.6); display: none;}
 .messageBox .content { padding: 10px 30px; line-height: 20px; width: auto;}
-.aui_outer { text-align: left;}
+.dialogMax { z-index: 99999 !important;}
+.aui_outer { text-align: left; position: relative;}
 .aui_mask { position: absolute; width: 100%; height: 100%; background: #fff; opacity: 0.01;}
 .aui_loading { height: 100%; width: 100%; overflow: hidden; position: absolute; left: 0; top: 40px; z-index: 9999; text-align: center; text-indent: -999em; background: url("../../../images/dialog_loading.gif") no-repeat center center;}
 table.aui_border,table.aui_dialog { width: 100%; border: 0; margin: 0; border-collapse: collapse;}
@@ -204,7 +205,7 @@ table.aui_border,table.aui_dialog { width: 100%; border: 0; margin: 0; border-co
 .dialogMax .aui_nw,.dialogMax .aui_ne,.dialogMax .aui_sw,.dialogMax .aui_se,.dialogMax .aui_w,.dialogMax .aui_e { width: 0px;}
 .dialogMax .aui_sw,.dialogMax .aui_n,.dialogMax .aui_se { height: 0px;}
 .dialogMax .aui_outer { border: none;}
-.dialog-can-resize .resize-handle { position: absolute; font-size: 0.1px; z-index: 9999; display: block;}
+.dialog-can-resize .resize-handle { position: absolute; z-index: 9999; display: block;}
 .dialog-can-resize .resize-top { z-index: 0; cursor: n-resize; top: -3px; left: 0px; height: 7px; width: 100%;}
 .dialog-can-resize .resize-bottom { z-index: 0; cursor: s-resize; bottom: -3px; left: 0px; height: 7px; width: 100%;}
 .dialog-can-resize .resize-right { z-index: 0; cursor: e-resize; right: -3px; top: 0px; width: 7px; height: 100%;}
diff --git a/static/style/skin/metro/leaf_app_desktop.css b/static/style/skin/metro/leaf_app_desktop.css
index 1584df7..af2f30c 100644
--- a/static/style/skin/metro/leaf_app_desktop.css
+++ b/static/style/skin/metro/leaf_app_desktop.css
@@ -41,15 +41,15 @@ input { border: 1px solid #ddd; background: #fff; outline: none;}
 .topbar .content .top_left a.title { font-size: 20px; width: 200px; padding: 0; text-align: center;}
 .topbar .content .top_left a b { color: #9CF; font-weight: 400;}
 .topbar .content .top_left a.title:hover { background: none;}
-.topbar .content .top_right { float: right; margin-right: 10px;}
+.topbar .content .top_right { float: right;}
 .topbar .content .top_right div { display: inline-block; margin-right: -3px;}
-.topbar .content .top_right a { display: inline-block; padding: 0px 0.7em; border: none; color: #fff;}
+.topbar .content .top_right a { display: inline-block; padding: 0px 0.7em; color: #fff; margin-right: -2px;}
 .topbar .content .top_right a i { padding-right: 2px; text-shadow: 0 0 1px;}
-.topbar .content .top_right .open a:focus,.topbar .content .top_right a:hover { background: #04d1d0;}
-.topbar .content .top_right .menu-topbar_user { position: absolute; right: 10px; left: auto; margin-top: 0px; width: auto;}
-.topbar .content .top_right .topbar_language { position: absolute; right: 84px; left: auto; margin-top: 0px; width: auto;}
-.topbar .content .top_right ul a { color: #666; line-height: 30px; height: 30px; display: block;}
-.topbar .content .top_right ul a:hover,.topbar .content .top_right ul a.this { background: #e6e6e6; color: #000;}
+.topbar .content .top_right a:focus,.topbar .content .top_right a:hover { background: #04d1d0;}
+.topbar .content .top_right .menu-topbar_user { position: absolute; right: 0px; left: auto; margin-top: 0px; width: auto;}
+.topbar .content .top_right .topbar_language { position: absolute; right: 75px; left: auto; margin-top: 0px; width: auto;}
+.topbar .content .top_right ul a { color: #666; line-height: 30px; height: 30px; display: block; padding: 0px 1.7em; border: none; overflow: hidden;}
+.topbar .content .top_right ul a:hover,.topbar .content .top_right ul a.this { background: #e6e6e6; color: #000; margin-right: 0px;}
 .topbar .content .top_right ul .font-icon { width: 18px; display: inline-block;}
 .do_search { color: #888; min-width: 452px;}
 .do_search .search_header { padding: 10px; padding-bottom: 0px;}
@@ -74,16 +74,16 @@ input { border: 1px solid #ddd; background: #fff; outline: none;}
 .do_search .search_result table .type { width: 37px;}
 .do_search .search_result table .size { width: 50px;}
 .do_search .search_result table .path,.do_search .search_result table .search_title .path { border-right: none;}
-.task_tab { position: fixed; bottom: 1px; left: 0; width: 100%; height: 30px; z-index: 9999; padding-left: 50px; background: rgba(0,0,0,0.1); border-top: 1px solid rgba(0,0,0,0.15); color: #444;}
+.task_tab { position: fixed; bottom: 1px; left: 0; width: 100%; height: 30px; z-index: 9900; padding-left: 50px; background: rgba(0,0,0,0.1); border-top: 1px solid rgba(0,0,0,0.15); color: #444;}
 .task_tab .tabs { height: 100%; margin-right: 10px; margin-right: 60px;}
-.task_tab .tabs .tab { float: left; height: 100%; margin-right: 2px; box-shadow: 0 0 6px #666; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; padding-left: 4px; word-break: break-all; background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0));}
+.task_tab .tabs .tab { float: left; height: 100%; margin-right: 2px; box-shadow: 0 0 6px #666; white-space: nowrap; text-overflow: ellipsis; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; padding-left: 4px; word-break: break-all; background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0));}
 .task_tab .tabs .tab img { width: 18px; height: 18px; padding-right: 4px; vertical-align: middle; display: inline-block; margin-top: -3px; border-radius: 4px;}
 .task_tab .tabs .tab.hover { background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0));}
 .task_tab .tabs .tab.this { box-shadow: 0 0 6px #000; background: rgba(255,255,255,0.2); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2));}
 .tasktab-dragging { position: absolute; z-index: 99999; height: 30px; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; box-shadow: 0 0 6px #000; padding-left: 4px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; word-break: break-all; background: rgba(255,255,255,0.2); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2));}
 .tasktab-dragging img { width: 18px; height: 18px; padding-right: 4px; vertical-align: middle; display: inline-block; margin-top: -3px; border-radius: 4px;}
 body div#ace_settingsmenu,body div#kbshortcutmenu { background-color: #000; opacity: 0.75; filter: alpha(opacity=75); color: #FFF; box-shadow: -5px 4px 5px rgba(0,0,0,0.2);}
-.frame_right { position: absolute; top: 34px; right: 0px; width: 40%; bottom: 0; background: #fff; z-index: 99; border-left: 1px solid #ccc; box-shadow: 0 20px 60px rgba(0,0,0,0.3); display: none;}
+.frame_right { position: absolute; top: 34px; right: 0px; width: 40%; bottom: 0; background: #fff; z-index: 99; overflow: hidden; border-left: 1px solid #ccc; box-shadow: 0 20px 60px rgba(0,0,0,0.3); display: none;}
 .frame_right .mask_view { z-index: 9999; opacity: 0.1;}
 .frame_right .resize { position: absolute; width: 10px; bottom: 0px; height: 100%; z-index: 100; cursor: col-resize; margin-left: -5px;}
 .frame_right .preview_frame { position: absolute; top: 30px; right: 0; bottom: 0; width: 100%; background: #fff;}
@@ -132,7 +132,7 @@ body div#ace_settingsmenu,body div#kbshortcutmenu { background-color: #000; opac
 .file_list { display: none;}
 .file_upload { width: 365px; height: 385px; padding: 5px;}
 .file_upload .top_nav { border-bottom: 1px solid #ddd; padding-left: 10px; margin-top: 6px;}
-.file_upload .menu { display: block; text-decoration: none; float: left; padding: 2px 15px; height: 28px; background: #eee; font-size: 13px; border: 1px solid #ccc; text-align: center; line-height: 25px; cursor: default; margin-right: 5px; margin-bottom: -1px; color: #444;}
+.file_upload .menu { display: block; text-decoration: none; float: left; padding: 2px 15px; height: 28px; background: #eee; font-size: 13px; border: 1px solid #ccc; text-align: center; line-height: 25px; margin-right: 5px; margin-bottom: -1px; color: #444;}
 .file_upload .menu.this { background: #fff; border-bottom: 1px solid #fff;}
 .file_upload .upload_path { padding: 5px 15px; background: #e6f0ff; margin: 10px 0; overflow: hidden; word-break: keep-all; white-space: nowrap; text-overflow: ellipsis; color: #5275b4;}
 .file_upload div a.left { margin-left: 10px;}
@@ -156,7 +156,8 @@ a.button:active { color: #000; border-color: #444;}
 a.button:focus { outline: none;}
 .messageBox { position: absolute; top: 15%; left: 0px; z-index: 88; background: #03B3B2; color: #fff; opacity: 0.7; filter: alpha(opacity=70); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 10px 60px rgba(0,0,0,0.6); -moz-box-shadow: 0 10px 60px rgba(0,0,0,0.6); box-shadow: 0 10px 60px rgba(0,0,0,0.6); display: none;}
 .messageBox .content { padding: 10px 30px; line-height: 20px; width: auto;}
-.aui_outer { text-align: left;}
+.dialogMax { z-index: 99999 !important;}
+.aui_outer { text-align: left; position: relative;}
 .aui_mask { position: absolute; width: 100%; height: 100%; background: #fff; opacity: 0.01;}
 .aui_loading { height: 100%; width: 100%; overflow: hidden; position: absolute; left: 0; top: 40px; z-index: 9999; text-align: center; text-indent: -999em; background: url("../../../images/dialog_loading.gif") no-repeat center center;}
 table.aui_border,table.aui_dialog { width: 100%; border: 0; margin: 0; border-collapse: collapse;}
@@ -204,7 +205,7 @@ table.aui_border,table.aui_dialog { width: 100%; border: 0; margin: 0; border-co
 .dialogMax .aui_nw,.dialogMax .aui_ne,.dialogMax .aui_sw,.dialogMax .aui_se,.dialogMax .aui_w,.dialogMax .aui_e { width: 0px;}
 .dialogMax .aui_sw,.dialogMax .aui_n,.dialogMax .aui_se { height: 0px;}
 .dialogMax .aui_outer { border: none;}
-.dialog-can-resize .resize-handle { position: absolute; font-size: 0.1px; z-index: 9999; display: block;}
+.dialog-can-resize .resize-handle { position: absolute; z-index: 9999; display: block;}
 .dialog-can-resize .resize-top { z-index: 0; cursor: n-resize; top: -3px; left: 0px; height: 7px; width: 100%;}
 .dialog-can-resize .resize-bottom { z-index: 0; cursor: s-resize; bottom: -3px; left: 0px; height: 7px; width: 100%;}
 .dialog-can-resize .resize-right { z-index: 0; cursor: e-resize; right: -3px; top: 0px; width: 7px; height: 100%;}
@@ -242,7 +243,7 @@ div.dialog-simple .dialog_mouse_in .aui_header { opacity: 1; filter: alpha(opaci
 .fileList_icon .file .titleBox .title { cursor: text;}
 .fileList_icon .file .ico { width: 60px; height: 60px; background-image: url("./images/file.png"); background-repeat: no-repeat; background-position: center center; margin: 0 auto; margin-top: 4px; margin-bottom: 3px; display: block;}
 .fileList_icon .file .folder { width: 70px; background-image: url("./images/folder.png");}
-.fileList_icon .file .picture { width: 64px; height: 66px; background: none; margin: 0; position: relative; top: 3px; left: 8px; display: table-cell; vertical-align: middle; text-align: center; *display: block; *font-size: 64px; *font-family: Arial;}
+.fileList_icon .file .picture { width: 80px; height: 66px; background: none; margin: 0; position: relative; top: 3px; display: table-cell; vertical-align: middle; text-align: center; *display: block; *font-size: 64px; *font-family: Arial;}
 .fileList_icon .file .picture img { vertical-align: middle; max-width: 64px; max-height: 64px;}
 .fileList_icon .file .cpp,.fileList_icon .file .h,.fileList_icon .file .sql,.fileList_icon .file .java,.fileList_icon .file .cs,.fileList_icon .file .py,.fileList_icon .file .html,.fileList_icon .file .htm,.fileList_icon .file .shtml,.fileList_icon .file .hta,.fileList_icon .file .css,.fileList_icon .file .js,.fileList_icon .file .xml,.fileList_icon .file .php,.fileList_icon .file .jsp,.fileList_icon .file .asp,.fileList_icon .file .aspx,.fileList_icon .file .vb,.fileList_icon .file .vbs,.fileList_icon .file .bat,.fileList_icon .file .reg,.fileList_icon .file .cmd,.fileList_icon .file .pl,.fileList_icon .file .pm,.fileList_icon .file .cgi,.fileList_icon .file .as,.fileList_icon .file .asm,.fileList_icon .file .clj,.fileList_icon .file .cbl,.fileList_icon .file .cfm,.fileList_icon .file .d,.fileList_icon .file .diff,.fileList_icon .file .dot,.fileList_icon .file .ejs,.fileList_icon .file .erl,.fileList_icon .file .ftl,.fileList_icon .file .go,.fileList_icon .file .hs,.fileList_icon .file .hbs,.fileList_icon .file .haml,.fileList_icon .file .erb,.fileList_icon .file .jade,.fileList_icon .file .json,.fileList_icon .file .jq,.fileList_icon .file .jsx,.fileList_icon .file .ji,.fileList_icon .file .tex,.fileList_icon .file .lisp,.fileList_icon .file .ls,.fileList_icon .file .lsl,.fileList_icon .file .lua,.fileList_icon .file .lp,.fileList_icon .file .matlab,.fileList_icon .file .mel,.fileList_icon .file .r,.fileList_icon .file .yaml { background-image: url("./images/code.png");}
 .fileList_icon .file .txt,.fileList_icon .file .ini,.fileList_icon .file .md,.fileList_icon .file .markdown,.fileList_icon .file .log { background-image: url("./images/txt.png");}
@@ -354,7 +355,7 @@ div.dialog-simple .dialog_mouse_in .aui_header { opacity: 1; filter: alpha(opaci
 .desktop .fileList_icon .file .title .textarea { position: static;}
 #taskbar { height: 32px; position: fixed; bottom: 0; left: 0; width: 100%; padding: 0; margin: 0; background: url('../../../images/desktop/taskbarbg.png');}
 #taskbar a { position: absolute; text-align: center; width: 40px; height: 40px; left: 6px;}
-.start { background: url('../../../images/desktop/start.png') 0 0px no-repeat; display: block; z-index: 999; margin-top: -8px; z-index: 99999; width: 40px; height: 40px; bottom: 0px; left: 5px; position: fixed;}
+.start { background: url('../../../images/desktop/start.png') 0 0px no-repeat; display: block; z-index: 999; margin-top: -8px; z-index: 9901; width: 40px; height: 40px; bottom: 0px; left: 5px; position: fixed;}
 .start:hover { text-decoration: none; background-position: 0 -40px;}
 .start:active { text-decoration: none; background-position: 0 -80px;}
 .task_tab { position: fixed; bottom: 1px; left: 0; width: 100%; height: 30px; z-index: 9999;}
diff --git a/static/style/skin/metro/leaf_app_editor.css b/static/style/skin/metro/leaf_app_editor.css
index 31df1a5..e0e31d5 100644
--- a/static/style/skin/metro/leaf_app_editor.css
+++ b/static/style/skin/metro/leaf_app_editor.css
@@ -41,15 +41,15 @@ input { border: 1px solid #ddd; background: #fff; outline: none;}
 .topbar .content .top_left a.title { font-size: 20px; width: 200px; padding: 0; text-align: center;}
 .topbar .content .top_left a b { color: #9CF; font-weight: 400;}
 .topbar .content .top_left a.title:hover { background: none;}
-.topbar .content .top_right { float: right; margin-right: 10px;}
+.topbar .content .top_right { float: right;}
 .topbar .content .top_right div { display: inline-block; margin-right: -3px;}
-.topbar .content .top_right a { display: inline-block; padding: 0px 0.7em; border: none; color: #fff;}
+.topbar .content .top_right a { display: inline-block; padding: 0px 0.7em; color: #fff; margin-right: -2px;}
 .topbar .content .top_right a i { padding-right: 2px; text-shadow: 0 0 1px;}
-.topbar .content .top_right .open a:focus,.topbar .content .top_right a:hover { background: #04d1d0;}
-.topbar .content .top_right .menu-topbar_user { position: absolute; right: 10px; left: auto; margin-top: 0px; width: auto;}
-.topbar .content .top_right .topbar_language { position: absolute; right: 84px; left: auto; margin-top: 0px; width: auto;}
-.topbar .content .top_right ul a { color: #666; line-height: 30px; height: 30px; display: block;}
-.topbar .content .top_right ul a:hover,.topbar .content .top_right ul a.this { background: #e6e6e6; color: #000;}
+.topbar .content .top_right a:focus,.topbar .content .top_right a:hover { background: #04d1d0;}
+.topbar .content .top_right .menu-topbar_user { position: absolute; right: 0px; left: auto; margin-top: 0px; width: auto;}
+.topbar .content .top_right .topbar_language { position: absolute; right: 75px; left: auto; margin-top: 0px; width: auto;}
+.topbar .content .top_right ul a { color: #666; line-height: 30px; height: 30px; display: block; padding: 0px 1.7em; border: none; overflow: hidden;}
+.topbar .content .top_right ul a:hover,.topbar .content .top_right ul a.this { background: #e6e6e6; color: #000; margin-right: 0px;}
 .topbar .content .top_right ul .font-icon { width: 18px; display: inline-block;}
 .do_search { color: #888; min-width: 452px;}
 .do_search .search_header { padding: 10px; padding-bottom: 0px;}
@@ -74,16 +74,16 @@ input { border: 1px solid #ddd; background: #fff; outline: none;}
 .do_search .search_result table .type { width: 37px;}
 .do_search .search_result table .size { width: 50px;}
 .do_search .search_result table .path,.do_search .search_result table .search_title .path { border-right: none;}
-.task_tab { position: fixed; bottom: 1px; left: 0; width: 100%; height: 30px; z-index: 9999; padding-left: 50px; background: rgba(0,0,0,0.1); border-top: 1px solid rgba(0,0,0,0.15); color: #444;}
+.task_tab { position: fixed; bottom: 1px; left: 0; width: 100%; height: 30px; z-index: 9900; padding-left: 50px; background: rgba(0,0,0,0.1); border-top: 1px solid rgba(0,0,0,0.15); color: #444;}
 .task_tab .tabs { height: 100%; margin-right: 10px; margin-right: 60px;}
-.task_tab .tabs .tab { float: left; height: 100%; margin-right: 2px; box-shadow: 0 0 6px #666; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; padding-left: 4px; word-break: break-all; background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0));}
+.task_tab .tabs .tab { float: left; height: 100%; margin-right: 2px; box-shadow: 0 0 6px #666; white-space: nowrap; text-overflow: ellipsis; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; padding-left: 4px; word-break: break-all; background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0));}
 .task_tab .tabs .tab img { width: 18px; height: 18px; padding-right: 4px; vertical-align: middle; display: inline-block; margin-top: -3px; border-radius: 4px;}
 .task_tab .tabs .tab.hover { background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0));}
 .task_tab .tabs .tab.this { box-shadow: 0 0 6px #000; background: rgba(255,255,255,0.2); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2));}
 .tasktab-dragging { position: absolute; z-index: 99999; height: 30px; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; box-shadow: 0 0 6px #000; padding-left: 4px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; word-break: break-all; background: rgba(255,255,255,0.2); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2));}
 .tasktab-dragging img { width: 18px; height: 18px; padding-right: 4px; vertical-align: middle; display: inline-block; margin-top: -3px; border-radius: 4px;}
 body div#ace_settingsmenu,body div#kbshortcutmenu { background-color: #000; opacity: 0.75; filter: alpha(opacity=75); color: #FFF; box-shadow: -5px 4px 5px rgba(0,0,0,0.2);}
-.frame_right { position: absolute; top: 34px; right: 0px; width: 40%; bottom: 0; background: #fff; z-index: 99; border-left: 1px solid #ccc; box-shadow: 0 20px 60px rgba(0,0,0,0.3); display: none;}
+.frame_right { position: absolute; top: 34px; right: 0px; width: 40%; bottom: 0; background: #fff; z-index: 99; overflow: hidden; border-left: 1px solid #ccc; box-shadow: 0 20px 60px rgba(0,0,0,0.3); display: none;}
 .frame_right .mask_view { z-index: 9999; opacity: 0.1;}
 .frame_right .resize { position: absolute; width: 10px; bottom: 0px; height: 100%; z-index: 100; cursor: col-resize; margin-left: -5px;}
 .frame_right .preview_frame { position: absolute; top: 30px; right: 0; bottom: 0; width: 100%; background: #fff;}
@@ -132,7 +132,7 @@ body div#ace_settingsmenu,body div#kbshortcutmenu { background-color: #000; opac
 .file_list { display: none;}
 .file_upload { width: 365px; height: 385px; padding: 5px;}
 .file_upload .top_nav { border-bottom: 1px solid #ddd; padding-left: 10px; margin-top: 6px;}
-.file_upload .menu { display: block; text-decoration: none; float: left; padding: 2px 15px; height: 28px; background: #eee; font-size: 13px; border: 1px solid #ccc; text-align: center; line-height: 25px; cursor: default; margin-right: 5px; margin-bottom: -1px; color: #444;}
+.file_upload .menu { display: block; text-decoration: none; float: left; padding: 2px 15px; height: 28px; background: #eee; font-size: 13px; border: 1px solid #ccc; text-align: center; line-height: 25px; margin-right: 5px; margin-bottom: -1px; color: #444;}
 .file_upload .menu.this { background: #fff; border-bottom: 1px solid #fff;}
 .file_upload .upload_path { padding: 5px 15px; background: #e6f0ff; margin: 10px 0; overflow: hidden; word-break: keep-all; white-space: nowrap; text-overflow: ellipsis; color: #5275b4;}
 .file_upload div a.left { margin-left: 10px;}
@@ -156,7 +156,8 @@ a.button:active { color: #000; border-color: #444;}
 a.button:focus { outline: none;}
 .messageBox { position: absolute; top: 15%; left: 0px; z-index: 88; background: #03B3B2; color: #fff; opacity: 0.7; filter: alpha(opacity=70); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 10px 60px rgba(0,0,0,0.6); -moz-box-shadow: 0 10px 60px rgba(0,0,0,0.6); box-shadow: 0 10px 60px rgba(0,0,0,0.6); display: none;}
 .messageBox .content { padding: 10px 30px; line-height: 20px; width: auto;}
-.aui_outer { text-align: left;}
+.dialogMax { z-index: 99999 !important;}
+.aui_outer { text-align: left; position: relative;}
 .aui_mask { position: absolute; width: 100%; height: 100%; background: #fff; opacity: 0.01;}
 .aui_loading { height: 100%; width: 100%; overflow: hidden; position: absolute; left: 0; top: 40px; z-index: 9999; text-align: center; text-indent: -999em; background: url("../../../images/dialog_loading.gif") no-repeat center center;}
 table.aui_border,table.aui_dialog { width: 100%; border: 0; margin: 0; border-collapse: collapse;}
@@ -204,7 +205,7 @@ table.aui_border,table.aui_dialog { width: 100%; border: 0; margin: 0; border-co
 .dialogMax .aui_nw,.dialogMax .aui_ne,.dialogMax .aui_sw,.dialogMax .aui_se,.dialogMax .aui_w,.dialogMax .aui_e { width: 0px;}
 .dialogMax .aui_sw,.dialogMax .aui_n,.dialogMax .aui_se { height: 0px;}
 .dialogMax .aui_outer { border: none;}
-.dialog-can-resize .resize-handle { position: absolute; font-size: 0.1px; z-index: 9999; display: block;}
+.dialog-can-resize .resize-handle { position: absolute; z-index: 9999; display: block;}
 .dialog-can-resize .resize-top { z-index: 0; cursor: n-resize; top: -3px; left: 0px; height: 7px; width: 100%;}
 .dialog-can-resize .resize-bottom { z-index: 0; cursor: s-resize; bottom: -3px; left: 0px; height: 7px; width: 100%;}
 .dialog-can-resize .resize-right { z-index: 0; cursor: e-resize; right: -3px; top: 0px; width: 7px; height: 100%;}
diff --git a/static/style/skin/metro/leaf_app_explorer.css b/static/style/skin/metro/leaf_app_explorer.css
index 9b34ac7..3ed2b0c 100644
--- a/static/style/skin/metro/leaf_app_explorer.css
+++ b/static/style/skin/metro/leaf_app_explorer.css
@@ -41,15 +41,15 @@ input { border: 1px solid #ddd; background: #fff; outline: none;}
 .topbar .content .top_left a.title { font-size: 20px; width: 200px; padding: 0; text-align: center;}
 .topbar .content .top_left a b { color: #9CF; font-weight: 400;}
 .topbar .content .top_left a.title:hover { background: none;}
-.topbar .content .top_right { float: right; margin-right: 10px;}
+.topbar .content .top_right { float: right;}
 .topbar .content .top_right div { display: inline-block; margin-right: -3px;}
-.topbar .content .top_right a { display: inline-block; padding: 0px 0.7em; border: none; color: #fff;}
+.topbar .content .top_right a { display: inline-block; padding: 0px 0.7em; color: #fff; margin-right: -2px;}
 .topbar .content .top_right a i { padding-right: 2px; text-shadow: 0 0 1px;}
-.topbar .content .top_right .open a:focus,.topbar .content .top_right a:hover { background: #04d1d0;}
-.topbar .content .top_right .menu-topbar_user { position: absolute; right: 10px; left: auto; margin-top: 0px; width: auto;}
-.topbar .content .top_right .topbar_language { position: absolute; right: 84px; left: auto; margin-top: 0px; width: auto;}
-.topbar .content .top_right ul a { color: #666; line-height: 30px; height: 30px; display: block;}
-.topbar .content .top_right ul a:hover,.topbar .content .top_right ul a.this { background: #e6e6e6; color: #000;}
+.topbar .content .top_right a:focus,.topbar .content .top_right a:hover { background: #04d1d0;}
+.topbar .content .top_right .menu-topbar_user { position: absolute; right: 0px; left: auto; margin-top: 0px; width: auto;}
+.topbar .content .top_right .topbar_language { position: absolute; right: 75px; left: auto; margin-top: 0px; width: auto;}
+.topbar .content .top_right ul a { color: #666; line-height: 30px; height: 30px; display: block; padding: 0px 1.7em; border: none; overflow: hidden;}
+.topbar .content .top_right ul a:hover,.topbar .content .top_right ul a.this { background: #e6e6e6; color: #000; margin-right: 0px;}
 .topbar .content .top_right ul .font-icon { width: 18px; display: inline-block;}
 .do_search { color: #888; min-width: 452px;}
 .do_search .search_header { padding: 10px; padding-bottom: 0px;}
@@ -74,16 +74,16 @@ input { border: 1px solid #ddd; background: #fff; outline: none;}
 .do_search .search_result table .type { width: 37px;}
 .do_search .search_result table .size { width: 50px;}
 .do_search .search_result table .path,.do_search .search_result table .search_title .path { border-right: none;}
-.task_tab { position: fixed; bottom: 1px; left: 0; width: 100%; height: 30px; z-index: 9999; padding-left: 50px; background: rgba(0,0,0,0.1); border-top: 1px solid rgba(0,0,0,0.15); color: #444;}
+.task_tab { position: fixed; bottom: 1px; left: 0; width: 100%; height: 30px; z-index: 9900; padding-left: 50px; background: rgba(0,0,0,0.1); border-top: 1px solid rgba(0,0,0,0.15); color: #444;}
 .task_tab .tabs { height: 100%; margin-right: 10px; margin-right: 60px;}
-.task_tab .tabs .tab { float: left; height: 100%; margin-right: 2px; box-shadow: 0 0 6px #666; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; padding-left: 4px; word-break: break-all; background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0));}
+.task_tab .tabs .tab { float: left; height: 100%; margin-right: 2px; box-shadow: 0 0 6px #666; white-space: nowrap; text-overflow: ellipsis; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; padding-left: 4px; word-break: break-all; background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0));}
 .task_tab .tabs .tab img { width: 18px; height: 18px; padding-right: 4px; vertical-align: middle; display: inline-block; margin-top: -3px; border-radius: 4px;}
 .task_tab .tabs .tab.hover { background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0));}
 .task_tab .tabs .tab.this { box-shadow: 0 0 6px #000; background: rgba(255,255,255,0.2); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2));}
 .tasktab-dragging { position: absolute; z-index: 99999; height: 30px; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; box-shadow: 0 0 6px #000; padding-left: 4px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; word-break: break-all; background: rgba(255,255,255,0.2); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2));}
 .tasktab-dragging img { width: 18px; height: 18px; padding-right: 4px; vertical-align: middle; display: inline-block; margin-top: -3px; border-radius: 4px;}
 body div#ace_settingsmenu,body div#kbshortcutmenu { background-color: #000; opacity: 0.75; filter: alpha(opacity=75); color: #FFF; box-shadow: -5px 4px 5px rgba(0,0,0,0.2);}
-.frame_right { position: absolute; top: 34px; right: 0px; width: 40%; bottom: 0; background: #fff; z-index: 99; border-left: 1px solid #ccc; box-shadow: 0 20px 60px rgba(0,0,0,0.3); display: none;}
+.frame_right { position: absolute; top: 34px; right: 0px; width: 40%; bottom: 0; background: #fff; z-index: 99; overflow: hidden; border-left: 1px solid #ccc; box-shadow: 0 20px 60px rgba(0,0,0,0.3); display: none;}
 .frame_right .mask_view { z-index: 9999; opacity: 0.1;}
 .frame_right .resize { position: absolute; width: 10px; bottom: 0px; height: 100%; z-index: 100; cursor: col-resize; margin-left: -5px;}
 .frame_right .preview_frame { position: absolute; top: 30px; right: 0; bottom: 0; width: 100%; background: #fff;}
@@ -132,7 +132,7 @@ body div#ace_settingsmenu,body div#kbshortcutmenu { background-color: #000; opac
 .file_list { display: none;}
 .file_upload { width: 365px; height: 385px; padding: 5px;}
 .file_upload .top_nav { border-bottom: 1px solid #ddd; padding-left: 10px; margin-top: 6px;}
-.file_upload .menu { display: block; text-decoration: none; float: left; padding: 2px 15px; height: 28px; background: #eee; font-size: 13px; border: 1px solid #ccc; text-align: center; line-height: 25px; cursor: default; margin-right: 5px; margin-bottom: -1px; color: #444;}
+.file_upload .menu { display: block; text-decoration: none; float: left; padding: 2px 15px; height: 28px; background: #eee; font-size: 13px; border: 1px solid #ccc; text-align: center; line-height: 25px; margin-right: 5px; margin-bottom: -1px; color: #444;}
 .file_upload .menu.this { background: #fff; border-bottom: 1px solid #fff;}
 .file_upload .upload_path { padding: 5px 15px; background: #e6f0ff; margin: 10px 0; overflow: hidden; word-break: keep-all; white-space: nowrap; text-overflow: ellipsis; color: #5275b4;}
 .file_upload div a.left { margin-left: 10px;}
@@ -156,7 +156,8 @@ a.button:active { color: #000; border-color: #444;}
 a.button:focus { outline: none;}
 .messageBox { position: absolute; top: 15%; left: 0px; z-index: 88; background: #03B3B2; color: #fff; opacity: 0.7; filter: alpha(opacity=70); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 10px 60px rgba(0,0,0,0.6); -moz-box-shadow: 0 10px 60px rgba(0,0,0,0.6); box-shadow: 0 10px 60px rgba(0,0,0,0.6); display: none;}
 .messageBox .content { padding: 10px 30px; line-height: 20px; width: auto;}
-.aui_outer { text-align: left;}
+.dialogMax { z-index: 99999 !important;}
+.aui_outer { text-align: left; position: relative;}
 .aui_mask { position: absolute; width: 100%; height: 100%; background: #fff; opacity: 0.01;}
 .aui_loading { height: 100%; width: 100%; overflow: hidden; position: absolute; left: 0; top: 40px; z-index: 9999; text-align: center; text-indent: -999em; background: url("../../../images/dialog_loading.gif") no-repeat center center;}
 table.aui_border,table.aui_dialog { width: 100%; border: 0; margin: 0; border-collapse: collapse;}
@@ -204,7 +205,7 @@ table.aui_border,table.aui_dialog { width: 100%; border: 0; margin: 0; border-co
 .dialogMax .aui_nw,.dialogMax .aui_ne,.dialogMax .aui_sw,.dialogMax .aui_se,.dialogMax .aui_w,.dialogMax .aui_e { width: 0px;}
 .dialogMax .aui_sw,.dialogMax .aui_n,.dialogMax .aui_se { height: 0px;}
 .dialogMax .aui_outer { border: none;}
-.dialog-can-resize .resize-handle { position: absolute; font-size: 0.1px; z-index: 9999; display: block;}
+.dialog-can-resize .resize-handle { position: absolute; z-index: 9999; display: block;}
 .dialog-can-resize .resize-top { z-index: 0; cursor: n-resize; top: -3px; left: 0px; height: 7px; width: 100%;}
 .dialog-can-resize .resize-bottom { z-index: 0; cursor: s-resize; bottom: -3px; left: 0px; height: 7px; width: 100%;}
 .dialog-can-resize .resize-right { z-index: 0; cursor: e-resize; right: -3px; top: 0px; width: 7px; height: 100%;}
@@ -309,7 +310,7 @@ span.tmpzTreeMove_arrow { display: inline-block; margin: 4px 0 0 2px; position:
 .fileList_icon .file .titleBox .title { cursor: text;}
 .fileList_icon .file .ico { width: 60px; height: 60px; background-image: url("./images/file.png"); background-repeat: no-repeat; background-position: center center; margin: 0 auto; margin-top: 4px; margin-bottom: 3px; display: block;}
 .fileList_icon .file .folder { width: 70px; background-image: url("./images/folder.png");}
-.fileList_icon .file .picture { width: 64px; height: 66px; background: none; margin: 0; position: relative; top: 3px; left: 8px; display: table-cell; vertical-align: middle; text-align: center; *display: block; *font-size: 64px; *font-family: Arial;}
+.fileList_icon .file .picture { width: 80px; height: 66px; background: none; margin: 0; position: relative; top: 3px; display: table-cell; vertical-align: middle; text-align: center; *display: block; *font-size: 64px; *font-family: Arial;}
 .fileList_icon .file .picture img { vertical-align: middle; max-width: 64px; max-height: 64px;}
 .fileList_icon .file .cpp,.fileList_icon .file .h,.fileList_icon .file .sql,.fileList_icon .file .java,.fileList_icon .file .cs,.fileList_icon .file .py,.fileList_icon .file .html,.fileList_icon .file .htm,.fileList_icon .file .shtml,.fileList_icon .file .hta,.fileList_icon .file .css,.fileList_icon .file .js,.fileList_icon .file .xml,.fileList_icon .file .php,.fileList_icon .file .jsp,.fileList_icon .file .asp,.fileList_icon .file .aspx,.fileList_icon .file .vb,.fileList_icon .file .vbs,.fileList_icon .file .bat,.fileList_icon .file .reg,.fileList_icon .file .cmd,.fileList_icon .file .pl,.fileList_icon .file .pm,.fileList_icon .file .cgi,.fileList_icon .file .as,.fileList_icon .file .asm,.fileList_icon .file .clj,.fileList_icon .file .cbl,.fileList_icon .file .cfm,.fileList_icon .file .d,.fileList_icon .file .diff,.fileList_icon .file .dot,.fileList_icon .file .ejs,.fileList_icon .file .erl,.fileList_icon .file .ftl,.fileList_icon .file .go,.fileList_icon .file .hs,.fileList_icon .file .hbs,.fileList_icon .file .haml,.fileList_icon .file .erb,.fileList_icon .file .jade,.fileList_icon .file .json,.fileList_icon .file .jq,.fileList_icon .file .jsx,.fileList_icon .file .ji,.fileList_icon .file .tex,.fileList_icon .file .lisp,.fileList_icon .file .ls,.fileList_icon .file .lsl,.fileList_icon .file .lua,.fileList_icon .file .lp,.fileList_icon .file .matlab,.fileList_icon .file .mel,.fileList_icon .file .r,.fileList_icon .file .yaml { background-image: url("./images/code.png");}
 .fileList_icon .file .txt,.fileList_icon .file .ini,.fileList_icon .file .md,.fileList_icon .file .markdown,.fileList_icon .file .log { background-image: url("./images/txt.png");}
@@ -422,8 +423,8 @@ span.tmpzTreeMove_arrow { display: inline-block; margin: 4px 0 0 2px; position:
 .frame-header .header-content .header-middle .btn-default:active,.frame-header .header-content .header-right .btn-default:active { color: #000; border-color: #888;}
 .frame-header .header-content .font-icon { font-size: 18px; line-height: 20px; padding-right: 4px;}
 .frame-header .header-content .header-left { float: left; width: 170px; padding-left: 35px;}
-.frame-header .header-content .header-middle { position: absolute; left: 205px; top: 10px; right: 0px;}
-.frame-header .header-content .header-middle #yarnball { width: 50%; cursor: text; height: 27px; height: 28px\0; overflow: hidden; margin-left: -1px; float: left; border: 1px solid #ddd; box-shadow: #e6e6e6 0px 0px 20px inset; background: #f8f8f8 url("../../../images/bg.gif") 0px -2px repeat-x;}
+.frame-header .header-content .header-middle { position: absolute; left: 216px; top: 10px; right: 0px;}
+.frame-header .header-content .header-middle #yarnball { width: 50%; cursor: text; height: 27px; overflow: hidden; margin-left: -1px; float: left; border: 1px solid #ddd; box-shadow: #e6e6e6 0px 0px 20px inset; background: #f8f8f8 url("../../../images/bg.gif") 0px -2px repeat-x;}
 .frame-header .header-content .header-middle #yarnball .yarnball { list-style: none; margin: 0; margin-top: -1px; padding: 0; position: relative;}
 .frame-header .header-content .header-middle #yarnball .yarnball .yarnlet { display: inline-block;}
 .frame-header .header-content .header-middle #yarnball .yarnball .yarnlet a,.frame-header .header-content .header-middle #yarnball .yarnball .yarnlet a:link,.frame-header .header-content .header-middle #yarnball .yarnball .yarnlet a:visited { color: #666; display: inline-block; font-size: 12px; padding: 5px 15px 10px 20px; margin-left: -15px; position: relative; text-decoration: none; vertical-align: top; line-height: 20px;}
@@ -435,10 +436,11 @@ span.tmpzTreeMove_arrow { display: inline-block; margin: 4px 0 0 2px; position:
 .frame-header .header-content .header-middle #yarnball .yarnball .yarnlet a:hover .left-yarn { background-position: 0 -50px;}
 .frame-header .header-content .header-middle #yarnball .yarnball .yarnlet a:active .left-yarn { background-position: 0 -98px;}
 .frame-header .header-content .header-middle #yarnball_input { height: 27px; height: 28px\0; width: 50%; cursor: text; float: left; border: 1px solid #ddd; display: none; margin-left: -1px; background: #f8f8f8 url("../../../images/bg.gif") 0px -2px repeat-x; box-shadow: #e6e6e6 0px 0px 20px inset;}
-.frame-header .header-content .header-middle #yarnball_input input.path { border: none; height: 25px; display: block; width: 100%; padding-left: 10px; padding-right: 10px; text-shadow: 1px 1px 3px #cce; color: #888; background: #f8f8f8 url("../../../images/bg.gif") 0px -2px repeat-x; box-shadow: #e6e6e6 0px 0px 20px inset;}
+.frame-header .header-content .header-middle #yarnball_input input.path { border: none; height: 25px; display: block; width: 100%; padding-left: 10px; padding-right: 10px; text-shadow: 1px 1px 3px #cce; color: #888; background: #f8f8f8 url("../../../images/bg.gif") 0px -2px repeat-x; background: none; width: 94%;}
 .frame-header .header-content .header-middle #yarnball_input input:focus { outline: none;}
 .frame-header .header-content .header-right { position: absolute; right: 20px; top: 10px;}
-.frame-header .header-content .header-right input { display: block; float: left; border: 1px solid #ddd; height: 25px; height: 28px\0; padding-left: 10px; padding-right: 10px; text-shadow: 1px 1px 3px #cce; color: #888; background: #f8f8f8 url("../../../images/bg.gif") 0px -2px repeat-x; box-shadow: #e6e6e6 0px 0px 20px inset; outline: none; width: 120px; -webkit-transition: all 0.218s; -moz-transition: all 0.218s; -o-transition: all 0.218s; -ms-transition: all 0.218s; transition: all 0.218s;}
+.frame-header .header-content .header-right .btn { border-radius: 0;}
+.frame-header .header-content .header-right input { display: block; float: left; border: 1px solid #ddd; height: 25px; padding-left: 10px; padding-right: 10px; text-shadow: 1px 1px 3px #cce; color: #888; background: #f8f8f8 url("../../../images/bg.gif") 0px -2px repeat-x; box-shadow: #e6e6e6 0px 0px 20px inset; outline: none; width: 120px; -webkit-transition: all 0.218s; -moz-transition: all 0.218s; -o-transition: all 0.218s; -ms-transition: all 0.218s; transition: all 0.218s;}
 .frame-header .header-content .header-right input:focus { width: 160px; box-shadow: #ccc 0px 0px 20px inset;}
 .frame-main { position: absolute; left: 0; right: 0; top: 90px; bottom: 0;}
 .frame-main .frame-left { position: absolute; left: 0; top: 0; bottom: 0; width: 199px; border-right: 1px solid #ddd; background: #f3f3f3; background-attachment: fixed; overflow: auto;}
@@ -454,7 +456,7 @@ span.tmpzTreeMove_arrow { display: inline-block; margin: 4px 0 0 2px; position:
 .frame-main .frame-right .frame-right-main .drop-menu-action .disabled a i.font-icon { color: #bbb;}
 .frame-main .frame-right .frame-right-main .drop-menu-action .disabled a:hover { background: #fff; color: #bbb;}
 .frame-main .frame-right .frame-right-main .drop-menu-action .disabled a:hover i.font-icon { color: #bbb;}
-.frame-main .frame-right .frame-right-main .tools { z-index: 100; height: 33px; min-width: 600px; border-bottom: 1px solid #ddd; background: #f6f6f6; -webkit-box-shadow: 1px 2px 15px #eee; -moz-box-shadow: 1px 2px 15px #eee; box-shadow: 1px 2px 15px #eee;}
+.frame-main .frame-right .frame-right-main .tools { z-index: 100; height: 33px; min-width: 505px; border-bottom: 1px solid #ddd; background: #f6f6f6; -webkit-box-shadow: 1px 2px 15px #eee; -moz-box-shadow: 1px 2px 15px #eee; box-shadow: 1px 2px 15px #eee;}
 .frame-main .frame-right .frame-right-main .tools a.left:hover,.frame-main .frame-right .frame-right-main .tools a.middle:hover { margin-right: 2px; padding-right: 8px;}
 .frame-main .frame-right .frame-right-main .tools a.this { background: #eee; cursor: default;}
 .frame-main .frame-right .frame-right-main .tools a.this:hover { margin-right: 0px; padding-right: 10px; border: 1px solid #ddd; background: #eee; -webkit-box-shadow: 0 2px 8px rgba(0,0,0,0.05); -moz-box-shadow: 0 2px 8px rgba(0,0,0,0.05); box-shadow: 0 2px 8px rgba(0,0,0,0.05); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;}
diff --git a/static/style/skin/metro/leaf_app_setting.css b/static/style/skin/metro/leaf_app_setting.css
index 3b6adcc..2775e55 100644
--- a/static/style/skin/metro/leaf_app_setting.css
+++ b/static/style/skin/metro/leaf_app_setting.css
@@ -41,15 +41,15 @@ input { border: 1px solid #ddd; background: #fff; outline: none;}
 .topbar .content .top_left a.title { font-size: 20px; width: 200px; padding: 0; text-align: center;}
 .topbar .content .top_left a b { color: #9CF; font-weight: 400;}
 .topbar .content .top_left a.title:hover { background: none;}
-.topbar .content .top_right { float: right; margin-right: 10px;}
+.topbar .content .top_right { float: right;}
 .topbar .content .top_right div { display: inline-block; margin-right: -3px;}
-.topbar .content .top_right a { display: inline-block; padding: 0px 0.7em; border: none; color: #fff;}
+.topbar .content .top_right a { display: inline-block; padding: 0px 0.7em; color: #fff; margin-right: -2px;}
 .topbar .content .top_right a i { padding-right: 2px; text-shadow: 0 0 1px;}
-.topbar .content .top_right .open a:focus,.topbar .content .top_right a:hover { background: #04d1d0;}
-.topbar .content .top_right .menu-topbar_user { position: absolute; right: 10px; left: auto; margin-top: 0px; width: auto;}
-.topbar .content .top_right .topbar_language { position: absolute; right: 84px; left: auto; margin-top: 0px; width: auto;}
-.topbar .content .top_right ul a { color: #666; line-height: 30px; height: 30px; display: block;}
-.topbar .content .top_right ul a:hover,.topbar .content .top_right ul a.this { background: #e6e6e6; color: #000;}
+.topbar .content .top_right a:focus,.topbar .content .top_right a:hover { background: #04d1d0;}
+.topbar .content .top_right .menu-topbar_user { position: absolute; right: 0px; left: auto; margin-top: 0px; width: auto;}
+.topbar .content .top_right .topbar_language { position: absolute; right: 75px; left: auto; margin-top: 0px; width: auto;}
+.topbar .content .top_right ul a { color: #666; line-height: 30px; height: 30px; display: block; padding: 0px 1.7em; border: none; overflow: hidden;}
+.topbar .content .top_right ul a:hover,.topbar .content .top_right ul a.this { background: #e6e6e6; color: #000; margin-right: 0px;}
 .topbar .content .top_right ul .font-icon { width: 18px; display: inline-block;}
 .do_search { color: #888; min-width: 452px;}
 .do_search .search_header { padding: 10px; padding-bottom: 0px;}
@@ -74,16 +74,16 @@ input { border: 1px solid #ddd; background: #fff; outline: none;}
 .do_search .search_result table .type { width: 37px;}
 .do_search .search_result table .size { width: 50px;}
 .do_search .search_result table .path,.do_search .search_result table .search_title .path { border-right: none;}
-.task_tab { position: fixed; bottom: 1px; left: 0; width: 100%; height: 30px; z-index: 9999; padding-left: 50px; background: rgba(0,0,0,0.1); border-top: 1px solid rgba(0,0,0,0.15); color: #444;}
+.task_tab { position: fixed; bottom: 1px; left: 0; width: 100%; height: 30px; z-index: 9900; padding-left: 50px; background: rgba(0,0,0,0.1); border-top: 1px solid rgba(0,0,0,0.15); color: #444;}
 .task_tab .tabs { height: 100%; margin-right: 10px; margin-right: 60px;}
-.task_tab .tabs .tab { float: left; height: 100%; margin-right: 2px; box-shadow: 0 0 6px #666; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; padding-left: 4px; word-break: break-all; background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0));}
+.task_tab .tabs .tab { float: left; height: 100%; margin-right: 2px; box-shadow: 0 0 6px #666; white-space: nowrap; text-overflow: ellipsis; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; padding-left: 4px; word-break: break-all; background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0));}
 .task_tab .tabs .tab img { width: 18px; height: 18px; padding-right: 4px; vertical-align: middle; display: inline-block; margin-top: -3px; border-radius: 4px;}
 .task_tab .tabs .tab.hover { background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0));}
 .task_tab .tabs .tab.this { box-shadow: 0 0 6px #000; background: rgba(255,255,255,0.2); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2));}
 .tasktab-dragging { position: absolute; z-index: 99999; height: 30px; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; box-shadow: 0 0 6px #000; padding-left: 4px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; word-break: break-all; background: rgba(255,255,255,0.2); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2));}
 .tasktab-dragging img { width: 18px; height: 18px; padding-right: 4px; vertical-align: middle; display: inline-block; margin-top: -3px; border-radius: 4px;}
 body div#ace_settingsmenu,body div#kbshortcutmenu { background-color: #000; opacity: 0.75; filter: alpha(opacity=75); color: #FFF; box-shadow: -5px 4px 5px rgba(0,0,0,0.2);}
-.frame_right { position: absolute; top: 34px; right: 0px; width: 40%; bottom: 0; background: #fff; z-index: 99; border-left: 1px solid #ccc; box-shadow: 0 20px 60px rgba(0,0,0,0.3); display: none;}
+.frame_right { position: absolute; top: 34px; right: 0px; width: 40%; bottom: 0; background: #fff; z-index: 99; overflow: hidden; border-left: 1px solid #ccc; box-shadow: 0 20px 60px rgba(0,0,0,0.3); display: none;}
 .frame_right .mask_view { z-index: 9999; opacity: 0.1;}
 .frame_right .resize { position: absolute; width: 10px; bottom: 0px; height: 100%; z-index: 100; cursor: col-resize; margin-left: -5px;}
 .frame_right .preview_frame { position: absolute; top: 30px; right: 0; bottom: 0; width: 100%; background: #fff;}
@@ -132,7 +132,7 @@ body div#ace_settingsmenu,body div#kbshortcutmenu { background-color: #000; opac
 .file_list { display: none;}
 .file_upload { width: 365px; height: 385px; padding: 5px;}
 .file_upload .top_nav { border-bottom: 1px solid #ddd; padding-left: 10px; margin-top: 6px;}
-.file_upload .menu { display: block; text-decoration: none; float: left; padding: 2px 15px; height: 28px; background: #eee; font-size: 13px; border: 1px solid #ccc; text-align: center; line-height: 25px; cursor: default; margin-right: 5px; margin-bottom: -1px; color: #444;}
+.file_upload .menu { display: block; text-decoration: none; float: left; padding: 2px 15px; height: 28px; background: #eee; font-size: 13px; border: 1px solid #ccc; text-align: center; line-height: 25px; margin-right: 5px; margin-bottom: -1px; color: #444;}
 .file_upload .menu.this { background: #fff; border-bottom: 1px solid #fff;}
 .file_upload .upload_path { padding: 5px 15px; background: #e6f0ff; margin: 10px 0; overflow: hidden; word-break: keep-all; white-space: nowrap; text-overflow: ellipsis; color: #5275b4;}
 .file_upload div a.left { margin-left: 10px;}
@@ -156,7 +156,8 @@ a.button:active { color: #000; border-color: #444;}
 a.button:focus { outline: none;}
 .messageBox { position: absolute; top: 15%; left: 0px; z-index: 88; background: #03B3B2; color: #fff; opacity: 0.7; filter: alpha(opacity=70); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 10px 60px rgba(0,0,0,0.6); -moz-box-shadow: 0 10px 60px rgba(0,0,0,0.6); box-shadow: 0 10px 60px rgba(0,0,0,0.6); display: none;}
 .messageBox .content { padding: 10px 30px; line-height: 20px; width: auto;}
-.aui_outer { text-align: left;}
+.dialogMax { z-index: 99999 !important;}
+.aui_outer { text-align: left; position: relative;}
 .aui_mask { position: absolute; width: 100%; height: 100%; background: #fff; opacity: 0.01;}
 .aui_loading { height: 100%; width: 100%; overflow: hidden; position: absolute; left: 0; top: 40px; z-index: 9999; text-align: center; text-indent: -999em; background: url("../../../images/dialog_loading.gif") no-repeat center center;}
 table.aui_border,table.aui_dialog { width: 100%; border: 0; margin: 0; border-collapse: collapse;}
@@ -204,7 +205,7 @@ table.aui_border,table.aui_dialog { width: 100%; border: 0; margin: 0; border-co
 .dialogMax .aui_nw,.dialogMax .aui_ne,.dialogMax .aui_sw,.dialogMax .aui_se,.dialogMax .aui_w,.dialogMax .aui_e { width: 0px;}
 .dialogMax .aui_sw,.dialogMax .aui_n,.dialogMax .aui_se { height: 0px;}
 .dialogMax .aui_outer { border: none;}
-.dialog-can-resize .resize-handle { position: absolute; font-size: 0.1px; z-index: 9999; display: block;}
+.dialog-can-resize .resize-handle { position: absolute; z-index: 9999; display: block;}
 .dialog-can-resize .resize-top { z-index: 0; cursor: n-resize; top: -3px; left: 0px; height: 7px; width: 100%;}
 .dialog-can-resize .resize-bottom { z-index: 0; cursor: s-resize; bottom: -3px; left: 0px; height: 7px; width: 100%;}
 .dialog-can-resize .resize-right { z-index: 0; cursor: e-resize; right: -3px; top: 0px; width: 7px; height: 100%;}
diff --git a/static/style/skin/metro/orange_app_code_edit.css b/static/style/skin/metro/orange_app_code_edit.css
index d9572f1..f8a8d5a 100644
--- a/static/style/skin/metro/orange_app_code_edit.css
+++ b/static/style/skin/metro/orange_app_code_edit.css
@@ -41,15 +41,15 @@ input { border: 1px solid #ddd; background: #fff; outline: none;}
 .topbar .content .top_left a.title { font-size: 20px; width: 200px; padding: 0; text-align: center;}
 .topbar .content .top_left a b { color: #9CF; font-weight: 400;}
 .topbar .content .top_left a.title:hover { background: none;}
-.topbar .content .top_right { float: right; margin-right: 10px;}
+.topbar .content .top_right { float: right;}
 .topbar .content .top_right div { display: inline-block; margin-right: -3px;}
-.topbar .content .top_right a { display: inline-block; padding: 0px 0.7em; border: none; color: #fff;}
+.topbar .content .top_right a { display: inline-block; padding: 0px 0.7em; color: #fff; margin-right: -2px;}
 .topbar .content .top_right a i { padding-right: 2px; text-shadow: 0 0 1px;}
-.topbar .content .top_right .open a:focus,.topbar .content .top_right a:hover { background: #ffa051;}
-.topbar .content .top_right .menu-topbar_user { position: absolute; right: 10px; left: auto; margin-top: 0px; width: auto;}
-.topbar .content .top_right .topbar_language { position: absolute; right: 84px; left: auto; margin-top: 0px; width: auto;}
-.topbar .content .top_right ul a { color: #666; line-height: 30px; height: 30px; display: block;}
-.topbar .content .top_right ul a:hover,.topbar .content .top_right ul a.this { background: #e6e6e6; color: #000;}
+.topbar .content .top_right a:focus,.topbar .content .top_right a:hover { background: #ffa051;}
+.topbar .content .top_right .menu-topbar_user { position: absolute; right: 0px; left: auto; margin-top: 0px; width: auto;}
+.topbar .content .top_right .topbar_language { position: absolute; right: 75px; left: auto; margin-top: 0px; width: auto;}
+.topbar .content .top_right ul a { color: #666; line-height: 30px; height: 30px; display: block; padding: 0px 1.7em; border: none; overflow: hidden;}
+.topbar .content .top_right ul a:hover,.topbar .content .top_right ul a.this { background: #e6e6e6; color: #000; margin-right: 0px;}
 .topbar .content .top_right ul .font-icon { width: 18px; display: inline-block;}
 .do_search { color: #888; min-width: 452px;}
 .do_search .search_header { padding: 10px; padding-bottom: 0px;}
@@ -74,16 +74,16 @@ input { border: 1px solid #ddd; background: #fff; outline: none;}
 .do_search .search_result table .type { width: 37px;}
 .do_search .search_result table .size { width: 50px;}
 .do_search .search_result table .path,.do_search .search_result table .search_title .path { border-right: none;}
-.task_tab { position: fixed; bottom: 1px; left: 0; width: 100%; height: 30px; z-index: 9999; padding-left: 50px; background: rgba(0,0,0,0.1); border-top: 1px solid rgba(0,0,0,0.15); color: #444;}
+.task_tab { position: fixed; bottom: 1px; left: 0; width: 100%; height: 30px; z-index: 9900; padding-left: 50px; background: rgba(0,0,0,0.1); border-top: 1px solid rgba(0,0,0,0.15); color: #444;}
 .task_tab .tabs { height: 100%; margin-right: 10px; margin-right: 60px;}
-.task_tab .tabs .tab { float: left; height: 100%; margin-right: 2px; box-shadow: 0 0 6px #666; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; padding-left: 4px; word-break: break-all; background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0));}
+.task_tab .tabs .tab { float: left; height: 100%; margin-right: 2px; box-shadow: 0 0 6px #666; white-space: nowrap; text-overflow: ellipsis; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; padding-left: 4px; word-break: break-all; background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0));}
 .task_tab .tabs .tab img { width: 18px; height: 18px; padding-right: 4px; vertical-align: middle; display: inline-block; margin-top: -3px; border-radius: 4px;}
 .task_tab .tabs .tab.hover { background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0));}
 .task_tab .tabs .tab.this { box-shadow: 0 0 6px #000; background: rgba(255,255,255,0.2); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2));}
 .tasktab-dragging { position: absolute; z-index: 99999; height: 30px; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; box-shadow: 0 0 6px #000; padding-left: 4px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; word-break: break-all; background: rgba(255,255,255,0.2); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2));}
 .tasktab-dragging img { width: 18px; height: 18px; padding-right: 4px; vertical-align: middle; display: inline-block; margin-top: -3px; border-radius: 4px;}
 body div#ace_settingsmenu,body div#kbshortcutmenu { background-color: #000; opacity: 0.75; filter: alpha(opacity=75); color: #FFF; box-shadow: -5px 4px 5px rgba(0,0,0,0.2);}
-.frame_right { position: absolute; top: 34px; right: 0px; width: 40%; bottom: 0; background: #fff; z-index: 99; border-left: 1px solid #ccc; box-shadow: 0 20px 60px rgba(0,0,0,0.3); display: none;}
+.frame_right { position: absolute; top: 34px; right: 0px; width: 40%; bottom: 0; background: #fff; z-index: 99; overflow: hidden; border-left: 1px solid #ccc; box-shadow: 0 20px 60px rgba(0,0,0,0.3); display: none;}
 .frame_right .mask_view { z-index: 9999; opacity: 0.1;}
 .frame_right .resize { position: absolute; width: 10px; bottom: 0px; height: 100%; z-index: 100; cursor: col-resize; margin-left: -5px;}
 .frame_right .preview_frame { position: absolute; top: 30px; right: 0; bottom: 0; width: 100%; background: #fff;}
@@ -132,7 +132,7 @@ body div#ace_settingsmenu,body div#kbshortcutmenu { background-color: #000; opac
 .file_list { display: none;}
 .file_upload { width: 365px; height: 385px; padding: 5px;}
 .file_upload .top_nav { border-bottom: 1px solid #ddd; padding-left: 10px; margin-top: 6px;}
-.file_upload .menu { display: block; text-decoration: none; float: left; padding: 2px 15px; height: 28px; background: #eee; font-size: 13px; border: 1px solid #ccc; text-align: center; line-height: 25px; cursor: default; margin-right: 5px; margin-bottom: -1px; color: #444;}
+.file_upload .menu { display: block; text-decoration: none; float: left; padding: 2px 15px; height: 28px; background: #eee; font-size: 13px; border: 1px solid #ccc; text-align: center; line-height: 25px; margin-right: 5px; margin-bottom: -1px; color: #444;}
 .file_upload .menu.this { background: #fff; border-bottom: 1px solid #fff;}
 .file_upload .upload_path { padding: 5px 15px; background: #e6f0ff; margin: 10px 0; overflow: hidden; word-break: keep-all; white-space: nowrap; text-overflow: ellipsis; color: #5275b4;}
 .file_upload div a.left { margin-left: 10px;}
@@ -156,7 +156,8 @@ a.button:active { color: #000; border-color: #444;}
 a.button:focus { outline: none;}
 .messageBox { position: absolute; top: 15%; left: 0px; z-index: 88; background: #FF8F32; color: #fff; opacity: 0.7; filter: alpha(opacity=70); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 10px 60px rgba(0,0,0,0.6); -moz-box-shadow: 0 10px 60px rgba(0,0,0,0.6); box-shadow: 0 10px 60px rgba(0,0,0,0.6); display: none;}
 .messageBox .content { padding: 10px 30px; line-height: 20px; width: auto;}
-.aui_outer { text-align: left;}
+.dialogMax { z-index: 99999 !important;}
+.aui_outer { text-align: left; position: relative;}
 .aui_mask { position: absolute; width: 100%; height: 100%; background: #fff; opacity: 0.01;}
 .aui_loading { height: 100%; width: 100%; overflow: hidden; position: absolute; left: 0; top: 40px; z-index: 9999; text-align: center; text-indent: -999em; background: url("../../../images/dialog_loading.gif") no-repeat center center;}
 table.aui_border,table.aui_dialog { width: 100%; border: 0; margin: 0; border-collapse: collapse;}
@@ -204,7 +205,7 @@ table.aui_border,table.aui_dialog { width: 100%; border: 0; margin: 0; border-co
 .dialogMax .aui_nw,.dialogMax .aui_ne,.dialogMax .aui_sw,.dialogMax .aui_se,.dialogMax .aui_w,.dialogMax .aui_e { width: 0px;}
 .dialogMax .aui_sw,.dialogMax .aui_n,.dialogMax .aui_se { height: 0px;}
 .dialogMax .aui_outer { border: none;}
-.dialog-can-resize .resize-handle { position: absolute; font-size: 0.1px; z-index: 9999; display: block;}
+.dialog-can-resize .resize-handle { position: absolute; z-index: 9999; display: block;}
 .dialog-can-resize .resize-top { z-index: 0; cursor: n-resize; top: -3px; left: 0px; height: 7px; width: 100%;}
 .dialog-can-resize .resize-bottom { z-index: 0; cursor: s-resize; bottom: -3px; left: 0px; height: 7px; width: 100%;}
 .dialog-can-resize .resize-right { z-index: 0; cursor: e-resize; right: -3px; top: 0px; width: 7px; height: 100%;}
diff --git a/static/style/skin/metro/orange_app_desktop.css b/static/style/skin/metro/orange_app_desktop.css
index 8baa397..30a1203 100644
--- a/static/style/skin/metro/orange_app_desktop.css
+++ b/static/style/skin/metro/orange_app_desktop.css
@@ -41,15 +41,15 @@ input { border: 1px solid #ddd; background: #fff; outline: none;}
 .topbar .content .top_left a.title { font-size: 20px; width: 200px; padding: 0; text-align: center;}
 .topbar .content .top_left a b { color: #9CF; font-weight: 400;}
 .topbar .content .top_left a.title:hover { background: none;}
-.topbar .content .top_right { float: right; margin-right: 10px;}
+.topbar .content .top_right { float: right;}
 .topbar .content .top_right div { display: inline-block; margin-right: -3px;}
-.topbar .content .top_right a { display: inline-block; padding: 0px 0.7em; border: none; color: #fff;}
+.topbar .content .top_right a { display: inline-block; padding: 0px 0.7em; color: #fff; margin-right: -2px;}
 .topbar .content .top_right a i { padding-right: 2px; text-shadow: 0 0 1px;}
-.topbar .content .top_right .open a:focus,.topbar .content .top_right a:hover { background: #ffa051;}
-.topbar .content .top_right .menu-topbar_user { position: absolute; right: 10px; left: auto; margin-top: 0px; width: auto;}
-.topbar .content .top_right .topbar_language { position: absolute; right: 84px; left: auto; margin-top: 0px; width: auto;}
-.topbar .content .top_right ul a { color: #666; line-height: 30px; height: 30px; display: block;}
-.topbar .content .top_right ul a:hover,.topbar .content .top_right ul a.this { background: #e6e6e6; color: #000;}
+.topbar .content .top_right a:focus,.topbar .content .top_right a:hover { background: #ffa051;}
+.topbar .content .top_right .menu-topbar_user { position: absolute; right: 0px; left: auto; margin-top: 0px; width: auto;}
+.topbar .content .top_right .topbar_language { position: absolute; right: 75px; left: auto; margin-top: 0px; width: auto;}
+.topbar .content .top_right ul a { color: #666; line-height: 30px; height: 30px; display: block; padding: 0px 1.7em; border: none; overflow: hidden;}
+.topbar .content .top_right ul a:hover,.topbar .content .top_right ul a.this { background: #e6e6e6; color: #000; margin-right: 0px;}
 .topbar .content .top_right ul .font-icon { width: 18px; display: inline-block;}
 .do_search { color: #888; min-width: 452px;}
 .do_search .search_header { padding: 10px; padding-bottom: 0px;}
@@ -74,16 +74,16 @@ input { border: 1px solid #ddd; background: #fff; outline: none;}
 .do_search .search_result table .type { width: 37px;}
 .do_search .search_result table .size { width: 50px;}
 .do_search .search_result table .path,.do_search .search_result table .search_title .path { border-right: none;}
-.task_tab { position: fixed; bottom: 1px; left: 0; width: 100%; height: 30px; z-index: 9999; padding-left: 50px; background: rgba(0,0,0,0.1); border-top: 1px solid rgba(0,0,0,0.15); color: #444;}
+.task_tab { position: fixed; bottom: 1px; left: 0; width: 100%; height: 30px; z-index: 9900; padding-left: 50px; background: rgba(0,0,0,0.1); border-top: 1px solid rgba(0,0,0,0.15); color: #444;}
 .task_tab .tabs { height: 100%; margin-right: 10px; margin-right: 60px;}
-.task_tab .tabs .tab { float: left; height: 100%; margin-right: 2px; box-shadow: 0 0 6px #666; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; padding-left: 4px; word-break: break-all; background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0));}
+.task_tab .tabs .tab { float: left; height: 100%; margin-right: 2px; box-shadow: 0 0 6px #666; white-space: nowrap; text-overflow: ellipsis; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; padding-left: 4px; word-break: break-all; background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0));}
 .task_tab .tabs .tab img { width: 18px; height: 18px; padding-right: 4px; vertical-align: middle; display: inline-block; margin-top: -3px; border-radius: 4px;}
 .task_tab .tabs .tab.hover { background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0));}
 .task_tab .tabs .tab.this { box-shadow: 0 0 6px #000; background: rgba(255,255,255,0.2); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2));}
 .tasktab-dragging { position: absolute; z-index: 99999; height: 30px; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; box-shadow: 0 0 6px #000; padding-left: 4px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; word-break: break-all; background: rgba(255,255,255,0.2); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2));}
 .tasktab-dragging img { width: 18px; height: 18px; padding-right: 4px; vertical-align: middle; display: inline-block; margin-top: -3px; border-radius: 4px;}
 body div#ace_settingsmenu,body div#kbshortcutmenu { background-color: #000; opacity: 0.75; filter: alpha(opacity=75); color: #FFF; box-shadow: -5px 4px 5px rgba(0,0,0,0.2);}
-.frame_right { position: absolute; top: 34px; right: 0px; width: 40%; bottom: 0; background: #fff; z-index: 99; border-left: 1px solid #ccc; box-shadow: 0 20px 60px rgba(0,0,0,0.3); display: none;}
+.frame_right { position: absolute; top: 34px; right: 0px; width: 40%; bottom: 0; background: #fff; z-index: 99; overflow: hidden; border-left: 1px solid #ccc; box-shadow: 0 20px 60px rgba(0,0,0,0.3); display: none;}
 .frame_right .mask_view { z-index: 9999; opacity: 0.1;}
 .frame_right .resize { position: absolute; width: 10px; bottom: 0px; height: 100%; z-index: 100; cursor: col-resize; margin-left: -5px;}
 .frame_right .preview_frame { position: absolute; top: 30px; right: 0; bottom: 0; width: 100%; background: #fff;}
@@ -132,7 +132,7 @@ body div#ace_settingsmenu,body div#kbshortcutmenu { background-color: #000; opac
 .file_list { display: none;}
 .file_upload { width: 365px; height: 385px; padding: 5px;}
 .file_upload .top_nav { border-bottom: 1px solid #ddd; padding-left: 10px; margin-top: 6px;}
-.file_upload .menu { display: block; text-decoration: none; float: left; padding: 2px 15px; height: 28px; background: #eee; font-size: 13px; border: 1px solid #ccc; text-align: center; line-height: 25px; cursor: default; margin-right: 5px; margin-bottom: -1px; color: #444;}
+.file_upload .menu { display: block; text-decoration: none; float: left; padding: 2px 15px; height: 28px; background: #eee; font-size: 13px; border: 1px solid #ccc; text-align: center; line-height: 25px; margin-right: 5px; margin-bottom: -1px; color: #444;}
 .file_upload .menu.this { background: #fff; border-bottom: 1px solid #fff;}
 .file_upload .upload_path { padding: 5px 15px; background: #e6f0ff; margin: 10px 0; overflow: hidden; word-break: keep-all; white-space: nowrap; text-overflow: ellipsis; color: #5275b4;}
 .file_upload div a.left { margin-left: 10px;}
@@ -156,7 +156,8 @@ a.button:active { color: #000; border-color: #444;}
 a.button:focus { outline: none;}
 .messageBox { position: absolute; top: 15%; left: 0px; z-index: 88; background: #FF8F32; color: #fff; opacity: 0.7; filter: alpha(opacity=70); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 10px 60px rgba(0,0,0,0.6); -moz-box-shadow: 0 10px 60px rgba(0,0,0,0.6); box-shadow: 0 10px 60px rgba(0,0,0,0.6); display: none;}
 .messageBox .content { padding: 10px 30px; line-height: 20px; width: auto;}
-.aui_outer { text-align: left;}
+.dialogMax { z-index: 99999 !important;}
+.aui_outer { text-align: left; position: relative;}
 .aui_mask { position: absolute; width: 100%; height: 100%; background: #fff; opacity: 0.01;}
 .aui_loading { height: 100%; width: 100%; overflow: hidden; position: absolute; left: 0; top: 40px; z-index: 9999; text-align: center; text-indent: -999em; background: url("../../../images/dialog_loading.gif") no-repeat center center;}
 table.aui_border,table.aui_dialog { width: 100%; border: 0; margin: 0; border-collapse: collapse;}
@@ -204,7 +205,7 @@ table.aui_border,table.aui_dialog { width: 100%; border: 0; margin: 0; border-co
 .dialogMax .aui_nw,.dialogMax .aui_ne,.dialogMax .aui_sw,.dialogMax .aui_se,.dialogMax .aui_w,.dialogMax .aui_e { width: 0px;}
 .dialogMax .aui_sw,.dialogMax .aui_n,.dialogMax .aui_se { height: 0px;}
 .dialogMax .aui_outer { border: none;}
-.dialog-can-resize .resize-handle { position: absolute; font-size: 0.1px; z-index: 9999; display: block;}
+.dialog-can-resize .resize-handle { position: absolute; z-index: 9999; display: block;}
 .dialog-can-resize .resize-top { z-index: 0; cursor: n-resize; top: -3px; left: 0px; height: 7px; width: 100%;}
 .dialog-can-resize .resize-bottom { z-index: 0; cursor: s-resize; bottom: -3px; left: 0px; height: 7px; width: 100%;}
 .dialog-can-resize .resize-right { z-index: 0; cursor: e-resize; right: -3px; top: 0px; width: 7px; height: 100%;}
@@ -242,7 +243,7 @@ div.dialog-simple .dialog_mouse_in .aui_header { opacity: 1; filter: alpha(opaci
 .fileList_icon .file .titleBox .title { cursor: text;}
 .fileList_icon .file .ico { width: 60px; height: 60px; background-image: url("./images/file.png"); background-repeat: no-repeat; background-position: center center; margin: 0 auto; margin-top: 4px; margin-bottom: 3px; display: block;}
 .fileList_icon .file .folder { width: 70px; background-image: url("./images/folder.png");}
-.fileList_icon .file .picture { width: 64px; height: 66px; background: none; margin: 0; position: relative; top: 3px; left: 8px; display: table-cell; vertical-align: middle; text-align: center; *display: block; *font-size: 64px; *font-family: Arial;}
+.fileList_icon .file .picture { width: 80px; height: 66px; background: none; margin: 0; position: relative; top: 3px; display: table-cell; vertical-align: middle; text-align: center; *display: block; *font-size: 64px; *font-family: Arial;}
 .fileList_icon .file .picture img { vertical-align: middle; max-width: 64px; max-height: 64px;}
 .fileList_icon .file .cpp,.fileList_icon .file .h,.fileList_icon .file .sql,.fileList_icon .file .java,.fileList_icon .file .cs,.fileList_icon .file .py,.fileList_icon .file .html,.fileList_icon .file .htm,.fileList_icon .file .shtml,.fileList_icon .file .hta,.fileList_icon .file .css,.fileList_icon .file .js,.fileList_icon .file .xml,.fileList_icon .file .php,.fileList_icon .file .jsp,.fileList_icon .file .asp,.fileList_icon .file .aspx,.fileList_icon .file .vb,.fileList_icon .file .vbs,.fileList_icon .file .bat,.fileList_icon .file .reg,.fileList_icon .file .cmd,.fileList_icon .file .pl,.fileList_icon .file .pm,.fileList_icon .file .cgi,.fileList_icon .file .as,.fileList_icon .file .asm,.fileList_icon .file .clj,.fileList_icon .file .cbl,.fileList_icon .file .cfm,.fileList_icon .file .d,.fileList_icon .file .diff,.fileList_icon .file .dot,.fileList_icon .file .ejs,.fileList_icon .file .erl,.fileList_icon .file .ftl,.fileList_icon .file .go,.fileList_icon .file .hs,.fileList_icon .file .hbs,.fileList_icon .file .haml,.fileList_icon .file .erb,.fileList_icon .file .jade,.fileList_icon .file .json,.fileList_icon .file .jq,.fileList_icon .file .jsx,.fileList_icon .file .ji,.fileList_icon .file .tex,.fileList_icon .file .lisp,.fileList_icon .file .ls,.fileList_icon .file .lsl,.fileList_icon .file .lua,.fileList_icon .file .lp,.fileList_icon .file .matlab,.fileList_icon .file .mel,.fileList_icon .file .r,.fileList_icon .file .yaml { background-image: url("./images/code.png");}
 .fileList_icon .file .txt,.fileList_icon .file .ini,.fileList_icon .file .md,.fileList_icon .file .markdown,.fileList_icon .file .log { background-image: url("./images/txt.png");}
@@ -354,7 +355,7 @@ div.dialog-simple .dialog_mouse_in .aui_header { opacity: 1; filter: alpha(opaci
 .desktop .fileList_icon .file .title .textarea { position: static;}
 #taskbar { height: 32px; position: fixed; bottom: 0; left: 0; width: 100%; padding: 0; margin: 0; background: url('../../../images/desktop/taskbarbg.png');}
 #taskbar a { position: absolute; text-align: center; width: 40px; height: 40px; left: 6px;}
-.start { background: url('../../../images/desktop/start.png') 0 0px no-repeat; display: block; z-index: 999; margin-top: -8px; z-index: 99999; width: 40px; height: 40px; bottom: 0px; left: 5px; position: fixed;}
+.start { background: url('../../../images/desktop/start.png') 0 0px no-repeat; display: block; z-index: 999; margin-top: -8px; z-index: 9901; width: 40px; height: 40px; bottom: 0px; left: 5px; position: fixed;}
 .start:hover { text-decoration: none; background-position: 0 -40px;}
 .start:active { text-decoration: none; background-position: 0 -80px;}
 .task_tab { position: fixed; bottom: 1px; left: 0; width: 100%; height: 30px; z-index: 9999;}
diff --git a/static/style/skin/metro/orange_app_editor.css b/static/style/skin/metro/orange_app_editor.css
index 885bd99..c6e5ed2 100644
--- a/static/style/skin/metro/orange_app_editor.css
+++ b/static/style/skin/metro/orange_app_editor.css
@@ -41,15 +41,15 @@ input { border: 1px solid #ddd; background: #fff; outline: none;}
 .topbar .content .top_left a.title { font-size: 20px; width: 200px; padding: 0; text-align: center;}
 .topbar .content .top_left a b { color: #9CF; font-weight: 400;}
 .topbar .content .top_left a.title:hover { background: none;}
-.topbar .content .top_right { float: right; margin-right: 10px;}
+.topbar .content .top_right { float: right;}
 .topbar .content .top_right div { display: inline-block; margin-right: -3px;}
-.topbar .content .top_right a { display: inline-block; padding: 0px 0.7em; border: none; color: #fff;}
+.topbar .content .top_right a { display: inline-block; padding: 0px 0.7em; color: #fff; margin-right: -2px;}
 .topbar .content .top_right a i { padding-right: 2px; text-shadow: 0 0 1px;}
-.topbar .content .top_right .open a:focus,.topbar .content .top_right a:hover { background: #ffa051;}
-.topbar .content .top_right .menu-topbar_user { position: absolute; right: 10px; left: auto; margin-top: 0px; width: auto;}
-.topbar .content .top_right .topbar_language { position: absolute; right: 84px; left: auto; margin-top: 0px; width: auto;}
-.topbar .content .top_right ul a { color: #666; line-height: 30px; height: 30px; display: block;}
-.topbar .content .top_right ul a:hover,.topbar .content .top_right ul a.this { background: #e6e6e6; color: #000;}
+.topbar .content .top_right a:focus,.topbar .content .top_right a:hover { background: #ffa051;}
+.topbar .content .top_right .menu-topbar_user { position: absolute; right: 0px; left: auto; margin-top: 0px; width: auto;}
+.topbar .content .top_right .topbar_language { position: absolute; right: 75px; left: auto; margin-top: 0px; width: auto;}
+.topbar .content .top_right ul a { color: #666; line-height: 30px; height: 30px; display: block; padding: 0px 1.7em; border: none; overflow: hidden;}
+.topbar .content .top_right ul a:hover,.topbar .content .top_right ul a.this { background: #e6e6e6; color: #000; margin-right: 0px;}
 .topbar .content .top_right ul .font-icon { width: 18px; display: inline-block;}
 .do_search { color: #888; min-width: 452px;}
 .do_search .search_header { padding: 10px; padding-bottom: 0px;}
@@ -74,16 +74,16 @@ input { border: 1px solid #ddd; background: #fff; outline: none;}
 .do_search .search_result table .type { width: 37px;}
 .do_search .search_result table .size { width: 50px;}
 .do_search .search_result table .path,.do_search .search_result table .search_title .path { border-right: none;}
-.task_tab { position: fixed; bottom: 1px; left: 0; width: 100%; height: 30px; z-index: 9999; padding-left: 50px; background: rgba(0,0,0,0.1); border-top: 1px solid rgba(0,0,0,0.15); color: #444;}
+.task_tab { position: fixed; bottom: 1px; left: 0; width: 100%; height: 30px; z-index: 9900; padding-left: 50px; background: rgba(0,0,0,0.1); border-top: 1px solid rgba(0,0,0,0.15); color: #444;}
 .task_tab .tabs { height: 100%; margin-right: 10px; margin-right: 60px;}
-.task_tab .tabs .tab { float: left; height: 100%; margin-right: 2px; box-shadow: 0 0 6px #666; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; padding-left: 4px; word-break: break-all; background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0));}
+.task_tab .tabs .tab { float: left; height: 100%; margin-right: 2px; box-shadow: 0 0 6px #666; white-space: nowrap; text-overflow: ellipsis; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; padding-left: 4px; word-break: break-all; background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0));}
 .task_tab .tabs .tab img { width: 18px; height: 18px; padding-right: 4px; vertical-align: middle; display: inline-block; margin-top: -3px; border-radius: 4px;}
 .task_tab .tabs .tab.hover { background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0));}
 .task_tab .tabs .tab.this { box-shadow: 0 0 6px #000; background: rgba(255,255,255,0.2); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2));}
 .tasktab-dragging { position: absolute; z-index: 99999; height: 30px; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; box-shadow: 0 0 6px #000; padding-left: 4px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; word-break: break-all; background: rgba(255,255,255,0.2); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2));}
 .tasktab-dragging img { width: 18px; height: 18px; padding-right: 4px; vertical-align: middle; display: inline-block; margin-top: -3px; border-radius: 4px;}
 body div#ace_settingsmenu,body div#kbshortcutmenu { background-color: #000; opacity: 0.75; filter: alpha(opacity=75); color: #FFF; box-shadow: -5px 4px 5px rgba(0,0,0,0.2);}
-.frame_right { position: absolute; top: 34px; right: 0px; width: 40%; bottom: 0; background: #fff; z-index: 99; border-left: 1px solid #ccc; box-shadow: 0 20px 60px rgba(0,0,0,0.3); display: none;}
+.frame_right { position: absolute; top: 34px; right: 0px; width: 40%; bottom: 0; background: #fff; z-index: 99; overflow: hidden; border-left: 1px solid #ccc; box-shadow: 0 20px 60px rgba(0,0,0,0.3); display: none;}
 .frame_right .mask_view { z-index: 9999; opacity: 0.1;}
 .frame_right .resize { position: absolute; width: 10px; bottom: 0px; height: 100%; z-index: 100; cursor: col-resize; margin-left: -5px;}
 .frame_right .preview_frame { position: absolute; top: 30px; right: 0; bottom: 0; width: 100%; background: #fff;}
@@ -132,7 +132,7 @@ body div#ace_settingsmenu,body div#kbshortcutmenu { background-color: #000; opac
 .file_list { display: none;}
 .file_upload { width: 365px; height: 385px; padding: 5px;}
 .file_upload .top_nav { border-bottom: 1px solid #ddd; padding-left: 10px; margin-top: 6px;}
-.file_upload .menu { display: block; text-decoration: none; float: left; padding: 2px 15px; height: 28px; background: #eee; font-size: 13px; border: 1px solid #ccc; text-align: center; line-height: 25px; cursor: default; margin-right: 5px; margin-bottom: -1px; color: #444;}
+.file_upload .menu { display: block; text-decoration: none; float: left; padding: 2px 15px; height: 28px; background: #eee; font-size: 13px; border: 1px solid #ccc; text-align: center; line-height: 25px; margin-right: 5px; margin-bottom: -1px; color: #444;}
 .file_upload .menu.this { background: #fff; border-bottom: 1px solid #fff;}
 .file_upload .upload_path { padding: 5px 15px; background: #e6f0ff; margin: 10px 0; overflow: hidden; word-break: keep-all; white-space: nowrap; text-overflow: ellipsis; color: #5275b4;}
 .file_upload div a.left { margin-left: 10px;}
@@ -156,7 +156,8 @@ a.button:active { color: #000; border-color: #444;}
 a.button:focus { outline: none;}
 .messageBox { position: absolute; top: 15%; left: 0px; z-index: 88; background: #FF8F32; color: #fff; opacity: 0.7; filter: alpha(opacity=70); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 10px 60px rgba(0,0,0,0.6); -moz-box-shadow: 0 10px 60px rgba(0,0,0,0.6); box-shadow: 0 10px 60px rgba(0,0,0,0.6); display: none;}
 .messageBox .content { padding: 10px 30px; line-height: 20px; width: auto;}
-.aui_outer { text-align: left;}
+.dialogMax { z-index: 99999 !important;}
+.aui_outer { text-align: left; position: relative;}
 .aui_mask { position: absolute; width: 100%; height: 100%; background: #fff; opacity: 0.01;}
 .aui_loading { height: 100%; width: 100%; overflow: hidden; position: absolute; left: 0; top: 40px; z-index: 9999; text-align: center; text-indent: -999em; background: url("../../../images/dialog_loading.gif") no-repeat center center;}
 table.aui_border,table.aui_dialog { width: 100%; border: 0; margin: 0; border-collapse: collapse;}
@@ -204,7 +205,7 @@ table.aui_border,table.aui_dialog { width: 100%; border: 0; margin: 0; border-co
 .dialogMax .aui_nw,.dialogMax .aui_ne,.dialogMax .aui_sw,.dialogMax .aui_se,.dialogMax .aui_w,.dialogMax .aui_e { width: 0px;}
 .dialogMax .aui_sw,.dialogMax .aui_n,.dialogMax .aui_se { height: 0px;}
 .dialogMax .aui_outer { border: none;}
-.dialog-can-resize .resize-handle { position: absolute; font-size: 0.1px; z-index: 9999; display: block;}
+.dialog-can-resize .resize-handle { position: absolute; z-index: 9999; display: block;}
 .dialog-can-resize .resize-top { z-index: 0; cursor: n-resize; top: -3px; left: 0px; height: 7px; width: 100%;}
 .dialog-can-resize .resize-bottom { z-index: 0; cursor: s-resize; bottom: -3px; left: 0px; height: 7px; width: 100%;}
 .dialog-can-resize .resize-right { z-index: 0; cursor: e-resize; right: -3px; top: 0px; width: 7px; height: 100%;}
diff --git a/static/style/skin/metro/orange_app_explorer.css b/static/style/skin/metro/orange_app_explorer.css
index 2e4753a..9247b06 100644
--- a/static/style/skin/metro/orange_app_explorer.css
+++ b/static/style/skin/metro/orange_app_explorer.css
@@ -41,15 +41,15 @@ input { border: 1px solid #ddd; background: #fff; outline: none;}
 .topbar .content .top_left a.title { font-size: 20px; width: 200px; padding: 0; text-align: center;}
 .topbar .content .top_left a b { color: #9CF; font-weight: 400;}
 .topbar .content .top_left a.title:hover { background: none;}
-.topbar .content .top_right { float: right; margin-right: 10px;}
+.topbar .content .top_right { float: right;}
 .topbar .content .top_right div { display: inline-block; margin-right: -3px;}
-.topbar .content .top_right a { display: inline-block; padding: 0px 0.7em; border: none; color: #fff;}
+.topbar .content .top_right a { display: inline-block; padding: 0px 0.7em; color: #fff; margin-right: -2px;}
 .topbar .content .top_right a i { padding-right: 2px; text-shadow: 0 0 1px;}
-.topbar .content .top_right .open a:focus,.topbar .content .top_right a:hover { background: #ffa051;}
-.topbar .content .top_right .menu-topbar_user { position: absolute; right: 10px; left: auto; margin-top: 0px; width: auto;}
-.topbar .content .top_right .topbar_language { position: absolute; right: 84px; left: auto; margin-top: 0px; width: auto;}
-.topbar .content .top_right ul a { color: #666; line-height: 30px; height: 30px; display: block;}
-.topbar .content .top_right ul a:hover,.topbar .content .top_right ul a.this { background: #e6e6e6; color: #000;}
+.topbar .content .top_right a:focus,.topbar .content .top_right a:hover { background: #ffa051;}
+.topbar .content .top_right .menu-topbar_user { position: absolute; right: 0px; left: auto; margin-top: 0px; width: auto;}
+.topbar .content .top_right .topbar_language { position: absolute; right: 75px; left: auto; margin-top: 0px; width: auto;}
+.topbar .content .top_right ul a { color: #666; line-height: 30px; height: 30px; display: block; padding: 0px 1.7em; border: none; overflow: hidden;}
+.topbar .content .top_right ul a:hover,.topbar .content .top_right ul a.this { background: #e6e6e6; color: #000; margin-right: 0px;}
 .topbar .content .top_right ul .font-icon { width: 18px; display: inline-block;}
 .do_search { color: #888; min-width: 452px;}
 .do_search .search_header { padding: 10px; padding-bottom: 0px;}
@@ -74,16 +74,16 @@ input { border: 1px solid #ddd; background: #fff; outline: none;}
 .do_search .search_result table .type { width: 37px;}
 .do_search .search_result table .size { width: 50px;}
 .do_search .search_result table .path,.do_search .search_result table .search_title .path { border-right: none;}
-.task_tab { position: fixed; bottom: 1px; left: 0; width: 100%; height: 30px; z-index: 9999; padding-left: 50px; background: rgba(0,0,0,0.1); border-top: 1px solid rgba(0,0,0,0.15); color: #444;}
+.task_tab { position: fixed; bottom: 1px; left: 0; width: 100%; height: 30px; z-index: 9900; padding-left: 50px; background: rgba(0,0,0,0.1); border-top: 1px solid rgba(0,0,0,0.15); color: #444;}
 .task_tab .tabs { height: 100%; margin-right: 10px; margin-right: 60px;}
-.task_tab .tabs .tab { float: left; height: 100%; margin-right: 2px; box-shadow: 0 0 6px #666; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; padding-left: 4px; word-break: break-all; background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0));}
+.task_tab .tabs .tab { float: left; height: 100%; margin-right: 2px; box-shadow: 0 0 6px #666; white-space: nowrap; text-overflow: ellipsis; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; padding-left: 4px; word-break: break-all; background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0));}
 .task_tab .tabs .tab img { width: 18px; height: 18px; padding-right: 4px; vertical-align: middle; display: inline-block; margin-top: -3px; border-radius: 4px;}
 .task_tab .tabs .tab.hover { background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0));}
 .task_tab .tabs .tab.this { box-shadow: 0 0 6px #000; background: rgba(255,255,255,0.2); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2));}
 .tasktab-dragging { position: absolute; z-index: 99999; height: 30px; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; box-shadow: 0 0 6px #000; padding-left: 4px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; word-break: break-all; background: rgba(255,255,255,0.2); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2));}
 .tasktab-dragging img { width: 18px; height: 18px; padding-right: 4px; vertical-align: middle; display: inline-block; margin-top: -3px; border-radius: 4px;}
 body div#ace_settingsmenu,body div#kbshortcutmenu { background-color: #000; opacity: 0.75; filter: alpha(opacity=75); color: #FFF; box-shadow: -5px 4px 5px rgba(0,0,0,0.2);}
-.frame_right { position: absolute; top: 34px; right: 0px; width: 40%; bottom: 0; background: #fff; z-index: 99; border-left: 1px solid #ccc; box-shadow: 0 20px 60px rgba(0,0,0,0.3); display: none;}
+.frame_right { position: absolute; top: 34px; right: 0px; width: 40%; bottom: 0; background: #fff; z-index: 99; overflow: hidden; border-left: 1px solid #ccc; box-shadow: 0 20px 60px rgba(0,0,0,0.3); display: none;}
 .frame_right .mask_view { z-index: 9999; opacity: 0.1;}
 .frame_right .resize { position: absolute; width: 10px; bottom: 0px; height: 100%; z-index: 100; cursor: col-resize; margin-left: -5px;}
 .frame_right .preview_frame { position: absolute; top: 30px; right: 0; bottom: 0; width: 100%; background: #fff;}
@@ -132,7 +132,7 @@ body div#ace_settingsmenu,body div#kbshortcutmenu { background-color: #000; opac
 .file_list { display: none;}
 .file_upload { width: 365px; height: 385px; padding: 5px;}
 .file_upload .top_nav { border-bottom: 1px solid #ddd; padding-left: 10px; margin-top: 6px;}
-.file_upload .menu { display: block; text-decoration: none; float: left; padding: 2px 15px; height: 28px; background: #eee; font-size: 13px; border: 1px solid #ccc; text-align: center; line-height: 25px; cursor: default; margin-right: 5px; margin-bottom: -1px; color: #444;}
+.file_upload .menu { display: block; text-decoration: none; float: left; padding: 2px 15px; height: 28px; background: #eee; font-size: 13px; border: 1px solid #ccc; text-align: center; line-height: 25px; margin-right: 5px; margin-bottom: -1px; color: #444;}
 .file_upload .menu.this { background: #fff; border-bottom: 1px solid #fff;}
 .file_upload .upload_path { padding: 5px 15px; background: #e6f0ff; margin: 10px 0; overflow: hidden; word-break: keep-all; white-space: nowrap; text-overflow: ellipsis; color: #5275b4;}
 .file_upload div a.left { margin-left: 10px;}
@@ -156,7 +156,8 @@ a.button:active { color: #000; border-color: #444;}
 a.button:focus { outline: none;}
 .messageBox { position: absolute; top: 15%; left: 0px; z-index: 88; background: #FF8F32; color: #fff; opacity: 0.7; filter: alpha(opacity=70); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 10px 60px rgba(0,0,0,0.6); -moz-box-shadow: 0 10px 60px rgba(0,0,0,0.6); box-shadow: 0 10px 60px rgba(0,0,0,0.6); display: none;}
 .messageBox .content { padding: 10px 30px; line-height: 20px; width: auto;}
-.aui_outer { text-align: left;}
+.dialogMax { z-index: 99999 !important;}
+.aui_outer { text-align: left; position: relative;}
 .aui_mask { position: absolute; width: 100%; height: 100%; background: #fff; opacity: 0.01;}
 .aui_loading { height: 100%; width: 100%; overflow: hidden; position: absolute; left: 0; top: 40px; z-index: 9999; text-align: center; text-indent: -999em; background: url("../../../images/dialog_loading.gif") no-repeat center center;}
 table.aui_border,table.aui_dialog { width: 100%; border: 0; margin: 0; border-collapse: collapse;}
@@ -204,7 +205,7 @@ table.aui_border,table.aui_dialog { width: 100%; border: 0; margin: 0; border-co
 .dialogMax .aui_nw,.dialogMax .aui_ne,.dialogMax .aui_sw,.dialogMax .aui_se,.dialogMax .aui_w,.dialogMax .aui_e { width: 0px;}
 .dialogMax .aui_sw,.dialogMax .aui_n,.dialogMax .aui_se { height: 0px;}
 .dialogMax .aui_outer { border: none;}
-.dialog-can-resize .resize-handle { position: absolute; font-size: 0.1px; z-index: 9999; display: block;}
+.dialog-can-resize .resize-handle { position: absolute; z-index: 9999; display: block;}
 .dialog-can-resize .resize-top { z-index: 0; cursor: n-resize; top: -3px; left: 0px; height: 7px; width: 100%;}
 .dialog-can-resize .resize-bottom { z-index: 0; cursor: s-resize; bottom: -3px; left: 0px; height: 7px; width: 100%;}
 .dialog-can-resize .resize-right { z-index: 0; cursor: e-resize; right: -3px; top: 0px; width: 7px; height: 100%;}
@@ -309,7 +310,7 @@ span.tmpzTreeMove_arrow { display: inline-block; margin: 4px 0 0 2px; position:
 .fileList_icon .file .titleBox .title { cursor: text;}
 .fileList_icon .file .ico { width: 60px; height: 60px; background-image: url("./images/file.png"); background-repeat: no-repeat; background-position: center center; margin: 0 auto; margin-top: 4px; margin-bottom: 3px; display: block;}
 .fileList_icon .file .folder { width: 70px; background-image: url("./images/folder.png");}
-.fileList_icon .file .picture { width: 64px; height: 66px; background: none; margin: 0; position: relative; top: 3px; left: 8px; display: table-cell; vertical-align: middle; text-align: center; *display: block; *font-size: 64px; *font-family: Arial;}
+.fileList_icon .file .picture { width: 80px; height: 66px; background: none; margin: 0; position: relative; top: 3px; display: table-cell; vertical-align: middle; text-align: center; *display: block; *font-size: 64px; *font-family: Arial;}
 .fileList_icon .file .picture img { vertical-align: middle; max-width: 64px; max-height: 64px;}
 .fileList_icon .file .cpp,.fileList_icon .file .h,.fileList_icon .file .sql,.fileList_icon .file .java,.fileList_icon .file .cs,.fileList_icon .file .py,.fileList_icon .file .html,.fileList_icon .file .htm,.fileList_icon .file .shtml,.fileList_icon .file .hta,.fileList_icon .file .css,.fileList_icon .file .js,.fileList_icon .file .xml,.fileList_icon .file .php,.fileList_icon .file .jsp,.fileList_icon .file .asp,.fileList_icon .file .aspx,.fileList_icon .file .vb,.fileList_icon .file .vbs,.fileList_icon .file .bat,.fileList_icon .file .reg,.fileList_icon .file .cmd,.fileList_icon .file .pl,.fileList_icon .file .pm,.fileList_icon .file .cgi,.fileList_icon .file .as,.fileList_icon .file .asm,.fileList_icon .file .clj,.fileList_icon .file .cbl,.fileList_icon .file .cfm,.fileList_icon .file .d,.fileList_icon .file .diff,.fileList_icon .file .dot,.fileList_icon .file .ejs,.fileList_icon .file .erl,.fileList_icon .file .ftl,.fileList_icon .file .go,.fileList_icon .file .hs,.fileList_icon .file .hbs,.fileList_icon .file .haml,.fileList_icon .file .erb,.fileList_icon .file .jade,.fileList_icon .file .json,.fileList_icon .file .jq,.fileList_icon .file .jsx,.fileList_icon .file .ji,.fileList_icon .file .tex,.fileList_icon .file .lisp,.fileList_icon .file .ls,.fileList_icon .file .lsl,.fileList_icon .file .lua,.fileList_icon .file .lp,.fileList_icon .file .matlab,.fileList_icon .file .mel,.fileList_icon .file .r,.fileList_icon .file .yaml { background-image: url("./images/code.png");}
 .fileList_icon .file .txt,.fileList_icon .file .ini,.fileList_icon .file .md,.fileList_icon .file .markdown,.fileList_icon .file .log { background-image: url("./images/txt.png");}
@@ -422,8 +423,8 @@ span.tmpzTreeMove_arrow { display: inline-block; margin: 4px 0 0 2px; position:
 .frame-header .header-content .header-middle .btn-default:active,.frame-header .header-content .header-right .btn-default:active { color: #000; border-color: #888;}
 .frame-header .header-content .font-icon { font-size: 18px; line-height: 20px; padding-right: 4px;}
 .frame-header .header-content .header-left { float: left; width: 170px; padding-left: 35px;}
-.frame-header .header-content .header-middle { position: absolute; left: 205px; top: 10px; right: 0px;}
-.frame-header .header-content .header-middle #yarnball { width: 50%; cursor: text; height: 27px; height: 28px\0; overflow: hidden; margin-left: -1px; float: left; border: 1px solid #ddd; box-shadow: #e6e6e6 0px 0px 20px inset; background: #f8f8f8 url("../../../images/bg.gif") 0px -2px repeat-x;}
+.frame-header .header-content .header-middle { position: absolute; left: 216px; top: 10px; right: 0px;}
+.frame-header .header-content .header-middle #yarnball { width: 50%; cursor: text; height: 27px; overflow: hidden; margin-left: -1px; float: left; border: 1px solid #ddd; box-shadow: #e6e6e6 0px 0px 20px inset; background: #f8f8f8 url("../../../images/bg.gif") 0px -2px repeat-x;}
 .frame-header .header-content .header-middle #yarnball .yarnball { list-style: none; margin: 0; margin-top: -1px; padding: 0; position: relative;}
 .frame-header .header-content .header-middle #yarnball .yarnball .yarnlet { display: inline-block;}
 .frame-header .header-content .header-middle #yarnball .yarnball .yarnlet a,.frame-header .header-content .header-middle #yarnball .yarnball .yarnlet a:link,.frame-header .header-content .header-middle #yarnball .yarnball .yarnlet a:visited { color: #666; display: inline-block; font-size: 12px; padding: 5px 15px 10px 20px; margin-left: -15px; position: relative; text-decoration: none; vertical-align: top; line-height: 20px;}
@@ -435,10 +436,11 @@ span.tmpzTreeMove_arrow { display: inline-block; margin: 4px 0 0 2px; position:
 .frame-header .header-content .header-middle #yarnball .yarnball .yarnlet a:hover .left-yarn { background-position: 0 -50px;}
 .frame-header .header-content .header-middle #yarnball .yarnball .yarnlet a:active .left-yarn { background-position: 0 -98px;}
 .frame-header .header-content .header-middle #yarnball_input { height: 27px; height: 28px\0; width: 50%; cursor: text; float: left; border: 1px solid #ddd; display: none; margin-left: -1px; background: #f8f8f8 url("../../../images/bg.gif") 0px -2px repeat-x; box-shadow: #e6e6e6 0px 0px 20px inset;}
-.frame-header .header-content .header-middle #yarnball_input input.path { border: none; height: 25px; display: block; width: 100%; padding-left: 10px; padding-right: 10px; text-shadow: 1px 1px 3px #cce; color: #888; background: #f8f8f8 url("../../../images/bg.gif") 0px -2px repeat-x; box-shadow: #e6e6e6 0px 0px 20px inset;}
+.frame-header .header-content .header-middle #yarnball_input input.path { border: none; height: 25px; display: block; width: 100%; padding-left: 10px; padding-right: 10px; text-shadow: 1px 1px 3px #cce; color: #888; background: #f8f8f8 url("../../../images/bg.gif") 0px -2px repeat-x; background: none; width: 94%;}
 .frame-header .header-content .header-middle #yarnball_input input:focus { outline: none;}
 .frame-header .header-content .header-right { position: absolute; right: 20px; top: 10px;}
-.frame-header .header-content .header-right input { display: block; float: left; border: 1px solid #ddd; height: 25px; height: 28px\0; padding-left: 10px; padding-right: 10px; text-shadow: 1px 1px 3px #cce; color: #888; background: #f8f8f8 url("../../../images/bg.gif") 0px -2px repeat-x; box-shadow: #e6e6e6 0px 0px 20px inset; outline: none; width: 120px; -webkit-transition: all 0.218s; -moz-transition: all 0.218s; -o-transition: all 0.218s; -ms-transition: all 0.218s; transition: all 0.218s;}
+.frame-header .header-content .header-right .btn { border-radius: 0;}
+.frame-header .header-content .header-right input { display: block; float: left; border: 1px solid #ddd; height: 25px; padding-left: 10px; padding-right: 10px; text-shadow: 1px 1px 3px #cce; color: #888; background: #f8f8f8 url("../../../images/bg.gif") 0px -2px repeat-x; box-shadow: #e6e6e6 0px 0px 20px inset; outline: none; width: 120px; -webkit-transition: all 0.218s; -moz-transition: all 0.218s; -o-transition: all 0.218s; -ms-transition: all 0.218s; transition: all 0.218s;}
 .frame-header .header-content .header-right input:focus { width: 160px; box-shadow: #ccc 0px 0px 20px inset;}
 .frame-main { position: absolute; left: 0; right: 0; top: 90px; bottom: 0;}
 .frame-main .frame-left { position: absolute; left: 0; top: 0; bottom: 0; width: 199px; border-right: 1px solid #ddd; background: #f3f3f3; background-attachment: fixed; overflow: auto;}
@@ -454,7 +456,7 @@ span.tmpzTreeMove_arrow { display: inline-block; margin: 4px 0 0 2px; position:
 .frame-main .frame-right .frame-right-main .drop-menu-action .disabled a i.font-icon { color: #bbb;}
 .frame-main .frame-right .frame-right-main .drop-menu-action .disabled a:hover { background: #fff; color: #bbb;}
 .frame-main .frame-right .frame-right-main .drop-menu-action .disabled a:hover i.font-icon { color: #bbb;}
-.frame-main .frame-right .frame-right-main .tools { z-index: 100; height: 33px; min-width: 600px; border-bottom: 1px solid #ddd; background: #f6f6f6; -webkit-box-shadow: 1px 2px 15px #eee; -moz-box-shadow: 1px 2px 15px #eee; box-shadow: 1px 2px 15px #eee;}
+.frame-main .frame-right .frame-right-main .tools { z-index: 100; height: 33px; min-width: 505px; border-bottom: 1px solid #ddd; background: #f6f6f6; -webkit-box-shadow: 1px 2px 15px #eee; -moz-box-shadow: 1px 2px 15px #eee; box-shadow: 1px 2px 15px #eee;}
 .frame-main .frame-right .frame-right-main .tools a.left:hover,.frame-main .frame-right .frame-right-main .tools a.middle:hover { margin-right: 2px; padding-right: 8px;}
 .frame-main .frame-right .frame-right-main .tools a.this { background: #eee; cursor: default;}
 .frame-main .frame-right .frame-right-main .tools a.this:hover { margin-right: 0px; padding-right: 10px; border: 1px solid #ddd; background: #eee; -webkit-box-shadow: 0 2px 8px rgba(0,0,0,0.05); -moz-box-shadow: 0 2px 8px rgba(0,0,0,0.05); box-shadow: 0 2px 8px rgba(0,0,0,0.05); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;}
diff --git a/static/style/skin/metro/orange_app_setting.css b/static/style/skin/metro/orange_app_setting.css
index 8617810..505a411 100644
--- a/static/style/skin/metro/orange_app_setting.css
+++ b/static/style/skin/metro/orange_app_setting.css
@@ -41,15 +41,15 @@ input { border: 1px solid #ddd; background: #fff; outline: none;}
 .topbar .content .top_left a.title { font-size: 20px; width: 200px; padding: 0; text-align: center;}
 .topbar .content .top_left a b { color: #9CF; font-weight: 400;}
 .topbar .content .top_left a.title:hover { background: none;}
-.topbar .content .top_right { float: right; margin-right: 10px;}
+.topbar .content .top_right { float: right;}
 .topbar .content .top_right div { display: inline-block; margin-right: -3px;}
-.topbar .content .top_right a { display: inline-block; padding: 0px 0.7em; border: none; color: #fff;}
+.topbar .content .top_right a { display: inline-block; padding: 0px 0.7em; color: #fff; margin-right: -2px;}
 .topbar .content .top_right a i { padding-right: 2px; text-shadow: 0 0 1px;}
-.topbar .content .top_right .open a:focus,.topbar .content .top_right a:hover { background: #ffa051;}
-.topbar .content .top_right .menu-topbar_user { position: absolute; right: 10px; left: auto; margin-top: 0px; width: auto;}
-.topbar .content .top_right .topbar_language { position: absolute; right: 84px; left: auto; margin-top: 0px; width: auto;}
-.topbar .content .top_right ul a { color: #666; line-height: 30px; height: 30px; display: block;}
-.topbar .content .top_right ul a:hover,.topbar .content .top_right ul a.this { background: #e6e6e6; color: #000;}
+.topbar .content .top_right a:focus,.topbar .content .top_right a:hover { background: #ffa051;}
+.topbar .content .top_right .menu-topbar_user { position: absolute; right: 0px; left: auto; margin-top: 0px; width: auto;}
+.topbar .content .top_right .topbar_language { position: absolute; right: 75px; left: auto; margin-top: 0px; width: auto;}
+.topbar .content .top_right ul a { color: #666; line-height: 30px; height: 30px; display: block; padding: 0px 1.7em; border: none; overflow: hidden;}
+.topbar .content .top_right ul a:hover,.topbar .content .top_right ul a.this { background: #e6e6e6; color: #000; margin-right: 0px;}
 .topbar .content .top_right ul .font-icon { width: 18px; display: inline-block;}
 .do_search { color: #888; min-width: 452px;}
 .do_search .search_header { padding: 10px; padding-bottom: 0px;}
@@ -74,16 +74,16 @@ input { border: 1px solid #ddd; background: #fff; outline: none;}
 .do_search .search_result table .type { width: 37px;}
 .do_search .search_result table .size { width: 50px;}
 .do_search .search_result table .path,.do_search .search_result table .search_title .path { border-right: none;}
-.task_tab { position: fixed; bottom: 1px; left: 0; width: 100%; height: 30px; z-index: 9999; padding-left: 50px; background: rgba(0,0,0,0.1); border-top: 1px solid rgba(0,0,0,0.15); color: #444;}
+.task_tab { position: fixed; bottom: 1px; left: 0; width: 100%; height: 30px; z-index: 9900; padding-left: 50px; background: rgba(0,0,0,0.1); border-top: 1px solid rgba(0,0,0,0.15); color: #444;}
 .task_tab .tabs { height: 100%; margin-right: 10px; margin-right: 60px;}
-.task_tab .tabs .tab { float: left; height: 100%; margin-right: 2px; box-shadow: 0 0 6px #666; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; padding-left: 4px; word-break: break-all; background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0));}
+.task_tab .tabs .tab { float: left; height: 100%; margin-right: 2px; box-shadow: 0 0 6px #666; white-space: nowrap; text-overflow: ellipsis; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; padding-left: 4px; word-break: break-all; background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0));}
 .task_tab .tabs .tab img { width: 18px; height: 18px; padding-right: 4px; vertical-align: middle; display: inline-block; margin-top: -3px; border-radius: 4px;}
 .task_tab .tabs .tab.hover { background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0));}
 .task_tab .tabs .tab.this { box-shadow: 0 0 6px #000; background: rgba(255,255,255,0.2); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2));}
 .tasktab-dragging { position: absolute; z-index: 99999; height: 30px; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; box-shadow: 0 0 6px #000; padding-left: 4px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; word-break: break-all; background: rgba(255,255,255,0.2); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2));}
 .tasktab-dragging img { width: 18px; height: 18px; padding-right: 4px; vertical-align: middle; display: inline-block; margin-top: -3px; border-radius: 4px;}
 body div#ace_settingsmenu,body div#kbshortcutmenu { background-color: #000; opacity: 0.75; filter: alpha(opacity=75); color: #FFF; box-shadow: -5px 4px 5px rgba(0,0,0,0.2);}
-.frame_right { position: absolute; top: 34px; right: 0px; width: 40%; bottom: 0; background: #fff; z-index: 99; border-left: 1px solid #ccc; box-shadow: 0 20px 60px rgba(0,0,0,0.3); display: none;}
+.frame_right { position: absolute; top: 34px; right: 0px; width: 40%; bottom: 0; background: #fff; z-index: 99; overflow: hidden; border-left: 1px solid #ccc; box-shadow: 0 20px 60px rgba(0,0,0,0.3); display: none;}
 .frame_right .mask_view { z-index: 9999; opacity: 0.1;}
 .frame_right .resize { position: absolute; width: 10px; bottom: 0px; height: 100%; z-index: 100; cursor: col-resize; margin-left: -5px;}
 .frame_right .preview_frame { position: absolute; top: 30px; right: 0; bottom: 0; width: 100%; background: #fff;}
@@ -132,7 +132,7 @@ body div#ace_settingsmenu,body div#kbshortcutmenu { background-color: #000; opac
 .file_list { display: none;}
 .file_upload { width: 365px; height: 385px; padding: 5px;}
 .file_upload .top_nav { border-bottom: 1px solid #ddd; padding-left: 10px; margin-top: 6px;}
-.file_upload .menu { display: block; text-decoration: none; float: left; padding: 2px 15px; height: 28px; background: #eee; font-size: 13px; border: 1px solid #ccc; text-align: center; line-height: 25px; cursor: default; margin-right: 5px; margin-bottom: -1px; color: #444;}
+.file_upload .menu { display: block; text-decoration: none; float: left; padding: 2px 15px; height: 28px; background: #eee; font-size: 13px; border: 1px solid #ccc; text-align: center; line-height: 25px; margin-right: 5px; margin-bottom: -1px; color: #444;}
 .file_upload .menu.this { background: #fff; border-bottom: 1px solid #fff;}
 .file_upload .upload_path { padding: 5px 15px; background: #e6f0ff; margin: 10px 0; overflow: hidden; word-break: keep-all; white-space: nowrap; text-overflow: ellipsis; color: #5275b4;}
 .file_upload div a.left { margin-left: 10px;}
@@ -156,7 +156,8 @@ a.button:active { color: #000; border-color: #444;}
 a.button:focus { outline: none;}
 .messageBox { position: absolute; top: 15%; left: 0px; z-index: 88; background: #FF8F32; color: #fff; opacity: 0.7; filter: alpha(opacity=70); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 10px 60px rgba(0,0,0,0.6); -moz-box-shadow: 0 10px 60px rgba(0,0,0,0.6); box-shadow: 0 10px 60px rgba(0,0,0,0.6); display: none;}
 .messageBox .content { padding: 10px 30px; line-height: 20px; width: auto;}
-.aui_outer { text-align: left;}
+.dialogMax { z-index: 99999 !important;}
+.aui_outer { text-align: left; position: relative;}
 .aui_mask { position: absolute; width: 100%; height: 100%; background: #fff; opacity: 0.01;}
 .aui_loading { height: 100%; width: 100%; overflow: hidden; position: absolute; left: 0; top: 40px; z-index: 9999; text-align: center; text-indent: -999em; background: url("../../../images/dialog_loading.gif") no-repeat center center;}
 table.aui_border,table.aui_dialog { width: 100%; border: 0; margin: 0; border-collapse: collapse;}
@@ -204,7 +205,7 @@ table.aui_border,table.aui_dialog { width: 100%; border: 0; margin: 0; border-co
 .dialogMax .aui_nw,.dialogMax .aui_ne,.dialogMax .aui_sw,.dialogMax .aui_se,.dialogMax .aui_w,.dialogMax .aui_e { width: 0px;}
 .dialogMax .aui_sw,.dialogMax .aui_n,.dialogMax .aui_se { height: 0px;}
 .dialogMax .aui_outer { border: none;}
-.dialog-can-resize .resize-handle { position: absolute; font-size: 0.1px; z-index: 9999; display: block;}
+.dialog-can-resize .resize-handle { position: absolute; z-index: 9999; display: block;}
 .dialog-can-resize .resize-top { z-index: 0; cursor: n-resize; top: -3px; left: 0px; height: 7px; width: 100%;}
 .dialog-can-resize .resize-bottom { z-index: 0; cursor: s-resize; bottom: -3px; left: 0px; height: 7px; width: 100%;}
 .dialog-can-resize .resize-right { z-index: 0; cursor: e-resize; right: -3px; top: 0px; width: 7px; height: 100%;}
diff --git a/static/style/skin/metro/pink_app_code_edit.css b/static/style/skin/metro/pink_app_code_edit.css
index a9093c6..c69c436 100644
--- a/static/style/skin/metro/pink_app_code_edit.css
+++ b/static/style/skin/metro/pink_app_code_edit.css
@@ -41,15 +41,15 @@ input { border: 1px solid #ddd; background: #fff; outline: none;}
 .topbar .content .top_left a.title { font-size: 20px; width: 200px; padding: 0; text-align: center;}
 .topbar .content .top_left a b { color: #9CF; font-weight: 400;}
 .topbar .content .top_left a.title:hover { background: none;}
-.topbar .content .top_right { float: right; margin-right: 10px;}
+.topbar .content .top_right { float: right;}
 .topbar .content .top_right div { display: inline-block; margin-right: -3px;}
-.topbar .content .top_right a { display: inline-block; padding: 0px 0.7em; border: none; color: #fff;}
+.topbar .content .top_right a { display: inline-block; padding: 0px 0.7em; color: #fff; margin-right: -2px;}
 .topbar .content .top_right a i { padding-right: 2px; text-shadow: 0 0 1px;}
-.topbar .content .top_right .open a:focus,.topbar .content .top_right a:hover { background: #e169b9;}
-.topbar .content .top_right .menu-topbar_user { position: absolute; right: 10px; left: auto; margin-top: 0px; width: auto;}
-.topbar .content .top_right .topbar_language { position: absolute; right: 84px; left: auto; margin-top: 0px; width: auto;}
-.topbar .content .top_right ul a { color: #666; line-height: 30px; height: 30px; display: block;}
-.topbar .content .top_right ul a:hover,.topbar .content .top_right ul a.this { background: #e6e6e6; color: #000;}
+.topbar .content .top_right a:focus,.topbar .content .top_right a:hover { background: #e169b9;}
+.topbar .content .top_right .menu-topbar_user { position: absolute; right: 0px; left: auto; margin-top: 0px; width: auto;}
+.topbar .content .top_right .topbar_language { position: absolute; right: 75px; left: auto; margin-top: 0px; width: auto;}
+.topbar .content .top_right ul a { color: #666; line-height: 30px; height: 30px; display: block; padding: 0px 1.7em; border: none; overflow: hidden;}
+.topbar .content .top_right ul a:hover,.topbar .content .top_right ul a.this { background: #e6e6e6; color: #000; margin-right: 0px;}
 .topbar .content .top_right ul .font-icon { width: 18px; display: inline-block;}
 .do_search { color: #888; min-width: 452px;}
 .do_search .search_header { padding: 10px; padding-bottom: 0px;}
@@ -74,16 +74,16 @@ input { border: 1px solid #ddd; background: #fff; outline: none;}
 .do_search .search_result table .type { width: 37px;}
 .do_search .search_result table .size { width: 50px;}
 .do_search .search_result table .path,.do_search .search_result table .search_title .path { border-right: none;}
-.task_tab { position: fixed; bottom: 1px; left: 0; width: 100%; height: 30px; z-index: 9999; padding-left: 50px; background: rgba(0,0,0,0.1); border-top: 1px solid rgba(0,0,0,0.15); color: #444;}
+.task_tab { position: fixed; bottom: 1px; left: 0; width: 100%; height: 30px; z-index: 9900; padding-left: 50px; background: rgba(0,0,0,0.1); border-top: 1px solid rgba(0,0,0,0.15); color: #444;}
 .task_tab .tabs { height: 100%; margin-right: 10px; margin-right: 60px;}
-.task_tab .tabs .tab { float: left; height: 100%; margin-right: 2px; box-shadow: 0 0 6px #666; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; padding-left: 4px; word-break: break-all; background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0));}
+.task_tab .tabs .tab { float: left; height: 100%; margin-right: 2px; box-shadow: 0 0 6px #666; white-space: nowrap; text-overflow: ellipsis; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; padding-left: 4px; word-break: break-all; background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0));}
 .task_tab .tabs .tab img { width: 18px; height: 18px; padding-right: 4px; vertical-align: middle; display: inline-block; margin-top: -3px; border-radius: 4px;}
 .task_tab .tabs .tab.hover { background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0));}
 .task_tab .tabs .tab.this { box-shadow: 0 0 6px #000; background: rgba(255,255,255,0.2); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2));}
 .tasktab-dragging { position: absolute; z-index: 99999; height: 30px; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; box-shadow: 0 0 6px #000; padding-left: 4px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; word-break: break-all; background: rgba(255,255,255,0.2); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2));}
 .tasktab-dragging img { width: 18px; height: 18px; padding-right: 4px; vertical-align: middle; display: inline-block; margin-top: -3px; border-radius: 4px;}
 body div#ace_settingsmenu,body div#kbshortcutmenu { background-color: #000; opacity: 0.75; filter: alpha(opacity=75); color: #FFF; box-shadow: -5px 4px 5px rgba(0,0,0,0.2);}
-.frame_right { position: absolute; top: 34px; right: 0px; width: 40%; bottom: 0; background: #fff; z-index: 99; border-left: 1px solid #ccc; box-shadow: 0 20px 60px rgba(0,0,0,0.3); display: none;}
+.frame_right { position: absolute; top: 34px; right: 0px; width: 40%; bottom: 0; background: #fff; z-index: 99; overflow: hidden; border-left: 1px solid #ccc; box-shadow: 0 20px 60px rgba(0,0,0,0.3); display: none;}
 .frame_right .mask_view { z-index: 9999; opacity: 0.1;}
 .frame_right .resize { position: absolute; width: 10px; bottom: 0px; height: 100%; z-index: 100; cursor: col-resize; margin-left: -5px;}
 .frame_right .preview_frame { position: absolute; top: 30px; right: 0; bottom: 0; width: 100%; background: #fff;}
@@ -132,7 +132,7 @@ body div#ace_settingsmenu,body div#kbshortcutmenu { background-color: #000; opac
 .file_list { display: none;}
 .file_upload { width: 365px; height: 385px; padding: 5px;}
 .file_upload .top_nav { border-bottom: 1px solid #ddd; padding-left: 10px; margin-top: 6px;}
-.file_upload .menu { display: block; text-decoration: none; float: left; padding: 2px 15px; height: 28px; background: #eee; font-size: 13px; border: 1px solid #ccc; text-align: center; line-height: 25px; cursor: default; margin-right: 5px; margin-bottom: -1px; color: #444;}
+.file_upload .menu { display: block; text-decoration: none; float: left; padding: 2px 15px; height: 28px; background: #eee; font-size: 13px; border: 1px solid #ccc; text-align: center; line-height: 25px; margin-right: 5px; margin-bottom: -1px; color: #444;}
 .file_upload .menu.this { background: #fff; border-bottom: 1px solid #fff;}
 .file_upload .upload_path { padding: 5px 15px; background: #e6f0ff; margin: 10px 0; overflow: hidden; word-break: keep-all; white-space: nowrap; text-overflow: ellipsis; color: #5275b4;}
 .file_upload div a.left { margin-left: 10px;}
@@ -156,7 +156,8 @@ a.button:active { color: #000; border-color: #444;}
 a.button:focus { outline: none;}
 .messageBox { position: absolute; top: 15%; left: 0px; z-index: 88; background: #DC4FAD; color: #fff; opacity: 0.7; filter: alpha(opacity=70); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 10px 60px rgba(0,0,0,0.6); -moz-box-shadow: 0 10px 60px rgba(0,0,0,0.6); box-shadow: 0 10px 60px rgba(0,0,0,0.6); display: none;}
 .messageBox .content { padding: 10px 30px; line-height: 20px; width: auto;}
-.aui_outer { text-align: left;}
+.dialogMax { z-index: 99999 !important;}
+.aui_outer { text-align: left; position: relative;}
 .aui_mask { position: absolute; width: 100%; height: 100%; background: #fff; opacity: 0.01;}
 .aui_loading { height: 100%; width: 100%; overflow: hidden; position: absolute; left: 0; top: 40px; z-index: 9999; text-align: center; text-indent: -999em; background: url("../../../images/dialog_loading.gif") no-repeat center center;}
 table.aui_border,table.aui_dialog { width: 100%; border: 0; margin: 0; border-collapse: collapse;}
@@ -204,7 +205,7 @@ table.aui_border,table.aui_dialog { width: 100%; border: 0; margin: 0; border-co
 .dialogMax .aui_nw,.dialogMax .aui_ne,.dialogMax .aui_sw,.dialogMax .aui_se,.dialogMax .aui_w,.dialogMax .aui_e { width: 0px;}
 .dialogMax .aui_sw,.dialogMax .aui_n,.dialogMax .aui_se { height: 0px;}
 .dialogMax .aui_outer { border: none;}
-.dialog-can-resize .resize-handle { position: absolute; font-size: 0.1px; z-index: 9999; display: block;}
+.dialog-can-resize .resize-handle { position: absolute; z-index: 9999; display: block;}
 .dialog-can-resize .resize-top { z-index: 0; cursor: n-resize; top: -3px; left: 0px; height: 7px; width: 100%;}
 .dialog-can-resize .resize-bottom { z-index: 0; cursor: s-resize; bottom: -3px; left: 0px; height: 7px; width: 100%;}
 .dialog-can-resize .resize-right { z-index: 0; cursor: e-resize; right: -3px; top: 0px; width: 7px; height: 100%;}
diff --git a/static/style/skin/metro/pink_app_desktop.css b/static/style/skin/metro/pink_app_desktop.css
index b2f64c5..bcccf8e 100644
--- a/static/style/skin/metro/pink_app_desktop.css
+++ b/static/style/skin/metro/pink_app_desktop.css
@@ -41,15 +41,15 @@ input { border: 1px solid #ddd; background: #fff; outline: none;}
 .topbar .content .top_left a.title { font-size: 20px; width: 200px; padding: 0; text-align: center;}
 .topbar .content .top_left a b { color: #9CF; font-weight: 400;}
 .topbar .content .top_left a.title:hover { background: none;}
-.topbar .content .top_right { float: right; margin-right: 10px;}
+.topbar .content .top_right { float: right;}
 .topbar .content .top_right div { display: inline-block; margin-right: -3px;}
-.topbar .content .top_right a { display: inline-block; padding: 0px 0.7em; border: none; color: #fff;}
+.topbar .content .top_right a { display: inline-block; padding: 0px 0.7em; color: #fff; margin-right: -2px;}
 .topbar .content .top_right a i { padding-right: 2px; text-shadow: 0 0 1px;}
-.topbar .content .top_right .open a:focus,.topbar .content .top_right a:hover { background: #e169b9;}
-.topbar .content .top_right .menu-topbar_user { position: absolute; right: 10px; left: auto; margin-top: 0px; width: auto;}
-.topbar .content .top_right .topbar_language { position: absolute; right: 84px; left: auto; margin-top: 0px; width: auto;}
-.topbar .content .top_right ul a { color: #666; line-height: 30px; height: 30px; display: block;}
-.topbar .content .top_right ul a:hover,.topbar .content .top_right ul a.this { background: #e6e6e6; color: #000;}
+.topbar .content .top_right a:focus,.topbar .content .top_right a:hover { background: #e169b9;}
+.topbar .content .top_right .menu-topbar_user { position: absolute; right: 0px; left: auto; margin-top: 0px; width: auto;}
+.topbar .content .top_right .topbar_language { position: absolute; right: 75px; left: auto; margin-top: 0px; width: auto;}
+.topbar .content .top_right ul a { color: #666; line-height: 30px; height: 30px; display: block; padding: 0px 1.7em; border: none; overflow: hidden;}
+.topbar .content .top_right ul a:hover,.topbar .content .top_right ul a.this { background: #e6e6e6; color: #000; margin-right: 0px;}
 .topbar .content .top_right ul .font-icon { width: 18px; display: inline-block;}
 .do_search { color: #888; min-width: 452px;}
 .do_search .search_header { padding: 10px; padding-bottom: 0px;}
@@ -74,16 +74,16 @@ input { border: 1px solid #ddd; background: #fff; outline: none;}
 .do_search .search_result table .type { width: 37px;}
 .do_search .search_result table .size { width: 50px;}
 .do_search .search_result table .path,.do_search .search_result table .search_title .path { border-right: none;}
-.task_tab { position: fixed; bottom: 1px; left: 0; width: 100%; height: 30px; z-index: 9999; padding-left: 50px; background: rgba(0,0,0,0.1); border-top: 1px solid rgba(0,0,0,0.15); color: #444;}
+.task_tab { position: fixed; bottom: 1px; left: 0; width: 100%; height: 30px; z-index: 9900; padding-left: 50px; background: rgba(0,0,0,0.1); border-top: 1px solid rgba(0,0,0,0.15); color: #444;}
 .task_tab .tabs { height: 100%; margin-right: 10px; margin-right: 60px;}
-.task_tab .tabs .tab { float: left; height: 100%; margin-right: 2px; box-shadow: 0 0 6px #666; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; padding-left: 4px; word-break: break-all; background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0));}
+.task_tab .tabs .tab { float: left; height: 100%; margin-right: 2px; box-shadow: 0 0 6px #666; white-space: nowrap; text-overflow: ellipsis; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; padding-left: 4px; word-break: break-all; background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0));}
 .task_tab .tabs .tab img { width: 18px; height: 18px; padding-right: 4px; vertical-align: middle; display: inline-block; margin-top: -3px; border-radius: 4px;}
 .task_tab .tabs .tab.hover { background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0));}
 .task_tab .tabs .tab.this { box-shadow: 0 0 6px #000; background: rgba(255,255,255,0.2); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2));}
 .tasktab-dragging { position: absolute; z-index: 99999; height: 30px; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; box-shadow: 0 0 6px #000; padding-left: 4px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; word-break: break-all; background: rgba(255,255,255,0.2); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2));}
 .tasktab-dragging img { width: 18px; height: 18px; padding-right: 4px; vertical-align: middle; display: inline-block; margin-top: -3px; border-radius: 4px;}
 body div#ace_settingsmenu,body div#kbshortcutmenu { background-color: #000; opacity: 0.75; filter: alpha(opacity=75); color: #FFF; box-shadow: -5px 4px 5px rgba(0,0,0,0.2);}
-.frame_right { position: absolute; top: 34px; right: 0px; width: 40%; bottom: 0; background: #fff; z-index: 99; border-left: 1px solid #ccc; box-shadow: 0 20px 60px rgba(0,0,0,0.3); display: none;}
+.frame_right { position: absolute; top: 34px; right: 0px; width: 40%; bottom: 0; background: #fff; z-index: 99; overflow: hidden; border-left: 1px solid #ccc; box-shadow: 0 20px 60px rgba(0,0,0,0.3); display: none;}
 .frame_right .mask_view { z-index: 9999; opacity: 0.1;}
 .frame_right .resize { position: absolute; width: 10px; bottom: 0px; height: 100%; z-index: 100; cursor: col-resize; margin-left: -5px;}
 .frame_right .preview_frame { position: absolute; top: 30px; right: 0; bottom: 0; width: 100%; background: #fff;}
@@ -132,7 +132,7 @@ body div#ace_settingsmenu,body div#kbshortcutmenu { background-color: #000; opac
 .file_list { display: none;}
 .file_upload { width: 365px; height: 385px; padding: 5px;}
 .file_upload .top_nav { border-bottom: 1px solid #ddd; padding-left: 10px; margin-top: 6px;}
-.file_upload .menu { display: block; text-decoration: none; float: left; padding: 2px 15px; height: 28px; background: #eee; font-size: 13px; border: 1px solid #ccc; text-align: center; line-height: 25px; cursor: default; margin-right: 5px; margin-bottom: -1px; color: #444;}
+.file_upload .menu { display: block; text-decoration: none; float: left; padding: 2px 15px; height: 28px; background: #eee; font-size: 13px; border: 1px solid #ccc; text-align: center; line-height: 25px; margin-right: 5px; margin-bottom: -1px; color: #444;}
 .file_upload .menu.this { background: #fff; border-bottom: 1px solid #fff;}
 .file_upload .upload_path { padding: 5px 15px; background: #e6f0ff; margin: 10px 0; overflow: hidden; word-break: keep-all; white-space: nowrap; text-overflow: ellipsis; color: #5275b4;}
 .file_upload div a.left { margin-left: 10px;}
@@ -156,7 +156,8 @@ a.button:active { color: #000; border-color: #444;}
 a.button:focus { outline: none;}
 .messageBox { position: absolute; top: 15%; left: 0px; z-index: 88; background: #DC4FAD; color: #fff; opacity: 0.7; filter: alpha(opacity=70); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 10px 60px rgba(0,0,0,0.6); -moz-box-shadow: 0 10px 60px rgba(0,0,0,0.6); box-shadow: 0 10px 60px rgba(0,0,0,0.6); display: none;}
 .messageBox .content { padding: 10px 30px; line-height: 20px; width: auto;}
-.aui_outer { text-align: left;}
+.dialogMax { z-index: 99999 !important;}
+.aui_outer { text-align: left; position: relative;}
 .aui_mask { position: absolute; width: 100%; height: 100%; background: #fff; opacity: 0.01;}
 .aui_loading { height: 100%; width: 100%; overflow: hidden; position: absolute; left: 0; top: 40px; z-index: 9999; text-align: center; text-indent: -999em; background: url("../../../images/dialog_loading.gif") no-repeat center center;}
 table.aui_border,table.aui_dialog { width: 100%; border: 0; margin: 0; border-collapse: collapse;}
@@ -204,7 +205,7 @@ table.aui_border,table.aui_dialog { width: 100%; border: 0; margin: 0; border-co
 .dialogMax .aui_nw,.dialogMax .aui_ne,.dialogMax .aui_sw,.dialogMax .aui_se,.dialogMax .aui_w,.dialogMax .aui_e { width: 0px;}
 .dialogMax .aui_sw,.dialogMax .aui_n,.dialogMax .aui_se { height: 0px;}
 .dialogMax .aui_outer { border: none;}
-.dialog-can-resize .resize-handle { position: absolute; font-size: 0.1px; z-index: 9999; display: block;}
+.dialog-can-resize .resize-handle { position: absolute; z-index: 9999; display: block;}
 .dialog-can-resize .resize-top { z-index: 0; cursor: n-resize; top: -3px; left: 0px; height: 7px; width: 100%;}
 .dialog-can-resize .resize-bottom { z-index: 0; cursor: s-resize; bottom: -3px; left: 0px; height: 7px; width: 100%;}
 .dialog-can-resize .resize-right { z-index: 0; cursor: e-resize; right: -3px; top: 0px; width: 7px; height: 100%;}
@@ -242,7 +243,7 @@ div.dialog-simple .dialog_mouse_in .aui_header { opacity: 1; filter: alpha(opaci
 .fileList_icon .file .titleBox .title { cursor: text;}
 .fileList_icon .file .ico { width: 60px; height: 60px; background-image: url("./images/file.png"); background-repeat: no-repeat; background-position: center center; margin: 0 auto; margin-top: 4px; margin-bottom: 3px; display: block;}
 .fileList_icon .file .folder { width: 70px; background-image: url("./images/folder.png");}
-.fileList_icon .file .picture { width: 64px; height: 66px; background: none; margin: 0; position: relative; top: 3px; left: 8px; display: table-cell; vertical-align: middle; text-align: center; *display: block; *font-size: 64px; *font-family: Arial;}
+.fileList_icon .file .picture { width: 80px; height: 66px; background: none; margin: 0; position: relative; top: 3px; display: table-cell; vertical-align: middle; text-align: center; *display: block; *font-size: 64px; *font-family: Arial;}
 .fileList_icon .file .picture img { vertical-align: middle; max-width: 64px; max-height: 64px;}
 .fileList_icon .file .cpp,.fileList_icon .file .h,.fileList_icon .file .sql,.fileList_icon .file .java,.fileList_icon .file .cs,.fileList_icon .file .py,.fileList_icon .file .html,.fileList_icon .file .htm,.fileList_icon .file .shtml,.fileList_icon .file .hta,.fileList_icon .file .css,.fileList_icon .file .js,.fileList_icon .file .xml,.fileList_icon .file .php,.fileList_icon .file .jsp,.fileList_icon .file .asp,.fileList_icon .file .aspx,.fileList_icon .file .vb,.fileList_icon .file .vbs,.fileList_icon .file .bat,.fileList_icon .file .reg,.fileList_icon .file .cmd,.fileList_icon .file .pl,.fileList_icon .file .pm,.fileList_icon .file .cgi,.fileList_icon .file .as,.fileList_icon .file .asm,.fileList_icon .file .clj,.fileList_icon .file .cbl,.fileList_icon .file .cfm,.fileList_icon .file .d,.fileList_icon .file .diff,.fileList_icon .file .dot,.fileList_icon .file .ejs,.fileList_icon .file .erl,.fileList_icon .file .ftl,.fileList_icon .file .go,.fileList_icon .file .hs,.fileList_icon .file .hbs,.fileList_icon .file .haml,.fileList_icon .file .erb,.fileList_icon .file .jade,.fileList_icon .file .json,.fileList_icon .file .jq,.fileList_icon .file .jsx,.fileList_icon .file .ji,.fileList_icon .file .tex,.fileList_icon .file .lisp,.fileList_icon .file .ls,.fileList_icon .file .lsl,.fileList_icon .file .lua,.fileList_icon .file .lp,.fileList_icon .file .matlab,.fileList_icon .file .mel,.fileList_icon .file .r,.fileList_icon .file .yaml { background-image: url("./images/code.png");}
 .fileList_icon .file .txt,.fileList_icon .file .ini,.fileList_icon .file .md,.fileList_icon .file .markdown,.fileList_icon .file .log { background-image: url("./images/txt.png");}
@@ -354,7 +355,7 @@ div.dialog-simple .dialog_mouse_in .aui_header { opacity: 1; filter: alpha(opaci
 .desktop .fileList_icon .file .title .textarea { position: static;}
 #taskbar { height: 32px; position: fixed; bottom: 0; left: 0; width: 100%; padding: 0; margin: 0; background: url('../../../images/desktop/taskbarbg.png');}
 #taskbar a { position: absolute; text-align: center; width: 40px; height: 40px; left: 6px;}
-.start { background: url('../../../images/desktop/start.png') 0 0px no-repeat; display: block; z-index: 999; margin-top: -8px; z-index: 99999; width: 40px; height: 40px; bottom: 0px; left: 5px; position: fixed;}
+.start { background: url('../../../images/desktop/start.png') 0 0px no-repeat; display: block; z-index: 999; margin-top: -8px; z-index: 9901; width: 40px; height: 40px; bottom: 0px; left: 5px; position: fixed;}
 .start:hover { text-decoration: none; background-position: 0 -40px;}
 .start:active { text-decoration: none; background-position: 0 -80px;}
 .task_tab { position: fixed; bottom: 1px; left: 0; width: 100%; height: 30px; z-index: 9999;}
diff --git a/static/style/skin/metro/pink_app_editor.css b/static/style/skin/metro/pink_app_editor.css
index 4547c7a..7ce3ee7 100644
--- a/static/style/skin/metro/pink_app_editor.css
+++ b/static/style/skin/metro/pink_app_editor.css
@@ -41,15 +41,15 @@ input { border: 1px solid #ddd; background: #fff; outline: none;}
 .topbar .content .top_left a.title { font-size: 20px; width: 200px; padding: 0; text-align: center;}
 .topbar .content .top_left a b { color: #9CF; font-weight: 400;}
 .topbar .content .top_left a.title:hover { background: none;}
-.topbar .content .top_right { float: right; margin-right: 10px;}
+.topbar .content .top_right { float: right;}
 .topbar .content .top_right div { display: inline-block; margin-right: -3px;}
-.topbar .content .top_right a { display: inline-block; padding: 0px 0.7em; border: none; color: #fff;}
+.topbar .content .top_right a { display: inline-block; padding: 0px 0.7em; color: #fff; margin-right: -2px;}
 .topbar .content .top_right a i { padding-right: 2px; text-shadow: 0 0 1px;}
-.topbar .content .top_right .open a:focus,.topbar .content .top_right a:hover { background: #e169b9;}
-.topbar .content .top_right .menu-topbar_user { position: absolute; right: 10px; left: auto; margin-top: 0px; width: auto;}
-.topbar .content .top_right .topbar_language { position: absolute; right: 84px; left: auto; margin-top: 0px; width: auto;}
-.topbar .content .top_right ul a { color: #666; line-height: 30px; height: 30px; display: block;}
-.topbar .content .top_right ul a:hover,.topbar .content .top_right ul a.this { background: #e6e6e6; color: #000;}
+.topbar .content .top_right a:focus,.topbar .content .top_right a:hover { background: #e169b9;}
+.topbar .content .top_right .menu-topbar_user { position: absolute; right: 0px; left: auto; margin-top: 0px; width: auto;}
+.topbar .content .top_right .topbar_language { position: absolute; right: 75px; left: auto; margin-top: 0px; width: auto;}
+.topbar .content .top_right ul a { color: #666; line-height: 30px; height: 30px; display: block; padding: 0px 1.7em; border: none; overflow: hidden;}
+.topbar .content .top_right ul a:hover,.topbar .content .top_right ul a.this { background: #e6e6e6; color: #000; margin-right: 0px;}
 .topbar .content .top_right ul .font-icon { width: 18px; display: inline-block;}
 .do_search { color: #888; min-width: 452px;}
 .do_search .search_header { padding: 10px; padding-bottom: 0px;}
@@ -74,16 +74,16 @@ input { border: 1px solid #ddd; background: #fff; outline: none;}
 .do_search .search_result table .type { width: 37px;}
 .do_search .search_result table .size { width: 50px;}
 .do_search .search_result table .path,.do_search .search_result table .search_title .path { border-right: none;}
-.task_tab { position: fixed; bottom: 1px; left: 0; width: 100%; height: 30px; z-index: 9999; padding-left: 50px; background: rgba(0,0,0,0.1); border-top: 1px solid rgba(0,0,0,0.15); color: #444;}
+.task_tab { position: fixed; bottom: 1px; left: 0; width: 100%; height: 30px; z-index: 9900; padding-left: 50px; background: rgba(0,0,0,0.1); border-top: 1px solid rgba(0,0,0,0.15); color: #444;}
 .task_tab .tabs { height: 100%; margin-right: 10px; margin-right: 60px;}
-.task_tab .tabs .tab { float: left; height: 100%; margin-right: 2px; box-shadow: 0 0 6px #666; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; padding-left: 4px; word-break: break-all; background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0));}
+.task_tab .tabs .tab { float: left; height: 100%; margin-right: 2px; box-shadow: 0 0 6px #666; white-space: nowrap; text-overflow: ellipsis; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; padding-left: 4px; word-break: break-all; background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0));}
 .task_tab .tabs .tab img { width: 18px; height: 18px; padding-right: 4px; vertical-align: middle; display: inline-block; margin-top: -3px; border-radius: 4px;}
 .task_tab .tabs .tab.hover { background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0));}
 .task_tab .tabs .tab.this { box-shadow: 0 0 6px #000; background: rgba(255,255,255,0.2); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2));}
 .tasktab-dragging { position: absolute; z-index: 99999; height: 30px; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; box-shadow: 0 0 6px #000; padding-left: 4px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; word-break: break-all; background: rgba(255,255,255,0.2); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2));}
 .tasktab-dragging img { width: 18px; height: 18px; padding-right: 4px; vertical-align: middle; display: inline-block; margin-top: -3px; border-radius: 4px;}
 body div#ace_settingsmenu,body div#kbshortcutmenu { background-color: #000; opacity: 0.75; filter: alpha(opacity=75); color: #FFF; box-shadow: -5px 4px 5px rgba(0,0,0,0.2);}
-.frame_right { position: absolute; top: 34px; right: 0px; width: 40%; bottom: 0; background: #fff; z-index: 99; border-left: 1px solid #ccc; box-shadow: 0 20px 60px rgba(0,0,0,0.3); display: none;}
+.frame_right { position: absolute; top: 34px; right: 0px; width: 40%; bottom: 0; background: #fff; z-index: 99; overflow: hidden; border-left: 1px solid #ccc; box-shadow: 0 20px 60px rgba(0,0,0,0.3); display: none;}
 .frame_right .mask_view { z-index: 9999; opacity: 0.1;}
 .frame_right .resize { position: absolute; width: 10px; bottom: 0px; height: 100%; z-index: 100; cursor: col-resize; margin-left: -5px;}
 .frame_right .preview_frame { position: absolute; top: 30px; right: 0; bottom: 0; width: 100%; background: #fff;}
@@ -132,7 +132,7 @@ body div#ace_settingsmenu,body div#kbshortcutmenu { background-color: #000; opac
 .file_list { display: none;}
 .file_upload { width: 365px; height: 385px; padding: 5px;}
 .file_upload .top_nav { border-bottom: 1px solid #ddd; padding-left: 10px; margin-top: 6px;}
-.file_upload .menu { display: block; text-decoration: none; float: left; padding: 2px 15px; height: 28px; background: #eee; font-size: 13px; border: 1px solid #ccc; text-align: center; line-height: 25px; cursor: default; margin-right: 5px; margin-bottom: -1px; color: #444;}
+.file_upload .menu { display: block; text-decoration: none; float: left; padding: 2px 15px; height: 28px; background: #eee; font-size: 13px; border: 1px solid #ccc; text-align: center; line-height: 25px; margin-right: 5px; margin-bottom: -1px; color: #444;}
 .file_upload .menu.this { background: #fff; border-bottom: 1px solid #fff;}
 .file_upload .upload_path { padding: 5px 15px; background: #e6f0ff; margin: 10px 0; overflow: hidden; word-break: keep-all; white-space: nowrap; text-overflow: ellipsis; color: #5275b4;}
 .file_upload div a.left { margin-left: 10px;}
@@ -156,7 +156,8 @@ a.button:active { color: #000; border-color: #444;}
 a.button:focus { outline: none;}
 .messageBox { position: absolute; top: 15%; left: 0px; z-index: 88; background: #DC4FAD; color: #fff; opacity: 0.7; filter: alpha(opacity=70); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 10px 60px rgba(0,0,0,0.6); -moz-box-shadow: 0 10px 60px rgba(0,0,0,0.6); box-shadow: 0 10px 60px rgba(0,0,0,0.6); display: none;}
 .messageBox .content { padding: 10px 30px; line-height: 20px; width: auto;}
-.aui_outer { text-align: left;}
+.dialogMax { z-index: 99999 !important;}
+.aui_outer { text-align: left; position: relative;}
 .aui_mask { position: absolute; width: 100%; height: 100%; background: #fff; opacity: 0.01;}
 .aui_loading { height: 100%; width: 100%; overflow: hidden; position: absolute; left: 0; top: 40px; z-index: 9999; text-align: center; text-indent: -999em; background: url("../../../images/dialog_loading.gif") no-repeat center center;}
 table.aui_border,table.aui_dialog { width: 100%; border: 0; margin: 0; border-collapse: collapse;}
@@ -204,7 +205,7 @@ table.aui_border,table.aui_dialog { width: 100%; border: 0; margin: 0; border-co
 .dialogMax .aui_nw,.dialogMax .aui_ne,.dialogMax .aui_sw,.dialogMax .aui_se,.dialogMax .aui_w,.dialogMax .aui_e { width: 0px;}
 .dialogMax .aui_sw,.dialogMax .aui_n,.dialogMax .aui_se { height: 0px;}
 .dialogMax .aui_outer { border: none;}
-.dialog-can-resize .resize-handle { position: absolute; font-size: 0.1px; z-index: 9999; display: block;}
+.dialog-can-resize .resize-handle { position: absolute; z-index: 9999; display: block;}
 .dialog-can-resize .resize-top { z-index: 0; cursor: n-resize; top: -3px; left: 0px; height: 7px; width: 100%;}
 .dialog-can-resize .resize-bottom { z-index: 0; cursor: s-resize; bottom: -3px; left: 0px; height: 7px; width: 100%;}
 .dialog-can-resize .resize-right { z-index: 0; cursor: e-resize; right: -3px; top: 0px; width: 7px; height: 100%;}
diff --git a/static/style/skin/metro/pink_app_explorer.css b/static/style/skin/metro/pink_app_explorer.css
index 6447c95..bb99542 100644
--- a/static/style/skin/metro/pink_app_explorer.css
+++ b/static/style/skin/metro/pink_app_explorer.css
@@ -41,15 +41,15 @@ input { border: 1px solid #ddd; background: #fff; outline: none;}
 .topbar .content .top_left a.title { font-size: 20px; width: 200px; padding: 0; text-align: center;}
 .topbar .content .top_left a b { color: #9CF; font-weight: 400;}
 .topbar .content .top_left a.title:hover { background: none;}
-.topbar .content .top_right { float: right; margin-right: 10px;}
+.topbar .content .top_right { float: right;}
 .topbar .content .top_right div { display: inline-block; margin-right: -3px;}
-.topbar .content .top_right a { display: inline-block; padding: 0px 0.7em; border: none; color: #fff;}
+.topbar .content .top_right a { display: inline-block; padding: 0px 0.7em; color: #fff; margin-right: -2px;}
 .topbar .content .top_right a i { padding-right: 2px; text-shadow: 0 0 1px;}
-.topbar .content .top_right .open a:focus,.topbar .content .top_right a:hover { background: #e169b9;}
-.topbar .content .top_right .menu-topbar_user { position: absolute; right: 10px; left: auto; margin-top: 0px; width: auto;}
-.topbar .content .top_right .topbar_language { position: absolute; right: 84px; left: auto; margin-top: 0px; width: auto;}
-.topbar .content .top_right ul a { color: #666; line-height: 30px; height: 30px; display: block;}
-.topbar .content .top_right ul a:hover,.topbar .content .top_right ul a.this { background: #e6e6e6; color: #000;}
+.topbar .content .top_right a:focus,.topbar .content .top_right a:hover { background: #e169b9;}
+.topbar .content .top_right .menu-topbar_user { position: absolute; right: 0px; left: auto; margin-top: 0px; width: auto;}
+.topbar .content .top_right .topbar_language { position: absolute; right: 75px; left: auto; margin-top: 0px; width: auto;}
+.topbar .content .top_right ul a { color: #666; line-height: 30px; height: 30px; display: block; padding: 0px 1.7em; border: none; overflow: hidden;}
+.topbar .content .top_right ul a:hover,.topbar .content .top_right ul a.this { background: #e6e6e6; color: #000; margin-right: 0px;}
 .topbar .content .top_right ul .font-icon { width: 18px; display: inline-block;}
 .do_search { color: #888; min-width: 452px;}
 .do_search .search_header { padding: 10px; padding-bottom: 0px;}
@@ -74,16 +74,16 @@ input { border: 1px solid #ddd; background: #fff; outline: none;}
 .do_search .search_result table .type { width: 37px;}
 .do_search .search_result table .size { width: 50px;}
 .do_search .search_result table .path,.do_search .search_result table .search_title .path { border-right: none;}
-.task_tab { position: fixed; bottom: 1px; left: 0; width: 100%; height: 30px; z-index: 9999; padding-left: 50px; background: rgba(0,0,0,0.1); border-top: 1px solid rgba(0,0,0,0.15); color: #444;}
+.task_tab { position: fixed; bottom: 1px; left: 0; width: 100%; height: 30px; z-index: 9900; padding-left: 50px; background: rgba(0,0,0,0.1); border-top: 1px solid rgba(0,0,0,0.15); color: #444;}
 .task_tab .tabs { height: 100%; margin-right: 10px; margin-right: 60px;}
-.task_tab .tabs .tab { float: left; height: 100%; margin-right: 2px; box-shadow: 0 0 6px #666; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; padding-left: 4px; word-break: break-all; background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0));}
+.task_tab .tabs .tab { float: left; height: 100%; margin-right: 2px; box-shadow: 0 0 6px #666; white-space: nowrap; text-overflow: ellipsis; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; padding-left: 4px; word-break: break-all; background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0));}
 .task_tab .tabs .tab img { width: 18px; height: 18px; padding-right: 4px; vertical-align: middle; display: inline-block; margin-top: -3px; border-radius: 4px;}
 .task_tab .tabs .tab.hover { background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0));}
 .task_tab .tabs .tab.this { box-shadow: 0 0 6px #000; background: rgba(255,255,255,0.2); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2));}
 .tasktab-dragging { position: absolute; z-index: 99999; height: 30px; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; box-shadow: 0 0 6px #000; padding-left: 4px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; word-break: break-all; background: rgba(255,255,255,0.2); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2));}
 .tasktab-dragging img { width: 18px; height: 18px; padding-right: 4px; vertical-align: middle; display: inline-block; margin-top: -3px; border-radius: 4px;}
 body div#ace_settingsmenu,body div#kbshortcutmenu { background-color: #000; opacity: 0.75; filter: alpha(opacity=75); color: #FFF; box-shadow: -5px 4px 5px rgba(0,0,0,0.2);}
-.frame_right { position: absolute; top: 34px; right: 0px; width: 40%; bottom: 0; background: #fff; z-index: 99; border-left: 1px solid #ccc; box-shadow: 0 20px 60px rgba(0,0,0,0.3); display: none;}
+.frame_right { position: absolute; top: 34px; right: 0px; width: 40%; bottom: 0; background: #fff; z-index: 99; overflow: hidden; border-left: 1px solid #ccc; box-shadow: 0 20px 60px rgba(0,0,0,0.3); display: none;}
 .frame_right .mask_view { z-index: 9999; opacity: 0.1;}
 .frame_right .resize { position: absolute; width: 10px; bottom: 0px; height: 100%; z-index: 100; cursor: col-resize; margin-left: -5px;}
 .frame_right .preview_frame { position: absolute; top: 30px; right: 0; bottom: 0; width: 100%; background: #fff;}
@@ -132,7 +132,7 @@ body div#ace_settingsmenu,body div#kbshortcutmenu { background-color: #000; opac
 .file_list { display: none;}
 .file_upload { width: 365px; height: 385px; padding: 5px;}
 .file_upload .top_nav { border-bottom: 1px solid #ddd; padding-left: 10px; margin-top: 6px;}
-.file_upload .menu { display: block; text-decoration: none; float: left; padding: 2px 15px; height: 28px; background: #eee; font-size: 13px; border: 1px solid #ccc; text-align: center; line-height: 25px; cursor: default; margin-right: 5px; margin-bottom: -1px; color: #444;}
+.file_upload .menu { display: block; text-decoration: none; float: left; padding: 2px 15px; height: 28px; background: #eee; font-size: 13px; border: 1px solid #ccc; text-align: center; line-height: 25px; margin-right: 5px; margin-bottom: -1px; color: #444;}
 .file_upload .menu.this { background: #fff; border-bottom: 1px solid #fff;}
 .file_upload .upload_path { padding: 5px 15px; background: #e6f0ff; margin: 10px 0; overflow: hidden; word-break: keep-all; white-space: nowrap; text-overflow: ellipsis; color: #5275b4;}
 .file_upload div a.left { margin-left: 10px;}
@@ -156,7 +156,8 @@ a.button:active { color: #000; border-color: #444;}
 a.button:focus { outline: none;}
 .messageBox { position: absolute; top: 15%; left: 0px; z-index: 88; background: #DC4FAD; color: #fff; opacity: 0.7; filter: alpha(opacity=70); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 10px 60px rgba(0,0,0,0.6); -moz-box-shadow: 0 10px 60px rgba(0,0,0,0.6); box-shadow: 0 10px 60px rgba(0,0,0,0.6); display: none;}
 .messageBox .content { padding: 10px 30px; line-height: 20px; width: auto;}
-.aui_outer { text-align: left;}
+.dialogMax { z-index: 99999 !important;}
+.aui_outer { text-align: left; position: relative;}
 .aui_mask { position: absolute; width: 100%; height: 100%; background: #fff; opacity: 0.01;}
 .aui_loading { height: 100%; width: 100%; overflow: hidden; position: absolute; left: 0; top: 40px; z-index: 9999; text-align: center; text-indent: -999em; background: url("../../../images/dialog_loading.gif") no-repeat center center;}
 table.aui_border,table.aui_dialog { width: 100%; border: 0; margin: 0; border-collapse: collapse;}
@@ -204,7 +205,7 @@ table.aui_border,table.aui_dialog { width: 100%; border: 0; margin: 0; border-co
 .dialogMax .aui_nw,.dialogMax .aui_ne,.dialogMax .aui_sw,.dialogMax .aui_se,.dialogMax .aui_w,.dialogMax .aui_e { width: 0px;}
 .dialogMax .aui_sw,.dialogMax .aui_n,.dialogMax .aui_se { height: 0px;}
 .dialogMax .aui_outer { border: none;}
-.dialog-can-resize .resize-handle { position: absolute; font-size: 0.1px; z-index: 9999; display: block;}
+.dialog-can-resize .resize-handle { position: absolute; z-index: 9999; display: block;}
 .dialog-can-resize .resize-top { z-index: 0; cursor: n-resize; top: -3px; left: 0px; height: 7px; width: 100%;}
 .dialog-can-resize .resize-bottom { z-index: 0; cursor: s-resize; bottom: -3px; left: 0px; height: 7px; width: 100%;}
 .dialog-can-resize .resize-right { z-index: 0; cursor: e-resize; right: -3px; top: 0px; width: 7px; height: 100%;}
@@ -309,7 +310,7 @@ span.tmpzTreeMove_arrow { display: inline-block; margin: 4px 0 0 2px; position:
 .fileList_icon .file .titleBox .title { cursor: text;}
 .fileList_icon .file .ico { width: 60px; height: 60px; background-image: url("./images/file.png"); background-repeat: no-repeat; background-position: center center; margin: 0 auto; margin-top: 4px; margin-bottom: 3px; display: block;}
 .fileList_icon .file .folder { width: 70px; background-image: url("./images/folder.png");}
-.fileList_icon .file .picture { width: 64px; height: 66px; background: none; margin: 0; position: relative; top: 3px; left: 8px; display: table-cell; vertical-align: middle; text-align: center; *display: block; *font-size: 64px; *font-family: Arial;}
+.fileList_icon .file .picture { width: 80px; height: 66px; background: none; margin: 0; position: relative; top: 3px; display: table-cell; vertical-align: middle; text-align: center; *display: block; *font-size: 64px; *font-family: Arial;}
 .fileList_icon .file .picture img { vertical-align: middle; max-width: 64px; max-height: 64px;}
 .fileList_icon .file .cpp,.fileList_icon .file .h,.fileList_icon .file .sql,.fileList_icon .file .java,.fileList_icon .file .cs,.fileList_icon .file .py,.fileList_icon .file .html,.fileList_icon .file .htm,.fileList_icon .file .shtml,.fileList_icon .file .hta,.fileList_icon .file .css,.fileList_icon .file .js,.fileList_icon .file .xml,.fileList_icon .file .php,.fileList_icon .file .jsp,.fileList_icon .file .asp,.fileList_icon .file .aspx,.fileList_icon .file .vb,.fileList_icon .file .vbs,.fileList_icon .file .bat,.fileList_icon .file .reg,.fileList_icon .file .cmd,.fileList_icon .file .pl,.fileList_icon .file .pm,.fileList_icon .file .cgi,.fileList_icon .file .as,.fileList_icon .file .asm,.fileList_icon .file .clj,.fileList_icon .file .cbl,.fileList_icon .file .cfm,.fileList_icon .file .d,.fileList_icon .file .diff,.fileList_icon .file .dot,.fileList_icon .file .ejs,.fileList_icon .file .erl,.fileList_icon .file .ftl,.fileList_icon .file .go,.fileList_icon .file .hs,.fileList_icon .file .hbs,.fileList_icon .file .haml,.fileList_icon .file .erb,.fileList_icon .file .jade,.fileList_icon .file .json,.fileList_icon .file .jq,.fileList_icon .file .jsx,.fileList_icon .file .ji,.fileList_icon .file .tex,.fileList_icon .file .lisp,.fileList_icon .file .ls,.fileList_icon .file .lsl,.fileList_icon .file .lua,.fileList_icon .file .lp,.fileList_icon .file .matlab,.fileList_icon .file .mel,.fileList_icon .file .r,.fileList_icon .file .yaml { background-image: url("./images/code.png");}
 .fileList_icon .file .txt,.fileList_icon .file .ini,.fileList_icon .file .md,.fileList_icon .file .markdown,.fileList_icon .file .log { background-image: url("./images/txt.png");}
@@ -422,8 +423,8 @@ span.tmpzTreeMove_arrow { display: inline-block; margin: 4px 0 0 2px; position:
 .frame-header .header-content .header-middle .btn-default:active,.frame-header .header-content .header-right .btn-default:active { color: #000; border-color: #888;}
 .frame-header .header-content .font-icon { font-size: 18px; line-height: 20px; padding-right: 4px;}
 .frame-header .header-content .header-left { float: left; width: 170px; padding-left: 35px;}
-.frame-header .header-content .header-middle { position: absolute; left: 205px; top: 10px; right: 0px;}
-.frame-header .header-content .header-middle #yarnball { width: 50%; cursor: text; height: 27px; height: 28px\0; overflow: hidden; margin-left: -1px; float: left; border: 1px solid #ddd; box-shadow: #e6e6e6 0px 0px 20px inset; background: #f8f8f8 url("../../../images/bg.gif") 0px -2px repeat-x;}
+.frame-header .header-content .header-middle { position: absolute; left: 216px; top: 10px; right: 0px;}
+.frame-header .header-content .header-middle #yarnball { width: 50%; cursor: text; height: 27px; overflow: hidden; margin-left: -1px; float: left; border: 1px solid #ddd; box-shadow: #e6e6e6 0px 0px 20px inset; background: #f8f8f8 url("../../../images/bg.gif") 0px -2px repeat-x;}
 .frame-header .header-content .header-middle #yarnball .yarnball { list-style: none; margin: 0; margin-top: -1px; padding: 0; position: relative;}
 .frame-header .header-content .header-middle #yarnball .yarnball .yarnlet { display: inline-block;}
 .frame-header .header-content .header-middle #yarnball .yarnball .yarnlet a,.frame-header .header-content .header-middle #yarnball .yarnball .yarnlet a:link,.frame-header .header-content .header-middle #yarnball .yarnball .yarnlet a:visited { color: #666; display: inline-block; font-size: 12px; padding: 5px 15px 10px 20px; margin-left: -15px; position: relative; text-decoration: none; vertical-align: top; line-height: 20px;}
@@ -435,10 +436,11 @@ span.tmpzTreeMove_arrow { display: inline-block; margin: 4px 0 0 2px; position:
 .frame-header .header-content .header-middle #yarnball .yarnball .yarnlet a:hover .left-yarn { background-position: 0 -50px;}
 .frame-header .header-content .header-middle #yarnball .yarnball .yarnlet a:active .left-yarn { background-position: 0 -98px;}
 .frame-header .header-content .header-middle #yarnball_input { height: 27px; height: 28px\0; width: 50%; cursor: text; float: left; border: 1px solid #ddd; display: none; margin-left: -1px; background: #f8f8f8 url("../../../images/bg.gif") 0px -2px repeat-x; box-shadow: #e6e6e6 0px 0px 20px inset;}
-.frame-header .header-content .header-middle #yarnball_input input.path { border: none; height: 25px; display: block; width: 100%; padding-left: 10px; padding-right: 10px; text-shadow: 1px 1px 3px #cce; color: #888; background: #f8f8f8 url("../../../images/bg.gif") 0px -2px repeat-x; box-shadow: #e6e6e6 0px 0px 20px inset;}
+.frame-header .header-content .header-middle #yarnball_input input.path { border: none; height: 25px; display: block; width: 100%; padding-left: 10px; padding-right: 10px; text-shadow: 1px 1px 3px #cce; color: #888; background: #f8f8f8 url("../../../images/bg.gif") 0px -2px repeat-x; background: none; width: 94%;}
 .frame-header .header-content .header-middle #yarnball_input input:focus { outline: none;}
 .frame-header .header-content .header-right { position: absolute; right: 20px; top: 10px;}
-.frame-header .header-content .header-right input { display: block; float: left; border: 1px solid #ddd; height: 25px; height: 28px\0; padding-left: 10px; padding-right: 10px; text-shadow: 1px 1px 3px #cce; color: #888; background: #f8f8f8 url("../../../images/bg.gif") 0px -2px repeat-x; box-shadow: #e6e6e6 0px 0px 20px inset; outline: none; width: 120px; -webkit-transition: all 0.218s; -moz-transition: all 0.218s; -o-transition: all 0.218s; -ms-transition: all 0.218s; transition: all 0.218s;}
+.frame-header .header-content .header-right .btn { border-radius: 0;}
+.frame-header .header-content .header-right input { display: block; float: left; border: 1px solid #ddd; height: 25px; padding-left: 10px; padding-right: 10px; text-shadow: 1px 1px 3px #cce; color: #888; background: #f8f8f8 url("../../../images/bg.gif") 0px -2px repeat-x; box-shadow: #e6e6e6 0px 0px 20px inset; outline: none; width: 120px; -webkit-transition: all 0.218s; -moz-transition: all 0.218s; -o-transition: all 0.218s; -ms-transition: all 0.218s; transition: all 0.218s;}
 .frame-header .header-content .header-right input:focus { width: 160px; box-shadow: #ccc 0px 0px 20px inset;}
 .frame-main { position: absolute; left: 0; right: 0; top: 90px; bottom: 0;}
 .frame-main .frame-left { position: absolute; left: 0; top: 0; bottom: 0; width: 199px; border-right: 1px solid #ddd; background: #f3f3f3; background-attachment: fixed; overflow: auto;}
@@ -454,7 +456,7 @@ span.tmpzTreeMove_arrow { display: inline-block; margin: 4px 0 0 2px; position:
 .frame-main .frame-right .frame-right-main .drop-menu-action .disabled a i.font-icon { color: #bbb;}
 .frame-main .frame-right .frame-right-main .drop-menu-action .disabled a:hover { background: #fff; color: #bbb;}
 .frame-main .frame-right .frame-right-main .drop-menu-action .disabled a:hover i.font-icon { color: #bbb;}
-.frame-main .frame-right .frame-right-main .tools { z-index: 100; height: 33px; min-width: 600px; border-bottom: 1px solid #ddd; background: #f6f6f6; -webkit-box-shadow: 1px 2px 15px #eee; -moz-box-shadow: 1px 2px 15px #eee; box-shadow: 1px 2px 15px #eee;}
+.frame-main .frame-right .frame-right-main .tools { z-index: 100; height: 33px; min-width: 505px; border-bottom: 1px solid #ddd; background: #f6f6f6; -webkit-box-shadow: 1px 2px 15px #eee; -moz-box-shadow: 1px 2px 15px #eee; box-shadow: 1px 2px 15px #eee;}
 .frame-main .frame-right .frame-right-main .tools a.left:hover,.frame-main .frame-right .frame-right-main .tools a.middle:hover { margin-right: 2px; padding-right: 8px;}
 .frame-main .frame-right .frame-right-main .tools a.this { background: #eee; cursor: default;}
 .frame-main .frame-right .frame-right-main .tools a.this:hover { margin-right: 0px; padding-right: 10px; border: 1px solid #ddd; background: #eee; -webkit-box-shadow: 0 2px 8px rgba(0,0,0,0.05); -moz-box-shadow: 0 2px 8px rgba(0,0,0,0.05); box-shadow: 0 2px 8px rgba(0,0,0,0.05); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;}
diff --git a/static/style/skin/metro/pink_app_setting.css b/static/style/skin/metro/pink_app_setting.css
index 341592f..42144ab 100644
--- a/static/style/skin/metro/pink_app_setting.css
+++ b/static/style/skin/metro/pink_app_setting.css
@@ -41,15 +41,15 @@ input { border: 1px solid #ddd; background: #fff; outline: none;}
 .topbar .content .top_left a.title { font-size: 20px; width: 200px; padding: 0; text-align: center;}
 .topbar .content .top_left a b { color: #9CF; font-weight: 400;}
 .topbar .content .top_left a.title:hover { background: none;}
-.topbar .content .top_right { float: right; margin-right: 10px;}
+.topbar .content .top_right { float: right;}
 .topbar .content .top_right div { display: inline-block; margin-right: -3px;}
-.topbar .content .top_right a { display: inline-block; padding: 0px 0.7em; border: none; color: #fff;}
+.topbar .content .top_right a { display: inline-block; padding: 0px 0.7em; color: #fff; margin-right: -2px;}
 .topbar .content .top_right a i { padding-right: 2px; text-shadow: 0 0 1px;}
-.topbar .content .top_right .open a:focus,.topbar .content .top_right a:hover { background: #e169b9;}
-.topbar .content .top_right .menu-topbar_user { position: absolute; right: 10px; left: auto; margin-top: 0px; width: auto;}
-.topbar .content .top_right .topbar_language { position: absolute; right: 84px; left: auto; margin-top: 0px; width: auto;}
-.topbar .content .top_right ul a { color: #666; line-height: 30px; height: 30px; display: block;}
-.topbar .content .top_right ul a:hover,.topbar .content .top_right ul a.this { background: #e6e6e6; color: #000;}
+.topbar .content .top_right a:focus,.topbar .content .top_right a:hover { background: #e169b9;}
+.topbar .content .top_right .menu-topbar_user { position: absolute; right: 0px; left: auto; margin-top: 0px; width: auto;}
+.topbar .content .top_right .topbar_language { position: absolute; right: 75px; left: auto; margin-top: 0px; width: auto;}
+.topbar .content .top_right ul a { color: #666; line-height: 30px; height: 30px; display: block; padding: 0px 1.7em; border: none; overflow: hidden;}
+.topbar .content .top_right ul a:hover,.topbar .content .top_right ul a.this { background: #e6e6e6; color: #000; margin-right: 0px;}
 .topbar .content .top_right ul .font-icon { width: 18px; display: inline-block;}
 .do_search { color: #888; min-width: 452px;}
 .do_search .search_header { padding: 10px; padding-bottom: 0px;}
@@ -74,16 +74,16 @@ input { border: 1px solid #ddd; background: #fff; outline: none;}
 .do_search .search_result table .type { width: 37px;}
 .do_search .search_result table .size { width: 50px;}
 .do_search .search_result table .path,.do_search .search_result table .search_title .path { border-right: none;}
-.task_tab { position: fixed; bottom: 1px; left: 0; width: 100%; height: 30px; z-index: 9999; padding-left: 50px; background: rgba(0,0,0,0.1); border-top: 1px solid rgba(0,0,0,0.15); color: #444;}
+.task_tab { position: fixed; bottom: 1px; left: 0; width: 100%; height: 30px; z-index: 9900; padding-left: 50px; background: rgba(0,0,0,0.1); border-top: 1px solid rgba(0,0,0,0.15); color: #444;}
 .task_tab .tabs { height: 100%; margin-right: 10px; margin-right: 60px;}
-.task_tab .tabs .tab { float: left; height: 100%; margin-right: 2px; box-shadow: 0 0 6px #666; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; padding-left: 4px; word-break: break-all; background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0));}
+.task_tab .tabs .tab { float: left; height: 100%; margin-right: 2px; box-shadow: 0 0 6px #666; white-space: nowrap; text-overflow: ellipsis; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; padding-left: 4px; word-break: break-all; background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0));}
 .task_tab .tabs .tab img { width: 18px; height: 18px; padding-right: 4px; vertical-align: middle; display: inline-block; margin-top: -3px; border-radius: 4px;}
 .task_tab .tabs .tab.hover { background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0));}
 .task_tab .tabs .tab.this { box-shadow: 0 0 6px #000; background: rgba(255,255,255,0.2); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2));}
 .tasktab-dragging { position: absolute; z-index: 99999; height: 30px; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; box-shadow: 0 0 6px #000; padding-left: 4px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; word-break: break-all; background: rgba(255,255,255,0.2); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2));}
 .tasktab-dragging img { width: 18px; height: 18px; padding-right: 4px; vertical-align: middle; display: inline-block; margin-top: -3px; border-radius: 4px;}
 body div#ace_settingsmenu,body div#kbshortcutmenu { background-color: #000; opacity: 0.75; filter: alpha(opacity=75); color: #FFF; box-shadow: -5px 4px 5px rgba(0,0,0,0.2);}
-.frame_right { position: absolute; top: 34px; right: 0px; width: 40%; bottom: 0; background: #fff; z-index: 99; border-left: 1px solid #ccc; box-shadow: 0 20px 60px rgba(0,0,0,0.3); display: none;}
+.frame_right { position: absolute; top: 34px; right: 0px; width: 40%; bottom: 0; background: #fff; z-index: 99; overflow: hidden; border-left: 1px solid #ccc; box-shadow: 0 20px 60px rgba(0,0,0,0.3); display: none;}
 .frame_right .mask_view { z-index: 9999; opacity: 0.1;}
 .frame_right .resize { position: absolute; width: 10px; bottom: 0px; height: 100%; z-index: 100; cursor: col-resize; margin-left: -5px;}
 .frame_right .preview_frame { position: absolute; top: 30px; right: 0; bottom: 0; width: 100%; background: #fff;}
@@ -132,7 +132,7 @@ body div#ace_settingsmenu,body div#kbshortcutmenu { background-color: #000; opac
 .file_list { display: none;}
 .file_upload { width: 365px; height: 385px; padding: 5px;}
 .file_upload .top_nav { border-bottom: 1px solid #ddd; padding-left: 10px; margin-top: 6px;}
-.file_upload .menu { display: block; text-decoration: none; float: left; padding: 2px 15px; height: 28px; background: #eee; font-size: 13px; border: 1px solid #ccc; text-align: center; line-height: 25px; cursor: default; margin-right: 5px; margin-bottom: -1px; color: #444;}
+.file_upload .menu { display: block; text-decoration: none; float: left; padding: 2px 15px; height: 28px; background: #eee; font-size: 13px; border: 1px solid #ccc; text-align: center; line-height: 25px; margin-right: 5px; margin-bottom: -1px; color: #444;}
 .file_upload .menu.this { background: #fff; border-bottom: 1px solid #fff;}
 .file_upload .upload_path { padding: 5px 15px; background: #e6f0ff; margin: 10px 0; overflow: hidden; word-break: keep-all; white-space: nowrap; text-overflow: ellipsis; color: #5275b4;}
 .file_upload div a.left { margin-left: 10px;}
@@ -156,7 +156,8 @@ a.button:active { color: #000; border-color: #444;}
 a.button:focus { outline: none;}
 .messageBox { position: absolute; top: 15%; left: 0px; z-index: 88; background: #DC4FAD; color: #fff; opacity: 0.7; filter: alpha(opacity=70); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 10px 60px rgba(0,0,0,0.6); -moz-box-shadow: 0 10px 60px rgba(0,0,0,0.6); box-shadow: 0 10px 60px rgba(0,0,0,0.6); display: none;}
 .messageBox .content { padding: 10px 30px; line-height: 20px; width: auto;}
-.aui_outer { text-align: left;}
+.dialogMax { z-index: 99999 !important;}
+.aui_outer { text-align: left; position: relative;}
 .aui_mask { position: absolute; width: 100%; height: 100%; background: #fff; opacity: 0.01;}
 .aui_loading { height: 100%; width: 100%; overflow: hidden; position: absolute; left: 0; top: 40px; z-index: 9999; text-align: center; text-indent: -999em; background: url("../../../images/dialog_loading.gif") no-repeat center center;}
 table.aui_border,table.aui_dialog { width: 100%; border: 0; margin: 0; border-collapse: collapse;}
@@ -204,7 +205,7 @@ table.aui_border,table.aui_dialog { width: 100%; border: 0; margin: 0; border-co
 .dialogMax .aui_nw,.dialogMax .aui_ne,.dialogMax .aui_sw,.dialogMax .aui_se,.dialogMax .aui_w,.dialogMax .aui_e { width: 0px;}
 .dialogMax .aui_sw,.dialogMax .aui_n,.dialogMax .aui_se { height: 0px;}
 .dialogMax .aui_outer { border: none;}
-.dialog-can-resize .resize-handle { position: absolute; font-size: 0.1px; z-index: 9999; display: block;}
+.dialog-can-resize .resize-handle { position: absolute; z-index: 9999; display: block;}
 .dialog-can-resize .resize-top { z-index: 0; cursor: n-resize; top: -3px; left: 0px; height: 7px; width: 100%;}
 .dialog-can-resize .resize-bottom { z-index: 0; cursor: s-resize; bottom: -3px; left: 0px; height: 7px; width: 100%;}
 .dialog-can-resize .resize-right { z-index: 0; cursor: e-resize; right: -3px; top: 0px; width: 7px; height: 100%;}
diff --git a/static/style/skin/metro/purple_app_code_edit.css b/static/style/skin/metro/purple_app_code_edit.css
index ad888a4..ae34a90 100644
--- a/static/style/skin/metro/purple_app_code_edit.css
+++ b/static/style/skin/metro/purple_app_code_edit.css
@@ -41,15 +41,15 @@ input { border: 1px solid #ddd; background: #fff; outline: none;}
 .topbar .content .top_left a.title { font-size: 20px; width: 200px; padding: 0; text-align: center;}
 .topbar .content .top_left a b { color: #9CF; font-weight: 400;}
 .topbar .content .top_left a.title:hover { background: none;}
-.topbar .content .top_right { float: right; margin-right: 10px;}
+.topbar .content .top_right { float: right;}
 .topbar .content .top_right div { display: inline-block; margin-right: -3px;}
-.topbar .content .top_right a { display: inline-block; padding: 0px 0.7em; border: none; color: #fff;}
+.topbar .content .top_right a { display: inline-block; padding: 0px 0.7em; color: #fff; margin-right: -2px;}
 .topbar .content .top_right a i { padding-right: 2px; text-shadow: 0 0 1px;}
-.topbar .content .top_right .open a:focus,.topbar .content .top_right a:hover { background: #9b53cb;}
-.topbar .content .top_right .menu-topbar_user { position: absolute; right: 10px; left: auto; margin-top: 0px; width: auto;}
-.topbar .content .top_right .topbar_language { position: absolute; right: 84px; left: auto; margin-top: 0px; width: auto;}
-.topbar .content .top_right ul a { color: #666; line-height: 30px; height: 30px; display: block;}
-.topbar .content .top_right ul a:hover,.topbar .content .top_right ul a.this { background: #e6e6e6; color: #000;}
+.topbar .content .top_right a:focus,.topbar .content .top_right a:hover { background: #9b53cb;}
+.topbar .content .top_right .menu-topbar_user { position: absolute; right: 0px; left: auto; margin-top: 0px; width: auto;}
+.topbar .content .top_right .topbar_language { position: absolute; right: 75px; left: auto; margin-top: 0px; width: auto;}
+.topbar .content .top_right ul a { color: #666; line-height: 30px; height: 30px; display: block; padding: 0px 1.7em; border: none; overflow: hidden;}
+.topbar .content .top_right ul a:hover,.topbar .content .top_right ul a.this { background: #e6e6e6; color: #000; margin-right: 0px;}
 .topbar .content .top_right ul .font-icon { width: 18px; display: inline-block;}
 .do_search { color: #888; min-width: 452px;}
 .do_search .search_header { padding: 10px; padding-bottom: 0px;}
@@ -74,16 +74,16 @@ input { border: 1px solid #ddd; background: #fff; outline: none;}
 .do_search .search_result table .type { width: 37px;}
 .do_search .search_result table .size { width: 50px;}
 .do_search .search_result table .path,.do_search .search_result table .search_title .path { border-right: none;}
-.task_tab { position: fixed; bottom: 1px; left: 0; width: 100%; height: 30px; z-index: 9999; padding-left: 50px; background: rgba(0,0,0,0.1); border-top: 1px solid rgba(0,0,0,0.15); color: #444;}
+.task_tab { position: fixed; bottom: 1px; left: 0; width: 100%; height: 30px; z-index: 9900; padding-left: 50px; background: rgba(0,0,0,0.1); border-top: 1px solid rgba(0,0,0,0.15); color: #444;}
 .task_tab .tabs { height: 100%; margin-right: 10px; margin-right: 60px;}
-.task_tab .tabs .tab { float: left; height: 100%; margin-right: 2px; box-shadow: 0 0 6px #666; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; padding-left: 4px; word-break: break-all; background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0));}
+.task_tab .tabs .tab { float: left; height: 100%; margin-right: 2px; box-shadow: 0 0 6px #666; white-space: nowrap; text-overflow: ellipsis; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; padding-left: 4px; word-break: break-all; background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0));}
 .task_tab .tabs .tab img { width: 18px; height: 18px; padding-right: 4px; vertical-align: middle; display: inline-block; margin-top: -3px; border-radius: 4px;}
 .task_tab .tabs .tab.hover { background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0));}
 .task_tab .tabs .tab.this { box-shadow: 0 0 6px #000; background: rgba(255,255,255,0.2); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2));}
 .tasktab-dragging { position: absolute; z-index: 99999; height: 30px; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; box-shadow: 0 0 6px #000; padding-left: 4px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; word-break: break-all; background: rgba(255,255,255,0.2); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2));}
 .tasktab-dragging img { width: 18px; height: 18px; padding-right: 4px; vertical-align: middle; display: inline-block; margin-top: -3px; border-radius: 4px;}
 body div#ace_settingsmenu,body div#kbshortcutmenu { background-color: #000; opacity: 0.75; filter: alpha(opacity=75); color: #FFF; box-shadow: -5px 4px 5px rgba(0,0,0,0.2);}
-.frame_right { position: absolute; top: 34px; right: 0px; width: 40%; bottom: 0; background: #fff; z-index: 99; border-left: 1px solid #ccc; box-shadow: 0 20px 60px rgba(0,0,0,0.3); display: none;}
+.frame_right { position: absolute; top: 34px; right: 0px; width: 40%; bottom: 0; background: #fff; z-index: 99; overflow: hidden; border-left: 1px solid #ccc; box-shadow: 0 20px 60px rgba(0,0,0,0.3); display: none;}
 .frame_right .mask_view { z-index: 9999; opacity: 0.1;}
 .frame_right .resize { position: absolute; width: 10px; bottom: 0px; height: 100%; z-index: 100; cursor: col-resize; margin-left: -5px;}
 .frame_right .preview_frame { position: absolute; top: 30px; right: 0; bottom: 0; width: 100%; background: #fff;}
@@ -132,7 +132,7 @@ body div#ace_settingsmenu,body div#kbshortcutmenu { background-color: #000; opac
 .file_list { display: none;}
 .file_upload { width: 365px; height: 385px; padding: 5px;}
 .file_upload .top_nav { border-bottom: 1px solid #ddd; padding-left: 10px; margin-top: 6px;}
-.file_upload .menu { display: block; text-decoration: none; float: left; padding: 2px 15px; height: 28px; background: #eee; font-size: 13px; border: 1px solid #ccc; text-align: center; line-height: 25px; cursor: default; margin-right: 5px; margin-bottom: -1px; color: #444;}
+.file_upload .menu { display: block; text-decoration: none; float: left; padding: 2px 15px; height: 28px; background: #eee; font-size: 13px; border: 1px solid #ccc; text-align: center; line-height: 25px; margin-right: 5px; margin-bottom: -1px; color: #444;}
 .file_upload .menu.this { background: #fff; border-bottom: 1px solid #fff;}
 .file_upload .upload_path { padding: 5px 15px; background: #e6f0ff; margin: 10px 0; overflow: hidden; word-break: keep-all; white-space: nowrap; text-overflow: ellipsis; color: #5275b4;}
 .file_upload div a.left { margin-left: 10px;}
@@ -156,7 +156,8 @@ a.button:active { color: #000; border-color: #444;}
 a.button:focus { outline: none;}
 .messageBox { position: absolute; top: 15%; left: 0px; z-index: 88; background: #8D3CC4; color: #fff; opacity: 0.7; filter: alpha(opacity=70); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 10px 60px rgba(0,0,0,0.6); -moz-box-shadow: 0 10px 60px rgba(0,0,0,0.6); box-shadow: 0 10px 60px rgba(0,0,0,0.6); display: none;}
 .messageBox .content { padding: 10px 30px; line-height: 20px; width: auto;}
-.aui_outer { text-align: left;}
+.dialogMax { z-index: 99999 !important;}
+.aui_outer { text-align: left; position: relative;}
 .aui_mask { position: absolute; width: 100%; height: 100%; background: #fff; opacity: 0.01;}
 .aui_loading { height: 100%; width: 100%; overflow: hidden; position: absolute; left: 0; top: 40px; z-index: 9999; text-align: center; text-indent: -999em; background: url("../../../images/dialog_loading.gif") no-repeat center center;}
 table.aui_border,table.aui_dialog { width: 100%; border: 0; margin: 0; border-collapse: collapse;}
@@ -204,7 +205,7 @@ table.aui_border,table.aui_dialog { width: 100%; border: 0; margin: 0; border-co
 .dialogMax .aui_nw,.dialogMax .aui_ne,.dialogMax .aui_sw,.dialogMax .aui_se,.dialogMax .aui_w,.dialogMax .aui_e { width: 0px;}
 .dialogMax .aui_sw,.dialogMax .aui_n,.dialogMax .aui_se { height: 0px;}
 .dialogMax .aui_outer { border: none;}
-.dialog-can-resize .resize-handle { position: absolute; font-size: 0.1px; z-index: 9999; display: block;}
+.dialog-can-resize .resize-handle { position: absolute; z-index: 9999; display: block;}
 .dialog-can-resize .resize-top { z-index: 0; cursor: n-resize; top: -3px; left: 0px; height: 7px; width: 100%;}
 .dialog-can-resize .resize-bottom { z-index: 0; cursor: s-resize; bottom: -3px; left: 0px; height: 7px; width: 100%;}
 .dialog-can-resize .resize-right { z-index: 0; cursor: e-resize; right: -3px; top: 0px; width: 7px; height: 100%;}
diff --git a/static/style/skin/metro/purple_app_desktop.css b/static/style/skin/metro/purple_app_desktop.css
index a320def..884968c 100644
--- a/static/style/skin/metro/purple_app_desktop.css
+++ b/static/style/skin/metro/purple_app_desktop.css
@@ -41,15 +41,15 @@ input { border: 1px solid #ddd; background: #fff; outline: none;}
 .topbar .content .top_left a.title { font-size: 20px; width: 200px; padding: 0; text-align: center;}
 .topbar .content .top_left a b { color: #9CF; font-weight: 400;}
 .topbar .content .top_left a.title:hover { background: none;}
-.topbar .content .top_right { float: right; margin-right: 10px;}
+.topbar .content .top_right { float: right;}
 .topbar .content .top_right div { display: inline-block; margin-right: -3px;}
-.topbar .content .top_right a { display: inline-block; padding: 0px 0.7em; border: none; color: #fff;}
+.topbar .content .top_right a { display: inline-block; padding: 0px 0.7em; color: #fff; margin-right: -2px;}
 .topbar .content .top_right a i { padding-right: 2px; text-shadow: 0 0 1px;}
-.topbar .content .top_right .open a:focus,.topbar .content .top_right a:hover { background: #9b53cb;}
-.topbar .content .top_right .menu-topbar_user { position: absolute; right: 10px; left: auto; margin-top: 0px; width: auto;}
-.topbar .content .top_right .topbar_language { position: absolute; right: 84px; left: auto; margin-top: 0px; width: auto;}
-.topbar .content .top_right ul a { color: #666; line-height: 30px; height: 30px; display: block;}
-.topbar .content .top_right ul a:hover,.topbar .content .top_right ul a.this { background: #e6e6e6; color: #000;}
+.topbar .content .top_right a:focus,.topbar .content .top_right a:hover { background: #9b53cb;}
+.topbar .content .top_right .menu-topbar_user { position: absolute; right: 0px; left: auto; margin-top: 0px; width: auto;}
+.topbar .content .top_right .topbar_language { position: absolute; right: 75px; left: auto; margin-top: 0px; width: auto;}
+.topbar .content .top_right ul a { color: #666; line-height: 30px; height: 30px; display: block; padding: 0px 1.7em; border: none; overflow: hidden;}
+.topbar .content .top_right ul a:hover,.topbar .content .top_right ul a.this { background: #e6e6e6; color: #000; margin-right: 0px;}
 .topbar .content .top_right ul .font-icon { width: 18px; display: inline-block;}
 .do_search { color: #888; min-width: 452px;}
 .do_search .search_header { padding: 10px; padding-bottom: 0px;}
@@ -74,16 +74,16 @@ input { border: 1px solid #ddd; background: #fff; outline: none;}
 .do_search .search_result table .type { width: 37px;}
 .do_search .search_result table .size { width: 50px;}
 .do_search .search_result table .path,.do_search .search_result table .search_title .path { border-right: none;}
-.task_tab { position: fixed; bottom: 1px; left: 0; width: 100%; height: 30px; z-index: 9999; padding-left: 50px; background: rgba(0,0,0,0.1); border-top: 1px solid rgba(0,0,0,0.15); color: #444;}
+.task_tab { position: fixed; bottom: 1px; left: 0; width: 100%; height: 30px; z-index: 9900; padding-left: 50px; background: rgba(0,0,0,0.1); border-top: 1px solid rgba(0,0,0,0.15); color: #444;}
 .task_tab .tabs { height: 100%; margin-right: 10px; margin-right: 60px;}
-.task_tab .tabs .tab { float: left; height: 100%; margin-right: 2px; box-shadow: 0 0 6px #666; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; padding-left: 4px; word-break: break-all; background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0));}
+.task_tab .tabs .tab { float: left; height: 100%; margin-right: 2px; box-shadow: 0 0 6px #666; white-space: nowrap; text-overflow: ellipsis; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; padding-left: 4px; word-break: break-all; background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0));}
 .task_tab .tabs .tab img { width: 18px; height: 18px; padding-right: 4px; vertical-align: middle; display: inline-block; margin-top: -3px; border-radius: 4px;}
 .task_tab .tabs .tab.hover { background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0));}
 .task_tab .tabs .tab.this { box-shadow: 0 0 6px #000; background: rgba(255,255,255,0.2); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2));}
 .tasktab-dragging { position: absolute; z-index: 99999; height: 30px; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; box-shadow: 0 0 6px #000; padding-left: 4px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; word-break: break-all; background: rgba(255,255,255,0.2); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2));}
 .tasktab-dragging img { width: 18px; height: 18px; padding-right: 4px; vertical-align: middle; display: inline-block; margin-top: -3px; border-radius: 4px;}
 body div#ace_settingsmenu,body div#kbshortcutmenu { background-color: #000; opacity: 0.75; filter: alpha(opacity=75); color: #FFF; box-shadow: -5px 4px 5px rgba(0,0,0,0.2);}
-.frame_right { position: absolute; top: 34px; right: 0px; width: 40%; bottom: 0; background: #fff; z-index: 99; border-left: 1px solid #ccc; box-shadow: 0 20px 60px rgba(0,0,0,0.3); display: none;}
+.frame_right { position: absolute; top: 34px; right: 0px; width: 40%; bottom: 0; background: #fff; z-index: 99; overflow: hidden; border-left: 1px solid #ccc; box-shadow: 0 20px 60px rgba(0,0,0,0.3); display: none;}
 .frame_right .mask_view { z-index: 9999; opacity: 0.1;}
 .frame_right .resize { position: absolute; width: 10px; bottom: 0px; height: 100%; z-index: 100; cursor: col-resize; margin-left: -5px;}
 .frame_right .preview_frame { position: absolute; top: 30px; right: 0; bottom: 0; width: 100%; background: #fff;}
@@ -132,7 +132,7 @@ body div#ace_settingsmenu,body div#kbshortcutmenu { background-color: #000; opac
 .file_list { display: none;}
 .file_upload { width: 365px; height: 385px; padding: 5px;}
 .file_upload .top_nav { border-bottom: 1px solid #ddd; padding-left: 10px; margin-top: 6px;}
-.file_upload .menu { display: block; text-decoration: none; float: left; padding: 2px 15px; height: 28px; background: #eee; font-size: 13px; border: 1px solid #ccc; text-align: center; line-height: 25px; cursor: default; margin-right: 5px; margin-bottom: -1px; color: #444;}
+.file_upload .menu { display: block; text-decoration: none; float: left; padding: 2px 15px; height: 28px; background: #eee; font-size: 13px; border: 1px solid #ccc; text-align: center; line-height: 25px; margin-right: 5px; margin-bottom: -1px; color: #444;}
 .file_upload .menu.this { background: #fff; border-bottom: 1px solid #fff;}
 .file_upload .upload_path { padding: 5px 15px; background: #e6f0ff; margin: 10px 0; overflow: hidden; word-break: keep-all; white-space: nowrap; text-overflow: ellipsis; color: #5275b4;}
 .file_upload div a.left { margin-left: 10px;}
@@ -156,7 +156,8 @@ a.button:active { color: #000; border-color: #444;}
 a.button:focus { outline: none;}
 .messageBox { position: absolute; top: 15%; left: 0px; z-index: 88; background: #8D3CC4; color: #fff; opacity: 0.7; filter: alpha(opacity=70); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 10px 60px rgba(0,0,0,0.6); -moz-box-shadow: 0 10px 60px rgba(0,0,0,0.6); box-shadow: 0 10px 60px rgba(0,0,0,0.6); display: none;}
 .messageBox .content { padding: 10px 30px; line-height: 20px; width: auto;}
-.aui_outer { text-align: left;}
+.dialogMax { z-index: 99999 !important;}
+.aui_outer { text-align: left; position: relative;}
 .aui_mask { position: absolute; width: 100%; height: 100%; background: #fff; opacity: 0.01;}
 .aui_loading { height: 100%; width: 100%; overflow: hidden; position: absolute; left: 0; top: 40px; z-index: 9999; text-align: center; text-indent: -999em; background: url("../../../images/dialog_loading.gif") no-repeat center center;}
 table.aui_border,table.aui_dialog { width: 100%; border: 0; margin: 0; border-collapse: collapse;}
@@ -204,7 +205,7 @@ table.aui_border,table.aui_dialog { width: 100%; border: 0; margin: 0; border-co
 .dialogMax .aui_nw,.dialogMax .aui_ne,.dialogMax .aui_sw,.dialogMax .aui_se,.dialogMax .aui_w,.dialogMax .aui_e { width: 0px;}
 .dialogMax .aui_sw,.dialogMax .aui_n,.dialogMax .aui_se { height: 0px;}
 .dialogMax .aui_outer { border: none;}
-.dialog-can-resize .resize-handle { position: absolute; font-size: 0.1px; z-index: 9999; display: block;}
+.dialog-can-resize .resize-handle { position: absolute; z-index: 9999; display: block;}
 .dialog-can-resize .resize-top { z-index: 0; cursor: n-resize; top: -3px; left: 0px; height: 7px; width: 100%;}
 .dialog-can-resize .resize-bottom { z-index: 0; cursor: s-resize; bottom: -3px; left: 0px; height: 7px; width: 100%;}
 .dialog-can-resize .resize-right { z-index: 0; cursor: e-resize; right: -3px; top: 0px; width: 7px; height: 100%;}
@@ -242,7 +243,7 @@ div.dialog-simple .dialog_mouse_in .aui_header { opacity: 1; filter: alpha(opaci
 .fileList_icon .file .titleBox .title { cursor: text;}
 .fileList_icon .file .ico { width: 60px; height: 60px; background-image: url("./images/file.png"); background-repeat: no-repeat; background-position: center center; margin: 0 auto; margin-top: 4px; margin-bottom: 3px; display: block;}
 .fileList_icon .file .folder { width: 70px; background-image: url("./images/folder.png");}
-.fileList_icon .file .picture { width: 64px; height: 66px; background: none; margin: 0; position: relative; top: 3px; left: 8px; display: table-cell; vertical-align: middle; text-align: center; *display: block; *font-size: 64px; *font-family: Arial;}
+.fileList_icon .file .picture { width: 80px; height: 66px; background: none; margin: 0; position: relative; top: 3px; display: table-cell; vertical-align: middle; text-align: center; *display: block; *font-size: 64px; *font-family: Arial;}
 .fileList_icon .file .picture img { vertical-align: middle; max-width: 64px; max-height: 64px;}
 .fileList_icon .file .cpp,.fileList_icon .file .h,.fileList_icon .file .sql,.fileList_icon .file .java,.fileList_icon .file .cs,.fileList_icon .file .py,.fileList_icon .file .html,.fileList_icon .file .htm,.fileList_icon .file .shtml,.fileList_icon .file .hta,.fileList_icon .file .css,.fileList_icon .file .js,.fileList_icon .file .xml,.fileList_icon .file .php,.fileList_icon .file .jsp,.fileList_icon .file .asp,.fileList_icon .file .aspx,.fileList_icon .file .vb,.fileList_icon .file .vbs,.fileList_icon .file .bat,.fileList_icon .file .reg,.fileList_icon .file .cmd,.fileList_icon .file .pl,.fileList_icon .file .pm,.fileList_icon .file .cgi,.fileList_icon .file .as,.fileList_icon .file .asm,.fileList_icon .file .clj,.fileList_icon .file .cbl,.fileList_icon .file .cfm,.fileList_icon .file .d,.fileList_icon .file .diff,.fileList_icon .file .dot,.fileList_icon .file .ejs,.fileList_icon .file .erl,.fileList_icon .file .ftl,.fileList_icon .file .go,.fileList_icon .file .hs,.fileList_icon .file .hbs,.fileList_icon .file .haml,.fileList_icon .file .erb,.fileList_icon .file .jade,.fileList_icon .file .json,.fileList_icon .file .jq,.fileList_icon .file .jsx,.fileList_icon .file .ji,.fileList_icon .file .tex,.fileList_icon .file .lisp,.fileList_icon .file .ls,.fileList_icon .file .lsl,.fileList_icon .file .lua,.fileList_icon .file .lp,.fileList_icon .file .matlab,.fileList_icon .file .mel,.fileList_icon .file .r,.fileList_icon .file .yaml { background-image: url("./images/code.png");}
 .fileList_icon .file .txt,.fileList_icon .file .ini,.fileList_icon .file .md,.fileList_icon .file .markdown,.fileList_icon .file .log { background-image: url("./images/txt.png");}
@@ -354,7 +355,7 @@ div.dialog-simple .dialog_mouse_in .aui_header { opacity: 1; filter: alpha(opaci
 .desktop .fileList_icon .file .title .textarea { position: static;}
 #taskbar { height: 32px; position: fixed; bottom: 0; left: 0; width: 100%; padding: 0; margin: 0; background: url('../../../images/desktop/taskbarbg.png');}
 #taskbar a { position: absolute; text-align: center; width: 40px; height: 40px; left: 6px;}
-.start { background: url('../../../images/desktop/start.png') 0 0px no-repeat; display: block; z-index: 999; margin-top: -8px; z-index: 99999; width: 40px; height: 40px; bottom: 0px; left: 5px; position: fixed;}
+.start { background: url('../../../images/desktop/start.png') 0 0px no-repeat; display: block; z-index: 999; margin-top: -8px; z-index: 9901; width: 40px; height: 40px; bottom: 0px; left: 5px; position: fixed;}
 .start:hover { text-decoration: none; background-position: 0 -40px;}
 .start:active { text-decoration: none; background-position: 0 -80px;}
 .task_tab { position: fixed; bottom: 1px; left: 0; width: 100%; height: 30px; z-index: 9999;}
diff --git a/static/style/skin/metro/purple_app_editor.css b/static/style/skin/metro/purple_app_editor.css
index ca11016..7be1179 100644
--- a/static/style/skin/metro/purple_app_editor.css
+++ b/static/style/skin/metro/purple_app_editor.css
@@ -41,15 +41,15 @@ input { border: 1px solid #ddd; background: #fff; outline: none;}
 .topbar .content .top_left a.title { font-size: 20px; width: 200px; padding: 0; text-align: center;}
 .topbar .content .top_left a b { color: #9CF; font-weight: 400;}
 .topbar .content .top_left a.title:hover { background: none;}
-.topbar .content .top_right { float: right; margin-right: 10px;}
+.topbar .content .top_right { float: right;}
 .topbar .content .top_right div { display: inline-block; margin-right: -3px;}
-.topbar .content .top_right a { display: inline-block; padding: 0px 0.7em; border: none; color: #fff;}
+.topbar .content .top_right a { display: inline-block; padding: 0px 0.7em; color: #fff; margin-right: -2px;}
 .topbar .content .top_right a i { padding-right: 2px; text-shadow: 0 0 1px;}
-.topbar .content .top_right .open a:focus,.topbar .content .top_right a:hover { background: #9b53cb;}
-.topbar .content .top_right .menu-topbar_user { position: absolute; right: 10px; left: auto; margin-top: 0px; width: auto;}
-.topbar .content .top_right .topbar_language { position: absolute; right: 84px; left: auto; margin-top: 0px; width: auto;}
-.topbar .content .top_right ul a { color: #666; line-height: 30px; height: 30px; display: block;}
-.topbar .content .top_right ul a:hover,.topbar .content .top_right ul a.this { background: #e6e6e6; color: #000;}
+.topbar .content .top_right a:focus,.topbar .content .top_right a:hover { background: #9b53cb;}
+.topbar .content .top_right .menu-topbar_user { position: absolute; right: 0px; left: auto; margin-top: 0px; width: auto;}
+.topbar .content .top_right .topbar_language { position: absolute; right: 75px; left: auto; margin-top: 0px; width: auto;}
+.topbar .content .top_right ul a { color: #666; line-height: 30px; height: 30px; display: block; padding: 0px 1.7em; border: none; overflow: hidden;}
+.topbar .content .top_right ul a:hover,.topbar .content .top_right ul a.this { background: #e6e6e6; color: #000; margin-right: 0px;}
 .topbar .content .top_right ul .font-icon { width: 18px; display: inline-block;}
 .do_search { color: #888; min-width: 452px;}
 .do_search .search_header { padding: 10px; padding-bottom: 0px;}
@@ -74,16 +74,16 @@ input { border: 1px solid #ddd; background: #fff; outline: none;}
 .do_search .search_result table .type { width: 37px;}
 .do_search .search_result table .size { width: 50px;}
 .do_search .search_result table .path,.do_search .search_result table .search_title .path { border-right: none;}
-.task_tab { position: fixed; bottom: 1px; left: 0; width: 100%; height: 30px; z-index: 9999; padding-left: 50px; background: rgba(0,0,0,0.1); border-top: 1px solid rgba(0,0,0,0.15); color: #444;}
+.task_tab { position: fixed; bottom: 1px; left: 0; width: 100%; height: 30px; z-index: 9900; padding-left: 50px; background: rgba(0,0,0,0.1); border-top: 1px solid rgba(0,0,0,0.15); color: #444;}
 .task_tab .tabs { height: 100%; margin-right: 10px; margin-right: 60px;}
-.task_tab .tabs .tab { float: left; height: 100%; margin-right: 2px; box-shadow: 0 0 6px #666; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; padding-left: 4px; word-break: break-all; background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0));}
+.task_tab .tabs .tab { float: left; height: 100%; margin-right: 2px; box-shadow: 0 0 6px #666; white-space: nowrap; text-overflow: ellipsis; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; padding-left: 4px; word-break: break-all; background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0));}
 .task_tab .tabs .tab img { width: 18px; height: 18px; padding-right: 4px; vertical-align: middle; display: inline-block; margin-top: -3px; border-radius: 4px;}
 .task_tab .tabs .tab.hover { background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0));}
 .task_tab .tabs .tab.this { box-shadow: 0 0 6px #000; background: rgba(255,255,255,0.2); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2));}
 .tasktab-dragging { position: absolute; z-index: 99999; height: 30px; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; box-shadow: 0 0 6px #000; padding-left: 4px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; word-break: break-all; background: rgba(255,255,255,0.2); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2));}
 .tasktab-dragging img { width: 18px; height: 18px; padding-right: 4px; vertical-align: middle; display: inline-block; margin-top: -3px; border-radius: 4px;}
 body div#ace_settingsmenu,body div#kbshortcutmenu { background-color: #000; opacity: 0.75; filter: alpha(opacity=75); color: #FFF; box-shadow: -5px 4px 5px rgba(0,0,0,0.2);}
-.frame_right { position: absolute; top: 34px; right: 0px; width: 40%; bottom: 0; background: #fff; z-index: 99; border-left: 1px solid #ccc; box-shadow: 0 20px 60px rgba(0,0,0,0.3); display: none;}
+.frame_right { position: absolute; top: 34px; right: 0px; width: 40%; bottom: 0; background: #fff; z-index: 99; overflow: hidden; border-left: 1px solid #ccc; box-shadow: 0 20px 60px rgba(0,0,0,0.3); display: none;}
 .frame_right .mask_view { z-index: 9999; opacity: 0.1;}
 .frame_right .resize { position: absolute; width: 10px; bottom: 0px; height: 100%; z-index: 100; cursor: col-resize; margin-left: -5px;}
 .frame_right .preview_frame { position: absolute; top: 30px; right: 0; bottom: 0; width: 100%; background: #fff;}
@@ -132,7 +132,7 @@ body div#ace_settingsmenu,body div#kbshortcutmenu { background-color: #000; opac
 .file_list { display: none;}
 .file_upload { width: 365px; height: 385px; padding: 5px;}
 .file_upload .top_nav { border-bottom: 1px solid #ddd; padding-left: 10px; margin-top: 6px;}
-.file_upload .menu { display: block; text-decoration: none; float: left; padding: 2px 15px; height: 28px; background: #eee; font-size: 13px; border: 1px solid #ccc; text-align: center; line-height: 25px; cursor: default; margin-right: 5px; margin-bottom: -1px; color: #444;}
+.file_upload .menu { display: block; text-decoration: none; float: left; padding: 2px 15px; height: 28px; background: #eee; font-size: 13px; border: 1px solid #ccc; text-align: center; line-height: 25px; margin-right: 5px; margin-bottom: -1px; color: #444;}
 .file_upload .menu.this { background: #fff; border-bottom: 1px solid #fff;}
 .file_upload .upload_path { padding: 5px 15px; background: #e6f0ff; margin: 10px 0; overflow: hidden; word-break: keep-all; white-space: nowrap; text-overflow: ellipsis; color: #5275b4;}
 .file_upload div a.left { margin-left: 10px;}
@@ -156,7 +156,8 @@ a.button:active { color: #000; border-color: #444;}
 a.button:focus { outline: none;}
 .messageBox { position: absolute; top: 15%; left: 0px; z-index: 88; background: #8D3CC4; color: #fff; opacity: 0.7; filter: alpha(opacity=70); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 10px 60px rgba(0,0,0,0.6); -moz-box-shadow: 0 10px 60px rgba(0,0,0,0.6); box-shadow: 0 10px 60px rgba(0,0,0,0.6); display: none;}
 .messageBox .content { padding: 10px 30px; line-height: 20px; width: auto;}
-.aui_outer { text-align: left;}
+.dialogMax { z-index: 99999 !important;}
+.aui_outer { text-align: left; position: relative;}
 .aui_mask { position: absolute; width: 100%; height: 100%; background: #fff; opacity: 0.01;}
 .aui_loading { height: 100%; width: 100%; overflow: hidden; position: absolute; left: 0; top: 40px; z-index: 9999; text-align: center; text-indent: -999em; background: url("../../../images/dialog_loading.gif") no-repeat center center;}
 table.aui_border,table.aui_dialog { width: 100%; border: 0; margin: 0; border-collapse: collapse;}
@@ -204,7 +205,7 @@ table.aui_border,table.aui_dialog { width: 100%; border: 0; margin: 0; border-co
 .dialogMax .aui_nw,.dialogMax .aui_ne,.dialogMax .aui_sw,.dialogMax .aui_se,.dialogMax .aui_w,.dialogMax .aui_e { width: 0px;}
 .dialogMax .aui_sw,.dialogMax .aui_n,.dialogMax .aui_se { height: 0px;}
 .dialogMax .aui_outer { border: none;}
-.dialog-can-resize .resize-handle { position: absolute; font-size: 0.1px; z-index: 9999; display: block;}
+.dialog-can-resize .resize-handle { position: absolute; z-index: 9999; display: block;}
 .dialog-can-resize .resize-top { z-index: 0; cursor: n-resize; top: -3px; left: 0px; height: 7px; width: 100%;}
 .dialog-can-resize .resize-bottom { z-index: 0; cursor: s-resize; bottom: -3px; left: 0px; height: 7px; width: 100%;}
 .dialog-can-resize .resize-right { z-index: 0; cursor: e-resize; right: -3px; top: 0px; width: 7px; height: 100%;}
diff --git a/static/style/skin/metro/purple_app_explorer.css b/static/style/skin/metro/purple_app_explorer.css
index 87c08c6..52cbeff 100644
--- a/static/style/skin/metro/purple_app_explorer.css
+++ b/static/style/skin/metro/purple_app_explorer.css
@@ -41,15 +41,15 @@ input { border: 1px solid #ddd; background: #fff; outline: none;}
 .topbar .content .top_left a.title { font-size: 20px; width: 200px; padding: 0; text-align: center;}
 .topbar .content .top_left a b { color: #9CF; font-weight: 400;}
 .topbar .content .top_left a.title:hover { background: none;}
-.topbar .content .top_right { float: right; margin-right: 10px;}
+.topbar .content .top_right { float: right;}
 .topbar .content .top_right div { display: inline-block; margin-right: -3px;}
-.topbar .content .top_right a { display: inline-block; padding: 0px 0.7em; border: none; color: #fff;}
+.topbar .content .top_right a { display: inline-block; padding: 0px 0.7em; color: #fff; margin-right: -2px;}
 .topbar .content .top_right a i { padding-right: 2px; text-shadow: 0 0 1px;}
-.topbar .content .top_right .open a:focus,.topbar .content .top_right a:hover { background: #9b53cb;}
-.topbar .content .top_right .menu-topbar_user { position: absolute; right: 10px; left: auto; margin-top: 0px; width: auto;}
-.topbar .content .top_right .topbar_language { position: absolute; right: 84px; left: auto; margin-top: 0px; width: auto;}
-.topbar .content .top_right ul a { color: #666; line-height: 30px; height: 30px; display: block;}
-.topbar .content .top_right ul a:hover,.topbar .content .top_right ul a.this { background: #e6e6e6; color: #000;}
+.topbar .content .top_right a:focus,.topbar .content .top_right a:hover { background: #9b53cb;}
+.topbar .content .top_right .menu-topbar_user { position: absolute; right: 0px; left: auto; margin-top: 0px; width: auto;}
+.topbar .content .top_right .topbar_language { position: absolute; right: 75px; left: auto; margin-top: 0px; width: auto;}
+.topbar .content .top_right ul a { color: #666; line-height: 30px; height: 30px; display: block; padding: 0px 1.7em; border: none; overflow: hidden;}
+.topbar .content .top_right ul a:hover,.topbar .content .top_right ul a.this { background: #e6e6e6; color: #000; margin-right: 0px;}
 .topbar .content .top_right ul .font-icon { width: 18px; display: inline-block;}
 .do_search { color: #888; min-width: 452px;}
 .do_search .search_header { padding: 10px; padding-bottom: 0px;}
@@ -74,16 +74,16 @@ input { border: 1px solid #ddd; background: #fff; outline: none;}
 .do_search .search_result table .type { width: 37px;}
 .do_search .search_result table .size { width: 50px;}
 .do_search .search_result table .path,.do_search .search_result table .search_title .path { border-right: none;}
-.task_tab { position: fixed; bottom: 1px; left: 0; width: 100%; height: 30px; z-index: 9999; padding-left: 50px; background: rgba(0,0,0,0.1); border-top: 1px solid rgba(0,0,0,0.15); color: #444;}
+.task_tab { position: fixed; bottom: 1px; left: 0; width: 100%; height: 30px; z-index: 9900; padding-left: 50px; background: rgba(0,0,0,0.1); border-top: 1px solid rgba(0,0,0,0.15); color: #444;}
 .task_tab .tabs { height: 100%; margin-right: 10px; margin-right: 60px;}
-.task_tab .tabs .tab { float: left; height: 100%; margin-right: 2px; box-shadow: 0 0 6px #666; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; padding-left: 4px; word-break: break-all; background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0));}
+.task_tab .tabs .tab { float: left; height: 100%; margin-right: 2px; box-shadow: 0 0 6px #666; white-space: nowrap; text-overflow: ellipsis; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; padding-left: 4px; word-break: break-all; background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0));}
 .task_tab .tabs .tab img { width: 18px; height: 18px; padding-right: 4px; vertical-align: middle; display: inline-block; margin-top: -3px; border-radius: 4px;}
 .task_tab .tabs .tab.hover { background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0));}
 .task_tab .tabs .tab.this { box-shadow: 0 0 6px #000; background: rgba(255,255,255,0.2); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2));}
 .tasktab-dragging { position: absolute; z-index: 99999; height: 30px; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; box-shadow: 0 0 6px #000; padding-left: 4px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; word-break: break-all; background: rgba(255,255,255,0.2); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2));}
 .tasktab-dragging img { width: 18px; height: 18px; padding-right: 4px; vertical-align: middle; display: inline-block; margin-top: -3px; border-radius: 4px;}
 body div#ace_settingsmenu,body div#kbshortcutmenu { background-color: #000; opacity: 0.75; filter: alpha(opacity=75); color: #FFF; box-shadow: -5px 4px 5px rgba(0,0,0,0.2);}
-.frame_right { position: absolute; top: 34px; right: 0px; width: 40%; bottom: 0; background: #fff; z-index: 99; border-left: 1px solid #ccc; box-shadow: 0 20px 60px rgba(0,0,0,0.3); display: none;}
+.frame_right { position: absolute; top: 34px; right: 0px; width: 40%; bottom: 0; background: #fff; z-index: 99; overflow: hidden; border-left: 1px solid #ccc; box-shadow: 0 20px 60px rgba(0,0,0,0.3); display: none;}
 .frame_right .mask_view { z-index: 9999; opacity: 0.1;}
 .frame_right .resize { position: absolute; width: 10px; bottom: 0px; height: 100%; z-index: 100; cursor: col-resize; margin-left: -5px;}
 .frame_right .preview_frame { position: absolute; top: 30px; right: 0; bottom: 0; width: 100%; background: #fff;}
@@ -132,7 +132,7 @@ body div#ace_settingsmenu,body div#kbshortcutmenu { background-color: #000; opac
 .file_list { display: none;}
 .file_upload { width: 365px; height: 385px; padding: 5px;}
 .file_upload .top_nav { border-bottom: 1px solid #ddd; padding-left: 10px; margin-top: 6px;}
-.file_upload .menu { display: block; text-decoration: none; float: left; padding: 2px 15px; height: 28px; background: #eee; font-size: 13px; border: 1px solid #ccc; text-align: center; line-height: 25px; cursor: default; margin-right: 5px; margin-bottom: -1px; color: #444;}
+.file_upload .menu { display: block; text-decoration: none; float: left; padding: 2px 15px; height: 28px; background: #eee; font-size: 13px; border: 1px solid #ccc; text-align: center; line-height: 25px; margin-right: 5px; margin-bottom: -1px; color: #444;}
 .file_upload .menu.this { background: #fff; border-bottom: 1px solid #fff;}
 .file_upload .upload_path { padding: 5px 15px; background: #e6f0ff; margin: 10px 0; overflow: hidden; word-break: keep-all; white-space: nowrap; text-overflow: ellipsis; color: #5275b4;}
 .file_upload div a.left { margin-left: 10px;}
@@ -156,7 +156,8 @@ a.button:active { color: #000; border-color: #444;}
 a.button:focus { outline: none;}
 .messageBox { position: absolute; top: 15%; left: 0px; z-index: 88; background: #8D3CC4; color: #fff; opacity: 0.7; filter: alpha(opacity=70); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 10px 60px rgba(0,0,0,0.6); -moz-box-shadow: 0 10px 60px rgba(0,0,0,0.6); box-shadow: 0 10px 60px rgba(0,0,0,0.6); display: none;}
 .messageBox .content { padding: 10px 30px; line-height: 20px; width: auto;}
-.aui_outer { text-align: left;}
+.dialogMax { z-index: 99999 !important;}
+.aui_outer { text-align: left; position: relative;}
 .aui_mask { position: absolute; width: 100%; height: 100%; background: #fff; opacity: 0.01;}
 .aui_loading { height: 100%; width: 100%; overflow: hidden; position: absolute; left: 0; top: 40px; z-index: 9999; text-align: center; text-indent: -999em; background: url("../../../images/dialog_loading.gif") no-repeat center center;}
 table.aui_border,table.aui_dialog { width: 100%; border: 0; margin: 0; border-collapse: collapse;}
@@ -204,7 +205,7 @@ table.aui_border,table.aui_dialog { width: 100%; border: 0; margin: 0; border-co
 .dialogMax .aui_nw,.dialogMax .aui_ne,.dialogMax .aui_sw,.dialogMax .aui_se,.dialogMax .aui_w,.dialogMax .aui_e { width: 0px;}
 .dialogMax .aui_sw,.dialogMax .aui_n,.dialogMax .aui_se { height: 0px;}
 .dialogMax .aui_outer { border: none;}
-.dialog-can-resize .resize-handle { position: absolute; font-size: 0.1px; z-index: 9999; display: block;}
+.dialog-can-resize .resize-handle { position: absolute; z-index: 9999; display: block;}
 .dialog-can-resize .resize-top { z-index: 0; cursor: n-resize; top: -3px; left: 0px; height: 7px; width: 100%;}
 .dialog-can-resize .resize-bottom { z-index: 0; cursor: s-resize; bottom: -3px; left: 0px; height: 7px; width: 100%;}
 .dialog-can-resize .resize-right { z-index: 0; cursor: e-resize; right: -3px; top: 0px; width: 7px; height: 100%;}
@@ -309,7 +310,7 @@ span.tmpzTreeMove_arrow { display: inline-block; margin: 4px 0 0 2px; position:
 .fileList_icon .file .titleBox .title { cursor: text;}
 .fileList_icon .file .ico { width: 60px; height: 60px; background-image: url("./images/file.png"); background-repeat: no-repeat; background-position: center center; margin: 0 auto; margin-top: 4px; margin-bottom: 3px; display: block;}
 .fileList_icon .file .folder { width: 70px; background-image: url("./images/folder.png");}
-.fileList_icon .file .picture { width: 64px; height: 66px; background: none; margin: 0; position: relative; top: 3px; left: 8px; display: table-cell; vertical-align: middle; text-align: center; *display: block; *font-size: 64px; *font-family: Arial;}
+.fileList_icon .file .picture { width: 80px; height: 66px; background: none; margin: 0; position: relative; top: 3px; display: table-cell; vertical-align: middle; text-align: center; *display: block; *font-size: 64px; *font-family: Arial;}
 .fileList_icon .file .picture img { vertical-align: middle; max-width: 64px; max-height: 64px;}
 .fileList_icon .file .cpp,.fileList_icon .file .h,.fileList_icon .file .sql,.fileList_icon .file .java,.fileList_icon .file .cs,.fileList_icon .file .py,.fileList_icon .file .html,.fileList_icon .file .htm,.fileList_icon .file .shtml,.fileList_icon .file .hta,.fileList_icon .file .css,.fileList_icon .file .js,.fileList_icon .file .xml,.fileList_icon .file .php,.fileList_icon .file .jsp,.fileList_icon .file .asp,.fileList_icon .file .aspx,.fileList_icon .file .vb,.fileList_icon .file .vbs,.fileList_icon .file .bat,.fileList_icon .file .reg,.fileList_icon .file .cmd,.fileList_icon .file .pl,.fileList_icon .file .pm,.fileList_icon .file .cgi,.fileList_icon .file .as,.fileList_icon .file .asm,.fileList_icon .file .clj,.fileList_icon .file .cbl,.fileList_icon .file .cfm,.fileList_icon .file .d,.fileList_icon .file .diff,.fileList_icon .file .dot,.fileList_icon .file .ejs,.fileList_icon .file .erl,.fileList_icon .file .ftl,.fileList_icon .file .go,.fileList_icon .file .hs,.fileList_icon .file .hbs,.fileList_icon .file .haml,.fileList_icon .file .erb,.fileList_icon .file .jade,.fileList_icon .file .json,.fileList_icon .file .jq,.fileList_icon .file .jsx,.fileList_icon .file .ji,.fileList_icon .file .tex,.fileList_icon .file .lisp,.fileList_icon .file .ls,.fileList_icon .file .lsl,.fileList_icon .file .lua,.fileList_icon .file .lp,.fileList_icon .file .matlab,.fileList_icon .file .mel,.fileList_icon .file .r,.fileList_icon .file .yaml { background-image: url("./images/code.png");}
 .fileList_icon .file .txt,.fileList_icon .file .ini,.fileList_icon .file .md,.fileList_icon .file .markdown,.fileList_icon .file .log { background-image: url("./images/txt.png");}
@@ -422,8 +423,8 @@ span.tmpzTreeMove_arrow { display: inline-block; margin: 4px 0 0 2px; position:
 .frame-header .header-content .header-middle .btn-default:active,.frame-header .header-content .header-right .btn-default:active { color: #000; border-color: #888;}
 .frame-header .header-content .font-icon { font-size: 18px; line-height: 20px; padding-right: 4px;}
 .frame-header .header-content .header-left { float: left; width: 170px; padding-left: 35px;}
-.frame-header .header-content .header-middle { position: absolute; left: 205px; top: 10px; right: 0px;}
-.frame-header .header-content .header-middle #yarnball { width: 50%; cursor: text; height: 27px; height: 28px\0; overflow: hidden; margin-left: -1px; float: left; border: 1px solid #ddd; box-shadow: #e6e6e6 0px 0px 20px inset; background: #f8f8f8 url("../../../images/bg.gif") 0px -2px repeat-x;}
+.frame-header .header-content .header-middle { position: absolute; left: 216px; top: 10px; right: 0px;}
+.frame-header .header-content .header-middle #yarnball { width: 50%; cursor: text; height: 27px; overflow: hidden; margin-left: -1px; float: left; border: 1px solid #ddd; box-shadow: #e6e6e6 0px 0px 20px inset; background: #f8f8f8 url("../../../images/bg.gif") 0px -2px repeat-x;}
 .frame-header .header-content .header-middle #yarnball .yarnball { list-style: none; margin: 0; margin-top: -1px; padding: 0; position: relative;}
 .frame-header .header-content .header-middle #yarnball .yarnball .yarnlet { display: inline-block;}
 .frame-header .header-content .header-middle #yarnball .yarnball .yarnlet a,.frame-header .header-content .header-middle #yarnball .yarnball .yarnlet a:link,.frame-header .header-content .header-middle #yarnball .yarnball .yarnlet a:visited { color: #666; display: inline-block; font-size: 12px; padding: 5px 15px 10px 20px; margin-left: -15px; position: relative; text-decoration: none; vertical-align: top; line-height: 20px;}
@@ -435,10 +436,11 @@ span.tmpzTreeMove_arrow { display: inline-block; margin: 4px 0 0 2px; position:
 .frame-header .header-content .header-middle #yarnball .yarnball .yarnlet a:hover .left-yarn { background-position: 0 -50px;}
 .frame-header .header-content .header-middle #yarnball .yarnball .yarnlet a:active .left-yarn { background-position: 0 -98px;}
 .frame-header .header-content .header-middle #yarnball_input { height: 27px; height: 28px\0; width: 50%; cursor: text; float: left; border: 1px solid #ddd; display: none; margin-left: -1px; background: #f8f8f8 url("../../../images/bg.gif") 0px -2px repeat-x; box-shadow: #e6e6e6 0px 0px 20px inset;}
-.frame-header .header-content .header-middle #yarnball_input input.path { border: none; height: 25px; display: block; width: 100%; padding-left: 10px; padding-right: 10px; text-shadow: 1px 1px 3px #cce; color: #888; background: #f8f8f8 url("../../../images/bg.gif") 0px -2px repeat-x; box-shadow: #e6e6e6 0px 0px 20px inset;}
+.frame-header .header-content .header-middle #yarnball_input input.path { border: none; height: 25px; display: block; width: 100%; padding-left: 10px; padding-right: 10px; text-shadow: 1px 1px 3px #cce; color: #888; background: #f8f8f8 url("../../../images/bg.gif") 0px -2px repeat-x; background: none; width: 94%;}
 .frame-header .header-content .header-middle #yarnball_input input:focus { outline: none;}
 .frame-header .header-content .header-right { position: absolute; right: 20px; top: 10px;}
-.frame-header .header-content .header-right input { display: block; float: left; border: 1px solid #ddd; height: 25px; height: 28px\0; padding-left: 10px; padding-right: 10px; text-shadow: 1px 1px 3px #cce; color: #888; background: #f8f8f8 url("../../../images/bg.gif") 0px -2px repeat-x; box-shadow: #e6e6e6 0px 0px 20px inset; outline: none; width: 120px; -webkit-transition: all 0.218s; -moz-transition: all 0.218s; -o-transition: all 0.218s; -ms-transition: all 0.218s; transition: all 0.218s;}
+.frame-header .header-content .header-right .btn { border-radius: 0;}
+.frame-header .header-content .header-right input { display: block; float: left; border: 1px solid #ddd; height: 25px; padding-left: 10px; padding-right: 10px; text-shadow: 1px 1px 3px #cce; color: #888; background: #f8f8f8 url("../../../images/bg.gif") 0px -2px repeat-x; box-shadow: #e6e6e6 0px 0px 20px inset; outline: none; width: 120px; -webkit-transition: all 0.218s; -moz-transition: all 0.218s; -o-transition: all 0.218s; -ms-transition: all 0.218s; transition: all 0.218s;}
 .frame-header .header-content .header-right input:focus { width: 160px; box-shadow: #ccc 0px 0px 20px inset;}
 .frame-main { position: absolute; left: 0; right: 0; top: 90px; bottom: 0;}
 .frame-main .frame-left { position: absolute; left: 0; top: 0; bottom: 0; width: 199px; border-right: 1px solid #ddd; background: #f3f3f3; background-attachment: fixed; overflow: auto;}
@@ -454,7 +456,7 @@ span.tmpzTreeMove_arrow { display: inline-block; margin: 4px 0 0 2px; position:
 .frame-main .frame-right .frame-right-main .drop-menu-action .disabled a i.font-icon { color: #bbb;}
 .frame-main .frame-right .frame-right-main .drop-menu-action .disabled a:hover { background: #fff; color: #bbb;}
 .frame-main .frame-right .frame-right-main .drop-menu-action .disabled a:hover i.font-icon { color: #bbb;}
-.frame-main .frame-right .frame-right-main .tools { z-index: 100; height: 33px; min-width: 600px; border-bottom: 1px solid #ddd; background: #f6f6f6; -webkit-box-shadow: 1px 2px 15px #eee; -moz-box-shadow: 1px 2px 15px #eee; box-shadow: 1px 2px 15px #eee;}
+.frame-main .frame-right .frame-right-main .tools { z-index: 100; height: 33px; min-width: 505px; border-bottom: 1px solid #ddd; background: #f6f6f6; -webkit-box-shadow: 1px 2px 15px #eee; -moz-box-shadow: 1px 2px 15px #eee; box-shadow: 1px 2px 15px #eee;}
 .frame-main .frame-right .frame-right-main .tools a.left:hover,.frame-main .frame-right .frame-right-main .tools a.middle:hover { margin-right: 2px; padding-right: 8px;}
 .frame-main .frame-right .frame-right-main .tools a.this { background: #eee; cursor: default;}
 .frame-main .frame-right .frame-right-main .tools a.this:hover { margin-right: 0px; padding-right: 10px; border: 1px solid #ddd; background: #eee; -webkit-box-shadow: 0 2px 8px rgba(0,0,0,0.05); -moz-box-shadow: 0 2px 8px rgba(0,0,0,0.05); box-shadow: 0 2px 8px rgba(0,0,0,0.05); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;}
diff --git a/static/style/skin/metro/purple_app_setting.css b/static/style/skin/metro/purple_app_setting.css
index edc4d83..67666ed 100644
--- a/static/style/skin/metro/purple_app_setting.css
+++ b/static/style/skin/metro/purple_app_setting.css
@@ -41,15 +41,15 @@ input { border: 1px solid #ddd; background: #fff; outline: none;}
 .topbar .content .top_left a.title { font-size: 20px; width: 200px; padding: 0; text-align: center;}
 .topbar .content .top_left a b { color: #9CF; font-weight: 400;}
 .topbar .content .top_left a.title:hover { background: none;}
-.topbar .content .top_right { float: right; margin-right: 10px;}
+.topbar .content .top_right { float: right;}
 .topbar .content .top_right div { display: inline-block; margin-right: -3px;}
-.topbar .content .top_right a { display: inline-block; padding: 0px 0.7em; border: none; color: #fff;}
+.topbar .content .top_right a { display: inline-block; padding: 0px 0.7em; color: #fff; margin-right: -2px;}
 .topbar .content .top_right a i { padding-right: 2px; text-shadow: 0 0 1px;}
-.topbar .content .top_right .open a:focus,.topbar .content .top_right a:hover { background: #9b53cb;}
-.topbar .content .top_right .menu-topbar_user { position: absolute; right: 10px; left: auto; margin-top: 0px; width: auto;}
-.topbar .content .top_right .topbar_language { position: absolute; right: 84px; left: auto; margin-top: 0px; width: auto;}
-.topbar .content .top_right ul a { color: #666; line-height: 30px; height: 30px; display: block;}
-.topbar .content .top_right ul a:hover,.topbar .content .top_right ul a.this { background: #e6e6e6; color: #000;}
+.topbar .content .top_right a:focus,.topbar .content .top_right a:hover { background: #9b53cb;}
+.topbar .content .top_right .menu-topbar_user { position: absolute; right: 0px; left: auto; margin-top: 0px; width: auto;}
+.topbar .content .top_right .topbar_language { position: absolute; right: 75px; left: auto; margin-top: 0px; width: auto;}
+.topbar .content .top_right ul a { color: #666; line-height: 30px; height: 30px; display: block; padding: 0px 1.7em; border: none; overflow: hidden;}
+.topbar .content .top_right ul a:hover,.topbar .content .top_right ul a.this { background: #e6e6e6; color: #000; margin-right: 0px;}
 .topbar .content .top_right ul .font-icon { width: 18px; display: inline-block;}
 .do_search { color: #888; min-width: 452px;}
 .do_search .search_header { padding: 10px; padding-bottom: 0px;}
@@ -74,16 +74,16 @@ input { border: 1px solid #ddd; background: #fff; outline: none;}
 .do_search .search_result table .type { width: 37px;}
 .do_search .search_result table .size { width: 50px;}
 .do_search .search_result table .path,.do_search .search_result table .search_title .path { border-right: none;}
-.task_tab { position: fixed; bottom: 1px; left: 0; width: 100%; height: 30px; z-index: 9999; padding-left: 50px; background: rgba(0,0,0,0.1); border-top: 1px solid rgba(0,0,0,0.15); color: #444;}
+.task_tab { position: fixed; bottom: 1px; left: 0; width: 100%; height: 30px; z-index: 9900; padding-left: 50px; background: rgba(0,0,0,0.1); border-top: 1px solid rgba(0,0,0,0.15); color: #444;}
 .task_tab .tabs { height: 100%; margin-right: 10px; margin-right: 60px;}
-.task_tab .tabs .tab { float: left; height: 100%; margin-right: 2px; box-shadow: 0 0 6px #666; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; padding-left: 4px; word-break: break-all; background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0));}
+.task_tab .tabs .tab { float: left; height: 100%; margin-right: 2px; box-shadow: 0 0 6px #666; white-space: nowrap; text-overflow: ellipsis; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; padding-left: 4px; word-break: break-all; background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0));}
 .task_tab .tabs .tab img { width: 18px; height: 18px; padding-right: 4px; vertical-align: middle; display: inline-block; margin-top: -3px; border-radius: 4px;}
 .task_tab .tabs .tab.hover { background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0));}
 .task_tab .tabs .tab.this { box-shadow: 0 0 6px #000; background: rgba(255,255,255,0.2); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2));}
 .tasktab-dragging { position: absolute; z-index: 99999; height: 30px; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; box-shadow: 0 0 6px #000; padding-left: 4px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; word-break: break-all; background: rgba(255,255,255,0.2); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2));}
 .tasktab-dragging img { width: 18px; height: 18px; padding-right: 4px; vertical-align: middle; display: inline-block; margin-top: -3px; border-radius: 4px;}
 body div#ace_settingsmenu,body div#kbshortcutmenu { background-color: #000; opacity: 0.75; filter: alpha(opacity=75); color: #FFF; box-shadow: -5px 4px 5px rgba(0,0,0,0.2);}
-.frame_right { position: absolute; top: 34px; right: 0px; width: 40%; bottom: 0; background: #fff; z-index: 99; border-left: 1px solid #ccc; box-shadow: 0 20px 60px rgba(0,0,0,0.3); display: none;}
+.frame_right { position: absolute; top: 34px; right: 0px; width: 40%; bottom: 0; background: #fff; z-index: 99; overflow: hidden; border-left: 1px solid #ccc; box-shadow: 0 20px 60px rgba(0,0,0,0.3); display: none;}
 .frame_right .mask_view { z-index: 9999; opacity: 0.1;}
 .frame_right .resize { position: absolute; width: 10px; bottom: 0px; height: 100%; z-index: 100; cursor: col-resize; margin-left: -5px;}
 .frame_right .preview_frame { position: absolute; top: 30px; right: 0; bottom: 0; width: 100%; background: #fff;}
@@ -132,7 +132,7 @@ body div#ace_settingsmenu,body div#kbshortcutmenu { background-color: #000; opac
 .file_list { display: none;}
 .file_upload { width: 365px; height: 385px; padding: 5px;}
 .file_upload .top_nav { border-bottom: 1px solid #ddd; padding-left: 10px; margin-top: 6px;}
-.file_upload .menu { display: block; text-decoration: none; float: left; padding: 2px 15px; height: 28px; background: #eee; font-size: 13px; border: 1px solid #ccc; text-align: center; line-height: 25px; cursor: default; margin-right: 5px; margin-bottom: -1px; color: #444;}
+.file_upload .menu { display: block; text-decoration: none; float: left; padding: 2px 15px; height: 28px; background: #eee; font-size: 13px; border: 1px solid #ccc; text-align: center; line-height: 25px; margin-right: 5px; margin-bottom: -1px; color: #444;}
 .file_upload .menu.this { background: #fff; border-bottom: 1px solid #fff;}
 .file_upload .upload_path { padding: 5px 15px; background: #e6f0ff; margin: 10px 0; overflow: hidden; word-break: keep-all; white-space: nowrap; text-overflow: ellipsis; color: #5275b4;}
 .file_upload div a.left { margin-left: 10px;}
@@ -156,7 +156,8 @@ a.button:active { color: #000; border-color: #444;}
 a.button:focus { outline: none;}
 .messageBox { position: absolute; top: 15%; left: 0px; z-index: 88; background: #8D3CC4; color: #fff; opacity: 0.7; filter: alpha(opacity=70); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 10px 60px rgba(0,0,0,0.6); -moz-box-shadow: 0 10px 60px rgba(0,0,0,0.6); box-shadow: 0 10px 60px rgba(0,0,0,0.6); display: none;}
 .messageBox .content { padding: 10px 30px; line-height: 20px; width: auto;}
-.aui_outer { text-align: left;}
+.dialogMax { z-index: 99999 !important;}
+.aui_outer { text-align: left; position: relative;}
 .aui_mask { position: absolute; width: 100%; height: 100%; background: #fff; opacity: 0.01;}
 .aui_loading { height: 100%; width: 100%; overflow: hidden; position: absolute; left: 0; top: 40px; z-index: 9999; text-align: center; text-indent: -999em; background: url("../../../images/dialog_loading.gif") no-repeat center center;}
 table.aui_border,table.aui_dialog { width: 100%; border: 0; margin: 0; border-collapse: collapse;}
@@ -204,7 +205,7 @@ table.aui_border,table.aui_dialog { width: 100%; border: 0; margin: 0; border-co
 .dialogMax .aui_nw,.dialogMax .aui_ne,.dialogMax .aui_sw,.dialogMax .aui_se,.dialogMax .aui_w,.dialogMax .aui_e { width: 0px;}
 .dialogMax .aui_sw,.dialogMax .aui_n,.dialogMax .aui_se { height: 0px;}
 .dialogMax .aui_outer { border: none;}
-.dialog-can-resize .resize-handle { position: absolute; font-size: 0.1px; z-index: 9999; display: block;}
+.dialog-can-resize .resize-handle { position: absolute; z-index: 9999; display: block;}
 .dialog-can-resize .resize-top { z-index: 0; cursor: n-resize; top: -3px; left: 0px; height: 7px; width: 100%;}
 .dialog-can-resize .resize-bottom { z-index: 0; cursor: s-resize; bottom: -3px; left: 0px; height: 7px; width: 100%;}
 .dialog-can-resize .resize-right { z-index: 0; cursor: e-resize; right: -3px; top: 0px; width: 7px; height: 100%;}
diff --git a/static/style/skin/simple/app_code_edit.css b/static/style/skin/simple/app_code_edit.css
index fb2ee51..44bcc3e 100644
--- a/static/style/skin/simple/app_code_edit.css
+++ b/static/style/skin/simple/app_code_edit.css
@@ -42,15 +42,15 @@ input { border: 1px solid #ddd; background: #fff; outline: none;}
 .topbar .content .top_left a.title { font-size: 20px; width: 200px; padding: 0; text-align: center;}
 .topbar .content .top_left a b { color: #9CF; font-weight: 400;}
 .topbar .content .top_left a.title:hover { background: none;}
-.topbar .content .top_right { float: right; margin-right: 10px;}
+.topbar .content .top_right { float: right;}
 .topbar .content .top_right div { display: inline-block; margin-right: -3px;}
-.topbar .content .top_right a { display: inline-block; padding: 0px 0.7em; border: none; color: #fff;}
+.topbar .content .top_right a { display: inline-block; padding: 0px 0.7em; color: #fff; margin-right: -2px;}
 .topbar .content .top_right a i { padding-right: 2px; text-shadow: 0 0 1px;}
-.topbar .content .top_right .open a:focus,.topbar .content .top_right a:hover { background: #595959; background-image: -webkit-linear-gradient(top,#808080,#595959); background-image: -moz-linear-gradient(top,#808080,#595959); background-image: -o-linear-gradient(top,#808080,#595959); background-image: -ms-linear-gradient(top,#808080,#595959); background-image: linear-gradient(top,#808080,#595959);}
-.topbar .content .top_right .menu-topbar_user { position: absolute; right: 10px; left: auto; margin-top: 0px; width: auto;}
-.topbar .content .top_right .topbar_language { position: absolute; right: 84px; left: auto; margin-top: 0px; width: auto;}
-.topbar .content .top_right ul a { color: #666; line-height: 30px; height: 30px; display: block;}
-.topbar .content .top_right ul a:hover,.topbar .content .top_right ul a.this { background: #e6e6e6; color: #000;}
+.topbar .content .top_right a:focus,.topbar .content .top_right a:hover { background: #595959; background-image: -webkit-linear-gradient(top,#808080,#595959); background-image: -moz-linear-gradient(top,#808080,#595959); background-image: -o-linear-gradient(top,#808080,#595959); background-image: -ms-linear-gradient(top,#808080,#595959); background-image: linear-gradient(top,#808080,#595959);}
+.topbar .content .top_right .menu-topbar_user { position: absolute; right: 0px; left: auto; margin-top: 0px; width: auto;}
+.topbar .content .top_right .topbar_language { position: absolute; right: 75px; left: auto; margin-top: 0px; width: auto;}
+.topbar .content .top_right ul a { color: #666; line-height: 30px; height: 30px; display: block; padding: 0px 1.7em; border: none; overflow: hidden;}
+.topbar .content .top_right ul a:hover,.topbar .content .top_right ul a.this { background: #e6e6e6; color: #000; margin-right: 0px;}
 .topbar .content .top_right ul .font-icon { width: 18px; display: inline-block;}
 .do_search { color: #888; min-width: 452px;}
 .do_search .search_header { padding: 10px; padding-bottom: 0px;}
@@ -75,16 +75,16 @@ input { border: 1px solid #ddd; background: #fff; outline: none;}
 .do_search .search_result table .type { width: 37px;}
 .do_search .search_result table .size { width: 50px;}
 .do_search .search_result table .path,.do_search .search_result table .search_title .path { border-right: none;}
-.task_tab { position: fixed; bottom: 1px; left: 0; width: 100%; height: 30px; z-index: 9999; padding-left: 50px; background: rgba(0,0,0,0.1); border-top: 1px solid rgba(0,0,0,0.15); color: #444;}
+.task_tab { position: fixed; bottom: 1px; left: 0; width: 100%; height: 30px; z-index: 9900; padding-left: 50px; background: rgba(0,0,0,0.1); border-top: 1px solid rgba(0,0,0,0.15); color: #444;}
 .task_tab .tabs { height: 100%; margin-right: 10px; margin-right: 60px;}
-.task_tab .tabs .tab { float: left; height: 100%; margin-right: 2px; box-shadow: 0 0 6px #666; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; padding-left: 4px; word-break: break-all; background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0));}
+.task_tab .tabs .tab { float: left; height: 100%; margin-right: 2px; box-shadow: 0 0 6px #666; white-space: nowrap; text-overflow: ellipsis; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; padding-left: 4px; word-break: break-all; background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0));}
 .task_tab .tabs .tab img { width: 18px; height: 18px; padding-right: 4px; vertical-align: middle; display: inline-block; margin-top: -3px; border-radius: 4px;}
 .task_tab .tabs .tab.hover { background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0));}
 .task_tab .tabs .tab.this { box-shadow: 0 0 6px #000; background: rgba(255,255,255,0.2); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2));}
 .tasktab-dragging { position: absolute; z-index: 99999; height: 30px; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; box-shadow: 0 0 6px #000; padding-left: 4px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; word-break: break-all; background: rgba(255,255,255,0.2); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2));}
 .tasktab-dragging img { width: 18px; height: 18px; padding-right: 4px; vertical-align: middle; display: inline-block; margin-top: -3px; border-radius: 4px;}
 body div#ace_settingsmenu,body div#kbshortcutmenu { background-color: #000; opacity: 0.75; filter: alpha(opacity=75); color: #FFF; box-shadow: -5px 4px 5px rgba(0,0,0,0.2);}
-.frame_right { position: absolute; top: 34px; right: 0px; width: 40%; bottom: 0; background: #fff; z-index: 99; border-left: 1px solid #ccc; box-shadow: 0 20px 60px rgba(0,0,0,0.3); display: none;}
+.frame_right { position: absolute; top: 34px; right: 0px; width: 40%; bottom: 0; background: #fff; z-index: 99; overflow: hidden; border-left: 1px solid #ccc; box-shadow: 0 20px 60px rgba(0,0,0,0.3); display: none;}
 .frame_right .mask_view { z-index: 9999; opacity: 0.1;}
 .frame_right .resize { position: absolute; width: 10px; bottom: 0px; height: 100%; z-index: 100; cursor: col-resize; margin-left: -5px;}
 .frame_right .preview_frame { position: absolute; top: 30px; right: 0; bottom: 0; width: 100%; background: #fff;}
@@ -133,7 +133,7 @@ body div#ace_settingsmenu,body div#kbshortcutmenu { background-color: #000; opac
 .file_list { display: none;}
 .file_upload { width: 365px; height: 385px; padding: 5px;}
 .file_upload .top_nav { border-bottom: 1px solid #ddd; padding-left: 10px; margin-top: 6px;}
-.file_upload .menu { display: block; text-decoration: none; float: left; padding: 2px 15px; height: 28px; background: #eee; font-size: 13px; border: 1px solid #ccc; text-align: center; line-height: 25px; cursor: default; margin-right: 5px; margin-bottom: -1px; color: #444;}
+.file_upload .menu { display: block; text-decoration: none; float: left; padding: 2px 15px; height: 28px; background: #eee; font-size: 13px; border: 1px solid #ccc; text-align: center; line-height: 25px; margin-right: 5px; margin-bottom: -1px; color: #444;}
 .file_upload .menu.this { background: #fff; border-bottom: 1px solid #fff;}
 .file_upload .upload_path { padding: 5px 15px; background: #e6f0ff; margin: 10px 0; overflow: hidden; word-break: keep-all; white-space: nowrap; text-overflow: ellipsis; color: #5275b4;}
 .file_upload div a.left { margin-left: 10px;}
@@ -157,7 +157,8 @@ a.button:active { color: #000; border-color: #444;}
 a.button:focus { outline: none;}
 .messageBox { position: absolute; top: 15%; left: 0px; z-index: 88; background: #000; color: #fff; opacity: 0.7; filter: alpha(opacity=70); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 10px 80px rgba(0,0,0,0.6); -moz-box-shadow: 0 10px 80px rgba(0,0,0,0.6); box-shadow: 0 10px 80px rgba(0,0,0,0.6); display: none;}
 .messageBox .content { padding: 10px 30px; line-height: 20px; width: auto;}
-.aui_outer { text-align: left;}
+.dialogMax { z-index: 99999 !important;}
+.aui_outer { text-align: left; position: relative;}
 .aui_mask { position: absolute; width: 100%; height: 100%; background: #fff; opacity: 0.01;}
 .aui_loading { height: 100%; width: 100%; overflow: hidden; position: absolute; left: 0; top: 40px; z-index: 9999; text-align: center; text-indent: -999em; background: url("../../../images/dialog_loading.gif") no-repeat center center;}
 table.aui_border,table.aui_dialog { border: 0; margin: 0; border-collapse: collapse; width: 100%;}
@@ -212,7 +213,7 @@ button.aui_state_highlight:active { border-color: #1c6a9e; filter: progid:DXImag
 .dialogMax .aui_nw,.dialogMax .aui_ne,.dialogMax .aui_sw,.dialogMax .aui_se,.dialogMax .aui_w,.dialogMax .aui_e { width: 0px;}
 .dialogMax .aui_sw,.dialogMax .aui_n,.dialogMax .aui_se { height: 0px;}
 .dialogMax .aui_outer { border: none;}
-.dialog-can-resize .resize-handle { position: absolute; font-size: 0.1px; z-index: 99999; display: block;}
+.dialog-can-resize .resize-handle { position: absolute; z-index: 99999; display: block;}
 .dialog-can-resize .resize-top { z-index: 0; cursor: n-resize; height: 7px; width: 100%; top: 0px; left: -4px;}
 .dialog-can-resize .resize-bottom { z-index: 0; cursor: s-resize; height: 7px; width: 100%; bottom: 0px; left: -4px;}
 .dialog-can-resize .resize-right { z-index: 0; cursor: e-resize; width: 7px; right: 0px; top: 0; height: 100%;}
diff --git a/static/style/skin/simple/app_desktop.css b/static/style/skin/simple/app_desktop.css
index c110868..86041b2 100644
--- a/static/style/skin/simple/app_desktop.css
+++ b/static/style/skin/simple/app_desktop.css
@@ -42,15 +42,15 @@ input { border: 1px solid #ddd; background: #fff; outline: none;}
 .topbar .content .top_left a.title { font-size: 20px; width: 200px; padding: 0; text-align: center;}
 .topbar .content .top_left a b { color: #9CF; font-weight: 400;}
 .topbar .content .top_left a.title:hover { background: none;}
-.topbar .content .top_right { float: right; margin-right: 10px;}
+.topbar .content .top_right { float: right;}
 .topbar .content .top_right div { display: inline-block; margin-right: -3px;}
-.topbar .content .top_right a { display: inline-block; padding: 0px 0.7em; border: none; color: #fff;}
+.topbar .content .top_right a { display: inline-block; padding: 0px 0.7em; color: #fff; margin-right: -2px;}
 .topbar .content .top_right a i { padding-right: 2px; text-shadow: 0 0 1px;}
-.topbar .content .top_right .open a:focus,.topbar .content .top_right a:hover { background: #595959; background-image: -webkit-linear-gradient(top,#808080,#595959); background-image: -moz-linear-gradient(top,#808080,#595959); background-image: -o-linear-gradient(top,#808080,#595959); background-image: -ms-linear-gradient(top,#808080,#595959); background-image: linear-gradient(top,#808080,#595959);}
-.topbar .content .top_right .menu-topbar_user { position: absolute; right: 10px; left: auto; margin-top: 0px; width: auto;}
-.topbar .content .top_right .topbar_language { position: absolute; right: 84px; left: auto; margin-top: 0px; width: auto;}
-.topbar .content .top_right ul a { color: #666; line-height: 30px; height: 30px; display: block;}
-.topbar .content .top_right ul a:hover,.topbar .content .top_right ul a.this { background: #e6e6e6; color: #000;}
+.topbar .content .top_right a:focus,.topbar .content .top_right a:hover { background: #595959; background-image: -webkit-linear-gradient(top,#808080,#595959); background-image: -moz-linear-gradient(top,#808080,#595959); background-image: -o-linear-gradient(top,#808080,#595959); background-image: -ms-linear-gradient(top,#808080,#595959); background-image: linear-gradient(top,#808080,#595959);}
+.topbar .content .top_right .menu-topbar_user { position: absolute; right: 0px; left: auto; margin-top: 0px; width: auto;}
+.topbar .content .top_right .topbar_language { position: absolute; right: 75px; left: auto; margin-top: 0px; width: auto;}
+.topbar .content .top_right ul a { color: #666; line-height: 30px; height: 30px; display: block; padding: 0px 1.7em; border: none; overflow: hidden;}
+.topbar .content .top_right ul a:hover,.topbar .content .top_right ul a.this { background: #e6e6e6; color: #000; margin-right: 0px;}
 .topbar .content .top_right ul .font-icon { width: 18px; display: inline-block;}
 .do_search { color: #888; min-width: 452px;}
 .do_search .search_header { padding: 10px; padding-bottom: 0px;}
@@ -75,16 +75,16 @@ input { border: 1px solid #ddd; background: #fff; outline: none;}
 .do_search .search_result table .type { width: 37px;}
 .do_search .search_result table .size { width: 50px;}
 .do_search .search_result table .path,.do_search .search_result table .search_title .path { border-right: none;}
-.task_tab { position: fixed; bottom: 1px; left: 0; width: 100%; height: 30px; z-index: 9999; padding-left: 50px; background: rgba(0,0,0,0.1); border-top: 1px solid rgba(0,0,0,0.15); color: #444;}
+.task_tab { position: fixed; bottom: 1px; left: 0; width: 100%; height: 30px; z-index: 9900; padding-left: 50px; background: rgba(0,0,0,0.1); border-top: 1px solid rgba(0,0,0,0.15); color: #444;}
 .task_tab .tabs { height: 100%; margin-right: 10px; margin-right: 60px;}
-.task_tab .tabs .tab { float: left; height: 100%; margin-right: 2px; box-shadow: 0 0 6px #666; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; padding-left: 4px; word-break: break-all; background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0));}
+.task_tab .tabs .tab { float: left; height: 100%; margin-right: 2px; box-shadow: 0 0 6px #666; white-space: nowrap; text-overflow: ellipsis; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; padding-left: 4px; word-break: break-all; background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0));}
 .task_tab .tabs .tab img { width: 18px; height: 18px; padding-right: 4px; vertical-align: middle; display: inline-block; margin-top: -3px; border-radius: 4px;}
 .task_tab .tabs .tab.hover { background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0));}
 .task_tab .tabs .tab.this { box-shadow: 0 0 6px #000; background: rgba(255,255,255,0.2); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2));}
 .tasktab-dragging { position: absolute; z-index: 99999; height: 30px; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; box-shadow: 0 0 6px #000; padding-left: 4px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; word-break: break-all; background: rgba(255,255,255,0.2); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2));}
 .tasktab-dragging img { width: 18px; height: 18px; padding-right: 4px; vertical-align: middle; display: inline-block; margin-top: -3px; border-radius: 4px;}
 body div#ace_settingsmenu,body div#kbshortcutmenu { background-color: #000; opacity: 0.75; filter: alpha(opacity=75); color: #FFF; box-shadow: -5px 4px 5px rgba(0,0,0,0.2);}
-.frame_right { position: absolute; top: 34px; right: 0px; width: 40%; bottom: 0; background: #fff; z-index: 99; border-left: 1px solid #ccc; box-shadow: 0 20px 60px rgba(0,0,0,0.3); display: none;}
+.frame_right { position: absolute; top: 34px; right: 0px; width: 40%; bottom: 0; background: #fff; z-index: 99; overflow: hidden; border-left: 1px solid #ccc; box-shadow: 0 20px 60px rgba(0,0,0,0.3); display: none;}
 .frame_right .mask_view { z-index: 9999; opacity: 0.1;}
 .frame_right .resize { position: absolute; width: 10px; bottom: 0px; height: 100%; z-index: 100; cursor: col-resize; margin-left: -5px;}
 .frame_right .preview_frame { position: absolute; top: 30px; right: 0; bottom: 0; width: 100%; background: #fff;}
@@ -133,7 +133,7 @@ body div#ace_settingsmenu,body div#kbshortcutmenu { background-color: #000; opac
 .file_list { display: none;}
 .file_upload { width: 365px; height: 385px; padding: 5px;}
 .file_upload .top_nav { border-bottom: 1px solid #ddd; padding-left: 10px; margin-top: 6px;}
-.file_upload .menu { display: block; text-decoration: none; float: left; padding: 2px 15px; height: 28px; background: #eee; font-size: 13px; border: 1px solid #ccc; text-align: center; line-height: 25px; cursor: default; margin-right: 5px; margin-bottom: -1px; color: #444;}
+.file_upload .menu { display: block; text-decoration: none; float: left; padding: 2px 15px; height: 28px; background: #eee; font-size: 13px; border: 1px solid #ccc; text-align: center; line-height: 25px; margin-right: 5px; margin-bottom: -1px; color: #444;}
 .file_upload .menu.this { background: #fff; border-bottom: 1px solid #fff;}
 .file_upload .upload_path { padding: 5px 15px; background: #e6f0ff; margin: 10px 0; overflow: hidden; word-break: keep-all; white-space: nowrap; text-overflow: ellipsis; color: #5275b4;}
 .file_upload div a.left { margin-left: 10px;}
@@ -157,7 +157,8 @@ a.button:active { color: #000; border-color: #444;}
 a.button:focus { outline: none;}
 .messageBox { position: absolute; top: 15%; left: 0px; z-index: 88; background: #000; color: #fff; opacity: 0.7; filter: alpha(opacity=70); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 10px 80px rgba(0,0,0,0.6); -moz-box-shadow: 0 10px 80px rgba(0,0,0,0.6); box-shadow: 0 10px 80px rgba(0,0,0,0.6); display: none;}
 .messageBox .content { padding: 10px 30px; line-height: 20px; width: auto;}
-.aui_outer { text-align: left;}
+.dialogMax { z-index: 99999 !important;}
+.aui_outer { text-align: left; position: relative;}
 .aui_mask { position: absolute; width: 100%; height: 100%; background: #fff; opacity: 0.01;}
 .aui_loading { height: 100%; width: 100%; overflow: hidden; position: absolute; left: 0; top: 40px; z-index: 9999; text-align: center; text-indent: -999em; background: url("../../../images/dialog_loading.gif") no-repeat center center;}
 table.aui_border,table.aui_dialog { border: 0; margin: 0; border-collapse: collapse; width: 100%;}
@@ -212,7 +213,7 @@ button.aui_state_highlight:active { border-color: #1c6a9e; filter: progid:DXImag
 .dialogMax .aui_nw,.dialogMax .aui_ne,.dialogMax .aui_sw,.dialogMax .aui_se,.dialogMax .aui_w,.dialogMax .aui_e { width: 0px;}
 .dialogMax .aui_sw,.dialogMax .aui_n,.dialogMax .aui_se { height: 0px;}
 .dialogMax .aui_outer { border: none;}
-.dialog-can-resize .resize-handle { position: absolute; font-size: 0.1px; z-index: 99999; display: block;}
+.dialog-can-resize .resize-handle { position: absolute; z-index: 99999; display: block;}
 .dialog-can-resize .resize-top { z-index: 0; cursor: n-resize; height: 7px; width: 100%; top: 0px; left: -4px;}
 .dialog-can-resize .resize-bottom { z-index: 0; cursor: s-resize; height: 7px; width: 100%; bottom: 0px; left: -4px;}
 .dialog-can-resize .resize-right { z-index: 0; cursor: e-resize; width: 7px; right: 0px; top: 0; height: 100%;}
@@ -250,7 +251,7 @@ div.dialog-simple .dialog_mouse_in .aui_header { opacity: 1; filter: alpha(opaci
 .fileList_icon .file .titleBox .title { cursor: text;}
 .fileList_icon .file .ico { width: 60px; height: 60px; background-image: url("./images/file.png"); background-repeat: no-repeat; background-position: center center; margin: 0 auto; margin-top: 4px; margin-bottom: 3px; display: block !important;}
 .fileList_icon .file .folder { width: 70px; background-image: url("./images/folder.png");}
-.fileList_icon .file .picture { width: 64px; height: 66px; background: none; margin: 0; position: relative; top: 3px; left: 8px; display: table-cell; vertical-align: middle; text-align: center; *display: block; *font-size: 64px; *font-family: Arial;}
+.fileList_icon .file .picture { width: 80px; height: 66px; background: none; margin: 0; position: relative; top: 3px; display: table-cell; vertical-align: middle; text-align: center; *display: block; *font-size: 64px; *font-family: Arial;}
 .fileList_icon .file .picture img { vertical-align: middle; max-width: 64px; max-height: 64px;}
 .fileList_icon .file .cpp,.fileList_icon .file .h,.fileList_icon .file .sql,.fileList_icon .file .java,.fileList_icon .file .cs,.fileList_icon .file .py,.fileList_icon .file .html,.fileList_icon .file .htm,.fileList_icon .file .shtml,.fileList_icon .file .hta,.fileList_icon .file .css,.fileList_icon .file .js,.fileList_icon .file .xml,.fileList_icon .file .php,.fileList_icon .file .jsp,.fileList_icon .file .asp,.fileList_icon .file .aspx,.fileList_icon .file .vb,.fileList_icon .file .vbs,.fileList_icon .file .bat,.fileList_icon .file .reg,.fileList_icon .file .cmd,.fileList_icon .file .pl,.fileList_icon .file .pm,.fileList_icon .file .cgi,.fileList_icon .file .as,.fileList_icon .file .asm,.fileList_icon .file .clj,.fileList_icon .file .cbl,.fileList_icon .file .cfm,.fileList_icon .file .d,.fileList_icon .file .diff,.fileList_icon .file .dot,.fileList_icon .file .ejs,.fileList_icon .file .erl,.fileList_icon .file .ftl,.fileList_icon .file .go,.fileList_icon .file .hs,.fileList_icon .file .hbs,.fileList_icon .file .haml,.fileList_icon .file .erb,.fileList_icon .file .jade,.fileList_icon .file .json,.fileList_icon .file .jq,.fileList_icon .file .jsx,.fileList_icon .file .ji,.fileList_icon .file .tex,.fileList_icon .file .lisp,.fileList_icon .file .ls,.fileList_icon .file .lsl,.fileList_icon .file .lua,.fileList_icon .file .lp,.fileList_icon .file .matlab,.fileList_icon .file .mel,.fileList_icon .file .r,.fileList_icon .file .yaml { background-image: url("./images/code.png");}
 .fileList_icon .file .txt,.fileList_icon .file .ini,.fileList_icon .file .md,.fileList_icon .file .markdown,.fileList_icon .file .log { background-image: url("./images/txt.png");}
@@ -365,7 +366,7 @@ div.dialog-simple .dialog_mouse_in .aui_header { opacity: 1; filter: alpha(opaci
 .desktop .fileList_icon .file .title .textarea { position: static;}
 #taskbar { height: 32px; position: fixed; bottom: 0; left: 0; width: 100%; padding: 0; margin: 0; background: url('../../../images/desktop/taskbarbg.png');}
 #taskbar a { position: absolute; text-align: center; width: 40px; height: 40px; left: 6px;}
-.start { background: url('../../../images/desktop/start.png') 0 0px no-repeat; display: block; z-index: 999; margin-top: -8px; z-index: 99999; width: 40px; height: 40px; bottom: 0px; left: 5px; position: fixed;}
+.start { background: url('../../../images/desktop/start.png') 0 0px no-repeat; display: block; z-index: 999; margin-top: -8px; z-index: 9901; width: 40px; height: 40px; bottom: 0px; left: 5px; position: fixed;}
 .start:hover { text-decoration: none; background-position: 0 -40px;}
 .start:active { text-decoration: none; background-position: 0 -80px;}
 .task_tab { position: fixed; bottom: 1px; left: 0; width: 100%; height: 30px; z-index: 9999;}
diff --git a/static/style/skin/simple/app_desktop.less b/static/style/skin/simple/app_desktop.less
index 8c2536d..651d8b9 100644
--- a/static/style/skin/simple/app_desktop.less
+++ b/static/style/skin/simple/app_desktop.less
@@ -33,7 +33,7 @@
     a{ position: absolute; text-align: center; width:40px; height:40px;left:6px;}  
 }
 .start{background: url('@{img_desktop}start.png') 0 0px no-repeat;
-    display:block;z-index: 999;margin-top: -8px;z-index: 99999;
+    display:block;z-index: 999;margin-top: -8px;z-index: 9901;
     width: 40px;height: 40px;bottom: 0px;left: 5px;position: fixed;
     &:hover{ text-decoration: none; background-position: 0 -40px;}
     &:active{ text-decoration: none; background-position: 0 -80px;}
diff --git a/static/style/skin/simple/app_editor.css b/static/style/skin/simple/app_editor.css
index c3c4c60..5031a4a 100644
--- a/static/style/skin/simple/app_editor.css
+++ b/static/style/skin/simple/app_editor.css
@@ -42,15 +42,15 @@ input { border: 1px solid #ddd; background: #fff; outline: none;}
 .topbar .content .top_left a.title { font-size: 20px; width: 200px; padding: 0; text-align: center;}
 .topbar .content .top_left a b { color: #9CF; font-weight: 400;}
 .topbar .content .top_left a.title:hover { background: none;}
-.topbar .content .top_right { float: right; margin-right: 10px;}
+.topbar .content .top_right { float: right;}
 .topbar .content .top_right div { display: inline-block; margin-right: -3px;}
-.topbar .content .top_right a { display: inline-block; padding: 0px 0.7em; border: none; color: #fff;}
+.topbar .content .top_right a { display: inline-block; padding: 0px 0.7em; color: #fff; margin-right: -2px;}
 .topbar .content .top_right a i { padding-right: 2px; text-shadow: 0 0 1px;}
-.topbar .content .top_right .open a:focus,.topbar .content .top_right a:hover { background: #595959; background-image: -webkit-linear-gradient(top,#808080,#595959); background-image: -moz-linear-gradient(top,#808080,#595959); background-image: -o-linear-gradient(top,#808080,#595959); background-image: -ms-linear-gradient(top,#808080,#595959); background-image: linear-gradient(top,#808080,#595959);}
-.topbar .content .top_right .menu-topbar_user { position: absolute; right: 10px; left: auto; margin-top: 0px; width: auto;}
-.topbar .content .top_right .topbar_language { position: absolute; right: 84px; left: auto; margin-top: 0px; width: auto;}
-.topbar .content .top_right ul a { color: #666; line-height: 30px; height: 30px; display: block;}
-.topbar .content .top_right ul a:hover,.topbar .content .top_right ul a.this { background: #e6e6e6; color: #000;}
+.topbar .content .top_right a:focus,.topbar .content .top_right a:hover { background: #595959; background-image: -webkit-linear-gradient(top,#808080,#595959); background-image: -moz-linear-gradient(top,#808080,#595959); background-image: -o-linear-gradient(top,#808080,#595959); background-image: -ms-linear-gradient(top,#808080,#595959); background-image: linear-gradient(top,#808080,#595959);}
+.topbar .content .top_right .menu-topbar_user { position: absolute; right: 0px; left: auto; margin-top: 0px; width: auto;}
+.topbar .content .top_right .topbar_language { position: absolute; right: 75px; left: auto; margin-top: 0px; width: auto;}
+.topbar .content .top_right ul a { color: #666; line-height: 30px; height: 30px; display: block; padding: 0px 1.7em; border: none; overflow: hidden;}
+.topbar .content .top_right ul a:hover,.topbar .content .top_right ul a.this { background: #e6e6e6; color: #000; margin-right: 0px;}
 .topbar .content .top_right ul .font-icon { width: 18px; display: inline-block;}
 .do_search { color: #888; min-width: 452px;}
 .do_search .search_header { padding: 10px; padding-bottom: 0px;}
@@ -75,16 +75,16 @@ input { border: 1px solid #ddd; background: #fff; outline: none;}
 .do_search .search_result table .type { width: 37px;}
 .do_search .search_result table .size { width: 50px;}
 .do_search .search_result table .path,.do_search .search_result table .search_title .path { border-right: none;}
-.task_tab { position: fixed; bottom: 1px; left: 0; width: 100%; height: 30px; z-index: 9999; padding-left: 50px; background: rgba(0,0,0,0.1); border-top: 1px solid rgba(0,0,0,0.15); color: #444;}
+.task_tab { position: fixed; bottom: 1px; left: 0; width: 100%; height: 30px; z-index: 9900; padding-left: 50px; background: rgba(0,0,0,0.1); border-top: 1px solid rgba(0,0,0,0.15); color: #444;}
 .task_tab .tabs { height: 100%; margin-right: 10px; margin-right: 60px;}
-.task_tab .tabs .tab { float: left; height: 100%; margin-right: 2px; box-shadow: 0 0 6px #666; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; padding-left: 4px; word-break: break-all; background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0));}
+.task_tab .tabs .tab { float: left; height: 100%; margin-right: 2px; box-shadow: 0 0 6px #666; white-space: nowrap; text-overflow: ellipsis; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; padding-left: 4px; word-break: break-all; background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0));}
 .task_tab .tabs .tab img { width: 18px; height: 18px; padding-right: 4px; vertical-align: middle; display: inline-block; margin-top: -3px; border-radius: 4px;}
 .task_tab .tabs .tab.hover { background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0));}
 .task_tab .tabs .tab.this { box-shadow: 0 0 6px #000; background: rgba(255,255,255,0.2); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2));}
 .tasktab-dragging { position: absolute; z-index: 99999; height: 30px; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; box-shadow: 0 0 6px #000; padding-left: 4px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; word-break: break-all; background: rgba(255,255,255,0.2); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2));}
 .tasktab-dragging img { width: 18px; height: 18px; padding-right: 4px; vertical-align: middle; display: inline-block; margin-top: -3px; border-radius: 4px;}
 body div#ace_settingsmenu,body div#kbshortcutmenu { background-color: #000; opacity: 0.75; filter: alpha(opacity=75); color: #FFF; box-shadow: -5px 4px 5px rgba(0,0,0,0.2);}
-.frame_right { position: absolute; top: 34px; right: 0px; width: 40%; bottom: 0; background: #fff; z-index: 99; border-left: 1px solid #ccc; box-shadow: 0 20px 60px rgba(0,0,0,0.3); display: none;}
+.frame_right { position: absolute; top: 34px; right: 0px; width: 40%; bottom: 0; background: #fff; z-index: 99; overflow: hidden; border-left: 1px solid #ccc; box-shadow: 0 20px 60px rgba(0,0,0,0.3); display: none;}
 .frame_right .mask_view { z-index: 9999; opacity: 0.1;}
 .frame_right .resize { position: absolute; width: 10px; bottom: 0px; height: 100%; z-index: 100; cursor: col-resize; margin-left: -5px;}
 .frame_right .preview_frame { position: absolute; top: 30px; right: 0; bottom: 0; width: 100%; background: #fff;}
@@ -133,7 +133,7 @@ body div#ace_settingsmenu,body div#kbshortcutmenu { background-color: #000; opac
 .file_list { display: none;}
 .file_upload { width: 365px; height: 385px; padding: 5px;}
 .file_upload .top_nav { border-bottom: 1px solid #ddd; padding-left: 10px; margin-top: 6px;}
-.file_upload .menu { display: block; text-decoration: none; float: left; padding: 2px 15px; height: 28px; background: #eee; font-size: 13px; border: 1px solid #ccc; text-align: center; line-height: 25px; cursor: default; margin-right: 5px; margin-bottom: -1px; color: #444;}
+.file_upload .menu { display: block; text-decoration: none; float: left; padding: 2px 15px; height: 28px; background: #eee; font-size: 13px; border: 1px solid #ccc; text-align: center; line-height: 25px; margin-right: 5px; margin-bottom: -1px; color: #444;}
 .file_upload .menu.this { background: #fff; border-bottom: 1px solid #fff;}
 .file_upload .upload_path { padding: 5px 15px; background: #e6f0ff; margin: 10px 0; overflow: hidden; word-break: keep-all; white-space: nowrap; text-overflow: ellipsis; color: #5275b4;}
 .file_upload div a.left { margin-left: 10px;}
@@ -157,7 +157,8 @@ a.button:active { color: #000; border-color: #444;}
 a.button:focus { outline: none;}
 .messageBox { position: absolute; top: 15%; left: 0px; z-index: 88; background: #000; color: #fff; opacity: 0.7; filter: alpha(opacity=70); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 10px 80px rgba(0,0,0,0.6); -moz-box-shadow: 0 10px 80px rgba(0,0,0,0.6); box-shadow: 0 10px 80px rgba(0,0,0,0.6); display: none;}
 .messageBox .content { padding: 10px 30px; line-height: 20px; width: auto;}
-.aui_outer { text-align: left;}
+.dialogMax { z-index: 99999 !important;}
+.aui_outer { text-align: left; position: relative;}
 .aui_mask { position: absolute; width: 100%; height: 100%; background: #fff; opacity: 0.01;}
 .aui_loading { height: 100%; width: 100%; overflow: hidden; position: absolute; left: 0; top: 40px; z-index: 9999; text-align: center; text-indent: -999em; background: url("../../../images/dialog_loading.gif") no-repeat center center;}
 table.aui_border,table.aui_dialog { border: 0; margin: 0; border-collapse: collapse; width: 100%;}
@@ -212,7 +213,7 @@ button.aui_state_highlight:active { border-color: #1c6a9e; filter: progid:DXImag
 .dialogMax .aui_nw,.dialogMax .aui_ne,.dialogMax .aui_sw,.dialogMax .aui_se,.dialogMax .aui_w,.dialogMax .aui_e { width: 0px;}
 .dialogMax .aui_sw,.dialogMax .aui_n,.dialogMax .aui_se { height: 0px;}
 .dialogMax .aui_outer { border: none;}
-.dialog-can-resize .resize-handle { position: absolute; font-size: 0.1px; z-index: 99999; display: block;}
+.dialog-can-resize .resize-handle { position: absolute; z-index: 99999; display: block;}
 .dialog-can-resize .resize-top { z-index: 0; cursor: n-resize; height: 7px; width: 100%; top: 0px; left: -4px;}
 .dialog-can-resize .resize-bottom { z-index: 0; cursor: s-resize; height: 7px; width: 100%; bottom: 0px; left: -4px;}
 .dialog-can-resize .resize-right { z-index: 0; cursor: e-resize; width: 7px; right: 0px; top: 0; height: 100%;}
diff --git a/static/style/skin/simple/app_explorer.css b/static/style/skin/simple/app_explorer.css
index ac5c314..caaa1ae 100644
--- a/static/style/skin/simple/app_explorer.css
+++ b/static/style/skin/simple/app_explorer.css
@@ -42,15 +42,15 @@ input { border: 1px solid #ddd; background: #fff; outline: none;}
 .topbar .content .top_left a.title { font-size: 20px; width: 200px; padding: 0; text-align: center;}
 .topbar .content .top_left a b { color: #9CF; font-weight: 400;}
 .topbar .content .top_left a.title:hover { background: none;}
-.topbar .content .top_right { float: right; margin-right: 10px;}
+.topbar .content .top_right { float: right;}
 .topbar .content .top_right div { display: inline-block; margin-right: -3px;}
-.topbar .content .top_right a { display: inline-block; padding: 0px 0.7em; border: none; color: #fff;}
+.topbar .content .top_right a { display: inline-block; padding: 0px 0.7em; color: #fff; margin-right: -2px;}
 .topbar .content .top_right a i { padding-right: 2px; text-shadow: 0 0 1px;}
-.topbar .content .top_right .open a:focus,.topbar .content .top_right a:hover { background: #595959; background-image: -webkit-linear-gradient(top,#808080,#595959); background-image: -moz-linear-gradient(top,#808080,#595959); background-image: -o-linear-gradient(top,#808080,#595959); background-image: -ms-linear-gradient(top,#808080,#595959); background-image: linear-gradient(top,#808080,#595959);}
-.topbar .content .top_right .menu-topbar_user { position: absolute; right: 10px; left: auto; margin-top: 0px; width: auto;}
-.topbar .content .top_right .topbar_language { position: absolute; right: 84px; left: auto; margin-top: 0px; width: auto;}
-.topbar .content .top_right ul a { color: #666; line-height: 30px; height: 30px; display: block;}
-.topbar .content .top_right ul a:hover,.topbar .content .top_right ul a.this { background: #e6e6e6; color: #000;}
+.topbar .content .top_right a:focus,.topbar .content .top_right a:hover { background: #595959; background-image: -webkit-linear-gradient(top,#808080,#595959); background-image: -moz-linear-gradient(top,#808080,#595959); background-image: -o-linear-gradient(top,#808080,#595959); background-image: -ms-linear-gradient(top,#808080,#595959); background-image: linear-gradient(top,#808080,#595959);}
+.topbar .content .top_right .menu-topbar_user { position: absolute; right: 0px; left: auto; margin-top: 0px; width: auto;}
+.topbar .content .top_right .topbar_language { position: absolute; right: 75px; left: auto; margin-top: 0px; width: auto;}
+.topbar .content .top_right ul a { color: #666; line-height: 30px; height: 30px; display: block; padding: 0px 1.7em; border: none; overflow: hidden;}
+.topbar .content .top_right ul a:hover,.topbar .content .top_right ul a.this { background: #e6e6e6; color: #000; margin-right: 0px;}
 .topbar .content .top_right ul .font-icon { width: 18px; display: inline-block;}
 .do_search { color: #888; min-width: 452px;}
 .do_search .search_header { padding: 10px; padding-bottom: 0px;}
@@ -75,16 +75,16 @@ input { border: 1px solid #ddd; background: #fff; outline: none;}
 .do_search .search_result table .type { width: 37px;}
 .do_search .search_result table .size { width: 50px;}
 .do_search .search_result table .path,.do_search .search_result table .search_title .path { border-right: none;}
-.task_tab { position: fixed; bottom: 1px; left: 0; width: 100%; height: 30px; z-index: 9999; padding-left: 50px; background: rgba(0,0,0,0.1); border-top: 1px solid rgba(0,0,0,0.15); color: #444;}
+.task_tab { position: fixed; bottom: 1px; left: 0; width: 100%; height: 30px; z-index: 9900; padding-left: 50px; background: rgba(0,0,0,0.1); border-top: 1px solid rgba(0,0,0,0.15); color: #444;}
 .task_tab .tabs { height: 100%; margin-right: 10px; margin-right: 60px;}
-.task_tab .tabs .tab { float: left; height: 100%; margin-right: 2px; box-shadow: 0 0 6px #666; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; padding-left: 4px; word-break: break-all; background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0));}
+.task_tab .tabs .tab { float: left; height: 100%; margin-right: 2px; box-shadow: 0 0 6px #666; white-space: nowrap; text-overflow: ellipsis; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; padding-left: 4px; word-break: break-all; background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0));}
 .task_tab .tabs .tab img { width: 18px; height: 18px; padding-right: 4px; vertical-align: middle; display: inline-block; margin-top: -3px; border-radius: 4px;}
 .task_tab .tabs .tab.hover { background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0));}
 .task_tab .tabs .tab.this { box-shadow: 0 0 6px #000; background: rgba(255,255,255,0.2); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2));}
 .tasktab-dragging { position: absolute; z-index: 99999; height: 30px; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; box-shadow: 0 0 6px #000; padding-left: 4px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; word-break: break-all; background: rgba(255,255,255,0.2); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2));}
 .tasktab-dragging img { width: 18px; height: 18px; padding-right: 4px; vertical-align: middle; display: inline-block; margin-top: -3px; border-radius: 4px;}
 body div#ace_settingsmenu,body div#kbshortcutmenu { background-color: #000; opacity: 0.75; filter: alpha(opacity=75); color: #FFF; box-shadow: -5px 4px 5px rgba(0,0,0,0.2);}
-.frame_right { position: absolute; top: 34px; right: 0px; width: 40%; bottom: 0; background: #fff; z-index: 99; border-left: 1px solid #ccc; box-shadow: 0 20px 60px rgba(0,0,0,0.3); display: none;}
+.frame_right { position: absolute; top: 34px; right: 0px; width: 40%; bottom: 0; background: #fff; z-index: 99; overflow: hidden; border-left: 1px solid #ccc; box-shadow: 0 20px 60px rgba(0,0,0,0.3); display: none;}
 .frame_right .mask_view { z-index: 9999; opacity: 0.1;}
 .frame_right .resize { position: absolute; width: 10px; bottom: 0px; height: 100%; z-index: 100; cursor: col-resize; margin-left: -5px;}
 .frame_right .preview_frame { position: absolute; top: 30px; right: 0; bottom: 0; width: 100%; background: #fff;}
@@ -133,7 +133,7 @@ body div#ace_settingsmenu,body div#kbshortcutmenu { background-color: #000; opac
 .file_list { display: none;}
 .file_upload { width: 365px; height: 385px; padding: 5px;}
 .file_upload .top_nav { border-bottom: 1px solid #ddd; padding-left: 10px; margin-top: 6px;}
-.file_upload .menu { display: block; text-decoration: none; float: left; padding: 2px 15px; height: 28px; background: #eee; font-size: 13px; border: 1px solid #ccc; text-align: center; line-height: 25px; cursor: default; margin-right: 5px; margin-bottom: -1px; color: #444;}
+.file_upload .menu { display: block; text-decoration: none; float: left; padding: 2px 15px; height: 28px; background: #eee; font-size: 13px; border: 1px solid #ccc; text-align: center; line-height: 25px; margin-right: 5px; margin-bottom: -1px; color: #444;}
 .file_upload .menu.this { background: #fff; border-bottom: 1px solid #fff;}
 .file_upload .upload_path { padding: 5px 15px; background: #e6f0ff; margin: 10px 0; overflow: hidden; word-break: keep-all; white-space: nowrap; text-overflow: ellipsis; color: #5275b4;}
 .file_upload div a.left { margin-left: 10px;}
@@ -157,7 +157,8 @@ a.button:active { color: #000; border-color: #444;}
 a.button:focus { outline: none;}
 .messageBox { position: absolute; top: 15%; left: 0px; z-index: 88; background: #000; color: #fff; opacity: 0.7; filter: alpha(opacity=70); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 10px 80px rgba(0,0,0,0.6); -moz-box-shadow: 0 10px 80px rgba(0,0,0,0.6); box-shadow: 0 10px 80px rgba(0,0,0,0.6); display: none;}
 .messageBox .content { padding: 10px 30px; line-height: 20px; width: auto;}
-.aui_outer { text-align: left;}
+.dialogMax { z-index: 99999 !important;}
+.aui_outer { text-align: left; position: relative;}
 .aui_mask { position: absolute; width: 100%; height: 100%; background: #fff; opacity: 0.01;}
 .aui_loading { height: 100%; width: 100%; overflow: hidden; position: absolute; left: 0; top: 40px; z-index: 9999; text-align: center; text-indent: -999em; background: url("../../../images/dialog_loading.gif") no-repeat center center;}
 table.aui_border,table.aui_dialog { border: 0; margin: 0; border-collapse: collapse; width: 100%;}
@@ -212,7 +213,7 @@ button.aui_state_highlight:active { border-color: #1c6a9e; filter: progid:DXImag
 .dialogMax .aui_nw,.dialogMax .aui_ne,.dialogMax .aui_sw,.dialogMax .aui_se,.dialogMax .aui_w,.dialogMax .aui_e { width: 0px;}
 .dialogMax .aui_sw,.dialogMax .aui_n,.dialogMax .aui_se { height: 0px;}
 .dialogMax .aui_outer { border: none;}
-.dialog-can-resize .resize-handle { position: absolute; font-size: 0.1px; z-index: 99999; display: block;}
+.dialog-can-resize .resize-handle { position: absolute; z-index: 99999; display: block;}
 .dialog-can-resize .resize-top { z-index: 0; cursor: n-resize; height: 7px; width: 100%; top: 0px; left: -4px;}
 .dialog-can-resize .resize-bottom { z-index: 0; cursor: s-resize; height: 7px; width: 100%; bottom: 0px; left: -4px;}
 .dialog-can-resize .resize-right { z-index: 0; cursor: e-resize; width: 7px; right: 0px; top: 0; height: 100%;}
@@ -308,7 +309,7 @@ div.dialog-simple .dialog_mouse_in .aui_header { opacity: 1; filter: alpha(opaci
 .fileList_icon .file .titleBox .title { cursor: text;}
 .fileList_icon .file .ico { width: 60px; height: 60px; background-image: url("./images/file.png"); background-repeat: no-repeat; background-position: center center; margin: 0 auto; margin-top: 4px; margin-bottom: 3px; display: block !important;}
 .fileList_icon .file .folder { width: 70px; background-image: url("./images/folder.png");}
-.fileList_icon .file .picture { width: 64px; height: 66px; background: none; margin: 0; position: relative; top: 3px; left: 8px; display: table-cell; vertical-align: middle; text-align: center; *display: block; *font-size: 64px; *font-family: Arial;}
+.fileList_icon .file .picture { width: 80px; height: 66px; background: none; margin: 0; position: relative; top: 3px; display: table-cell; vertical-align: middle; text-align: center; *display: block; *font-size: 64px; *font-family: Arial;}
 .fileList_icon .file .picture img { vertical-align: middle; max-width: 64px; max-height: 64px;}
 .fileList_icon .file .cpp,.fileList_icon .file .h,.fileList_icon .file .sql,.fileList_icon .file .java,.fileList_icon .file .cs,.fileList_icon .file .py,.fileList_icon .file .html,.fileList_icon .file .htm,.fileList_icon .file .shtml,.fileList_icon .file .hta,.fileList_icon .file .css,.fileList_icon .file .js,.fileList_icon .file .xml,.fileList_icon .file .php,.fileList_icon .file .jsp,.fileList_icon .file .asp,.fileList_icon .file .aspx,.fileList_icon .file .vb,.fileList_icon .file .vbs,.fileList_icon .file .bat,.fileList_icon .file .reg,.fileList_icon .file .cmd,.fileList_icon .file .pl,.fileList_icon .file .pm,.fileList_icon .file .cgi,.fileList_icon .file .as,.fileList_icon .file .asm,.fileList_icon .file .clj,.fileList_icon .file .cbl,.fileList_icon .file .cfm,.fileList_icon .file .d,.fileList_icon .file .diff,.fileList_icon .file .dot,.fileList_icon .file .ejs,.fileList_icon .file .erl,.fileList_icon .file .ftl,.fileList_icon .file .go,.fileList_icon .file .hs,.fileList_icon .file .hbs,.fileList_icon .file .haml,.fileList_icon .file .erb,.fileList_icon .file .jade,.fileList_icon .file .json,.fileList_icon .file .jq,.fileList_icon .file .jsx,.fileList_icon .file .ji,.fileList_icon .file .tex,.fileList_icon .file .lisp,.fileList_icon .file .ls,.fileList_icon .file .lsl,.fileList_icon .file .lua,.fileList_icon .file .lp,.fileList_icon .file .matlab,.fileList_icon .file .mel,.fileList_icon .file .r,.fileList_icon .file .yaml { background-image: url("./images/code.png");}
 .fileList_icon .file .txt,.fileList_icon .file .ini,.fileList_icon .file .md,.fileList_icon .file .markdown,.fileList_icon .file .log { background-image: url("./images/txt.png");}
@@ -437,10 +438,11 @@ div.dialog-simple .dialog_mouse_in .aui_header { opacity: 1; filter: alpha(opaci
 .frame-header .header-content .header-middle #yarnball .yarnball .yarnlet a:hover .left-yarn { background-position: 0 -50px;}
 .frame-header .header-content .header-middle #yarnball .yarnball .yarnlet a:active .left-yarn { background-position: 0 -98px;}
 .frame-header .header-content .header-middle #yarnball_input { height: 27px; height: 28px\0; width: 50%; cursor: text; float: left; border: 1px solid #ddd; display: none; margin-left: -1px; background: #f8f8f8 url("../../../images/bg.gif") 0px -2px repeat-x; box-shadow: #e6e6e6 0px 0px 20px inset;}
-.frame-header .header-content .header-middle #yarnball_input input.path { border: none; height: 25px; display: block; width: 100%; padding-left: 10px; padding-right: 10px; text-shadow: 1px 1px 3px #cce; color: #888; background: #f8f8f8 url("../../../images/bg.gif") 0px -2px repeat-x; box-shadow: #e6e6e6 0px 0px 20px inset;}
+.frame-header .header-content .header-middle #yarnball_input input.path { border: none; height: 25px; display: block; width: 100%; padding-left: 10px; padding-right: 10px; text-shadow: 1px 1px 3px #cce; color: #888; background: #f8f8f8 url("../../../images/bg.gif") 0px -2px repeat-x; background: none; width: 94%;}
 .frame-header .header-content .header-middle #yarnball_input input:focus { outline: none;}
 .frame-header .header-content .header-right { position: absolute; right: 20px; top: 10px;}
-.frame-header .header-content .header-right input { display: block; float: left; border: 1px solid #ddd; height: 25px; height: 28px\0; padding-left: 10px; padding-right: 10px; text-shadow: 1px 1px 3px #cce; color: #888; background: #f8f8f8 url("../../../images/bg.gif") 0px -2px repeat-x; box-shadow: #e6e6e6 0px 0px 20px inset; outline: none; width: 120px; -webkit-transition: all 0.218s; -moz-transition: all 0.218s; -o-transition: all 0.218s; -ms-transition: all 0.218s; transition: all 0.218s;}
+.frame-header .header-content .header-right .btn { border-radius: 0;}
+.frame-header .header-content .header-right input { display: block; float: left; border: 1px solid #ddd; height: 25px; padding-left: 10px; padding-right: 10px; text-shadow: 1px 1px 3px #cce; color: #888; background: #f8f8f8 url("../../../images/bg.gif") 0px -2px repeat-x; box-shadow: #e6e6e6 0px 0px 20px inset; outline: none; width: 120px; -webkit-transition: all 0.218s; -moz-transition: all 0.218s; -o-transition: all 0.218s; -ms-transition: all 0.218s; transition: all 0.218s;}
 .frame-header .header-content .header-right input:focus { width: 160px; box-shadow: #ccc 0px 0px 20px inset;}
 .frame-main { position: absolute; left: 0; right: 0; top: 90px; bottom: 0;}
 .frame-main .frame-left { position: absolute; left: 0; top: 0; bottom: 0; width: 199px; overflow: auto; border-right: 1px solid #ddd; background: #fff url("../../../images/left.jpg") bottom repeat-x; background-attachment: fixed;}
@@ -456,7 +458,7 @@ div.dialog-simple .dialog_mouse_in .aui_header { opacity: 1; filter: alpha(opaci
 .frame-main .frame-right .frame-right-main .drop-menu-action .disabled a i.font-icon { color: #bbb;}
 .frame-main .frame-right .frame-right-main .drop-menu-action .disabled a:hover { background: #fff; color: #bbb;}
 .frame-main .frame-right .frame-right-main .drop-menu-action .disabled a:hover i.font-icon { color: #bbb;}
-.frame-main .frame-right .frame-right-main .tools { z-index: 100; height: 33px; min-width: 600px; border-bottom: 1px solid #ddd; background: #f6f6f6; -webkit-box-shadow: 1px 2px 15px #eee; -moz-box-shadow: 1px 2px 15px #eee; box-shadow: 1px 2px 15px #eee;}
+.frame-main .frame-right .frame-right-main .tools { z-index: 100; height: 33px; min-width: 505px; border-bottom: 1px solid #ddd; background: #f6f6f6; -webkit-box-shadow: 1px 2px 15px #eee; -moz-box-shadow: 1px 2px 15px #eee; box-shadow: 1px 2px 15px #eee;}
 .frame-main .frame-right .frame-right-main .tools a.left:hover,.frame-main .frame-right .frame-right-main .tools a.middle:hover { margin-right: 2px; padding-right: 8px;}
 .frame-main .frame-right .frame-right-main .tools a.this { background: #eee; cursor: default;}
 .frame-main .frame-right .frame-right-main .tools a.this:hover { margin-right: 0px; padding-right: 10px; border: 1px solid #ddd; background: #eee; -webkit-box-shadow: 0 2px 8px rgba(0,0,0,0.05); -moz-box-shadow: 0 2px 8px rgba(0,0,0,0.05); box-shadow: 0 2px 8px rgba(0,0,0,0.05); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;}
diff --git a/static/style/skin/simple/app_explorer.less b/static/style/skin/simple/app_explorer.less
index ca71aa3..96a2c1b 100644
--- a/static/style/skin/simple/app_explorer.less
+++ b/static/style/skin/simple/app_explorer.less
@@ -56,7 +56,7 @@
                         padding-left:10px;padding-right: 10px;         
                         text-shadow:1px 1px 3px #cce;color:#888;
                         background:#f8f8f8 url("@{img_common}bg.gif") 0px -2px repeat-x;
-                        box-shadow:#e6e6e6 0px 0px 20px inset;
+                        background: none;width: 94%;
                     }
                     &:focus{outline: none;}
                 }
@@ -64,9 +64,10 @@
         }
         .header-right{
             position: absolute;right:20px;top:10px;
+            .btn{border-radius: 0;}
             a.logout,a.setting{}
             a.logout:hover,a.setting:hover{}
-            input{display: block;float: left;border: 1px solid #ddd;height:25px;height:~"28px\0";;padding-left: 10px;
+            input{display: block;float: left;border: 1px solid #ddd;height:25px;padding-left: 10px;
                 padding-right: 10px;text-shadow: 1px 1px 3px #cce;color: #888;
                 background: #f8f8f8 url("@{img_common}bg.gif") 0px -2px repeat-x;
                 box-shadow: #e6e6e6 0px 0px 20px inset;outline: none;width: 120px;.transition(all 0.218s);
@@ -105,7 +106,7 @@
                 }
             }
             .tools{
-                z-index: 100;height:33px;min-width:600px;
+                z-index: 100;height:33px;min-width:505px;
                 border-bottom:1px solid #ddd;background:#f6f6f6;              
                 .box-shadow(1px 2px 15px  #eee);
                 a.left:hover,a.middle:hover{margin-right:2px;padding-right:8px;}
diff --git a/static/style/skin/simple/app_setting.css b/static/style/skin/simple/app_setting.css
index 49fd08e..73176d4 100644
--- a/static/style/skin/simple/app_setting.css
+++ b/static/style/skin/simple/app_setting.css
@@ -42,15 +42,15 @@ input { border: 1px solid #ddd; background: #fff; outline: none;}
 .topbar .content .top_left a.title { font-size: 20px; width: 200px; padding: 0; text-align: center;}
 .topbar .content .top_left a b { color: #9CF; font-weight: 400;}
 .topbar .content .top_left a.title:hover { background: none;}
-.topbar .content .top_right { float: right; margin-right: 10px;}
+.topbar .content .top_right { float: right;}
 .topbar .content .top_right div { display: inline-block; margin-right: -3px;}
-.topbar .content .top_right a { display: inline-block; padding: 0px 0.7em; border: none; color: #fff;}
+.topbar .content .top_right a { display: inline-block; padding: 0px 0.7em; color: #fff; margin-right: -2px;}
 .topbar .content .top_right a i { padding-right: 2px; text-shadow: 0 0 1px;}
-.topbar .content .top_right .open a:focus,.topbar .content .top_right a:hover { background: #595959; background-image: -webkit-linear-gradient(top,#808080,#595959); background-image: -moz-linear-gradient(top,#808080,#595959); background-image: -o-linear-gradient(top,#808080,#595959); background-image: -ms-linear-gradient(top,#808080,#595959); background-image: linear-gradient(top,#808080,#595959);}
-.topbar .content .top_right .menu-topbar_user { position: absolute; right: 10px; left: auto; margin-top: 0px; width: auto;}
-.topbar .content .top_right .topbar_language { position: absolute; right: 84px; left: auto; margin-top: 0px; width: auto;}
-.topbar .content .top_right ul a { color: #666; line-height: 30px; height: 30px; display: block;}
-.topbar .content .top_right ul a:hover,.topbar .content .top_right ul a.this { background: #e6e6e6; color: #000;}
+.topbar .content .top_right a:focus,.topbar .content .top_right a:hover { background: #595959; background-image: -webkit-linear-gradient(top,#808080,#595959); background-image: -moz-linear-gradient(top,#808080,#595959); background-image: -o-linear-gradient(top,#808080,#595959); background-image: -ms-linear-gradient(top,#808080,#595959); background-image: linear-gradient(top,#808080,#595959);}
+.topbar .content .top_right .menu-topbar_user { position: absolute; right: 0px; left: auto; margin-top: 0px; width: auto;}
+.topbar .content .top_right .topbar_language { position: absolute; right: 75px; left: auto; margin-top: 0px; width: auto;}
+.topbar .content .top_right ul a { color: #666; line-height: 30px; height: 30px; display: block; padding: 0px 1.7em; border: none; overflow: hidden;}
+.topbar .content .top_right ul a:hover,.topbar .content .top_right ul a.this { background: #e6e6e6; color: #000; margin-right: 0px;}
 .topbar .content .top_right ul .font-icon { width: 18px; display: inline-block;}
 .do_search { color: #888; min-width: 452px;}
 .do_search .search_header { padding: 10px; padding-bottom: 0px;}
@@ -75,16 +75,16 @@ input { border: 1px solid #ddd; background: #fff; outline: none;}
 .do_search .search_result table .type { width: 37px;}
 .do_search .search_result table .size { width: 50px;}
 .do_search .search_result table .path,.do_search .search_result table .search_title .path { border-right: none;}
-.task_tab { position: fixed; bottom: 1px; left: 0; width: 100%; height: 30px; z-index: 9999; padding-left: 50px; background: rgba(0,0,0,0.1); border-top: 1px solid rgba(0,0,0,0.15); color: #444;}
+.task_tab { position: fixed; bottom: 1px; left: 0; width: 100%; height: 30px; z-index: 9900; padding-left: 50px; background: rgba(0,0,0,0.1); border-top: 1px solid rgba(0,0,0,0.15); color: #444;}
 .task_tab .tabs { height: 100%; margin-right: 10px; margin-right: 60px;}
-.task_tab .tabs .tab { float: left; height: 100%; margin-right: 2px; box-shadow: 0 0 6px #666; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; padding-left: 4px; word-break: break-all; background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0));}
+.task_tab .tabs .tab { float: left; height: 100%; margin-right: 2px; box-shadow: 0 0 6px #666; white-space: nowrap; text-overflow: ellipsis; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; padding-left: 4px; word-break: break-all; background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0));}
 .task_tab .tabs .tab img { width: 18px; height: 18px; padding-right: 4px; vertical-align: middle; display: inline-block; margin-top: -3px; border-radius: 4px;}
 .task_tab .tabs .tab.hover { background: rgba(255,255,255,0); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: linear-gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0));}
 .task_tab .tabs .tab.this { box-shadow: 0 0 6px #000; background: rgba(255,255,255,0.2); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2)); background-image: linear-gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2));}
 .tasktab-dragging { position: absolute; z-index: 99999; height: 30px; width: 110px; border: 1px solid rgba(255,255,255,0.4); line-height: 30px; box-shadow: 0 0 6px #000; padding-left: 4px; border-radius: 3px; cursor: default; overflow: hidden; font-size: 13px; word-break: break-all; background: rgba(255,255,255,0.2); background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -moz-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -o-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: -ms-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2)); background-image: linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2));}
 .tasktab-dragging img { width: 18px; height: 18px; padding-right: 4px; vertical-align: middle; display: inline-block; margin-top: -3px; border-radius: 4px;}
 body div#ace_settingsmenu,body div#kbshortcutmenu { background-color: #000; opacity: 0.75; filter: alpha(opacity=75); color: #FFF; box-shadow: -5px 4px 5px rgba(0,0,0,0.2);}
-.frame_right { position: absolute; top: 34px; right: 0px; width: 40%; bottom: 0; background: #fff; z-index: 99; border-left: 1px solid #ccc; box-shadow: 0 20px 60px rgba(0,0,0,0.3); display: none;}
+.frame_right { position: absolute; top: 34px; right: 0px; width: 40%; bottom: 0; background: #fff; z-index: 99; overflow: hidden; border-left: 1px solid #ccc; box-shadow: 0 20px 60px rgba(0,0,0,0.3); display: none;}
 .frame_right .mask_view { z-index: 9999; opacity: 0.1;}
 .frame_right .resize { position: absolute; width: 10px; bottom: 0px; height: 100%; z-index: 100; cursor: col-resize; margin-left: -5px;}
 .frame_right .preview_frame { position: absolute; top: 30px; right: 0; bottom: 0; width: 100%; background: #fff;}
@@ -133,7 +133,7 @@ body div#ace_settingsmenu,body div#kbshortcutmenu { background-color: #000; opac
 .file_list { display: none;}
 .file_upload { width: 365px; height: 385px; padding: 5px;}
 .file_upload .top_nav { border-bottom: 1px solid #ddd; padding-left: 10px; margin-top: 6px;}
-.file_upload .menu { display: block; text-decoration: none; float: left; padding: 2px 15px; height: 28px; background: #eee; font-size: 13px; border: 1px solid #ccc; text-align: center; line-height: 25px; cursor: default; margin-right: 5px; margin-bottom: -1px; color: #444;}
+.file_upload .menu { display: block; text-decoration: none; float: left; padding: 2px 15px; height: 28px; background: #eee; font-size: 13px; border: 1px solid #ccc; text-align: center; line-height: 25px; margin-right: 5px; margin-bottom: -1px; color: #444;}
 .file_upload .menu.this { background: #fff; border-bottom: 1px solid #fff;}
 .file_upload .upload_path { padding: 5px 15px; background: #e6f0ff; margin: 10px 0; overflow: hidden; word-break: keep-all; white-space: nowrap; text-overflow: ellipsis; color: #5275b4;}
 .file_upload div a.left { margin-left: 10px;}
@@ -157,7 +157,8 @@ a.button:active { color: #000; border-color: #444;}
 a.button:focus { outline: none;}
 .messageBox { position: absolute; top: 15%; left: 0px; z-index: 88; background: #000; color: #fff; opacity: 0.7; filter: alpha(opacity=70); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 10px 80px rgba(0,0,0,0.6); -moz-box-shadow: 0 10px 80px rgba(0,0,0,0.6); box-shadow: 0 10px 80px rgba(0,0,0,0.6); display: none;}
 .messageBox .content { padding: 10px 30px; line-height: 20px; width: auto;}
-.aui_outer { text-align: left;}
+.dialogMax { z-index: 99999 !important;}
+.aui_outer { text-align: left; position: relative;}
 .aui_mask { position: absolute; width: 100%; height: 100%; background: #fff; opacity: 0.01;}
 .aui_loading { height: 100%; width: 100%; overflow: hidden; position: absolute; left: 0; top: 40px; z-index: 9999; text-align: center; text-indent: -999em; background: url("../../../images/dialog_loading.gif") no-repeat center center;}
 table.aui_border,table.aui_dialog { border: 0; margin: 0; border-collapse: collapse; width: 100%;}
@@ -212,7 +213,7 @@ button.aui_state_highlight:active { border-color: #1c6a9e; filter: progid:DXImag
 .dialogMax .aui_nw,.dialogMax .aui_ne,.dialogMax .aui_sw,.dialogMax .aui_se,.dialogMax .aui_w,.dialogMax .aui_e { width: 0px;}
 .dialogMax .aui_sw,.dialogMax .aui_n,.dialogMax .aui_se { height: 0px;}
 .dialogMax .aui_outer { border: none;}
-.dialog-can-resize .resize-handle { position: absolute; font-size: 0.1px; z-index: 99999; display: block;}
+.dialog-can-resize .resize-handle { position: absolute; z-index: 99999; display: block;}
 .dialog-can-resize .resize-top { z-index: 0; cursor: n-resize; height: 7px; width: 100%; top: 0px; left: -4px;}
 .dialog-can-resize .resize-bottom { z-index: 0; cursor: s-resize; height: 7px; width: 100%; bottom: 0px; left: -4px;}
 .dialog-can-resize .resize-right { z-index: 0; cursor: e-resize; width: 7px; right: 0px; top: 0; height: 100%;}
diff --git a/static/style/skin/simple/dialog.less b/static/style/skin/simple/dialog.less
index 504c4fa..2d412b3 100644
--- a/static/style/skin/simple/dialog.less
+++ b/static/style/skin/simple/dialog.less
@@ -8,7 +8,9 @@
     display:none;
     .content{padding:10px 30px;line-height:20px;width:auto;}  
 }
-.aui_outer { text-align:left;}
+/*-------------------------dialog------------------------*/
+.dialogMax{z-index:99999 !important;}
+.aui_outer { text-align:left;position: relative;}
 .aui_mask{position: absolute;width: 100%;height: 100%;background: #fff;opacity: 0.01;}
 .aui_loading {height: 100%;width: 100%;overflow:hidden;
   position:absolute;left:0;top:40px;z-index:9999;text-align:center;text-indent:-999em;background:url("@{img_common}dialog_loading.gif") no-repeat center center; }
@@ -94,7 +96,7 @@ button.aui_state_highlight:active { border-color:#1c6a9e; filter: ~"progid:DXIma
     .aui_outer { border:none;}
 }
 .dialog-can-resize{
-    .resize-handle{position: absolute;font-size: 0.1px;z-index: 99999; display: block; }
+    .resize-handle{position: absolute;z-index: 99999; display: block; }
     .resize-top{z-index:0; cursor: n-resize; height: 7px; width: 100%; top: 0px; left: -4px; }
     .resize-bottom{z-index:0; cursor: s-resize; height: 7px; width: 100%; bottom: 0px; left: -4px; }
     .resize-right{z-index:0; cursor: e-resize; width: 7px; right: 0px; top: 0; height: 100%; }
diff --git a/static/style/skin/simple/filelist.less b/static/style/skin/simple/filelist.less
index b41359f..508c812 100644
--- a/static/style/skin/simple/filelist.less
+++ b/static/style/skin/simple/filelist.less
@@ -71,7 +71,7 @@
         background-repeat: no-repeat;background-position:center center;margin: 0 auto;
         margin-top:4px;margin-bottom: 3px;display: block !important;}
 		.folder{width:70px;background-image: url("@{img_files_icon}folder.png");}
-        .picture{width:64px;height:66px;background:none;margin:0;position:relative;top:3px;left: 8px;
+        .picture{width:80px;height:66px;background:none;margin:0;position:relative;top:3px;
             display:table-cell;vertical-align:middle;text-align:center;
             *display: block;*font-size: 64px;*font-family:Arial;
         }
diff --git a/template/app/index.php b/template/app/index.php
index 5c7c4c1..b1f7956 100644
--- a/template/app/index.php
+++ b/template/app/index.php
@@ -3,9 +3,9 @@ http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 
 
 	
-	
+	
 	
-	
+	
 	
 	
 	   
@@ -41,10 +41,14 @@ http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 		web_host 	: "",
 		static_path : "",
         basic_path  : "",
+		version 	: ""
     };
 	seajs.config({
 		base: "js/",
-		preload: ["lib/jquery-1.8.0.min"]
+		preload: ["lib/jquery-1.8.0.min"],
+		map:[
+			[ /^(.*\.(?:css|js))(.*)$/i,'$1?ver='+G.version]
+		]
 	});
 	seajs.use('/src/app/main');
 
diff --git a/template/common/navbar.html b/template/common/navbar.html
index 418694a..b49efd9 100644
--- a/template/common/navbar.html
+++ b/template/common/navbar.html
@@ -21,7 +21,7 @@
 			
 		
    
 		
    
-			
+