$.dialog = function(op){
        var def = {
            autoShow:true,
            content:"",
            width:250,
            height:150,
            bgWidth:$(window).width(),
            bgHeight:$(window).height(),
            confirm:null,  
			cancel:null,
			closeText:null
        };
        
		 
		if(typeof op == "string"){
			 def.content = op;
		}else{
			 $.extend(def,op);
		}
       
        
        var dialog = $("<div/>")
                     .appendTo("body")
                     .addClass("dialog")
                     .css({
                        "position":"absolute",
                        "z-index":"9999",
                        "width":def.width+"px",
                        "height":def.height+"px",
						"background":"url(images/box.gif) no-repeat"
                     });

	     var _toCenterFun = function(target){
                        var h1 = document.body.clientHeight;
                        var h2 = document.documentElement.clientHeight;
                        var isXhtml = (h2<=h1&&h2!=0)?true:false;
                        var body = isXhtml?document.documentElement:document.body;
                        
                        var w = $.browser.msie?parseInt(body.clientWidth):parseInt(window.innerWidth);
                        var h = $.browser.msie?parseInt(body.clientHeight):parseInt(window.innerHeight);
                        var wh ={left:0,top:0};
                        
                        wh.left = (w/2)-parseInt(target.css("width"))/2;
                        wh.top = body.scrollTop+(h/2) - parseInt(target.css("height"))/2;
                        target.css({
                        "left":wh.left,
                        "top":wh.top
                        });     
                };

               
        var content = $("<div/>")
                      .appendTo(dialog)
					  .addClass("dialogContent")
                      .css({
						"margin":"10px",
						"width":"230px",
						"height":"90px",
						"font-size":"12px",
						"text-align":"center"
                      });
	    var buttons = $("<div/>")
					   .appendTo(dialog)
					   .css({
							"width":"100%",
							"text-align":"center"
					   });
					   
		if(def.confirm!=null)
		{
			var confirmButton = $("<button>确 定</button>")
							  .appendTo(buttons)
							  .click(def.confirm)
							  .click(close);
		
			if(def.closeText==null)def.closeText = "取 消";
		}else{
			if(def.closeText==null)def.closeText = "关 闭";
		}
		
		var cancelButton = $("<button>"+def.closeText+"</button>")
								.appendTo(buttons)
								.click(cancel);	

		function cancel(){
			 
			def.cancel!=null && def.cancel();
			close();
            
		}
        
		function close(){
			dialog.hide();
		}

		
		
        _init = function(){
            
           def.autoShow?dialog.show():dialog.hide();
              
           content.html(def.content);
		   _toCenterFun(dialog)
		   $(window).scroll(function(){_toCenterFun(dialog)});
        }
        
        _init();
    }