레이어로 confirm 혹은 alert창 띄우기

<script language="javascript" type="text/javascript">
// 조정할 수 잇는 값
var fontSize = 14; // 폰트 최대값

// 값을 변경하지 마세요
var left = 0;
var top = 0;
var fs = 0;

function Loading(mode,width_inc,name) {
var obj = document.getElementById(name);

if (!left) left = parseInt(obj.style.left.replace("px",""));
if (!top) top = parseInt(obj.style.top.replace("px",""));
if (obj.style.visibility == "hidden") obj.style.visibility = "visible";

if ((mode == 1 && fs <= fontSize) || (mode == 2 && fs > 0)) {
obj.style.left = left + (((fontSize*width_inc) - (fs*width_inc < 1 ? 20 : fs*width_inc)) / 2) + "px";
;
obj.style.top = top + (fontSize - fs) / 2 + "px";
;
obj.style.width = fs*width_inc < 1 ? 20 : fs*width_inc + "px";
;
obj.style.fontSize = fs;
if (mode == 1) fs += 2;
else fs -= 2;
setTimeout("Loading("+mode+","+width_inc+",'"+name+"')",30);
}

if (mode == 2 && fs < 1) {
fs = 0;
obj.style.visibility = "hidden";
}
}
</script>
<style>
.delete_box { padding:10; position:absolute; font-weight:bold; color:white; text-align:center; background:#6699CC; border:1px solid #000000; }
.delete_box A:link { color:white }
.delete_box A:visited { color:white }
.delete_box A:active { color:white }
.delete_box A:hover { color:white }
</style>

<a href="javascripｔ:Loading(1,20,'delete_box2');">삭제1</a>
<a href="javascripｔ:Loading(1,15,'delete_box');">삭제2</a>

<DIV id="delete_box2" class="delete_box" style="padding-top:5px; padding-bottom:5px; font-size:1px; left:200px; top:200px; visibility:hidden; width:20px;">
삭제하실 항목을 선택해주세요. <br /><br />
<span style="cursor:pointer" onclick="Loading(2,20,'delete_box2')">확인</span>
</DIV>

<DIV id="delete_box" class="delete_box" style="padding-top:5px; padding-bottom:5px; font-size:1px; left:250px; top:200px; visibility:hidden; width:20px;">
삭제하시겠습니까? <br /><br />
<span style="cursor:pointer" onclick="document.form_del.submit();">예</span>

<span style="cursor:pointer" onclick="Loading(2,15,'delete_box')">아니오</span>