﻿
if(window.location!=document.location){

window.location=document.location

} var cursorPosition;

(function() {

    var _onload = window.onload || function() {


    };

    var pix_onload = function() {

        $("#toolbar-switch > a").click(function() {

            $(this).toggleClass("show").toggleClass("hide");

            if ($(this).hasClass("hide")) {

                $("span", this).html("隱藏工具列")

            } else {

                $("span", this).html("展開工具列")

            } $("#toolbar").toggle();

            $("#page-body").toggleClass("toolbar-show").toggleClass("toolbar-hide")

        });

        $(".panel-group > h3").click(function() {

            $("span", this).toggleClass("show").toggleClass("hide");

            $("ul", this.parentNode).toggle()

        });

        $("button.positive").hover(function() {

            $(this).addClass("hoverp")

        }, function() {

            $(this).removeClass("hoverp")

        });

        $("button.negative").hover(function() {

            $(this).addClass("hovern")

        }, function() {

            $(this).removeClass("hovern")

        });

        pix.configAdvSettings();

        $(".sidebar-panel > .sidebar-header > h5.collapsible").click(function() {

            $("span", this).toggleClass("show").toggleClass("hide");

            $(".sidebar-content", this.parentNode.parentNode).toggle()

        });

        $(".category-folder-wrap, ul.tree-ul li").hover(function() {

            $("> a + div.tree-function", this).show()

        }, function() {

            $("> a + div.tree-function", this).hide()

        });

        pix.categoryFolderWrap("a.category-folder");

        $("button.drop").click(function(e) {

            e.stopPropagation();

            e.cancelBubble = true;

            var d = $("+ div.drop-menu", this);

            var s = d.css("display");

            $("button.drop + div.drop-menu").hide();

            if ("none" == s) {

                d.show()

            }

        });

        $("body").click(function() {

            $("button.drop + div.drop-menu").hide()

        });

        $("th").mouseout(function() {

            $("div.th-filter", this).hide()

        });

        pix.tooltip();

        pix.checkedHighlight();

        pix.selectHover()

    };

    window.onload = function() {

        _onload();

        pix_onload()

    };

    pix.cb = function() {


    };

    pix.categoryFolderWrap = function(selector) {

        $(selector).click(function(e) {

            e.stopPropagation();

            e.cancelBubble = true;

            $("+ ul", this.parentNode).toggle();

            $(this).toggleClass("show").toggleClass("hide")

        })

    };

    pix.pageSelector = function() {

        if ($.browser.msie) {

            $('#page-form input[type="submit"]').width(0).height(0)

        } else {

            $('#page-form input[type="submit"]').hide()

        }

    };

    pix.configAdvSettings = function() {

        $(".section-header:has(span.hide, span.show)").click(function() {

            $("span", this).toggleClass("show").toggleClass("hide");

            $("+ table", this).toggle()

        })

    };

    pix.tooltip = function() {

        $(".info-icon img").hover(function() {

            $("+ .info-div", this).css("visibility", "visible");

            $("select", this.parentNode.parentNode.parentNode).css("visibility", "hidden")

        }, function() {

            $("+ .info-div", this).css("visibility", "hidden");

            $("#workspace select").css("visibility", "visible")

        })

    };

    pix.selectHover = function() {

        $(".list-table tr, ul.user-list li, #picture-list ul li").hover(function() {

            $(this).addClass("hover")

        }, function() {

            $(this).removeClass("hover")

        })

    };

    pix.checkedHighlight = function() {

        $(".list-table tr:not(:first), ul.user-list li, #picture-list ul li").filter(':has(input[@type="checkbox"])').click(function(e) {

            if (!$(e.target).is("a, :button, .post-reply") && !$(e.target).parents().is("a, .post-reply")) {

                if ($(this).hasClass("selected")) {

                    $('input[@type="checkbox"]', this).removeAttr("checked");

                    $(this).removeClass("selected")

                } else {

                    $('input[@type="checkbox"]', this).attr("checked", "checked");

                    $(this).addClass("selected")

                }

            }

        })

    };

    pix.loadingwin = function(selector) {

        $("#overlaywin").remove();

        $("#loadingwin").remove();

        $(selector).append('<div id="overlaywin"></div>');

        $(selector).append('<div id="loadingwin"><img src="/content/images/common/loading.gif" alt=""></div>');

        if ($(selector + " #overlaywin").css("opacity") == "0.5") {

            return

        } $(selector + " #overlaywin").toggle().css("opacity", "0.5");

        $(selector + " #loadingwin").css("left", ($(selector).width() - $("#loadingwin").width()) / 2).css("top", ($(selector).height() - $("#loadingwin").height()) / 2).show()

    };

    pix.loadedwin = function(selector) {

        $(selector + " #overlaywin").toggle().css("opacity", "1");

        $(selector + " #loadingwin").hide();

        $("#overlaywin").remove();

        $("#loadingwin").remove()

    };

    pix.loaded = function() {

        $("#overlay").toggle().css("opacity", "1");

        $("#loading").hide()

    };

    pix.loading = function() {

        if ($("#overlay").css("opacity") == "0.5") {

            return

        } $("#overlay").toggle().css("opacity", "0.5");

        $("#loading").css("left", ($(document).width() - $("#loading").width()) / 2).css("top", ($(document).height() - $("#loading").height()) / 2).show()

    };

    $.postJSON = $.postJSON || function(url, data, callback) {

        $.post(url, data, callback, "json")

    };

    pix.addRow = function(obj) {

        var id = $(obj).attr("id");

        var isTinyMCE = (typeof (window.tinyMCE) != "undefined") ? true : false;

        if (isTinyMCE) {

            if (tinyMCE.getInstanceById(id)) {

                alert("請用滑鼠按住編輯器右下角三角形圖示即可放大縮小");

                return

            }

        } $(obj).height(parseInt($(obj).height()) + 20)

    };

    pix.delRow = function(obj) {

        var id = $(obj).attr("id");

        var isTinyMCE = (typeof (window.tinyMCE) != "undefined") ? true : false;

        if (isTinyMCE) {

            if (tinyMCE.getInstanceById(id)) {

                alert("請用滑鼠按住編輯器右下角三角形圖示即可放大縮小");

                return

            }

        } if (parseInt($(obj).height(), 10) > 200) {

            $(obj).height(parseInt($(obj).height()) - 20)

        }

    };

    pix.textareaResize = function(obj, container) {

        var resizeButton = ' <img src="//s.pixfs.net/panel/images/common/textarea/plus.gif" class="hand" onclick="pix.addRow(\'' + obj + '\')"> <img src="//s.pixfs.net/panel/images/common/textarea/minus.gif" class="hand" onclick="pix.delRow(\'' + obj + "')\"> ";

        $(container).append(resizeButton)

    };

    pix.htmlspecialchars_decode = function(string, quote_style) {

        string = string.toString();

        string = string.replace(/&amp;/g, "&");

        string = string.replace(/&lt;/g, "<");

        string = string.replace(/&gt;/g, ">");

        string = string.replace(/&quot;/g, '"');

        if (quote_style == "ENT_QUOTES") {

            string = string.replace(/&#039;/g, "'")

        } return string

    };

    pix.htmlfilterbr = function(string, quote_style) {

        string = string.toString();

        string = string.replace(/<[bB][Rr]>/g, "\n");

        string = string.replace(/<[Bb][Rr] \/>/g, "\n");

        string = string.replace(/<[Bb][Rr]\/>/g, "\n");

        return string

    };

    pix.htmlspecialchars = function(str, quote_type) {

        if (null == str) {

            return ""

        } str = str.toString();

        str = str.replace(/&/g, "&amp;");

        str = str.replace(/</g, "&lt;");

        str = str.replace(/>/g, "&gt;");

        str = str.replace(/"/g, "&quot;");

        if ("ENT_QUOTES" == quote_type) {

            str = str.replace(/'/g, "&#039;")

        } return str

    };

    pix.annelize = function(el, action, args) {

        var el_annel = $("<form/>");

        if ($.browser.msie) {

            var el_rawdata = pix.htmlspecialchars_decode(pix.htmlfilterbr($(el).html()))

        } else {

            var el_rawdata = $(el).text()

        } var el2;

        if ("text" == args._type) {

            el2 = $('<input class="input-style input-text" name="content" type="text">')

        } else {

            if ("textarea" == args._type) {

                el2 = $('<label for="content"></label><br /><textarea class="input-style input-textarea" name="content" rows="5"></textarea>')

            }

        } el2.val(el_rawdata);

        el_annel.append(el2);

        for (var t in args) {

            if ("_" == t.substr(0, 1)) {

                continue

            } el2 = $('<input type="hidden">').attr("name", t).val(args[t]);

            el_annel.append(el2)

        } el2 = $('<a href="">儲存</a>');

        el2.click(function() {

            pix.loading();

            $.post(action, el_annel.serializeArray(), function(data) {

                if (args._success) {

                    args._success(data)

                } else {

                    pix.refresh()

                }

            });

            return false

        });

        el_annel.append(el2);

        el2 = $('<a href="">取消</a>');

        el2.click(function() {

            $(el_annel).empty();

            $(el).show();

            if (args._cancel) {

                args._cancel()

            } return false

        });

        el_annel.append(el2);

        $(el).hide();

        $(el).after(el_annel);

        if ("textarea" == args._type) {

            pix.textareaResize("textarea[name=content]", "label[for=content]")

        }

    };

    pix.rawdata = function(el) {

        if ($.browser.msie) {

            return pix.htmlspecialchars_decode(pix.htmlfilterbr($(el).html()))

        } else {

            return $(el).text()

        }

    };

    pix.CopyText = function(id) {

        pix.copy(document.getElementById(id).value)

    };

    pix.copy = function(text2copy) {

        if (window.clipboardData) {

            window.clipboardData.setData("Text", text2copy)

        } else {

            var flashcopier = "flashcopier";

            if (!document.getElementById(flashcopier)) {

                var divholder = document.createElement("div");

                divholder.id = flashcopier;

                document.body.appendChild(divholder)

            } document.getElementById(flashcopier).innerHTML = "";

            var divinfo = '<embed src="http://s.pixfs.net/js/copy/_clipboard.swf" FlashVars="clipboard=' + escape(text2copy) + '" width="0" height="0" type="application/x-shockwave-flash"></embed>';

            document.getElementById(flashcopier).innerHTML = divinfo

        }

    };

    pix.customannelize = function(el, action, args) {

        var el_annel = $("<form/>");

        var el2;

        if (args._el) {

            el2 = $(args._el)

        } el_annel.append(el2);

        for (var t in args) {

            if ("_" == t.substr(0, 1)) {

                continue

            } el2 = $('<input type="hidden">').attr("name", t).val(args[t]);

            el_annel.append(el2)

        } if (args._savebutton) {

            el2 = $(args._savebutton)

        } else {

            el2 = $('<a href="">儲存</a>')

        } el2.click(function() {

            pix.loading();

            $.post(action, el_annel.serializeArray(), function(data) {

                $(el_annel).empty();

                $(el).show();

                if (args._success) {

                    args._success(data)

                }

            }, "json");

            return false

        });

        el_annel.append(el2);

        if (args._cancelbutton) {

            el2 = $(args._cancelbutton)

        } else {

            el2 = $('<a href="">取消</a>')

        } el2.click(function() {

            $(el_annel).empty();

            $(el).show();

            if (args._cancel) {

                args._cancel()

            } return false

        });

        el_annel.append(el2);

        $(el).hide();

        $(el).after(el_annel)

    };

    pix.refresh = function() {

        document.location.reload()

    };

    pix.isArray = function(obj) {

        if (obj.constructor.toString().indexOf("Array") == -1) {

            return false

        } else {

            return true

        }

    };

    pix.toggleEditor = function(id, refresh) {

        var nl2br = $("input[name='blogarticle_usenl2br']");

        var v = "";

        if (!tinyMCE.getInstanceById(id)) {

            if (refresh) {

                if (!nl2br.attr("checked")) {

                    v = $("#" + id).val();

                    v = v.replace(/\n/g, "<br>");

                    $("#" + id).val(v)

                }

            } tinyMCE.execCommand("mceAddControl", false, id);

            $("input[name='blogarticle_usenl2br']").attr("checked", "checked");

            $("#quick-tag").toggle();

            $("#nl2br").toggle()

        } else {

            if (refresh) {

                if (!confirm('這麼做將會造成不可預期的結果，我們建議您若要修改原始碼，\n可以點選進階編輯器選單左上方的 "HTML" 鈕。\n請問您確定這麼做嗎？')) {

                    return

                }

            } tinyMCE.execCommand("mceRemoveControl", false, id);

            $("#quick-tag").toggle();

            $("#nl2br").toggle();

            $("input[name='blogarticle_usenl2br']").removeAttr("checked");

            if (refresh) {

                v = $("#" + id).val();

                v = v.replace(/\n/g, "");

                v = pix.htmlfilterbr(v);

                $("#" + id).val(v)

            }

        }

    };

    pix.caret = function(node) {

        node.focus();

        if (node.selectionStart) {

            return node.selectionStart

        } else {

            if (!document.selection) {

                return 0

            }

        } var c = "\001";

        var sel = document.selection.createRange();

        var dul = sel.duplicate();

        var len = 0;

        dul.moveToElementText(node);

        sel.text = c;

        len = (dul.text.indexOf(c));

        sel.moveStart("character", -1);

        sel.text = "";

        return len

    };

    pix.setCaretPos = function(node, pos) {

        node.focus();

        if (node.selectionStart) {

            node.selectionStart = pos;

            node.selectionEnd = pos;

            return

        } else {

            if (!document.selection) {

                return

            }

        } var sel = document.selection.createRange();

        sel.moveStart("character", -node.value.length);

        sel.moveEnd("character", -node.value.length);

        sel.moveStart("character", pos);

        sel.moveEnd("character", 0);

        sel.select()

    };

    pix.addTextToTextarea = function(mark, ta) {

        var caretPos = pix.caret(ta);

        if (caretPos == -1) {

            caretPos = ta.value.length

        } ta.value = ta.value.substr(0, caretPos) + mark + ta.value.substr(caretPos);

        pix.setCaretPos(ta, caretPos + mark.length)

    };

    (function() {

        var B = 0;

        var A = -1;

        init_checkbox = function(E) {

            B = 0;

            $(document).keydown(function(F) {

                if (F.keyCode == 16) {

                    B = 1

                }

            }).keyup(function(F) {

                if (F.keyCode == 16) {

                    B = 0

                }

            });

            var C = $(":checkbox." + E);

            C.click(function() {

                if (B) {

                    if (A >= 0) {

                        var H = C.index(this);

                        var F = H > A ? H : A;

                        var G = H < A ? H : A;

                        C.slice(G, F + 1).each(function() {

                            if ($(this)[0].checked != C[H].checked) {

                                var I = this;

                                this.checked = C[H].checked;

                                while (I = I.parentNode) {

                                    $(I).trigger("click")

                                }

                            }

                        })

                    }

                } A = C.index(this)

            });

            var D = $(":checkbox." + E + "_all");

            D.click(function() {

                C.each(function() {

                    if ($(this)[0].checked != D[0].checked) {

                        var F = this;

                        this.checked = D[0].checked;

                        while (F = F.parentNode) {

                            $(F).trigger("click")

                        }

                    }

                })

            });

            if (D[0]) {

                D[0].checked = false

            }

        };

        checkbox_check_all = function(E, D) {

            var C = $(":checkbox." + E);

            C.each(function() {

                if ($(this)[0].checked != D) {

                    var F = this;

                    while (F = F.parentNode) {

                        $(F).trigger("click")

                    }

                }

            })

        }

    })();

    pix.p.popupLoader = function(url) {

        $("#popup-body .content").load(url, null, pix.p.showbox)

    };
    pix.p.changeNowTime = function(id) {

        var cDate = new Date();

        var Y = cDate.getFullYear();

        var M = cDate.getMonth();

        var D = cDate.getDate();

        var H = cDate.getHours();

        var m = cDate.getMinutes();

        var s = cDate.getSeconds();

        var nowTime = [Y, "-", ((M < 9) ? "0" : ""), M + 1, "-", ((D < 10) ? "0" : ""), D, " ", ((H < 10) ? "0" : ""), H, ":", ((m < 10) ? "0" : ""), m, ":", ((s < 10) ? "0" : ""), s].join("");

        $("#" + id).val(nowTime)

    };

    pix.p.toggled = false;

    pix.p.showbox = function() {

        $("#page-body select").hide();

        $("#overlay").show().css("opacity", "0.5");

        $("#popup-box").css("left", ($(window).width() - $("#popup-box").width()) / 2).css("top", ($(window).height() - $("#popup-box").height()) / 2).show().draggable({

            handle: "#popup-header", cancel: ":input, button, option"

        });

        pix.p.popupfocus()
        

    };

    pix.p.popupfocus = function() {

        $("#popup-form :input:not(:hidden):first").focus()

    };

    pix.p.hidebox = function() {

        $("#page-body select").show();

        $("#overlay").hide().css("opacity", "1");

        $("#popup-box").hide();

        pix.popup_submit = null;

        if (toggled) {

            pix.p.togglebox()

        }

    };

    pix.p.togglebox = function() {
        //alert(toggled);
        if (toggled) {

            $("#popup-box").width(500).height(400).css("left", ($(window).width() - $("#popup-box").width()) / 2).css("top", ($(window).height() - $("#popup-box").height()) / 2).draggable({

                handle: $("#popup-header"), cancel: ":input, button, option"

            });

            toggled = false

        } else {

            $("#popup-box").width($(window).width() * 0.95).height($(window).height() * 0.95).css("left", ($(window).width() - $("#popup-box").width()) / 2).css("top", ($(window).height() - $("#popup-box").height()) / 2).draggable("destroy");

            toggled = true

        }

    };

    pix.p.Newtogglebox = function(W, H) {

        if (toggled) {

            $("#popup-box").width(W).height(H).css("left", ($(window).width() - $("#popup-box").width()) / 2).css("top", ($(window).height() - $("#popup-box").height()) / 2).draggable({

                handle: $("#popup-header"), cancel: ":input, button, option"

            });

            toggled = false

        } else {

            $("#popup-box").width($(window).width() * 0.95).height($(window).height() * 0.95).css("left", ($(window).width() - $("#popup-box").width()) / 2).css("top", ($(window).height() - $("#popup-box").height()) / 2).draggable("destroy");

            toggled = true

        }

    };
    pix.UploadBox = function(cb, loadpage, button) {

        if (button) {

            $("#popup-submit-btn span").text(button)

        } cb = cb || function(d) {


        };

        var options = {

            success: function(d) {

                $("#popup-submit-btn").show().removeAttr("disabled");

                $("#popup-cancel-btn").show().removeAttr("disabled");

                pix.p.hidebox();

                cb(d)

            }, dataType: "json"

        };

        $("#popup-form").unbind("submit").submit(function() {

            //if(""==$("#Filedata").val()){

            //alert("請選擇檔案");

            //return false

            //}
            $("#popup-submit-btn").attr("disabled", "disabled");

            $("#popup-cancel-btn").attr("disabled", "disabled");
            // alert(this);
            //$(this).ajaxSubmit(options);

            return false

        });

        pix.p.popupLoader(loadpage)

    };



    pix.insertToEditArea = function(id, data) {

        if (!tinyMCE.getInstanceById(id)) {

            pix.addTextToTextarea(data, document.getElementById(id))

        } else {

            if (true == pix.CheckMyStr("object", data)) {

                tinyMCE.execCommand("mceInsertContent", false, data + "&nbsp;")

            } else {

                tinyMCE.execCommand("mceInsertContent", false, data)

            }

        }

    };



})();

//對ajax提交的數據後頁面resposne的數字進行分析並返回json數據
function AjaxPostResult(result) {
    
    //對response的字符串進行截取
    result = result.substr(result.indexOf("{\"successful\":"), result.length);
    // alert(result)
    if (result.lastIndexOf("\"}") == -1) {
        temp = result.substr(result.lastIndexOf("...</FONT>"), result.length);
        result = result.replace(temp, "") + "\"}"; ;
    }
    else {
        temp = result.substr(result.lastIndexOf("\"}") + 2, result.length);
        result = result.replace(temp, "")

    }
    
    //將結果轉換為json
    var data = eval('( ' + result + ') ');

    return data;



}

//根據url返回JSON
pix.getJson = function(url, callback) {
    if (url.indexOf('?') == 0) url = url.replace('?', '');
    var returnString = '{items:[';
    var parms = url.split('&');
    for (i in parms) {
        if (parms[i] == "") continue;
        if (parms[i].indexOf('page') >= 0) continue;
        returnString += '{name:\'' + parms[i].replace('=', '\',value:\'') + '\'},';
    }
    if (parms.length > 0) if (parms[i].indexOf('page') < 0) returnString = returnString.substring(0, returnString.length - 1);
    returnString += ']}';
    if (typeof callback == 'function') {
        callback(eval("e=" + returnString + ";"));
    } else if (typeof callback == 'string') {
        eval(callback + "(e=" + returnString + ";)");
    }
}
//獲取URL參數裡的某個值。
pix.getValue = function(url, name) {
    if (url.indexOf(name) < 0) return;
    url = url.substring(url.indexOf(name + '=') + (name + '=').length, url.length);
    if (url.indexOf('&') < 0) return url;
    return url.substring(0, url.indexOf('&'));
}

Date.prototype.format = function(format) {
    var o = {
        "M+": this.getMonth() + 1, //month 
        "d+": this.getDate(), //day 
        "h+": this.getHours(), //hour 
        "m+": this.getMinutes(), //minute 
        "s+": this.getSeconds(), //second 
        "q+": Math.floor((this.getMonth() + 3) / 3), //quarter 
        "S": this.getMilliseconds() //millisecond 
    }

    if (/(y+)/.test(format)) format = format.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length));

    for (var k in o) if (new RegExp("(" + k + ")").test(format))

        format = format.replace(RegExp.$1, RegExp.$1.length == 1 ? o[k] : ("00" + o[k]).substr(("" + o[k]).length));

    return format;

};

function IsPic(fileName) {
    //判断是否是图片 - strFilter必须是小写列举
    var strFilter = ".jpeg|.gif|.jpg|.png|.bmp|.pic|"
    if (fileName.indexOf(".") > -1) {
        var p = fileName.lastIndexOf(".");
        //alert(p);
        //alert(this.length);
        var strPostfix = fileName.substring(p, fileName.length) + '|';
        strPostfix = strPostfix.toLowerCase();
        //alert(strPostfix);
        if (strFilter.indexOf(strPostfix) > -1) {
            //alert("True");
            return true;
        }
    }
    //alert('False');
    return false;
}

function IsEmail(Email) {
    if (Email == "")
        return false;

    var myreg = /^([a-zA-Z0-9]+[_|\-|\.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+\.[a-zA-Z]{2,3}$/;
    if (!myreg.test(Email)) {

        return false;
    }
    else
        return true;


}
function CreateUpload() {
    var oUpload = new Object;
    oUpload.divId = "";
    oUpload.name =oUpload.divId;
    oUpload.Id = oUpload.name;
    oUpload.codebase = 'http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0';
    oUpload.width = "88";
    oUpload.height = "20";
    oUpload.src = "";
    oUpload.quality = 'high';
    oUpload.pluginspage = 'http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash';
    oUpload.movie = oUpload.src;


    oUpload.showSwf = function() {
       
        oUpload.movie = oUpload.src;
        oUpload.name =oUpload.divId;
        oUpload.Id = oUpload.name;
        AC_FL_RunContent('name', oUpload.name+"Swf", 'id', oUpload.Id+"Swf", 'codebase',  oUpload.codebase, 'width',oUpload.width, 'height', oUpload.height, 'src',oUpload.src , 'quality', oUpload.quality, 'pluginspage',  oUpload.pluginspage,"divId",oUpload.divId); 
    } 
    
    return oUpload;

}
var UploadFileExts = "";
//function CreateUploadSwf(id, src,exts) {
//    var o = new CreateUpload();
//    o.divId = id;
//    UploadFileExts = exts;
//    o.src = src+"&id="+id+"Swf";
//    o.showSwf();
//}
String.prototype.endWith=function(oString){  
var   reg=new   RegExp(oString+"$");  
return   reg.test(this);
}

function CreateUploadSwf(spanid, okfilename, SetmaxSize, fileinfo, swfUrl, progressbarCss, uploadBtnUrl, reuploadBtnUrl, extension,successCallback,failCallback) {

    var img = new Image();
    img.id = "img" + spanid;
    
    img.src = uploadBtnUrl;
    //loadUploadFlashImageButton(img);
    
    $("img[id='img" + spanid + "']").ready(function() {
        // 在這裡寫你的代碼...
       
            SetUploadSwf(spanid, okfilename, SetmaxSize, fileinfo, swfUrl, img.width, img.height, progressbarCss, uploadBtnUrl, reuploadBtnUrl, extension,successCallback,failCallback);
         
    });
//    alert(img.src);
//    img.onreadystatechange = function() {
//        if (img.readyState == "complete") {
//            alert(uploadBtnUrl);
//            SetUploadSwf(spanid, okfilename, SetmaxSize, fileinfo, swfUrl, img.width, img.height, progressbarCss, uploadBtnUrl, reuploadBtnUrl, extension);
//        }
//    }

}

function loadUploadFlashImageButton(oImg) {
    
    if (oImg.width==null)
        setTimeout('loadUploadFlashImageButton(' + oImg + ')', 20);
    return;
}


function SetUploadSwf(spanid,okfilename,SetmaxSize,fileinfo,swfUrl,swfWidth,swfHeight,progressbarCss,uploadBtnUrl,reuploadBtnUrl,extension,successCallback,failCallback) {
    var obj =document.getElementById(spanid);
    
    var SwfId = 'swf'+spanid;
    var ProgressBarId = 'Pro'+spanid;
    var HiddenId = 'Value'+spanid;
    if(reuploadBtnUrl!=undefined&&reuploadBtnUrl!='')
        swfUrl = swfUrl + '?ButtonImageUrl=' + uploadBtnUrl +'&okfilename='+okfilename+ '&fileinfo=' + encodeURI(fileinfo) + '&reuploadBtnUrl=' + reuploadBtnUrl + '&id=' + spanid + '&maxSize=' + SetmaxSize + '&extension=' + extension;
    else
        swfUrl = swfUrl + '?ButtonImageUrl=' + uploadBtnUrl +'&okfilename='+okfilename+ '&fileinfo=' +encodeURI(fileinfo)+ '&id=' + spanid + '&maxSize=' + SetmaxSize + '&extension=' + extension;
    if(successCallback!=undefined&&successCallback!=null)
    {
        swfUrl+='&success='+encodeURI(successCallback);
    }
    if(failCallback!=undefined&&failCallback!=null)
    {
        swfUrl+='&fail='+encodeURI(failCallback);
    }
    var strHTML = '<input type="text" readOnly name="' + ProgressBarId + '" class="Progressbar" id="' + ProgressBarId + '" /><input type="hidden" name="' + spanid + '"  id="' + HiddenId + '" /><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="' + swfWidth + '" height="' + swfHeight + '" id="' + SwfId + '" class="noswap"><param name=movie value="' + swfUrl + '"><param name=quality value=high><param name="allowScriptAccess" value="always" /><embed src="' + swfUrl + '" quality=high width="' + swfWidth + '" height="' + swfHeight + '" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" name="' + SwfId + '" allowScriptAccess="always"></embed><param name="wmode" value="transparent"> </object>';
    obj.innerHTML = strHTML;
   // HtmlInnerStr(obj, strHTML)

}

function HtmlInnerStr(obj,str){
    obj.innerHTML = str;
   
    if(getSWF("swf"+obj.Id)==null)
        setTimeout('HtmlInnerStr(' + obj + ',' + str + ')', 20);

    return;
    
}
function getSWF(movieName) {
    if (navigator.appName.indexOf("Microsoft") != -1) {
        return document.getElementById(movieName);
        //return window[movieName];
    }
    else {
        if (document[movieName].length != undefined) {
            return document[movieName][1];
        }
        return document[movieName];
    }
}

function callback(m, v, currid,SetmaxSize,fileinfo,okfilename,successCallback,failCallback) {

    var fileId = "Pro" +currid;
    
    var valueId = "Value" +currid;
    
    var swfId = 'swf'+currid;
    switch (m) {
        case 'select':

            var upload = getSWF(swfId);
            maxsize = upload.getSize();
            $("#"+fileId).addClass("Progressbar");
            setTimeout(StartUpload(currid, SetmaxSize, fileinfo, okfilename), 100);
            break;

        case 'progress':
            var upload = getSWF(swfId);
            cursize = v;
            var ofile = document.getElementById(fileId);
            
            ofile.value ="上傳中:" + parseInt(cursize / maxsize * 100) + '%';
            ofile.style.backgroundPosition = parseInt((cursize / maxsize) * 150) + "px 0px";
            break;
        case 'onHTTPError':
            alert('檔案上傳失敗');
            if(failCallback!=undefined &&failCallback!=null&&failCallback!='null')
                eval(failCallback);
            break;
        case 'ioError':
            document.getElementById(fileId).value = "";
            document.getElementById(fileId).style.backgroundImage = "";
            document.getElementById(fileId).style.backgroundRepeat = "";
            document.getElementById(fileId).style.backgroundColor = "";
            alert('檔案上傳失敗,請檢查檔案格式');
            if(failCallback!=undefined &&failCallback!=null&&failCallback!='null')
                eval(failCallback);
            break;
        case 'complete':
            //document.getElementById('Img'+currid).src="upload/Small/"+eval('filename'+currid)+'?rnd=' + Math.random();
         
            var ofile = document.getElementById(fileId);

            var upload = getSWF(swfId);
            ofile.value = "上傳成功!";
            //alert(okfilename);
            document.getElementById(valueId).value = okfilename + "."+getExt(upload.getFileName());
            
            if(successCallback!=undefined &&successCallback!=null&&successCallback!='null')
                eval(successCallback);
            
            break;
        case "securityError":
            alert('安全性問題');
            if(failCallback!=undefined &&failCallback!=null&&failCallback!='null')
                eval(failCallback);
            break;
        default:
            //alert(m);
            break;

    }
}
function StartUpload(id, setMaxsize, fileinfo, okfilename) {
    var SizeSet = 0;
    if(setMaxsize.endWith('G'))
    {
        SizeSet = setMaxsize.substring(0,setMaxsize.length-1);
        SizeSet = SizeSet*1024*1024*1024;
    }else if(setMaxsize.endWith('M'))
    {
        SizeSet = setMaxsize.substring(0,setMaxsize.length-1);
        SizeSet = SizeSet*1024*1024;
    }else if(setMaxsize.endWith('K'))
    {
        SizeSet = setMaxsize.substring(0,setMaxsize.length-1);
        SizeSet = SizeSet*1024;
    }else 
    {
        SizeSet = setMaxsize.substring(0,setMaxsize.length-1);
    }
    //var Msize = maxsize / 1024 / 5024;
    //alert(fileinfo);
    if (maxsize > SizeSet) {
        alert('不能上傳大於'+setMaxsize+'的檔案');
        var fileId = "Pro" +currid;
        //var fileId = "file" + id.substring(0, id.length - 3);
        document.getElementById(fileId).value = "";
        document.getElementById(fileId).style.backgroundImage = "";
        document.getElementById(fileId).style.backgroundRepeat = "";
        document.getElementById(fileId).style.backgroundColor = "";
    }
    else {
         var swfId = "swf" +id;
        
        var upload = getSWF(swfId);
        //alert(okfilename);
        var ext = getExt(upload.getFileName());
        var path = '../uploadFile.aspx?fileName=' + okfilename + '&fileinfo=' + decodeURIComponent(fileinfo) + "&ext=." + ext;
        upload.upload(path);
    }
}


function getExt(filename) {
    var dot_pos = filename.lastIndexOf(".");
    if (dot_pos == -1)
        return "";
    return filename.substr(dot_pos + 1).toLowerCase();
}



function IsUploadExt(fileName) {
    //判断是否是图片 - strFilter必须是小写列举

    var strFilter = UploadFileExts;
    if (fileName.indexOf(".") > -1) {
        var p = fileName.lastIndexOf(".");
        //alert(p);
        //alert(this.length);
        var strPostfix = fileName.substring(p, fileName.length) + '|';
        strPostfix = strPostfix.toLowerCase();
        //alert(strPostfix);
        if (strFilter.indexOf(strPostfix) > -1) {
            //alert("True");
            return true;
        }
    }
    //alert('False');
    return false;
}




