[질문]DIV여러개를 부드럽게 오버랩 하기?

아래의 1번소스에  2번소스의 기능을 넣을려고 합니다. 도움을 부탁드립니다.

1번소스는, 이미지나 텍스트를  div로 묽은 것을 자동으로 오버랩 하는 소스입니다.
2번소스는, 이미지를 부드럽게 오버랩 하는 소스입니다. 

제가 구현할려고 하는 것은
1번소스에 2번소스의 부드럽게 오버랩 하는 기능을 적용시킬려고 하는데
잘 않되네요.. 
 
그누보드 스킨을 만드는데 사용할려고 합니다. 물론 공개할것이구요~~~

감사합니다.







1.번소스 ==== 1.2.3 를 자동으로 넘기는 소스 ======================================================

<SCRIPT type=text/javascript>
<!--
old_debate='1';
function Comeon(objid){
document.getElementById("debate"+old_debate).style.display="none";
document.getElementById("debate"+old_debate+"#1").style.display="";
document.getElementById("debate"+objid+"#1").style.display="none";
document.getElementById("debate"+objid).style.display="";
document.getElementById("debate_content"+old_debate).style.display="none";
document.getElementById("debate_content"+objid).style.display="";
old_debate=objid;
}
var objid = 1;
var interval_best;

function best_change()
{
 if( objid == 3 )
  objid = 1;
 else
  objid++;

 Comeon(objid);
}
function setInterval_best()
{
 interval_best = setInterval("best_change()",3000);//속도조절
}
function clearInterval_best()
{
 clearInterval(interval_best);
}
setInterval_best();
//-->
</SCRIPT>

<DIV id=debate_content1 onmouseover=clearInterval_best() onmouseout=setInterval_best()>1</DIV>
<DIV id=debate_content2 onmouseover=clearInterval_best() onmouseout=setInterval_best() style="DISPLAY: none;">2</DIV>
<DIV id=debate_content3 onmouseover=clearInterval_best() onmouseout=setInterval_best() style="DISPLAY: none;">3</DIV>

<a href="javascript://" onmouseover="javascript:Comeon('1')">
<img src="on_1.gif" width="33" height="11"  border="0" id=debate1 onmouseover=clearInterval_best() onmouseout=setInterval_best()>
<img src="best_1.gif" width="33" height="11" border="0"  id=debate1#1  style="DISPLAY: none;"></a>

<a href="javascript://" onmouseover="javascript:Comeon('2')">
<img src="on_2.gif" width="33" height="11"  border="0" id=debate2 onmouseover=clearInterval_best() onmouseout=setInterval_best() style="DISPLAY: none;">
<img src="best_2.gif" width="33" height="11" border="0"  id=debate2#1></a>

<a href="javascript://" onmouseover="javascript:Comeon('3')">
<img src="on_3.gif" width="33" height="11"  border="0" id=debate3 onmouseover=clearInterval_best() onmouseout=setInterval_best() style="DISPLAY: none;">
<img src="best_3.gif" width="33" height="11" border="0"  id=debate3#1></a>

======================================================

2.번소스 ==== 1.2.3 이미지를 자동으로 부드럽게 넘기는 소스 =================================

<form name=frm_banner>
<script language="javascript">
<!--//
var f = document.frm_banner;img_src_0 = new Array;
url_href_0 = new Array;
url_title_0 = new Array;
url_target_0 = new Array;

function change_0() { f.link_0b.filters.blendTrans.apply();
f.link_0b.src = img_src_0[count_0];
link_0a.href = url_href_0[count_0];
link_0a.title = url_title_0[count_0]; 
link_0a.target = url_target_0[count_0];
f.link_0b.filters.blendTrans.play();

if(count_0 < maxLoops_0){ count_0++; }else{ count_0 = 1;
} setTimeout('change_0()', setup_time_0*1000); }

//-->
</script> <script language="javascript">
<!--//
//////////////////////////////////
// 광고를 돌릴 내용 수 입니다. 2개면 2 , 3개면 3
var maxLoops_0 = 3;
//////////////////////////////////
// 광고 노출 시간.. 초단위...
var setup_time_0 = 3;
///////////////////////////////////

var count_0 = Math.floor((Math.random()*10)%maxLoops_0)+1;

img_src_0[1]  ='/user_img/<?=$bless_main[main_1_img]?>';
url_href_0[1] ='<?=$g4[bbs_path]?>/board.php?bo_table=<?=$bless_main[main_cn5_board]?>';
url_title_0[1] ='';
url_target_0[1] ='_parent';

img_src_0[2]  ='/user_img/<?=$bless_main[main_2_img]?>';
url_href_0[2] ='<?=$g4[bbs_path]?>/board.php?bo_table=<?=$bless_main[main_cn6_board]?>';
url_title_0[2] ='';
url_target_0[2] ='_parent';

img_src_0[3]  ='/user_img/<?=$bless_main[main_3_img]?>';
url_href_0[3] ='<?=$g4[bbs_path]?>/board.php?bo_table=<?=$bless_main[main_cn7_board]?>';
url_title_0[3] ='';
url_target_0[3] ='_parent';

change_0();
//-->
</script><? } ?>
 </form>

===============================================================================