function opacityDivInit() { var opacityDiv = null; var popupBoxDiv = null; if(!document.getElementById("opacityDiv")) { opacityDiv = document.createElement('div'); opacityDiv.id = "opacityDiv"; document.body.appendChild(opacityDiv); } opacityDiv = document.getElementById("opacityDiv"); opacityDiv.style.height = document.body.scrollHeight; opacityDiv.style.width = document.body.scrollWidth; opacityDiv.style.zIndex = "1000"; opacityDiv.style.position = "absolute"; opacityDiv.style.left = 0; opacityDiv.style.top = 0; opacityDiv.style.background = "black"; opacityDiv.style.filter = "alpha(opacity=40, style=2, finishopacity=70)"; opacityDiv.style.display = "none"; if(!document.getElementById("popupBoxDiv")) { popupBoxDiv = document.createElement('div'); popupBoxDiv.id = "popupBoxDiv"; document.body.appendChild(popupBoxDiv); } opacityDiv = document.getElementById("opacityDiv"); popupBoxDiv = document.getElementById("popupBoxDiv"); popupBoxDiv.style.top = 0; popupBoxDiv.style.height = "100%"; popupBoxDiv.style.width = "100%"; popupBoxDiv.style.zIndex = "1001"; popupBoxDiv.style.position = "absolute"; popupBoxDiv.style.display = "none"; popupBoxDiv.innerHTML = creagePopUpBox(); } function startPopup(strTitle, strContents, callBackOk, callBackCancel, strOkBtn, strCancelBtn) { opacityDivInit(); var opacityDiv = document.getElementById("opacityDiv"); var popupBoxDiv = document.getElementById("popupBoxDiv"); var btnClose = document.getElementById("popup_btn_close"); var btnOk = document.getElementById("popup_btn_ok"); var btnCancel = document.getElementById("popup_btn_cancel"); var popup_title = document.getElementById("popup_title"); var popup_contents = document.getElementById("popup_contents"); var popup_btn_ok_str = document.getElementById("popup_btn_ok_str"); var popup_btn_cancel_str = document.getElementById("popup_btn_cancel_str"); popup_title.innerHTML = strTitle; popup_contents.innerHTML = strContents; popup_btn_ok_str.innerHTML = strOkBtn; popup_btn_cancel_str.innerHTML = strCancelBtn; opacityDiv.style.display = "block"; popupBoxDiv.style.display = "block"; btnClose.onclick = function() { opacityDiv.style.display = "none"; popupBoxDiv.style.display = "none"; } btnOk.onclick = function() { callBackOk(); opacityDiv.style.display = "none"; popupBoxDiv.style.display = "none"; } btnCancel.onclick = function() { callBackCancel(); opacityDiv.style.display = "none"; popupBoxDiv.style.display = "none"; } } function creagePopUpBox() { var strHTML = ""; strHTML +=''; strHTML +=' '; strHTML +=' '; strHTML +=' '; strHTML +='
'; strHTML +=' '; strHTML +=' '; strHTML +=' '; strHTML +=' '; strHTML +=' '; strHTML +=' '; strHTML +=' '; strHTML +=' '; strHTML +=' '; strHTML +=' '; strHTML +=' '; strHTML +=' '; strHTML +=' '; strHTML +=' '; strHTML +=' '; strHTML +=' '; strHTML +='
'; strHTML +=' '; strHTML +=' '; strHTML +=' '; strHTML +=' '; strHTML +=' '; strHTML +='
'; strHTML +='
'; strHTML +=' '; strHTML +=' '; strHTML +=' '; strHTML +=' '; strHTML +=' '; strHTML +=' '; strHTML +=' '; strHTML +='
'; strHTML +=' '; strHTML +=' '; strHTML +=' '; strHTML +=' '; strHTML +=' '; strHTML +=' '; strHTML +=' '; strHTML +=' '; strHTML +=' '; strHTML +=' '; strHTML +=' '; strHTML +=' '; strHTML +=' '; strHTML +=' '; strHTML +=' '; strHTML +=' '; strHTML +='
'; strHTML +='
'; strHTML +=' '; strHTML +=' '; strHTML +=' '; strHTML +=' '; strHTML +=' '; strHTML +=' '; strHTML +=' '; strHTML +='
'; strHTML +=' '; strHTML +=' '; strHTML +=' '; strHTML +=' '; strHTML +=' '; strHTML +=' '; strHTML +=' '; strHTML +=' '; strHTML +=' '; strHTML +=' '; strHTML +=' '; strHTML +=' '; strHTML +=' '; strHTML +=' '; strHTML +=' '; strHTML +='
'; strHTML +='
'; strHTML +='
'; strHTML +='
'; return strHTML; } function creagePopUpBoxLogin() { var strHTML = ""; strHTML +=''; strHTML +='
'; strHTML +=''; strHTML +=''; strHTML +=''; strHTML +=' '; strHTML +=' '; strHTML +=' '; strHTML +=' '; strHTML +=' '; strHTML +=' '; strHTML +=' '; strHTML +=' '; strHTML +=' '; strHTML +=' '; strHTML +=' '; strHTML +=' '; strHTML +='
'; strHTML +='
'; return strHTML; }