<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Dd_picture.aspx.cs" Inherits="HteamDd.Web.Web.Dd_picture"
    ValidateRequest="false" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>上传图片|海客轻微博</title>
    <meta content="IE=EmulateIE7" http-equiv="X-UA-Compatible" />
    <meta http-equiv="Content-Type" content="text/html;charset=gb2312"/>

    <link href="/css/opration.css" rel="stylesheet" type="text/css" />
    <script src="/jscript/jquery-1.4.2.js" type="text/javascript"></script>
    <script src="/jscript/Dd_image_deal.js" type="text/javascript"></script>
    <!--编辑器代码-开始 -->
    <script src="/kindeditor/kindeditor.js" type="text/javascript"></script>
    <script type="text/javascript">
        KE.show({
            id: 'pb-text-textarea',
            imageUploadJson: '/kindeditor/plugins/upload_json.ashx',
            fileManagerJson: '/kindeditor/plugins/file_manager_json.ashx',
            allowFileManager: true,
            width: "100%", //编辑器的宽度为70%  
            height: "353px", //编辑器的高度为100px    
            filterMode: false, //不会过滤HTML代码  
            resizeMode: 0 //2或1或0，2时可以拖动改变宽度和高度，1时只能改变高度，0时不能拖动。
        });
    </script>
    <!-- 编辑器代码结束 -->
    <script type="text/javascript">

        var jq = jQuery.noConflict();
        jq(document).ready(function () {
            var user = "";
            var cookie_info = ' <%=user_Mes%>';
            if (cookie_info != "") {
                user = cookie_info.split(',');
                blogname.innerHTML = user[1];
                img_user(user[0], "2"); //处理个人图片问题
            }
            //退出时，进行session和cookie的清空
            jq("#uer_Exit").click(function () {
                jq.ajax({
                    type: "post",
                    url: '/ashx/Dd_userExit.ashx',
                    data: { type: "exit", time: new Date().getDate() },
                    success: function (data) {
                        if (data == "1") {
                            window.location.href = "/Dd_login.aspx";
                        }
                    },
                    error: function () {

                    }
                });
            });
            var edit = '<%=pic_edit%>';
            if (edit == "编辑图片" || edit == "转载图片") {
                var image = '<%=pic_addres%>'.split('$');
                var image_url = image[1].split('|');
                for (var i = 0; i < image_url.length - 1; i++) {
                    var image_type = image_url[i].split('.');
                    var str = "<li id='pb-photo-list'image_id=" + image_type[0] + ">";
                    str += "<a class='pb-photo-li-rm'>删除</a>";
                    str += "<div class='imageload" + i + "'><img width='150px' height='150px' src='" + image[0] + '/' + image_type[0] + '.' + image_type[1] + "'/></div>";
                    str += "</li>";
                    jq("#images ol").append(str);
                }
            }

            //编辑时对图片的删除
            jq(".pb-photo-li-rm").live('click', function () {
                var del = jq(this);
                jq.post(
                        '/ashx/Dd_picture.ashx',
                        { image_del_id: del.parent().attr("image_id"), type: 'image_del' },
                        function (data) {
                            del.parent().remove();
                        }
                );
            });
            //图片的提交
              jq("#pb-submit").click(function () {
               if (jq("#pb-main-title-name").html() == "转载图片") {
                   jq.ajax({
                       type: 'post',
                       url: '/ashx/Dd_picture.ashx',
                       data: { type: "imge_url", time: new Date().getDate() },
                       success: function (data) {
                           var url_data = data.split(':')
                           var img_pic_sub = url_data[1];
                           if (img_pic_sub != "") {
                               if (document.getElementById("post-tag-input").value.replace(/(^\s*)|(\s*$)/g, "") == "") {
                                   alert("为图片添加个标签吧~");
                                   return false;
                               }
                               else {
                                   jq("#pb-submiting-tip").css("display", "");
                                   jq.post('/ashx/Dd_picture.ashx', {
                                       userID: user[0],
                                       originID: "<%=pic_OriginId %>",
                                       ArticleID: "<%=pic_ID %>",
                                       CopyFrom: "<%=userid %>",
                                       Order: "1",
                                       state: "reship_picture",
                                       content: jq('#pb-text-textarea').val(),
                                       lable: jq('#post-tag-input').val(),
                                       check: jq('#pb-top-post').attr("checked"),
                                       address_url: url_data[0] + "|" + img_pic_sub,
                                       type: "reship_picture"
                                   },
                        function (data) {
                            if (data != "0") {
                                window.location.href = "/Default.aspx";
                            }
                            else {
                                alert("发布失败~~~");
                            }
                        });
                               }
                           }
                           else {
                               alert("请先上传图片~~");
                           }
                       },
                       error: function () {

                       }
                   });
                }
                else {
                    jq.ajax({
                        type: 'post',
                        url: '/ashx/Dd_picture.ashx',
                        data: { type: "imge_url", time: new Date().getDate() },
                        success: function (data) {
                            var url_data = data.split(':')
                            var img_pic_sub = url_data[1];
                            if (img_pic_sub != "") {
                                if (document.getElementById("post-tag-input").value.replace(/(^\s*)|(\s*$)/g, "") == "") {
                                    alert("为图片添加个标签吧~");
                                    return false;
                                }
                                else {
                                    jq("#pb-submiting-tip").css("display", "");
                                    jq.post('/ashx/Dd_picture.ashx', {
                                        userID: user[0],
                                        content: jq('#pb-text-textarea').val(),
                                        lable: jq('#post-tag-input').val(),
                                        check: jq('#pb-top-post').attr("checked"),
                                        address_url: url_data[0] + "|" + img_pic_sub,
                                        type: "sumbitImages",
                                        state:"picture"
                                    },
                        function (data) {
                            if (data == "1") {
                                window.location.href = "/Default.aspx";
                            }
                            else {
                                alert("发布失败~~~");
                            }
                        });
                                }
                            }
                            else {
                                alert("请先上传图片~~");
                            }
                        },
                        error: function () {

                        }
                    });
                }
            });

            //点击取消时进行提示
            jq("#pb-cancel").click(function () {
                if (confirm('确定要取消吗？')) {
                    window.location.href = "/Default.aspx";
                }
            })

            //图片的预览
            jq("#pb-preview").click(function () {
                jq.ajax({
                    type: 'post',
                    url: '/ashx/Dd_picture.ashx',
                    data: { type: "imge_url", time: new Date().getDate() },
                    success: function (data) {
                        var url_data = data.split(':')
                        var img_pic_pre = url_data[1];
                        if (img_pic_pre != "") {
                            if (document.getElementById("post-tag-input").value.replace(/(^\s*)|(\s*$)/g, "") == "") {
                                alert("为图片添加个标签吧~");
                                return false;
                            }
                            else {
                                jq.ajax({
                                    type: "post",
                                    url: "/web/Dd_preview.aspx",
                                    data: { title: url_data[0] + "|" + img_pic_pre,
                                        content: (jq('#pb-text-textarea').val()),
                                        lable: (jq('#post-tag-input').val()),
                                        type: "1",
                                        user: "图片预览",
                                        time: new Date().getTime()
                                    },
                                    success: function () {
                                        window.open("/Web/Dd_preview.aspx");
                                    },
                                    error: function () {

                                    }
                                });
                            }
                        }
                        else {
                            alert("请先上传图片~~");
                        }
                    },
                    error: function () {

                    }

                });
            });
        });
        function lable_check() {
            jq("#post-tag-list").css("display","none");
            jq("#post-tag-input").focus();

        }
        function showDialog() {
            document.getElementById("Dialog").className = "Dialog";
        }
        function closeDialog() {
            document.getElementById("Dialog").className = "unshow";
            jq.post("/ashx/Dd_picture.ashx",
                    { type: "imge_url" },
                    function (data) {
                        if (data != "") {
                            var pic_data = data.split(':');
                            var img_pic = pic_data[1];
                            if (img_pic != "") {
                                var img = img_pic.split('|');
                                jq("#images ol").children().remove();
                                for (var i = 0; i < img.length - 1; i++) {
                                    var image_type = img[i].split('.');
                                    var str = "<li id='pb-photo-list' image_id=" + image_type[0] + ">";
                                    str += "<a class='pb-photo-li-rm'>删除</a>";
                                    str += "<div class='imageload" + i + "'><img src='" + pic_data[0] + "/" + img[i] + "'/></div>";
                                    str += "</li>";
                                    jq("#images ol").append(str);
                                }
                            }
                        }
                    }
                );         
        }

        jq(document).ready(function () {
            if ('<%=pic_edit %>' == '上传图片') {
                jq("#pb-main-title-name").css("display", "block");
            }
            else if ('<%=pic_edit %>' == '编辑图片') {
                jq("#pb-main-title").css("display", "block");
                jq(".pb-section-title").css("margin-top", "70px");
                //jq("#content").css("height", "730px");
            }
            else if ('<%=pic_edit %>' == '转载图片') {
                jq("#pb-main-title").css("display", "block");
                jq(".pb-section-title").css("margin-top", "70px");
                //jq("#content").css("height", "730px");
            }
        });    
    </script>
    <script type="text/javascript" language="javascript">
        /*
        以下是图片控件的JS代码
        */
        function challs_flash_update() { //Flash 初始化函数

            var a = {};
            //定义变量为Object 类型

            a.title = "上传文件"; //设置组件头部名称

            a.FormName = "Filedata";
            //设置Form表单的文本域的Name属性

            a.url = "/ashx/Dd_picture.ashx";
            //设置服务器接收代码文件
            //bs=tyi&id=50&
            a.parameter = "type=Upimages";
            //设置提交参数，以GET形式提交 (1个参数用户的ID)
            a.typefile = ["Images (*.gif,*.png,*.jpg,*jpeg)", "*.gif;*.png;*.jpg;*.jpeg;", "GIF (*.gif)", "*.gif;", "PNG (*.png)", "*.png;", "JPEG (*.jpg,*.jpeg)", "*.jpg;*.jpeg;"];
            //设置可以上传文件 数组类型
            //"Images (*.gif,*.png,*.jpg)"为用户选择要上载的文件时可以看到的描述字符串,
            //"*.gif;*.png;*.jpg"为文件扩展名列表，其中列出用户选择要上载的文件时可以看到的 Windows 文件格式，以分号相隔
            //2个为一组，可以设置多组文件类型

            a.UpSize = 10;
            //可限制传输文件总容量，0或负数为不限制，单位MB

            a.fileNum = 0;
            //可限制待传文件的数量，0或负数为不限制

            a.size = 3;
            //上传单个文件限制大小，单位MB，可以填写小数类型

            a.FormID = ['select', 'select2'];
            //设置每次上传时将注册了ID的表单数据以POST形式发送到服务器
            //需要设置的FORM表单中checkbox,text,textarea,radio,select项目的ID值,radio组只需要一个设置ID即可
            //参数为数组类型，注意使用此参数必须有 challs_flash_FormData() 函数支持

            a.autoClose = 1;
            //上传完成条目，将自动删除已完成的条目，值为延迟时间，以秒为单位，当值为 -1 时不会自动关闭，注意：当参数CompleteClose为false时无效

            a.CompleteClose = true;
            //设置为true时，上传完成的条目，将也可以取消删除条目，这样参数 UpSize 将失效, 默认为false

            a.repeatFile = true;
            //设置为true时，可以过滤用户已经选择的重复文件，否则可以让用户多次选择上传同一个文件，默认为false

            a.returnServer = true;
            //设置为true时，组件必须等到服务器有反馈值了才会进行下一个步骤，否则不会等待服务器返回值，直接进行下一步骤，默认为false

            a.MD5File = 1;
            //设置MD5文件签名模式，参数如下 ,注意：FLASH无法计算超过100M的文件,在无特殊需要时，请设置为0
            //0为关闭MD5计算签名
            //1为直接计算MD5签名后上传
            //2为计算签名，将签名提交服务器验证，在根据服务器反馈来执行上传或不上传
            //3为先提交文件基本信息，根据服务器反馈，执行MD5签名计算或直接上传，如果是要进行MD5计算，计算后，提交计算结果，在根据服务器反馈，来执行是否上传或不上传

            a.loadFileOrder = true;
            //选择的文件加载文件列表顺序，TRUE = 正序加载，FALSE = 倒序加载

            a.mixFileNum = 0;
            //至少选择的文件数量，设置这个将限制文件列表最少正常数量（包括等待上传和已经上传）为设置的数量，才能点击上传，0为不限制

            a.ListShowType = 2;
            //文件列表显示类型：1 = 传统列表显示，2 = 缩略图列表显示（适用于图片专用上传）

            a.InfoDownRight = "等待上传：%1%个  已上传：%2%个";
            //右下角统计信息的文本设置,文本中的 %1% = 等待上传数量的替换符号，%2% = 已经上传数量的替换符号

            a.TitleSwitch = true;
            //是否显示组件头部

            a.ForceFileNum = 0;
            //强制条目数量，已上传和待上传条目相加等于为设置的值（不包括上传失败的条目），否则不让上传, 0为不限制，设置限制后mixFileNum,autoClose和fileNum属性将无效！

            a.autoUpload = false;
            //设置为true时，用户选择文件后，直接开始上传，无需点击上传，默认为false;

            a.adjustOrder = true;
            //设置为true时，用户可以拖动列表，重新排列位置

            a.deleteAllShow = true;
            //设置是否显示，全部清除按钮

            return a;
            //返回Object
        }

        function challs_flash_onComplete(a) { //每次上传完成调用的函数，并传入一个Object类型变量，包括刚上传文件的大小，名称，上传所用时间,文件类型

            var name = a.fileName; //获取上传文件名
            var size = a.fileSize; //获取上传文件大小，单位字节
            var time = a.updateTime; //获取上传所用时间 单位毫秒
            var type = a.fileType; //获取文件类型，在 Windows 上，此属性是文件扩展名。 在 Macintosh 上，此属性是由四个字符组成的文件类型
            document.getElementById('show').innerHTML += name + ' --- ' + size + '字节 ----文件类型：' + type + '--- 用时 ' + (time / 1000) + '秒<br><br>'
        }

        function challs_flash_onCompleteData(a) { //获取服务器反馈信息事件

            document.getElementById('show').innerHTML += '<font color="#ff0000">服务器端反馈信息：</font><br />' + a + '<br />';
        }
        function challs_flash_onStart(a) { //开始一个新的文件上传时事件,并传入一个Object类型变量，包括刚上传文件的大小，名称，类型

            var name = a.fileName; //获取上传文件名
            var size = a.fileSize; //获取上传文件大小，单位字节
            var type = a.fileType; //获取文件类型，在 Windows 上，此属性是文件扩展名。 在 Macintosh 上，此属性是由四个字符组成的文件类型
            document.getElementById('show').innerHTML += name + '开始上传！<br />';

            return true; //返回 false 时，组件将会停止上传
        }

        function challs_flash_onCompleteAll(a) { //上传文件列表全部上传完毕事件,参数 a 数值类型，返回上传失败的数量

            document.getElementById('show').innerHTML += '<font color="#ff0000">所有文件上传完毕，</font>上传失败' + a + '个！<br />';
            //window.location.href='http://www.baidu.com.cn/update'; //传输完成后，跳转页面

        }

        function challs_flash_deleteAllFiles() { //清空按钮点击时，出发事件

            //返回 true 清空，false 不清空
            return confirm("你确定要清空列表吗?");
        }

        function challs_flash_onError(a) { //上传文件发生错误事件，并传入一个Object类型变量，包括错误文件的大小，名称，类型

            var err = a.textErr; //错误信息
            var name = a.fileName; //获取上传文件名
            var size = a.fileSize; //获取上传文件大小，单位字节
            var type = a.fileType; //获取文件类型，在 Windows 上，此属性是文件扩展名。 在 Macintosh 上，此属性是由四个字符组成的文件类型
            document.getElementById('show').innerHTML += '<font color="#ff0000">' + name + ' - ' + err + '</font><br />';
        }

        function challs_flash_FormData(a) { // 使用FormID参数时必要函数

            try {
                var value = '';
                var id = document.getElementById(a);
                if (id.type == 'radio') {
                    var name = document.getElementsByName(id.name);
                    for (var i = 0; i < name.length; i++) {
                        if (name[i].checked) {
                            value = name[i].value;
                        }
                    }
                } else if (id.type == 'checkbox') {
                    var name = document.getElementsByName(id.name);
                    for (var i = 0; i < name.length; i++) {
                        if (name[i].checked) {
                            if (i > 0) value += ",";
                            value += name[i].value;
                        }
                    }
                } else {
                    value = id.value;
                }
                return value;
            } catch (e) {
                return '';
            }
        }

        function challs_flash_style() { //组件颜色样式设置函数

            var a = {};

            /*  整体背景颜色样式 */
            a.backgroundColor = ['#f6f6f6', '#f3f8fd', '#dbe5f1']; //颜色设置，3个颜色之间过度
            a.backgroundLineColor = '#5576b8'; 				//组件外边框线颜色
            a.backgroundFontColor = '#066AD1'; 				//组件最下面的文字颜色
            a.backgroundInsideColor = '#FFFFFF'; 				//组件内框背景颜色
            a.backgroundInsideLineColor = ['#e5edf5', '#34629e']; //组件内框线颜色，2个颜色之间过度
            a.upBackgroundColor = '#ffffff'; 					//上翻按钮背景颜色设置
            a.upOutColor = '#000000'; 							//上翻按钮箭头鼠标离开时颜色设置
            a.upOverColor = '#FF0000'; 						//上翻按钮箭头鼠标移动上去颜色设置
            a.downBackgroundColor = '#ffffff'; 				//下翻按钮背景颜色设置
            a.downOutColor = '#000000'; 						//下翻按钮箭头鼠标离开时颜色设置
            a.downOverColor = '#FF0000'; 						//下翻按钮箭头鼠标移动上去时颜色设置

            /*  头部颜色样式 */
            a.Top_backgroundColor = ['#e0eaf4', '#bcd1ea']; 		//颜色设置，数组类型，2个颜色之间过度
            a.Top_fontColor = '#245891'; 						//头部文字颜色


            /*  按钮颜色样式 */
            a.button_overColor = ['#FBDAB5', '#f3840d']; 		//鼠标移上去时的背景颜色，2个颜色之间过度
            a.button_overLineColor = '#e77702'; 				//鼠标移上去时的边框颜色
            a.button_overFontColor = '#ffffff'; 				//鼠标移上去时的文字颜色
            a.button_outColor = ['#ffffff', '#dde8fe']; 			//鼠标离开时的背景颜色，2个颜色之间过度
            a.button_outLineColor = '#91bdef'; 				//鼠标离开时的边框颜色
            a.button_outFontColor = '#245891'; 				//鼠标离开时的文字颜色

            /* 文件列表样式 */
            a.List_backgroundColor = '#EAF0F8'; 				//列表背景色
            a.List_fontColor = '#333333'; 						//列表文字颜色
            a.List_LineColor = '#B3CDF1'; 						//列表分割线颜色
            a.List_cancelOverFontColor = '#ff0000'; 			//列表取消文字移上去时颜色
            a.List_cancelOutFontColor = '#D76500'; 			//列表取消文字离开时颜色
            a.List_progressBarLineColor = '#B3CDF1'; 			//进度条边框线颜色
            a.List_progressBarBackgroundColor = '#D8E6F7'; 	//进度条背景颜色	
            a.List_progressBarColor = ['#FFCC00', '#FFFF00']; 	//进度条进度颜色，2个颜色之间过度

            /* 错误提示框样式 */
            a.Err_backgroundColor = '#C0D3EB'; 				//提示框背景色
            a.Err_LineColor = '#5D7CBB'; 						//提示框边框线景色
            a.Err_cancelOverColor = '#0066CC'; 				//提示框取消按钮移上去时颜色
            a.Err_cancelOutColor = '#FF0000'; 					//提示框取消按钮离开时颜色
            a.Err_fontColor = '#245891'; 						//提示框文字颜色


            return a;
        }


        var isMSIE = (navigator.appName == "Microsoft Internet Explorer");
        function thisMovie(movieName) {

            if (isMSIE) {
                return window[movieName];
            } else {
                return document[movieName];
            }
        }
    </script>
    <style type="text/css">
        .clearfix:after, #content:after
        {
            clear: both;
            content: " ";
            display: block;
            height: 0;
            visibility: hidden;
        }
        div#content
        {
            height: auto;
            background: url("/images/publisher_content_$1349.png") repeat-y scroll center center #FFFFFF;
            padding: 0;
        }
        div#content
        {
            border-radius: 10px 10px 10px 10px;
            margin: 0 auto;
            position: relative;
            width: 900px;
        }
        .clearfix, #content
        {
            display: block;
        }
        ul#nav-blog-list li.active a, ul#nav-blog-list li
        {
            background: url("/images/header_$2174.png") no-repeat scroll -238px 39px transparent;
        }
        
        ul#nav-blog-list .nav-blog-name
        {
            color: #ffffff;
            font-size: 18px;
            line-height: 50px;
        }
        ul#nav li.active a.nav-item
        {
            color: #A3B2BE;
        }
        ul#nav li a.nav-item:hover
        {
            background: url("/images/header_$2174.png") no-repeat scroll center 39px transparent;
            color: #FFFFFF;
        }
        #pb-photo-pick-holder
        {
            background: none repeat scroll 0 0 #F8F8F8;
            border-radius: 5px 5px 5px 5px;
            color: #999999;
            height: 38px;
            line-height: 20px;
            margin: 10px 0 30px;
            padding: 10px;
        }
        #pb-photo-flash-holder
        {
            float: left;
            padding-right: 10px;
        }
        .pb-photo-upload-tip
        {
            float: left;
        }
        #pb-photo-flash-holder
        {
            float: left;
            padding-right: 10px;
            width: 141px;
            height: 39px;
        }    
        .dd_upimage
        {
            background: url("/images/blue-button_$1310.png") repeat-x scroll 0 0 transparent;
            border: 1px solid #006DAB;
            border-radius: 4px 4px 4px 4px;
            color: #FFFFFF;
            cursor: pointer;
            display: block;
            font-size: 18px;
            padding: 5px 20px 5px 20px;
            height: 25px;
            width: 100px;
        }
        .Dialog
        {
            position: absolute;
            top: 0px;
            left: 0px;
            width: 100%;
            height: 100%;
            background-image: url(/images/showDialog_bg.png);
        }
        .unshow
        {
            display: none;
        }
        
        #pb-photo-list li {
            background: none repeat scroll 0 0 #EEEEEE;
            border-radius: 5px 5px 5px 5px;
            color: #555555;
            line-height: 16px;
            list-style: none outside none;
            margin: 10px 0;
            padding: 10px;
            position: relative;
            z-index: 0;
        }
        
        .pb-photo-li-rm {
            background: url("/images/publisher_photo.$947.png") no-repeat scroll -26px 0 transparent;
            float: right;
            margin: 0 0 0 10px;
            width: 16px;
            display: block;
            height: 16px;
            text-indent: -9999px;
        }
    </style>
    
