function mod(msg,url,kuan,gao,ReloadOn)
{
   var pop = new Popup(
   {
      contentType : 1, isReloadOnClose : ReloadOn, width : kuan, height : gao
   }
   );
   pop.setContent("title", msg);
   pop.setContent("contentUrl", url);

   pop.build();
   pop.show();
   return false;
}
//  ---------------------------------------

function message(str)
{
   var pop = new Popup(
   {
      contentType : 4, isReloadOnClose : false, width : 340, height : 80
   }
   );
   pop.setContent("title", "提示信息∶");
   pop.setContent("alertCon", str);
   pop.setContent("callBack", delCallback);
   pop.setContent("parameter", {fid : str, popup : pop});
   pop.build();
   pop.show();
   return false;
}

//  ---------------------------------------

function delCallback(para)
{
   var o_pop = para["popup"];
   o_pop.config.contentType = 1;
   o_pop.setContent("contentUrl", "");
   o_pop.reBuild();
   G(para["fid"]).target = o_pop.iframeIdName;
   eval("document." + para["fid"]).submit();
}

//  ---------------------------------------

// ----------------------------------------------------------------
if( ! Array.prototype.push)
{
   Array.prototype.push = function()
   {
      var startLength = this.length;
      for(var i = 0; i < arguments.length; i ++ )this[startLength + i] = arguments[i];
      return this.length
   }
}

//  ---------------------------------------

;
function G()
{
   var elements = new Array();
   for(var i = 0; i < arguments.length; i ++ )
   {
      var element = arguments[i];
      if(typeof element == 'string')element = document.getElementById(element);
      if(arguments.length == 1)return element;
      elements.push(element)
   }
   ;
   return elements
}

//  ---------------------------------------

;
Function.prototype.bind = function(object)
{
   var __method = this;
   return function()
   {
      __method.apply(object, arguments)
   }
}

//  ---------------------------------------

;
Function.prototype.bindAsEventListener = function(object)
{
   var __method = this;
   return function(event)
   {
      __method.call(object, event || window.event)
   }
}

//  ---------------------------------------

;
Object.extend = function(destination, source)
{
   for(property in source)
   {
      destination[property] = source[property]
   }
   ;
   return destination
}

//  ---------------------------------------

;
if( ! window.Event)
{
   var Event = new Object()
}

//  ---------------------------------------

;
Object.extend(Event,
{
   observers : false, element : function(event)
   {
      return event.target || event.srcElement
   }
   , isLeftClick : function(event)
   {
      return(((event.which) && (event.which == 1)) || ((event.button) && (event.button == 1)))
   }
   , pointerX : function(event)
   {
      return event.pageX || (event.clientX + (document.documentElement.scrollLeft || document.body.scrollLeft))
   }
   , pointerY : function(event)
   {
      return event.pageY || (event.clientY + (document.documentElement.scrollTop || document.body.scrollTop))
   }
   , stop : function(event)
   {
      if(event.preventDefault)
      {
         event.preventDefault();
         event.stopPropagation()
      }
      else
      {
         event.returnValue = false;
         event.cancelBubble = true
      }
   }
   , findElement : function(event, tagName)
   {
      var element = Event.element(event);
      while(element.parentNode && ( ! element.tagName || (element.tagName.toUpperCase() != tagName.toUpperCase())))element = element.parentNode;
      return element
   }
   , _observeAndCache : function(element, name, observer, useCapture)
   {
      if( ! this.observers)this.observers = [];
      if(element.addEventListener)
      {
         this.observers.push([element, name, observer, useCapture]);
         element.addEventListener(name, observer, useCapture)
      }
      else if(element.attachEvent)
      {
         this.observers.push([element, name, observer, useCapture]);
         element.attachEvent('on' + name, observer)
      }
   }
   , unloadCache : function()
   {
      if( ! Event.observers)return;
      for(var i = 0; i < Event.observers.length;
      i ++ )
      {
         Event.stopObserving.apply(this, Event.observers[i]);
         Event.observers[i][0] = null
      }
      ;
      Event.observers = false
   }
   , observe : function(element, name, observer, useCapture)
   {
      var element = G(element);
      useCapture = useCapture || false;
      if(name == 'keypress' && (navigator.appVersion.match(/Konqueror|Safari|KHTML/) || element.attachEvent))name = 'keydown';
      this._observeAndCache(element, name, observer, useCapture)
   }
   , stopObserving : function(element, name, observer, useCapture)
   {
      var element = G(element);
      useCapture = useCapture || false;
      if(name == 'keypress' && (navigator.appVersion.match(/Konqueror|Safari|KHTML/) || element.detachEvent))name = 'keydown';
      if(element.removeEventListener)
      {
         element.removeEventListener(name, observer, useCapture)
      }
      else if(element.detachEvent)
      {
         element.detachEvent('on' + name, observer)
      }
   }
}

//  ---------------------------------------

);
Event.observe(window, 'unload', Event.unloadCache, false);
var Class = function()
{
   var _class = function()
   {
      this.initialize.apply(this, arguments)
   }
   ;
   for(i = 0; i < arguments.length; i ++ )
   {
      superClass = arguments[i];
      for(member in superClass.prototype)
      {
         _class.prototype[member] = superClass.prototype[member]
      }
   }
   ;
   _class.child = function()
   {
      return new Class(this)
   }
   ;
   _class.extend = function(f)
   {
      for(property in f)
      {
         _class.prototype[property] = f[property]
      }
   }
   ;
   return _class
}

