레이어팝업 스크립트 문의

안녕하세요..
레이어멀티팝업을 사용하고 있는데요..
팝업이 순차적으로 넘어가야 하는데..랜덤형식으로 보여지네요;;;
아래 소스 중
else {
   var nRandom = (Math.floor((Math.random()) * 100) % 9) + 1;
   nHangNo = nRandom;
       }
이 부분이 문제인거 같은데요..
어떻게 바꿔줘야 할까요??
혹시 다른부분이 문제라면 조언 부탁드립니다.

<!-- 메인상품부분 시작 -->
<script language='javascript'>
 //var nHangNo = Math.round(Math.random() * 9);
 var nHangNo = 0;
 var nHangInterval = 4000;
 var nHangNoOld = nHangNo;

 var aHtmls = new Array ("<a href='#' onfocus='this.blur()' target='_blank'><img src='../pop/img/view_01.gif' border=0></a>","<a href='#' onfocus='this.blur()'><img src='../pop/img/view_02.gif' border=0></a>","<a href='#' onfocus='this.blur()'><img src='../pop/img/view_03.gif' border=0></a>","<a href='#' onfocus='this.blur()'><img src='../pop/img/view_04.gif' border=0></a>","<a href='#' onfocus='this.blur()'><img src='../pop/img/view_05.gif' border=0></a>","<a href='#' onfocus='this.blur()'><img src='../pop/img/view_06.gif' border=0></a>","<a href='#' onfocus='this.blur()'><img src='../pop/img/view_07.gif' border=0></a>","<a href='#' onfocus='this.blur()'><img src='../pop/img/view_08.gif' border=0></a>","<a href='#' onfocus='this.blur()'><img src='../pop/img/view_09.gif' border=0></a>","<a href='#' onfocus='this.blur()'><img src='../pop/img/view_10.gif' border=0></a>");

 function rotateHanger() {
  setHanger();
  nHangNoOld = nHangNo;
  if (nHangNo == 0) {
   (nHangNo==(aHtmls.length-1))?nHangNo=0:nHangNo++;
  } else {
   var nRandom = (Math.floor((Math.random()) * 100) % 9) + 1;
   nHangNo = nRandom;
  }

  setTimeout('rotateHanger()',nHangInterval);
 }
 
 function changeHanger(nGotoNo) {
  nHangNo = nGotoNo;
  setHanger();
 }
 
 function setHanger() {
  clearHangerButton();

  document.getElementById("divHanger").filters[0].apply();
 
  if(navigator.appName=='Netscape' && document.getElementById) {
   document.getElementById("divHanger").innerHTML=aHtmls[nHangNo];
  } else {
   document.getElementById("divHanger").innerHTML=aHtmls[nHangNo];
  }

  document.getElementById("divHanger").filters[0].play();
 }

 function clearHangerButton() {
  var nHangCount = aHtmls.length;
  var nSetHangNo = nHangNo + 1;
  
  var newImageID = document.getElementById("nMainHangButton" + nSetHangNo);
  
  for(i=0; i<nHangCount; i++){
   nSetHangNoOld = i + 1;
   nClearImageID = document.getElementById("nMainHangButton" + nSetHangNoOld);
   nClearImageID.src='../pop/img/hang'+ nSetHangNoOld +'_off.gif';
  }
  
  newImageID.src = '../pop/img/hang'+ nSetHangNo +'_on.gif';
 }
</script>
<!--// 메인 행어 베너  //-->
<table width='220' border='0' cellspacing='0' cellpadding='0'>
 <tr>
  <td width='455' height='235' valign='top'>
        <table border='0' align='left' cellpadding='0' cellspacing='0'>
     <tr>
      <td width='70' height="19" valign="top"><img src='../pop/img/view.gif'></td>
      <td align='center' valign="top"><a href='javascript:changeHanger(0)' onfocus='this.blur()'><img id='nMainHangButton1' src='../pop/img/hang1_off.gif' border='0'></a></td>
      <td align='center' valign="top"><a href='javascript:changeHanger(1)' onfocus='this.blur()'><img id='nMainHangButton2' src='../pop/img/hang2_off.gif' border='0'></a></td>
      <td align='center' valign="top"><a href='javascript:changeHanger(2)' onfocus='this.blur()'><img id='nMainHangButton3' src='../pop/img/hang3_off.gif' border='0'></a></td>
      <td align='center' valign="top"><a href='javascript:changeHanger(3)' onfocus='this.blur()'><img id='nMainHangButton4' src='../pop/img/hang4_off.gif' border='0'></a></td>
      <td align='center' valign="top"><a href='javascript:changeHanger(4)' onfocus='this.blur()'><img id='nMainHangButton5' src='../pop/img/hang5_off.gif' border='0'></a></td>
      <td align='center' valign="top"><a href='javascript:changeHanger(5)' onfocus='this.blur()'><img id='nMainHangButton6' src='../pop/img/hang6_off.gif' border='0'></a></td>
      <td align='center' valign="top"><a href='javascript:changeHanger(6)' onfocus='this.blur()'><img id='nMainHangButton7' src='../pop/img/hang7_off.gif' border='0'></a></td>
      <td align='center' valign="top"><a href='javascript:changeHanger(7)' onfocus='this.blur()'><img id='nMainHangButton8' src='../pop/img/hang8_off.gif' border='0'></a></td>
      <td align='center' valign="top"><a href='javascript:changeHanger(8)' onfocus='this.blur()'><img id='nMainHangButton9' src='../pop/img/hang9_off.gif' border='0'></a></td>
      <td align='center' valign="top"><a href='javascript:changeHanger(9)' onfocus='this.blur()'><img id='nMainHangButton10' src='../pop/img/hang10_off.gif' border='0'></a></td>
     </tr>
    </table><br />
   <div id='divHanger' STYLE="position: absolute; width: 219px; filter:progid:DXImageTransform.Microsoft.Wipe(GradientSize=1.0, wipeStyle=0, duration=1 ,motion='forward'); left: 135px; top: 181px;"></div>
   <div style='position: absolute; height: 235px; padding-top: 390px'>
    
   </div>
   <script language='javascript'>
   <!--// 메인 행어 로테이터 스타트 //-->
    rotateHanger();
   </script>
  </td>
 </tr>
</table>
<!-- 메인상품부분 끝 -->