JS弹出对话框

function navigation()
{
 //$('navigation1').style.display="block"; 
 jsDialog.showDiv('navigation1');
}

function next1()
{
 //$('navigation1').style.display="none";
 //$('navigation2').style.display="block";
 jsDialog.closeDiv('navigation1');
 jsDialog.showDiv('navigation2');
}

function next2()
{
 //$('navigation2').style.display="none";
 //$('navigation3').style.display="block";
 jsDialog.closeDiv('navigation2');
 jsDialog.showDiv('navigation3');
}

function pre1()
{
 //$('navigation2').style.display="none";
 //$('navigation1').style.display="block";
 jsDialog.closeDiv('navigation2');
 jsDialog.showDiv('navigation1');
}

function pre2()
{
 //$('navigation3').style.display="none";
 //$('navigation2').style.display="block";
 jsDialog.closeDiv('navigation3');
 jsDialog.showDiv('navigation2');
}

function end()
{
 //$('navigation3').style.display="none";
 jsDialog.closeDiv('navigation3'); 
}

 /*
**************************************************************************************************
**************************************************************************************************
类 名 称: jsDialog
描    述: JS对话框类
包含方法: 
     方法1: showDiv(_sID,ClewMsg,ClewImg)
     描 述: 显示对话框
     参 数: _sID:    对话框的ID
      ClewMsg: 提示信息
      ClewImg: 提示图片
    
     方法1: closeDiv(_sID)
     描 述: 关闭对话框
     参 数: _sID : 对话框的ID;
    
     方法1: HideMenu()
     描 述: 隐藏右键菜单
     参 数: 无
        
创建日期: 2007-07-01
最后修改: 2007-08-04
创 建 者: 朱磊    
    
**************************************************************************************************
**************************************************************************************************
*/ 
var jsDialog = new function()
{
 this.showDiv = function(_sID)
 {  
  var oObj = $(_sID);
    
  var oDiv =document.createElement("div");
  oDiv.id = "overlay";
  document.body.appendChild(oDiv);
    
  var overlay = $("overlay");
  
  //oObj.style.left = (document.body.offsetWidth- 500)/2;
  //oObj.style.top =  (document.body.offsetHeight-300)/2;
  
  oObj.style.left=100;
  oObj.style.top=100;

  oObj.style.display = "block";
  oObj.style.position = "absolute";
     
  overlay.style.display = "block";
  overlay.style.zindex = oObj.style.zindex - 1;
     
 }

 
 this.closeDiv = function(_sID)
 {
  var oObj = $(_sID);
  var overlay = $("overlay");   
  if(overlay != null)
  {
   overlay.outerHTML = "";
  }
  oObj.style.display = "none";
     
 }
 
 this.moveDiv = function(event, _sId)
 {
  var oObj = $(_sId);   
  oObj.onmousemove = mousemove;
  oObj.onmouseup =  mouseup;
  oObj.setCapture ? oObj.setCapture() : function(){};
  oEvent = window.event ? window.event : event;
  var dragData = {x : oEvent.clientX, y : oEvent.clientY};
     
  var backData = {x : oEvent.clientX, y : oEvent.clientY};
    
  function mousemove()
  {
   var oEvent = window.event ? window.event : event;
   var iLeft = oEvent.clientX - dragData["x"] + parseInt(oObj.style.left);
         
   var iTop = oEvent.clientY - dragData["y"] + parseInt(oObj.style.top);
   oObj.style.left = iLeft;
   oObj.style.top = iTop;
   dragData = {x: oEvent.clientX, y: oEvent.clientY}; 
  }
    
  function mouseup()
  {
   var oEvent = window.event ? window.event : event;
   oObj.onmousemove = null;
   oObj.onmouseup = null;
   if(oEvent.clientX < 1 || oEvent.clientY < 1)
   {
    oObj.style.left = backData.y;
    oObj.style.top = backData.x;
   }
  
   oObj.releaseCapture ? oObj.releaseCapture() : function(){};
  }
 }
}