$(document).ready(function(){
    
    // ヘッダー部分のリンク→画像切り替え
    $("img.hm").mouseover(function(){
        var src = $(this).attr("src");if( src.match("off") ) {src = src.replace("off", "on");} else {src = src.replace("on", "off");}$(this).attr("src",src);
        $(this).css("cursor","pointer");
    });
    $("img.hm").mouseout(function(){
        var src = $(this).attr("src");if( src.match("off") ) {src = src.replace("off", "on");} else {src = src.replace("on", "off");}$(this).attr("src",src);
        $(this).css("cursor","default");
    });
    $("div.size img.hm").click(function(){
        var s1 = $("img#size1").attr("src");
        s1i = s1.lastIndexOf("F");
        if( s1i != -1 ) {
            var ss1 = s1.substring(0, s1i) + "S" + s1.substring(s1i + 1);
            $("img#size1").attr("src",ss1);
        }
        var s2 = $("img#size2").attr("src");
        s2i = s2.lastIndexOf("F");
        if( s2i != -1 ) {
            var ss2 = s2.substring(0, s2i) + "S" + s2.substring(s2i + 1);
            $("img#size2").attr("src",ss2);
        }
        var s3 = $("img#size3").attr("src");
        s3i = s3.lastIndexOf("F");
        if( s3i != -1 ) {
            var ss3 = s3.substring(0, s3i) + "S" + s3.substring(s3i + 1);
            $("img#size3").attr("src",ss3);
        }
        var s4 = $(this).attr("src");
        s4i = s4.lastIndexOf("S");
        var ss4 = s4.substring(0, s4i) + "F" + s4.substring(s4i + 1);
        $(this).attr("src",ss4);
    });

    
});