$(document).ready(function(){
  
  
  function change_css_class(item, css_class) {
    if (false == item.hasClass("selected")) {
      if(css_class == "active") {
        item.addClass("active").removeClass("normal");
      } //if
      else {
        item.addClass("normal").removeClass("active");
      } //else
    } //if
  } //change_css_class
  
  
  $("a.nav_item_01").hover(
    function(){ // over
      change_css_class($("#nav_item_01"), "active")
    },
    function(){ // out
      change_css_class($("#nav_item_01"), "normal")
    }
  );

  $("a.nav_item_02").hover(
    function(){ // over
      change_css_class($("#nav_item_02"), "active")
    },
    function(){ // out
      change_css_class($("#nav_item_02"), "normal")
    }
  );

  $("a.nav_item_03").hover(
    function(){ // over
      change_css_class($("#nav_item_03"), "active")
    },
    function(){ // out
      change_css_class($("#nav_item_03"), "normal")
    }
  );
  
  $("a.nav_item_04").hover(
    function(){ // over
      change_css_class($("#nav_item_04"), "active")
    },
    function(){ // out
      change_css_class($("#nav_item_04"), "normal")
    }
  );
  
  $("a.nav_item_05").hover(
    function(){ // over
      change_css_class($("#nav_item_05"), "active")
    },
    function(){ // out
      change_css_class($("#nav_item_05"), "normal")
    }
  );
  
  $("a.nav_item_06").hover(
    function(){ // over
      change_css_class($("#nav_item_06"), "active")
    },
    function(){ // out
      change_css_class($("#nav_item_06"), "normal")
    }
  );
    
});