//弹出层js, ZhaoWeikai  2009年6月19日20:50:34
  
   	function openLoginPanel(objId, panelWidth, panelHeight, callBackFlag){
		var ret = doGet("/loginPanel.jsp?callBack="+callBackFlag);
 
		openSmallPanel( objId,  panelWidth, panelHeight, ret);
		getDivImgUrlStringDwr("loginPanelDivImgId", "loginPanelServerDivId");//设置验证码图片和验证码
		return false;
	}

 	function openLoginPanelWithTopLeft(objId, topPx, leftPx){
		var ret = doGet("/loginPanel.jsp");
		openSmallPanelByTopLeft( objId,  topPx, leftPx, ret);
		getDivImgUrlStringDwr("loginPanelDivImgId", "loginPanelServerDivId");//设置验证码图片和验证码
		return false;
	}
   
   //购物计划查看页面
   	function openSendEmailPanel(objId, panelWidth, panelHeight, callBackFlag){
		var ret = doGet("/go/sendEmailPanel4PlanView.jsp?callBack="+callBackFlag);
		openSmallPanel( objId,  panelWidth, panelHeight, ret);
		return false;
	}
   
   //支付弹出
   	function openPayOrderWaitPanel(objId, panelWidth, panelHeight, callBackFlag){
		//var ret = doGet("/card/payWaiting.jsp?callBack="+callBackFlag);
		//openSmallPanel( objId,  panelWidth, panelHeight, ret);
		openPanelById(objId, panelWidth, panelHeight);
		return false;
	}

   //关闭弹出层, return flag; 
   function closeSmallPanel(flag){
		document.getElementById("popupAddr").style.display = "none";
		document.getElementById("bodybg").style.display = "none";
		
		return flag;
   }
      function closeSmallPanel2(flag){
		document.getElementById("popupAddr2").style.display = "none";
		document.getElementById("bodybg2").style.display = "none";
		
		return flag;
   }
   //设置透明度
   var lucencyNum = 88;//起始透明度
   var lucencyStatus = true;
	function setDivLucency(){
		if( lucencyStatus ){
			//设置一个id为screen的div的透明度为，在IE下：   
			document.getElementById("popupAddr").style.filter = "Alpha(Opacity="+lucencyNum+")";   
			//而在firefox下：   
			document.getElementById("popupAddr").style.MozOpacity =   ( lucencyNum / 100 ) ;
			lucencyNum = lucencyNum - 1 ;
			if( lucencyNum > 45 )
				setTimeout( "setDivLucency()", 250 );
			else{
				closeSmallPanel(true);
				lucencyNum = 88;
			}
			return lucencyNum;
		}else{
			if( lucencyNum > 45 )
				setTimeout( "setDivLucency()", 500 );
		}
	}

	function stopDivLucency(){
		lucencyStatus = false;
	}
	function startDivLucency(){
		lucencyStatus = true; 
	}

   function openSmallPanel(objId,  panelWidth, panelHeight, conterHtml){
     var arrayPageSize   = getPageSize();//调用getPageSize()函数
     var arrayPageScroll = getPageScroll();//调用getPageScroll()函数
		 //创建弹出内容层
			//给这个元素设置属性与样式
		  var popupDiv = document.createElement("div");
		  popupDiv.setAttribute("id","popupAddr")
		  popupDiv.style.position = "absolute";
		  popupDiv.style.border = "0px solid #ccc";
		  popupDiv.style.background = "transparent";
		  popupDiv.style.zIndex = 99;
		  
		 //创建弹出背景层
		  var bodyBack = document.createElement("div");
		  bodyBack.setAttribute("id","bodybg")
		  bodyBack.style.position = "absolute";
		  //bodyBack.style.width = "100%";
		  bodyBack.style.width = document.documentElement.clientWidth+"px";
		  bodyBack.style.height = (arrayPageSize[1] + 35 + 'px');
		  bodyBack.style.zIndex = 98;
		  bodyBack.style.top = 0;
		  bodyBack.style.left = 0;
		  
		  bodyBack.style.filter = "alpha(opacity=50)";
		  bodyBack.style.opacity = 0.5;
		  bodyBack.style.background = "#000000";
		  
		 //实现弹出(插入到目标元素之后)
		  var mybody = document.getElementById(objId);
		  insertAfter(popupDiv,mybody);//执行函数insertAfter()
		  insertAfter(bodyBack,mybody);//执行函数insertAfter()
		//显示背景层
		 document.getElementById("bodybg").style.display = "";
		//显示内容层
		 var popObj=document.getElementById("popupAddr");
		 popObj.innerHTML = conterHtml;
		 popObj.style.display = "";
		//让弹出层在页面中垂直左右居中(统一)
		// popObj.style.width = "600px";
		// popObj.style.height = "400px";
		// popObj.style.top = arrayPageScroll[1] + (arrayPageSize[3] - 35 - 400) / 2 + 'px';
		// popObj.style.left = (arrayPageSize[0] - 20 - 600) / 2 + 'px';
		//让弹出层在页面中垂直左右居中(个性)
		// var arrayConSize=getConSize(conId)
		 //popObj.style.top = arrayPageScroll[1] + (arrayPageSize[3] - arrayConSize[1]) / 2-50 + 'px';
		 //popObj.style.left = (arrayPageSize[0] - arrayConSize[0]) / 2 -30 + 'px';
    	 var screenWidth = screen.width;
		 var screenHeight = screen.height;
		 popObj.style.top = ( screenWidth / 2 - panelWidth / 2 )+ 'px';
         popObj.style.left = ( screenHeight / 2 - panelHeight / 2 ) + 'px';
		 //alert("top:"+ popObj.style.top +" ----- left:"+ popObj.style.left );
    }


