http://sir.co.kr/bbs/board.php?bo_table=g4_tiptech&wr_id=12811

해당 게시물을 참고하여
게시판 검색에 있는 and or 버튼을 이미지처리 시키려고 하는데요.
어렵네요

여차여차해서 검색어 입력후 and나 or을 클릭하고 나서 엔터 치면
검색결과에선 클릭한 이미지로 보여지는데
문제는 이미지로 바꾼 and 나 or 클릭시 이미지변환이 없다는것..
도와주세요..............................

코드부분
<input type="radio" name="sop" value="and" style="display:none"><!-- and 라디오 버튼 -->
<input type="radio" name="sop" value="or" style="display:none"><!-- or 라디오 버튼 -->

<!-- and 부분 이미지 처리 -->
<img src="<?=$board_skin_path?>/img/<?if ($sop=='and'){ echo 'and_on.gif';}else echo'and.gif';?>" id="img0" onClick="document.fsearch.sop[0].checked = true;" ALT="">

<!-- or 부분 이미지 처리 -->
<img src="<?=$board_skin_path?>/img/<?if ($sop=='or'){ echo 'or_on.gif';}else echo'or.gif';?>" id="img1" onClick="document.fsearch.sop[1].checked = true;" ALT="">

<script language="JavaScript">
if ('<?=$sca?>') document.fcategory.sca.value = '<?=$sca?>';
if ('<?=$stx?>') {
    document.fsearch.sfl.value = '<?=$sfl?>';

  if ('<?=$sop?>' == 'and')
   document.fsearch.sop[0].checked = true;
   // 몬가추가하면 될것 같은데
  if ('<?=$sop?>' == 'or')
  // 여기도...
   document.fsearch.sop[1].checked = true;

} else {
 document.fsearch.sop[0].checked = true;
}
</script>