$(document).ready(function(){
  // シンプルな画像ロールオーバー
  $('.gloval li img')
    .mouseover(function(){
      var onSrc = $(this).attr('src').replace('.gif', '_on.gif');
			$(this).attr('src', onSrc);
    })
    .mouseout(function(){
      var offSrc = $(this).attr('src').replace('_on.gif', '.gif');
      $(this).attr('src', offSrc);
    });

  // CSSプロパティのopacityを書き換える
  $('.sub_menu li')
    .mouseover(function(){
			$(this).animate({opacity: 0.7}, 'fast');
    })
    .mouseout(function(){
        $(this).animate({opacity: 1.0}, 'fast');
    });
    
  // はじめからロールオーバー後の画像になっている場合に対応
  $('ul.nav#third a img:not([src$=_o.gif])')
    .mouseover(function(){
      var onSrc = $(this).attr('src').replace('.gif', '_o.gif');
      $(this).attr('src', onSrc);
    })
    .mouseout(function(){
      var offSrc = $(this).attr('src').replace('_o.gif', '.gif');
      $(this).attr('src', offSrc);
    });
});