<script>
var fadeimages = new Array;
var linkarr = new Array;
var numimg = new Array;

 //첫번째 사용할 이미지 주소
 fadeimages[0] = 'http://www.codisale.com/images/m_img/rolling/main_rool0304.jpg';
 //첫번째 링크주소
 linkarr[0] = '/product/product_detail.asp?product_num=101794';
 //첫번째 아래숫자 이미지 주소
 numimg[0] = 'http://www.codisale.com/images/m_img/rolling/no_01_over.gif';

 fadeimages[1] = 'http://www.codisale.com/images/m_img/rolling/mian_roll02.jpg';
 linkarr[1] = '/product/product_detail.asp?product_num=101641';
 numimg[1] = 'http://www.codisale.com/images/m_img/rolling/no_02_over.gif';

 fadeimages[2] = 'http://www.codisale.com/images/m_img/rolling/mian_roll03.jpg';
 linkarr[2] = '/product/product_detail.asp?product_num=101514';
 numimg[2] = 'http://www.codisale.com/images/m_img/rolling/no_03_over.gif';

 fadeimages[3] = 'http://www.codisale.com/images/m_img/rolling/an.jpg';
 linkarr[3] = '/product/product_detail.asp?product_num=101072';
 numimg[3] = 'http://www.codisale.com/images/m_img/rolling/no_04_over.gif';
 
 fadeimages[4] = 'http://www.codisale.com/images/m_img/rolling/stone.jpg';
 linkarr[4] = '/product/product_detail.asp?product_num=101090';
 numimg[4] = 'http://www.codisale.com/images/m_img/rolling/no_05_over.gif';
 
 fadeimages[5] = 'http://www.codisale.com/images/m_img/rolling/nb.jpg';
 linkarr[5] = '/product/product_detail.asp?product_num=101470';
 numimg[5] = 'http://www.codisale.com/images/m_img/rolling/no_06_over.gif';
 
 fadeimages[6] = 'http://www.codisale.com/images/m_img/rolling/main_rool07.jpg';
 linkarr[6] = '/product/product_detail.asp?product_num=101791';
 numimg[6] = 'http://www.codisale.com/images/m_img/rolling/no_07_over.gif';


var cliImg = '';
var cliImgSrc = '';
var n = Math.round(Math.random() * 10);
var interval = 4000;
var setTimeId = '';

function rotateStop()
{
 clearTimeout(setTimeId);
}

function rotateStart()
{
 rotate();
}

function chki(ci, no)
{
 var pImg = document.all.RollImg;
 var pUrl = document.all.RollUrl;

 if(cliImg == '') {
  cliImg = ci;
  cliImgSrc = ci.src;
  ci.src = numimg[no];
  n=no;
  pImg.src = fadeimages[no];
  pUrl.href = linkarr[no];  
 } else if(cliImg != ci) {
  cliImg.src = cliImgSrc;
  cliImg = ci;
  cliImgSrc = ci.src;
  ci.src = numimg[no];
  n=no;
  pImg.src = fadeimages[no];
  pUrl.href = linkarr[no];  
 }
}

function rotate()
{
 n = (n >= 6) ? 0 : n+1;
 setimgurl();
 setTimeId=setTimeout("rotate()",interval);
}

function setimgurl()
{
 var ci = eval('document.all.num_img'+n);

 document.all.RollImg.filters.blendTrans.apply();
 document.all.RollUrl.href=linkarr[n];
 document.all.RollImg.src=fadeimages[n];
 document.all.RollImg.filters.blendTrans.play();
 
 if(cliImg == '') {
  cliImg = ci;
  cliImgSrc = ci.src;
  ci.src = numimg[n];
 } else if(cliImg != ci) {
  cliImg.src = cliImgSrc;
  cliImg = ci;
  cliImgSrc = ci.src;
  ci.src = numimg[n];
 }
}

//-->
</script>

<TABLE style="BACKGROUND-REPEAT: no-repeat" cellSpacing=0 cellPadding=0 width="485" border=0>
<TBODY>
<TR>
<TD width="485" height="325" style="padding-top:5px;">
<A onfocus=this.blur() href="/product/product_detail.asp?product_num=101413" name=RollUrl><IMG style="FILTER: blendTrans(duration=1)" height="325" src="http://www.codisale.com/images/m_img/rolling/jean.jpg" width="485" border=0 name=RollImg></A></TD>
</TR><TBODY>
<TR>
<TD align=middle width="485" style="padding-top:5;"><table cellSpacing=0 cellPadding=0 border=0 width="480">
    <tr>
        <td width="103"><IMG src="http://www.codisale.com/images/m_img/rolling/no_view.gif" border=0 width="100" height="15"></td>
        <td width="55"><IMG style="CURSOR: hand" onclick="chki(this, 0);" src="http://www.codisale.com/images/m_img/rolling/no_01.gif" align=absMiddle border=0 name=num_img0 width="52" height="15"></td>
        <td width="55"><IMG style="CURSOR: hand" onclick="chki(this, 1);" src="http://www.codisale.com/images/m_img/rolling/no_02.gif" align=absMiddle border=0 name=num_img1 width="52" height="15"></td>
        <td width="55"><IMG style="CURSOR: hand" onclick="chki(this, 2);" src="http://www.codisale.com/images/m_img/rolling/no_03.gif" align=absMiddle border=0 name=num_img2 width="52" height="15"></td>
        <td width="55"><IMG style="CURSOR: hand" onclick="chki(this, 3);" src="http://www.codisale.com/images/m_img/rolling/no_04.gif" align=absMiddle border=0 name=num_img3 width="52" height="15"></td>
        <td width="55"><IMG style="CURSOR: hand" onclick="chki(this, 4);" src="http://www.codisale.com/images/m_img/rolling/no_05.gif" align=absMiddle border=0 name=num_img4 width="52" height="15"></td>
        <td width="55"><IMG style="CURSOR: hand" onclick="chki(this, 5);" src="http://www.codisale.com/images/m_img/rolling/no_06.gif" align=absMiddle border=0 name=num_img5 width="52" height="15"></td>
        <td width="55"><IMG style="CURSOR: hand" onclick="chki(this, 6);" src="http://www.codisale.com/images/m_img/rolling/no_07.gif" align=absMiddle border=0 name=num_img6 width="52" height="15"></td>
    </tr>
</table></TD>
</TR></TBODY></TABLE>
<script language=JavaScript>
<!--
rotateStart();
//-->
</script>