</head>
<body>
    <div id="wrap">
        <div id="header" class="clearfix">
            <div id="logo">
                <a href="/Default.aspx">海客网</a>
            </div>
            <ul id="nav">
                <li id="nav-index" class="active"><a class="nav-item" href="/Default.aspx">首页</a>
                    <a id="new-feed-count" class="header-pop-notice" style="display: none"></a></li>
                <li><a id="nav-explore" class="nav-item" href="/Web/Dd_discover/Dd_FerverTag.aspx">发现</a> </li>
            </ul>
            <ul id="sub-nav">
                <li><a href="/Dd_login.aspx" id="uer_Exit">退出</a> </li>
                <li><a href="/Web/Dd_setting.aspx">设置</a> </li>
                <li><a href="/Web/Dd_Intro_Master/Dd_aboutme.aspx">关于</a> </li>
                <%--<li><a href="#">手机</a> </li>
                <li><a href="#">邀请</a> </li>--%>
            </ul>
            <ul id="nav-blog-list" class="clearfix">
                <li id="nav-blog-8500453"><a href="./Dd_private_index.aspx"><span class="nav-blog-avatar">
                    <img width="20" height="20" id="img_personal" src="/images/avatar_30_30.$1095.png" alt="" />
                </span><span class="nav-blog-name" id="blogname"></span></a></li>
            </ul>
        </div>
        <div id="content-holder">
            <form id="form1" runat="server">
            <div id="content" style="background-image: url('/images/publisher_content_$1349.png');
                background-repeat: repeat-y;">
                <div id="Dialog" class="unshow">
                    <div id="flash" style="background-color: White; margin-top: 50px; margin-left: auto;
                        margin-right: auto; width: 600px;">
                        <div style="background: #CADAED; margin: 0px auto 0px; width: 600px; height: 30px">
                            <a id="closeDialog" href="#" style="float: right; padding: 10px;" onclick="closeDialog()">
                                关闭</a>
                        </div>
                        <div style="height: 400px; width: 600px; margin: 0px auto;">
                            <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=10,0,0,0"
                                width="600" height="400" id="update" align="middle">
                                <param name="allowFullScreen" value="false" />
                                <param name="allowScriptAccess" value="always" />
                                <param name="movie" value="update.swf" />
                                <param name="quality" value="high" />
                                <param name="bgcolor" value="#ffffff" />
                                <embed src="update.swf" quality="high" bgcolor="#ffffff" width="600" height="400"
                                    name="update" align="middle" allowscriptaccess="always" allowfullscreen="false"
                                    type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
                            </object>
                            <div style="clear: both;">
                            </div>
                        </div>
                    </div>
                </div>
                <div id="pb-main">
                    <%--<h2 id="pb-main-title">上传图片</h2>--%>
                     <h2 id="pb-main-title-name" style="display:none;"><%=pic_edit%></h2> 
                        <h2 id="H1" class="clearfix" style="display: none;">
                            <div style=" float:left;"><span><%=pic_edit%></span> <span class="pb-main-title-to">至</span></div>
                            <div id="Div1" class="dd-publisher" default="" style="width: 224px; float:left;">
                                <div id="ctrlcomboboxpublisher-menu" class="ui-combobox skin-combobox-publisher" data-control="publisher-menu">
                                    <div id="ctrlcomboboxpublisher-menutext" class="ui-combobox-text skin-combobox-publisher-text"
                                        value="">
                                        <nobr>
                                            <img class="avatar"  src="/images/avatar_30_30.$1095.png" alt="" />
                                            <span class="blog-name" style="width: 160px;"><%=user_name %></span>
                                        </nobr>
                                    </div>
                                </div>
                            </div>
                        </h2>
                    <div id="pb-post-area">
                        <div id="images" >
                            <ol  id="pb-photo-list"></ol>
                        </div>
                        <div id="pb-photo-pick-holder" class="pb-post-section">
                            <div id="pb-photo-flash-holder">
                                <a id="upimage" class="dd_upimage" onclick="showDialog()"><font size="5">添加图片</font></a>
                            </div>
                            <div class="pb-photo-upload-tip">
                                <p>
                                    在文件列表中，按住Ctrl多选图片
                                </p>
                                <p>
                                    JPG, GIF, PNG或BMP. 不超过20MB</p>
                            </div>
                        </div>
                    </div>
                    <div id="pb-photos-reblog-preview">
                    </div>
                   <div class="pb-post-section" id="pb-text-post-holder">
                        <h3 class="pb-section-title">描述<span>(可不填)</span></h3>
                        <textarea class="pb-input-text" id="pb-text-textarea" cols="" rows=""><%=pic_discript%></textarea>
                    </div>
                    <div id="pb-action-holder">
                        <a id="pb-submit" class="blue-button">发布</a> <a id="pb-preview" class="gray-button">
                            预览</a>
                        <div style="display: none">
                            <a id="pb-draft" class="gray-button">保存草稿</a></div>
                        <a id="pb-cancel" class="gray-button">取消</a> <span style="display: none;" id="pb-submiting-tip">
                            正在保存...</span>
                    </div>
                </div>
                <div id="pb-aside">
                    <div class="aside-item" id="post-to-holder">
                        <label for="post-to-select">
                            发布至</label>
                        <select id="post-to-select">
                            <option value="langzi88">超级管理员</option>
                        </select>
                    </div>
                    <hr class="separator" />
                    <div class="aside-item" id="post-privacy-holder">
                        <select id="post-privacy-select">
                            <option value="0" selected="">立即发布</option>
                            <option value="draft">保存到草稿</option>
                            <option value="queue">加入到自动发布列表</option>
                            <option value="2">仅自己可见</option>
                        </select>
                    </div>
                    <hr class="separator" />
                    <div class="aside-item" id="post-tag-holder">
                        <div id="post-tag" onclick="lable_check()">
                            <ul class="clearfix" id="post-tag-list">
                                <li>添加标签，用逗号</li>
                            </ul>
                            <div id="post-tag-input-holder">
                                <input type="text" id="post-tag-input" value='<%=pic_tag %>' />
                            </div>
                        </div>
                    </div>
                    <div style="display: none;" class="aside-item" id="recommand-tag-holder">
                        <h4>
                            常用标签</h4>
                        <ul class="clearfix" id="recommand-tag-list">
                        </ul>
                    </div>
                    <hr class="separator" />
                    <div class="aside-item pb-side-opt" id="top-post-holder">
                        <label>
                            <input type="checkbox" id="pb-top-post" />文章置顶</label>
                        <p id="top-post-tip">
                            每个博客只能置顶一篇文章</p>
                    </div>
                    <hr id="pb-sync-sep" class="separator" style="display: none;" />
                </div>
            </div>
            </form>
        </div>
    </div>
</body>
</html>
