밤새도록 해봤는데 안됩니다. ㅠㅠ

라디오 버튼 선택시 서로 다른 입력 폼을 보여주려 합니다.

문제점은,
1. 라디오 버튼 2개가 있는데, 라디오버튼 A선택후 입력폼에 작성한 후 
    다시 B를 선택후 입력폼에 작성하면, 2개다 입력이 되버립니다.
    둘중 1개만 하게 하고싶습니다. ㅠㅠ
    1개를 선택하면 다른1개는 초기화 하려면 어떻게 해야하나요~

2. 글 수정시, 라디오 버튼은 선택되어있는데 입력폼이 안나오고
    라디오 버튼을 꼭 한번 클릭해야만 입력폼이 나옵니다.

아래는 테이블등 다 뺴고 구현 부분만 복사해왔습니다.

꼭좀 도움 부탁드립니다 ㅠㅠ
   
 <input type=hidden name=wr_3 value="<?=$write[wr_3]?>" >
  <input type=hidden name=wr_8 value="<?=$write[wr_8]?>" >
 
<input type='radio' name='wr_1' value='youtube' <? if($write[wr_1]== "youtube") echo "checked"; ?> onclick="sel(this.value)">유튜브
<input type='radio' name='wr_1' value='flv' <? if ($write[wr_1]== "flv") echo "checked ";?> onclick="sel(this.value)">FLV

<div id='s1111' style="display:none">
URL: 
<input class='ed' maxlength=500 size=76 name=wr_3 itemname="youtube"  value="<?=$write[wr_3]?>"> 
</div>

<div id='s2222' style="display:none">
URL: 
<input class='ed' maxlength=500 size=76 name=wr_8 itemname="flv"  value="<?=$write[wr_8]?>">
</div>

<div>

<script language='Javascript'>
function sel(val) {
var f = document.popup;
if (val == 'youtube') {
s1111.style.display = 'block';
s2222.style.display = 'none';
}
if (val == 'flv') {
s1111.style.display = 'none';
s2222.style.display = 'block';
}
}
</script>