jQuery.fn.dialog = function(voption) {
    return this.each(function() {
        $('.jqmDialog').remove();
        var vDialog = $('<div class="jqmDialog"><div class="jqmdTL"><div class="jqmdTR"><div class="jqmdTC jqDrag"></div></div></div><div class="jqmdBL"><div class="jqmdBR"><div class="jqmdBC"><div class="jqmdMSG">loding...</div></div></div></div><div class="jqmdX jqmClose" /></div>').appendTo('body');
        if (voption.css) {
            vDialog.css(voption.css);
        }
        $('div.jqmdX').hover(
        function() {
            $(this).addClass('jqmdXFocus');
        },
        function() {
            $(this).removeClass('jqmdXFocus');
        });
        $('div.jqmdX').focus(
        function() {
            this.hideFocus = true;
            $(this).addClass('jqmdXFocus');
        });
        $('div.jqmdX').blur(
        function() {
            $(this).removeClass('jqmdXFocus');
        });
        vDialog.css('opacity', 1).find('.jqmdTC').text(voption && voption.title ? voption.title : 'title');
        vDialog.find('.jqmdMSG').empty().append(this);
        vDialog.jqm({
            //trigger: '#option_r',
            autosize: (typeof voption.autosize != 'undefined') ? voption.autosize : true,
            overlay: 30,
            onshow: function() { },
            zIndex: 3000,
            ajax: voption.dname ? '/Service/Service.asmx/GetDialog' : null,
            target: '.jqmdMSG'
        }).jqDrag('.jqDrag').jqmShow(vDialog,
        {
            'dname': voption.dname,
            'query': voption.arg
        });
    });
};

