셀렉트2개를 제어하는것인데...불필요한 부분을 알려주세요...수정해서 사용하는것이라서요.

더불어 소스설명좀 부탁드립니다.

<select name="s_part1" onChange="redirect(this.options.selectedIndex)">
<option selected>--분류1--</option>
<option value="1">컴퓨터</option>
<option value="2">음반</option>
</select>
<select name="s_part2">
<option selected>--분류2--</option>
</select>

<script>
<!--
var groups = document.form1.s_part1.options.length
var group = new Array(groups)

for (i=0; i<groups; i++)
group[i]=new Array()

<!--배열시작//-->
group[0][0] = new Option("--분류2--","")
                                                
<!--1 선택시//-->
group[1][0]=new Option("cpu","cpu")
group[1][1]=new Option("메모리","ram")
group[1][2]=new Option("하드디스크","hdd")
<!--2 선택시//-->
group[2][0]=new Option("클래식","classic")
group[2][1]=new Option("재즈","jazz")

var temp=document.form1.s_part2


-----------------------------이 부분부터 이해가..=_=----------------------------
function redirect(x)
{
for(m=temp.options.length-1;m>0;m--)
temp.options[m]=null
for(i=0;i<group[x].length;i++)
{
temp.options[i]=new Option(group[x][i].text,group[x][i].value)
}
temp.options[0].selected=true
}
//-->
</script>