//  ---------------------------------------

;
function space(flag)
{
   if(flag == "begin")
   {
      var ele = document.getElementById("ft");
      if(typeof(ele) != "undefined" && ele != null)ele.id = "ft_popup";
      ele = document.getElementById("usrbar");
      if(typeof(ele) != "undefined" && ele != null)ele.id = "usrbar_popup"
   }
   else if(flag == "end")
   {
      var ele = document.getElementById("ft_popup");
      if(typeof(ele) != "undefined" && ele != null)ele.id = "ft";
      ele = document.getElementById("usrbar_popup");
      if(typeof(ele) != "undefined" && ele != null)ele.id = "usrbar"
   }
}

//  ---------------------------------------

;
var Popup = new Class();
Popup.prototype =
{
   iframeIdName : 'ifr_popup', initialize : function(config)
   {
      this.config = Object.extend(
      {
         contentType : 1, isHaveTitle : true, scrollType : 'no', isBackgroundCanClick : false, isSupportDraging : true, isShowShadow : true, isReloadOnClose : true, width : 400, height : 300
      }
      , config ||
      {
      }
      );
      this.info =
      {
         shadowWidth : 4, title : "", contentUrl : "", contentHtml : "", callBack : null, parameter : null, confirmCon : "", alertCon : "", someHiddenTag : "select,object,embed", someDisabledBtn : "", someHiddenEle : "", overlay : 0, coverOpacity : 40
      }
      ;
      this.color =
      {
         cColor : "#EEEEEE", bColor : "#FFFFFF", tColor : "#709CD2", wColor : "#FFFFFF"
      }
      ;
      this.dropClass = null;
      this.someToHidden = [];
      this.someToDisabled = [];
      if( ! this.config.isHaveTitle)this.config.isSupportDraging = false;
      this.iniBuild()
   }
   , setContent : function(arrt, val)
   {
      if(val != '')
      {
         switch(arrt)
         {
            case 'width' :
               this.config.width = val;
               break;
            case 'height' :
               this.config.height = val;
               break;
            case 'title' :
               this.info.title = val;
               break;
            case 'contentUrl' :
               this.info.contentUrl = val;
               break;
            case 'contentHtml' :
               this.info.contentHtml = val;
               break;
            case 'callBack' :
               this.info.callBack = val;
               break;
            case 'parameter' :
               this.info.parameter = val;
               break;
            case 'confirmCon' :
               this.info.confirmCon = val;
               break;
            case 'alertCon' :
               this.info.alertCon = val;
               break;
            case 'someHiddenTag' :
               this.info.someHiddenTag = val;
               break;
            case 'someHiddenEle' :
               this.info.someHiddenEle = val;
               break;
            case 'someDisabledBtn' :
               this.info.someDisabledBtn = val;
               break;
            case 'overlay' :
               this.info.overlay = val
         }
      }
   }
   , iniBuild : function()
   {
      G('dialogCase') ? G('dialogCase').parentNode.removeChild(G('dialogCase')) : function()
      {
      }
      ;
      var oDiv = document.createElement('span');
      oDiv.id = 'dialogCase';
      document.body.appendChild(oDiv)
   }
   , build : function()
   {
      var baseZIndex = 10001 + this.info.overlay * 10;
      var showZIndex = baseZIndex + 2;
      this.iframeIdName = 'ifr_popup' + this.info.overlay;
      var path = "/images/user/";
      var close = '<input type="image" id="dialogBoxClose" src="'+path+'dialogclose.gif" border="0" width="16" height="16" align="absmiddle" title="关闭"/>';
      var cB = 'filter: alpha(opacity=' + this.info.coverOpacity + ');opacity:' + this.info.coverOpacity / 100 + ';';
      var cover = '<div id="dialogBoxBG" style="position:absolute;top:0px;left:0px;width:100%;height:100%;z-index:'+baseZIndex+';'+cB+'background-color:'+this.color.cColor+';display:none;"></div>';
      var mainBox = '<div id="dialogBox" style="border:1px solid '+this.color.tColor+';display:none;z-index:'+showZIndex+';position:relative;width:'+this.config.width+'px;"><table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="'+this.color.bColor+'">';
      if(this.config.isHaveTitle)
      {
         mainBox += '<tr height="24" bgcolor="'+this.color.tColor+'"><td><table style="-moz-user-select:none;height:24px;" width="100%" border="0" cellpadding="0" cellspacing="0" ><tr>' + '<td width="6" height="24"></td><td id="dialogBoxTitle" style="color:'+this.color.wColor+';font-size:14px;font-weight:bold;">' + this.info.title + '&nbsp;</td>' + '<td id="dialogClose" width="20" align="right" valign="middle">' + close + '</td><td width="6"></td></tr></table></td></tr>'
      }
      else
      {
         mainBox += '<tr height="10"><td align="right">' + close + '</td></tr>'
      }
      ;
      mainBox += '<tr style="height:'+this.config.height+'px" valign="top"><td id="dialogBody" style="position:relative;"></td></tr></table></div>' + '<div id="dialogBoxShadow" style="display:none;z-index:'+baseZIndex+';"></div>';
      if( ! this.config.isBackgroundCanClick)
      {
         G('dialogCase').innerHTML = cover + mainBox;
         G('dialogBoxBG').style.height = document.body.scrollHeight
      }
      else G('dialogCase').innerHTML = mainBox;
      Event.observe(G('dialogBoxClose'), "click", this.reset.bindAsEventListener(this), false);
      if(this.config.isSupportDraging)
      {
         dropClass = new Dragdrop(this.config.width, this.config.height, this.info.shadowWidth, this.config.isSupportDraging, this.config.contentType);
         G("dialogBoxTitle").style.cursor = "move"
      }
      ;
      this.lastBuild()
   }
   , lastBuild : function()
   {
      var confirm = '<div style="width:100%;height:100%;text-align:center;"><div style="margin:20px 20px 0 20px;font-size:14px;line-height:16px;color:#000000;">' + this.info.confirmCon + '</div><div style="margin:20px;"><input id="dialogOk" type="button" value="  确定  "/>&nbsp;<input id="dialogCancel" type="button" value="  取消  "/></div></div>';
      var alert = '<div style="width:100%;height:100%;text-align:center;"><div style="margin:20px 20px 0 20px;font-size:14px;line-height:16px;color:#000000;">' + this.info.alertCon + '</div><div style="margin:20px;"><input id="dialogYES" type="button" value="  确定  "/></div></div>';
      var baseZIndex = 10001 + this.info.overlay * 10;
      var coverIfZIndex = baseZIndex + 4;
      if(this.config.contentType == 1)
      {
         var openIframe = "<iframe width='100%' style='height:"+this.config.height+"px' name='"+this.iframeIdName+"' id='"+this.iframeIdName+"' src='"+this.info.contentUrl+"' frameborder='0' scrolling='"+this.config.scrollType+"'></iframe>";
         var coverIframe = "<div id='iframeBG' style='position:absolute;top:0px;left:0px;width:1px;height:1px;z-index:"+coverIfZIndex+";filter: alpha(opacity=00);opacity:0.00;background-color:#ffffff;'><div>";
         G("dialogBody").innerHTML = openIframe + coverIframe
      }
      else if(this.config.contentType == 2)
      {
         G("dialogBody").innerHTML = this.info.contentHtml
      }
      else if(this.config.contentType == 3)
      {
         G("dialogBody").innerHTML = confirm;
         Event.observe(G('dialogOk'), "click", this.forCallback.bindAsEventListener(this), false);
         Event.observe(G('dialogCancel'), "click", this.close.bindAsEventListener(this), false)
      }
      else if(this.config.contentType == 4)
      {
         G("dialogBody").innerHTML = alert;
         Event.observe(G('dialogYES'), "click", this.close.bindAsEventListener(this), false)
      }
   }
   , reBuild : function()
   {
      G('dialogBody').height = G('dialogBody').clientHeight;
      this.lastBuild()
   }
   , show : function()
   {
      this.hiddenSome();
      this.middle();
      if(this.config.isShowShadow)this.shadow()
   }
   , forCallback : function()
   {
      return this.info.callBack(this.info.parameter)
   }
   , shadow : function()
   {
      var oShadow = G('dialogBoxShadow');
      var oDialog = G('dialogBox');
      oShadow['style']['position'] = "absolute";
      oShadow['style']['background'] = "#000";
      oShadow['style']['display'] = "";
      oShadow['style']['opacity'] = "0.2";
      oShadow['style']['filter'] = "alpha(opacity=20)";
      oShadow['style']['top'] = oDialog.offsetTop + this.info.shadowWidth;
      oShadow['style']['left'] = oDialog.offsetLeft + this.info.shadowWidth;
      oShadow['style']['width'] = oDialog.offsetWidth;
      oShadow['style']['height'] = oDialog.offsetHeight
   }
   , middle : function()
   {
      if( ! this.config.isBackgroundCanClick)G('dialogBoxBG').style.display = '';
      var oDialog = G('dialogBox');
      oDialog['style']['position'] = "absolute";
      oDialog['style']['display'] = '';
      var sClientWidth = document.body.clientWidth;
      var sClientHeight = document.body.clientHeight;
      var sScrollTop = document.body.scrollTop;
      var sleft = (document.body.clientWidth / 2) - (oDialog.offsetWidth / 2);
      var iTop = - 80 + (sClientHeight / 2 + sScrollTop) - (oDialog.offsetHeight / 2);
      var sTop = iTop > 0 ? iTop : (sClientHeight / 2 + sScrollTop) - (oDialog.offsetHeight / 2);
      if(sTop < 1)sTop = "20";
      if(sleft < 1)sleft = "20";
      oDialog['style']['left'] = sleft;
      oDialog['style']['top'] = sTop
   }
   , reset : function()
   {
      if(this.config.isReloadOnClose)
      {
         top.location.reload()
      }
      ;
      this.close()
   }
   , close : function()
   {
      G('dialogBox').style.display = 'none';
      if( ! this.config.isBackgroundCanClick)G('dialogBoxBG').style.display = 'none';
      if(this.config.isShowShadow)G('dialogBoxShadow').style.display = 'none';
      G('dialogBody').innerHTML = '';
      this.showSome()
   }
   , hiddenSome : function()
   {
      var tag = this.info.someHiddenTag.split(",");
      if(tag.length == 1 && tag[0] == "")tag.length = 0;
      for(var i = 0; i < tag.length; i ++ )
      {
         this.hiddenTag(tag[i])
      }
      ;
      var ids = this.info.someHiddenEle.split(",");
      if(ids.length == 1 && ids[0] == "")ids.length = 0;
      for(var i = 0; i < ids.length; i ++ )
      {
         this.hiddenEle(ids[i])
      }
      ;
      var ids = this.info.someDisabledBtn.split(",");
      if(ids.length == 1 && ids[0] == "")ids.length = 0;
      for(var i = 0; i < ids.length; i ++ )
      {
         this.disabledBtn(ids[i])
      }
      ;
      space("begin")
   }
   , disabledBtn : function(id)
   {
      var ele = document.getElementById(id);
      if(typeof(ele) != "undefined" && ele != null && ele.disabled == false)
      {
         ele.disabled = true;
         this.someToDisabled.push(ele)
      }
   }
   , hiddenTag : function(tagName)
   {
      var ele = document.getElementsByTagName(tagName);
      if(ele != null)
      {
         for(var i = 0; i < ele.length; i ++ )
         {
            if(ele[i].style.display != "none" && ele[i].style.visibility != 'hidden')
            {
               ele[i].style.visibility = 'hidden';
               this.someToHidden.push(ele[i])
            }
         }
      }
   }
   , hiddenEle : function(id)
   {
      var ele = document.getElementById(id);
      if(typeof(ele) != "undefined" && ele != null)
      {
         ele.style.visibility = 'hidden';
         this.someToHidden.push(ele)
      }
   }
   , showSome : function()
   {
      for(var i = 0; i < this.someToHidden.length;
      i ++ )
      {
         this.someToHidden[i].style.visibility = 'visible'
      }
      ;
      for(var i = 0; i < this.someToDisabled.length;
      i ++ )
      {
         this.someToDisabled[i].disabled = false
      }
      ;
      space("end")
   }
}

