$(function(){
    $("#chara_list a").colorbox({iframe:true, width:"935px", height:"555px"});
    $("#gallery a").colorbox();

    $('#menu a img').hover(function(){
        src = $(this).attr('src');
        $(this).attr('src',src.replace('.gif','_on.gif'));
    },function(){
        $(this).attr('src',src.replace('_on.gif','.gif'));
    });
    
    $('#chara_list a img').hover(function(){
        $('#char1').attr('src',$('#char1').attr('src').replace('_on.jpg','.jpg'));
        $('#char2').attr('src',$('#char2').attr('src').replace('_on.jpg','.jpg'));
        $('#char3').attr('src',$('#char3').attr('src').replace('_on.jpg','.jpg'));
        $('#char4').attr('src',$('#char4').attr('src').replace('_on.jpg','.jpg'));
        $('#char5').attr('src',$('#char5').attr('src').replace('_on.jpg','.jpg'));
        $('#char6').attr('src',$('#char6').attr('src').replace('_on.jpg','.jpg'));
        $(this).attr('src',$(this).attr('src').replace('.jpg','_on.jpg'));
 
    },function(){
        $(this).attr('src',$(this).attr('src').replace('_on.jpg','.jpg'));
        $('#char1').attr('src',$('#char1').attr('src').replace('.jpg','_on.jpg'));
        $('#char2').attr('src',$('#char2').attr('src').replace('.jpg','_on.jpg'));
        $('#char3').attr('src',$('#char3').attr('src').replace('.jpg','_on.jpg'));
        $('#char4').attr('src',$('#char4').attr('src').replace('.jpg','_on.jpg'));
        $('#char5').attr('src',$('#char5').attr('src').replace('.jpg','_on.jpg'));
        $('#char6').attr('src',$('#char6').attr('src').replace('.jpg','_on.jpg'));
    });
    
    $('#gallery a img').hover(function(){
        src = $(this).attr('src');
        $(this).attr('src',src.replace('.jpg','_on.jpg'));
    },function(){
        $(this).attr('src',src.replace('_on.jpg','.jpg'));
    });

});