function openSmallPanel2(objId,  panelWidth, panelHeight, conterHtml){
     var arrayPageSize   = getPageSize();//调用getPageSize()函数
     var arrayPageScroll = getPageScroll();//调用getPageScroll()函数
		 //创建弹出内容层
			//给这个元素设置属性与样式
		  var popupDiv = document.createElement("div");
		  popupDiv.setAttribute("id","popupAddr2")
		  popupDiv.style.position = "absolute";
		  popupDiv.style.border = "0px solid #ccc";
		  popupDiv.style.background = "transparent";
		  popupDiv.style.zIndex = 99;
		  
		 //创建弹出背景层
		  var bodyBack = document.createElement("div");
		  bodyBack.setAttribute("id","bodybg2")
		  bodyBack.style.position = "absolute";
		  //bodyBack.style.width = "100%";
		  bodyBack.style.width = document.documentElement.clientWidth+"px";
		  bodyBack.style.height = (arrayPageSize[1] + 35 + 'px');
		  bodyBack.style.zIndex = 98;
		  bodyBack.style.top = 0;
		  bodyBack.style.left = 0;
		  
		  bodyBack.style.filter = "alpha(opacity=50)";
		  bodyBack.style.opacity = 0.5;
		  bodyBack.style.background = "#000000";
		  
		 //实现弹出(插入到目标元素之后)
		  var mybody = document.getElementById(objId);
		  insertAfter(popupDiv,mybody);//执行函数insertAfter()
		  insertAfter(bodyBack,mybody);//执行函数insertAfter()
		//显示背景层
		 document.getElementById("bodybg2").style.display = "";
		//显示内容层
		 var popObj=document.getElementById("popupAddr2");
		 popObj.innerHTML = conterHtml;
		 popObj.style.display = "";
		//让弹出层在页面中垂直左右居中(统一)
		// popObj.style.width = "600px";
		// popObj.style.height = "400px";
		// popObj.style.top = arrayPageScroll[1] + (arrayPageSize[3] - 35 - 400) / 2 + 'px';
		// popObj.style.left = (arrayPageSize[0] - 20 - 600) / 2 + 'px';
		//让弹出层在页面中垂直左右居中(个性)
		// var arrayConSize=getConSize(conId)
		 //popObj.style.top = arrayPageScroll[1] + (arrayPageSize[3] - arrayConSize[1]) / 2-50 + 'px';
		 //popObj.style.left = (arrayPageSize[0] - arrayConSize[0]) / 2 -30 + 'px';
    	 var screenWidth = screen.width;
		 var screenHeight = screen.height;
		 popObj.style.top = ( screenWidth / 2 - panelWidth / 2 )+ 'px';
         popObj.style.left = ( screenHeight / 2 - panelHeight / 2 ) + 'px';
		 //alert("top:"+ popObj.style.top +" ----- left:"+ popObj.style.left );
    }

  function openSmallPanelByTopLeft(objId,  topPx, leftPx, conterHtml){
     var arrayPageSize   = getPageSize();//调用getPageSize()函数
     var arrayPageScroll = getPageScroll();//调用getPageScroll()函数
		 //创建弹出内容层
			//给这个元素设置属性与样式
		  var popupDiv = document.createElement("div");
		  popupDiv.setAttribute("id","popupAddr")
		  popupDiv.style.position = "absolute";
		  popupDiv.style.border = "0px solid #ccc";
		  popupDiv.style.background = "transparent";
		  popupDiv.style.zIndex = 99;
		  
		 //创建弹出背景层
		  var bodyBack = document.createElement("div");
		  bodyBack.setAttribute("id","bodybg")
		  bodyBack.style.position = "absolute";
		  bodyBack.style.width = "100%";
		  bodyBack.style.height = (arrayPageSize[1] + 35 + 'px');
		  bodyBack.style.zIndex = 98;
		  bodyBack.style.top = 0;
		  bodyBack.style.left = 0;
		  
		  bodyBack.style.filter = "alpha(opacity=50)";
		  bodyBack.style.opacity = 0.5;
		  bodyBack.style.background = "#000000";
		  
		 //实现弹出(插入到目标元素之后)
		  var mybody = document.getElementById(objId);
		  insertAfter(popupDiv,mybody);//执行函数insertAfter()
		  insertAfter(bodyBack,mybody);//执行函数insertAfter()
		//显示背景层
		 document.getElementById("bodybg").style.display = "";
		//显示内容层
		 var popObj=document.getElementById("popupAddr");
		 popObj.innerHTML = conterHtml;
		 popObj.style.display = "";
		//让弹出层在页面中垂直左右居中(统一)
		// popObj.style.width = "600px";
		// popObj.style.height = "400px";
		// popObj.style.top = arrayPageScroll[1] + (arrayPageSize[3] - 35 - 400) / 2 + 'px';
		// popObj.style.left = (arrayPageSize[0] - 20 - 600) / 2 + 'px';
		//让弹出层在页面中垂直左右居中(个性)
		// var arrayConSize=getConSize(conId)
		 //popObj.style.top = arrayPageScroll[1] + (arrayPageSize[3] - arrayConSize[1]) / 2-50 + 'px';
		 //popObj.style.left = (arrayPageSize[0] - arrayConSize[0]) / 2 -30 + 'px';
    	 var screenWidth = screen.width;
		 var screenHeight = screen.height;
		 popObj.style.top = topPx+ 'px';
         popObj.style.left = leftPx + 'px';
		 //alert("top:"+ popObj.style.top +" ----- left:"+ popObj.style.left );
    }


	//弹出层，通过内嵌的div的id，和指定的面板所在窗口的位置打开
    function openPanelById(conId, topPx, leftPx, _scrollTop){
		  //目标元素
		  var mybody = document.getElementById(conId);
		  //创建弹出内容层
		  var popupDiv = document.getElementById("popupAddr");
		  if (popupDiv == null){
			  //给这个元素设置属性与样式
			  popupDiv = document.createElement("div");
			  popupDiv.setAttribute("id","popupAddr")
			  popupDiv.style.position = "absolute";
			  popupDiv.style.border = "0px solid #ccc";
			  popupDiv.style.background = "transparent";
			  popupDiv.style.zIndex = 99;
			  insertAfter(popupDiv,mybody);//插入popupDiv层
		  }
		 //创建弹出背景层
		  var bodyBack = document.getElementById("bodybg");
		  if (bodyBack == null){
			  bodyBack = document.createElement("div");
			  bodyBack.setAttribute("id","bodybg");
		      bodyBack.style.position = "absolute";
			  insertAfter(bodyBack,mybody);//插入bodyBack层
		  }		  
		  bodyBack.style.width = screen.width+"px";
		  if (_scrollTop){
			  bodyBack.style.height = screen.height+_scrollTop+150+"px";
		  }else{
			  bodyBack.style.height = screen.height+150+"px";
		  }
		  bodyBack.style.top = "0px";
		  bodyBack.style.left = "0px";
		  bodyBack.style.zIndex = 98;		  
		  bodyBack.style.filter = "alpha(opacity=50)";
		  bodyBack.style.opacity = 0.5;
		  bodyBack.style.background = "#000000";
		//显示背景层
		 document.getElementById("bodybg").style.display = "";
		//显示内容层
		 var popObj=document.getElementById("popupAddr")
		 popObj.innerHTML = document.getElementById(conId).innerHTML;
		 popObj.style.display = "";
		 //设置panel的位置
		 popObj.style.top = topPx + 'px';
		 popObj.style.left = leftPx + 'px';
    }




    //获取内容层内容原始尺寸
    function getConSize(conId){
		var conObj=document.getElementById(conId)
		conObj.style.position = "absolute";
		conObj.style.left=-1000+"px";
		conObj.style.display="";
		var arrayConSize=[conObj.offsetWidth,conObj.offsetHeight]
		conObj.style.display="none";
		return arrayConSize;
    }
    function insertAfter(newElement,targetElement){//插入
		 var parent = targetElement.parentNode;
		 if(parent.lastChild == targetElement){
			parent.appendChild(newElement);
		 }
		 else{
			parent.insertBefore(newElement,targetElement.nextSibling);
		 }
    }

	//设置面板的位置
	function setPanelPosition(){

	}
    //获取滚动条的高度
    function getPageScroll(){
	     var yScroll;
		 if (self.pageYOffset) {
			yScroll = self.pageYOffset;
		 } else if (document.documentElement && document.documentElement.scrollTop){
			yScroll = document.documentElement.scrollTop;
		 } else if (document.body) {
			yScroll = document.body.scrollTop;
		 }
	    arrayPageScroll = new Array('',yScroll)
		return arrayPageScroll;
    }
    //获取页面实际大小
    function getPageSize(){
		 var xScroll,yScroll;
		 if (window.innerHeight && window.scrollMaxY){
			  xScroll = document.body.scrollWidth;
			  yScroll = window.innerHeight + window.scrollMaxY;
		 } else if (document.body.scrollHeight > document.body.offsetHeight){
			  sScroll = document.body.scrollWidth;
			  yScroll = document.body.scrollHeight;
		 } else {
			  xScroll = document.body.offsetWidth;
			  yScroll = document.body.offsetHeight;
		 }
     
		  var windowWidth,windowHeight;
		 //var pageHeight,pageWidth; 
		 if (self.innerHeight) {
			  windowWidth = self.innerWidth;
			  windowHeight = self.innerHeight;
		 } else if (document.documentElement && document.documentElement.clientHeight) {
			  windowWidth = document.documentElement.clientWidth;
			  windowHeight = document.documentElement.clientHeight;
		 } else if (document.body) {
			  windowWidth = document.body.clientWidth;
			  windowHeight = document.body.clientHeight;
		 }
     
		  var pageWidth,pageHeight
		 if(yScroll < windowHeight){
			  pageHeight = windowHeight;
		 } else {
			  pageHeight = yScroll;
		 }

		 if(xScroll < windowWidth) {
			  pageWidth = windowWidth;
		 } else {
			  pageWidth = xScroll;
		 }
		 arrayPageSize = new Array(pageWidth,pageHeight,windowWidth,windowHeight);
		 return arrayPageSize;
    }

	function getScrollTopPos(){
		var scrollPos = 0; 
		if (typeof window.pageYOffset != 'undefined') { 
			scrollPos = window.pageYOffset; 
		} else if (typeof document.compatMode != 'undefined' && document.compatMode != 'BackCompat') { 
			scrollPos = document.documentElement.scrollTop; 
		} else if (typeof document.body != 'undefined') { 
			scrollPos = document.body.scrollTop; 
		} 
		return scrollPos;
	}