//  ---------------------------------------

;
var Dragdrop = new Class();
Dragdrop.prototype =
{
   initialize : function(width, height, shadowWidth, showShadow, contentType)
   {
      this.dragData = null;
      this.dragDataIn = null;
      this.backData = null;
      this.width = width;
      this.height = height;
      this.shadowWidth = shadowWidth;
      this.showShadow = showShadow;
      this.contentType = contentType;
      this.IsDraging = false;
      this.oObj = G('dialogBox');
      Event.observe(G('dialogBoxTitle'), "mousedown", this.moveStart.bindAsEventListener(this), false)
   }
   , moveStart : function(event)
   {
      this.IsDraging = true;
      if(this.contentType == 1)
      {
         G("iframeBG").style.display = "";
         G("iframeBG").style.width = this.width;
         G("iframeBG").style.height = this.height
      }
      ;
      Event.observe(document, "mousemove", this.mousemove.bindAsEventListener(this), false);
      Event.observe(document, "mouseup", this.mouseup.bindAsEventListener(this), false);
      Event.observe(document, "selectstart", this.returnFalse, false);
      this.dragData =
      {
         x : Event.pointerX(event), y : Event.pointerY(event)
      }
      ;
      this.backData =
      {
         x : parseInt(this.oObj.style.left), y : parseInt(this.oObj.style.top)
      }
   }
   , mousemove : function(event)
   {
      if( ! this.IsDraging)return;
      var iLeft = Event.pointerX(event) - this.dragData["x"] + parseInt(this.oObj.style.left);
      var iTop = Event.pointerY(event) - this.dragData["y"] + parseInt(this.oObj.style.top);
      if(this.dragData["y"] < parseInt(this.oObj.style.top))iTop = iTop - 12;
      else if(this.dragData["y"] > parseInt(this.oObj.style.top) + 25)iTop = iTop + 12;
      this.oObj.style.left = iLeft;
      this.oObj.style.top = iTop;
      if(this.showShadow)
      {
         G('dialogBoxShadow').style.left = iLeft + this.shadowWidth;
         G('dialogBoxShadow').style.top = iTop + this.shadowWidth
      }
      ;
      this.dragData =
      {
         x : Event.pointerX(event), y : Event.pointerY(event)
      }
      ;
      document.body.style.cursor = "move"
   }
   , mouseup : function(event)
   {
      if( ! this.IsDraging)return;
      if(this.contentType == 1)G("iframeBG").style.display = "none";
      document.onmousemove = null;
      document.onmouseup = null;
      var mousX = Event.pointerX(event) - (document.documentElement.scrollLeft || document.body.scrollLeft);
      var mousY = Event.pointerY(event) - (document.documentElement.scrollTop || document.body.scrollTop);
      if(mousX < 1 || mousY < 1 || mousX > document.body.clientWidth || mousY > document.body.clientHeight)
      {
         this.oObj.style.left = this.backData["x"];
         this.oObj.style.top = this.backData["y"];
         if(this.showShadow)
         {
            G('dialogBoxShadow').style.left = this.backData.x + this.shadowWidth;
            G('dialogBoxShadow').style.top = this.backData.y + this.shadowWidth
         }
      }
      ;
      this.IsDraging = false;
      document.body.style.cursor = "";
      Event.stopObserving(document, "selectstart", this.returnFalse, false)
   }
   , returnFalse : function()
   {
      return false
   }
}

//  ---------------------------------------

;