메인페이지에서 마우스 오버 질문이에요 채택완료

안녕하세요 ㅠㅠ 메인페이지에선 마우스 오버가 잘되는데

서브에선 안되요 ㅠㅠ 왜그럴까요!

소스는 이거에요

 

<script type="text/javascript">

$(document).ready(function(){
 var getSRC = $(".<?=$category1?>>ul>li:eq(0)>a>img").attr('src');
 var GNB = "<?=$category1?>";
 
 //alert("src : " + getSRC);
 <?php
 if($category1 != "MAIN" ){
 ?>
  $(".<?=$category1?>>ul").show();
  $(".<?=$category1?>>a>img").attr("src",$(".<?=$category1?>>a>img").attr("src").replace(".png","_on.png")); //depth1
  $(".<?=$category1?>>ul>li:eq(<?=$menu1?>)>a>img").attr("src",$(".<?=$category1?>>ul>li:eq(<?=$menu1?>)>a>img").attr("src").replace(".png","_on.png")); //depth2
  $("#over_menu").prepend("<div class='menu_bar' style='background:url(<?=$g4[path]?>/img/menu/s_menu_bar.png) no-repeat; width:920px; position:absolute; height:20px; top:39px; left:0px;'>&nbsp;</div>");
 <?
 }else{ echo "$('.menu_bar').remove();\n";}
 ?>
 $("#over_menu > li >a").bind("mouseover focus",function(){
  //1. 전체 서브 메뉴를 가린다.
   $("#over_menu ul").hide();
  //2. 해당 서브메뉴만 내려온다.
   $(this).next().show();
   $("#over_menu").height("34px");
   
  //3. 버튼색상 비활성화
   $("#over_menu>li>a>img").each(function(){
    //선택 요소들에 각각 접근을 한다.
    $(this).attr("src",$(this).attr("src").replace("_on.png",".png"));
   })

  //4. 해당버튼만 활성화
   $myBtn = $(this).children("img");
   $myBtn.attr("src",$myBtn.attr("src").replace(".png","_on.png"));

   $("#over_menu>li>ul>li>a").bind("mouseover focus",function(){
    $("#over_menu>li>ul>li>a>img").each(function(){
     $(this).attr("src",$(this).attr("src").replace("_on.png",".png"));
    })

    $depth2Btn = $(this).children("img");
    $depth2Btn.attr("src",$depth2Btn.attr("src").replace(".png","_on.png"));
   })
    $("#over_menu").prepend("<div class='menu_bar' style='background:url(<?=$g4[path]?>/img/menu/s_menu_bar.png) no-repeat; width:920px; position:absolute; height:20px; top:39px; left:0px;'>&nbsp;</div>");
   
 })

 //sub page - depth2 over
 $("#over_menu>li>ul>li>a").bind("mouseover focus",function(){
  $("#over_menu>li>ul>li>a>img").each(function(){
   $(this).attr("src",$(this).attr("src").replace("_on.png",".png"));
  })

  $depth2Btn = $(this).children("img");
  $depth2Btn.attr("src",$depth2Btn.attr("src").replace(".png","_on.png"));
 })
 
 $("#over_menu > li").bind("mouseover focus",function(){
  var GNBClass = $(this).attr("class");
  
 //alert("gnb :" + GNBClass);
 
 //메뉴bar 삭제
 // if(GNBClass == "menu4" ) $(".menu_bar").remove();
 // if(GNBClass == "menu7" ) $(".menu_bar").remove();
 });

 $("#over_menu").mouseleave(function(){ //마우스가 벗어났을 때
  $("#over_menu ul").hide();
  $("#over_menu").height("34px");
  $(".menu_bar").remove();
  $("#over_menu>li>a>img").each(function(){
   //선택 요소들에 각각 접근을 한다.
   $(this).attr("src",$(this).attr("src").replace("_on.png",".png"));
  })

  
  $("#over_menu>li>ul>li>a>img").each(function(){
   //선택 요소들에 각각 접근을 한다.
   $(this).attr("src",$(this).attr("src").replace("_on.png",".png"));
  })
  
  <?php
  if($category1 != "MAIN"){
  ?>
  $(".<?=$category1?>>ul").show();
  $("#over_menu").prepend("<div class='menu_bar' style='background:url(<?=$g4[path]?>/img/menu/s_menu_bar.png) no-repeat; width:920px; position:absolute; height:20px; top:39px; left:0px;'>&nbsp;</div>");
  $(".<?=$category1?>>a>img").attr("src",$(".<?=$category1?>>a>img").attr("src").replace(".png","_on.png")); //depth1
  $(".<?=$category1?>>ul>li:eq(<?=$menu1?>)>a>img").attr("src",$(".<?=$category1?>>ul>li:eq(<?=$menu1?>)>a>img").attr("src").replace(".png","_on.png")); //position remember
  <?
  }
  ?>
 })
});
</script>