HTML5吉他和弦索引 | 电子吉他

使用HTML5构建一把在线电子吉他。

html5, music, Guitar

《aframe.js 3d拼图代码详解》作品已被踏得网收录！

第三方库
作品简介 2512
作品推荐
使用帮助
常用链接

HTML
CSS
JavaScript
Result

编译

JavaScript

$(document).ready(function() {
    $(".gc-main-men").hide();
    $(".gc-note-xxx").hide();
    $(".gc-note").hide();

$(".gc-btn-1").click(function() {
        $(".gc-note-xxx").hide();
    });

$(".gc-n-btn").click(function() {
        $(".gc-main-note-page").hide();
    });
    $(".gc-n-btn-F").click(function() {
        $(".gc-main-men").hide(),
            $(".gc-note-xxx").hide();
    });

$("#gc-btn-A-men, #gc-pager-btn-A2").click(function() {
        $("#gc-xxn-A-pg1").show(),
            $("#gc-xxn-A-pg2").hide();
    });
    $("#gc-pager-btn-A1").click(function() {
        $("#gc-xxn-A-pg2").show(),
            $("#gc-xxn-A-pg1").hide();
    });

$("#gc-btn-B-men, #gc-pager-btn-B2").click(function() {
        $("#gc-xxn-B-pg1").show(),
            $("#gc-xxn-B-pg2").hide();
    });

$("#gc-pager-btn-B1").click(function() {
        $("#gc-xxn-B-pg2").show(),
            $("#gc-xxn-B-pg1").hide();
    });

$("#gc-btn-C-men, #gc-pager-btn-C2").click(function() {
        $("#gc-xxn-C-pg1").show(),
            $("#gc-xxn-C-pg2").hide();
    });

$("#gc-pager-btn-C1").click(function() {
        $("#gc-xxn-C-pg2").show(),
            $("#gc-xxn-C-pg1").hide();
    });

$("#gc-btn-D-men, #gc-pager-btn-D2").click(function() {
        $("#gc-xxn-D-pg1").show(),
            $("#gc-xxn-D-pg2").hide();
    });

$("#gc-pager-btn-D1").click(function() {
        $("#gc-xxn-D-pg2").show(),
            $("#gc-xxn-D-pg1").hide();
    });

$("#gc-btn-E-men, #gc-pager-btn-E2").click(function() {
        $("#gc-xxn-E-pg1").show(),
            $("#gc-xxn-E-pg2").hide();
    });

$("#gc-pager-btn-E1").click(function() {
        $("#gc-xxn-E-pg2").show(),
            $("#gc-xxn-E-pg1").hide();
    });

$("#gc-btn-F-men, #gc-pager-btn-F2").click(function() {
        $("#gc-xxn-F-pg1").show(),
            $("#gc-xxn-F-pg2").hide();
    });

$("#gc-pager-btn-F1").click(function() {
        $("#gc-xxn-F-pg2").show(),
            $("#gc-xxn-F-pg1").hide();
    });

$("#gc-btn-G-men, #gc-pager-btn-G2").click(function() {
        $("#gc-xxn-G-pg1").show(),
            $("#gc-xxn-G-pg2").hide();
    });

$("#gc-pager-btn-G1").click(function() {
        $("#gc-xxn-G-pg2").show(),
            $("#gc-xxn-G-pg1").hide();
    });

$("#gc-xn-pg-btn-A").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-A").show();
    });
    $("#gc-xn-pg-btn-A-sharp5").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-A-sharp5").show();
    });
    $("#gc-xn-pg-btn-A-B").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-A-B").show();
    });
    $("#gc-xn-pg-btn-A-D").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-A-D").show();
    });
    $("#gc-xn-pg-btn-A-G").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-A-G").show();
    });
    $("#gc-xn-pg-btn-A-Gb").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-A-Gb").show();
    });
    $("#gc-xn-pg-btn-A5").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-A5").show();
    });
    $("#gc-xn-pg-btn-A6").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-A6").show();
    });
    $("#gc-xn-pg-btn-A6-7-sus").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-A6-7-sus").show();
    });
    $("#gc-xn-pg-btn-A7").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-A7").show();
    });
    $("#gc-xn-pg-btn-A7sus4").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-A7sus4").show();
    });
    $("#gc-xn-pg-btn-Aadd9").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-Aadd9").show();
    });
    $("#gc-xn-pg-btn-Ab-F").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-Ab-F").show();
    });
    $("#gc-xn-pg-btn-Ab-Gb").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-Ab-Gb").show();
    });
    $("#gc-xn-pg-btn-Ab6").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-Ab6").show();
    });
    $("#gc-xn-pg-btn-Ab7").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-Ab7").show();
    });
    $("#gc-xn-pg-btn-Abdim-E").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-Abdim-E").show();
    });
    $("#gc-xn-pg-btn-Abdim-F").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-Abdim-F").show();
    });
    $("#gc-xn-pg-btn-Abdim7").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-Abdim7").show();
    });
    $("#gc-xn-pg-btn-Abm-E").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-Abm-E").show();
    });
    $("#gc-xn-pg-btn-Adim-F").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-Adim-F").show();
    });
    $("#gc-xn-pg-btn-Am").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-Am").show();
    });
    $("#gc-xn-pg-btn-Am-B").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-Am-B").show();
    });
    $("#gc-xn-pg-btn-Am-D").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-Am-D").show();
    });
    $("#gc-xn-pg-btn-Am-F").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-Am-F").show();
    });
    $("#gc-xn-pg-btn-Am-G").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-Am-G").show();
    });
    $("#gc-xn-pg-btn-Am-Gb").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-Am-Gb").show();
    });
    $("#gc-xn-pg-btn-Am6").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-Am6").show();
    });
    $("#gc-xn-pg-btn-Am7").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-Am7").show();
    });
    $("#gc-xn-pg-btn-Asus").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-Asus").show();
    });
    $("#gc-xn-pg-btn-Asus2").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-Asus2").show();
    });
    $("#gc-xn-pg-btn-Asus2-C").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-Asus2-C").show();
    });
    $("#gc-xn-pg-btn-Asus2-D").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-Asus2-D").show();
    });
    $("#gc-xn-pg-btn-Asus2-Db").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-Asus2-Db").show();
    });
    $("#gc-xn-pg-btn-Asus2-G").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-Asus2-G").show();
    });
    $("#gc-xn-pg-btn-Asus2-Gb").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-Asus2-Gb").show();
    });
    $("#gc-xn-pg-btn-Asus4-C").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-Asus4-C").show();
    });
    $("#gc-xn-pg-btn-Asus4-Db").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-Asus4-Db").show();
    });
    $("#gc-xn-pg-btn-Asus4-G").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-Asus4-G").show();
    });
    $("#gc-xn-pg-btn-Asus4-Gb").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-Asus4-Gb").show();
    });
    $("#gc-xn-pg-btn-B-sharp5").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-B-sharp5").show();
    });
    $("#gc-xn-pg-btn-B-A").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-B-A").show();
    });
    $("#gc-xn-pg-btn-B-E").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-B-E").show();
    });
    $("#gc-xn-pg-btn-B5").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-B5").show();
    });
    $("#gc-xn-pg-btn-B7").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-B7").show();
    });
    $("#gc-xn-pg-btn-B7-add11").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-B7-add11").show();
    });
    $("#gc-xn-pg-btn-B7sus4").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-B7sus4").show();
    });
    $("#gc-xn-pg-btn-Baug-E").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-Baug-E").show();
    });
    $("#gc-xn-pg-btn-Bb").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-Bb").show();
    });
    $("#gc-xn-pg-btn-Bb-Ab").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-Bb-Ab").show();
    });
    $("#gc-xn-pg-btn-Bb-G").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-Bb-G").show();
    });
    $("#gc-xn-pg-btn-Bb5").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-Bb5").show();
    });
    $("#gc-xn-pg-btn-Bb6").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-Bb6").show();
    });
    $("#gc-xn-pg-btn-Bb7").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-Bb7").show();
    });
    $("#gc-xn-pg-btn-Bbdim-G").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-Bbdim-G").show();
    });
    $("#gc-xn-pg-btn-Bbdim-Gb").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-Bbdim-Gb").show();
    });
    $("#gc-xn-pg-btn-Bbdim7").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-Bbdim7").show();
    });
    $("#gc-xn-pg-btn-Bdim-A").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-Bdim-A").show();
    });
    $("#gc-xn-pg-btn-Bdim-Ab").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-Bdim-Ab").show();
    });
    $("#gc-xn-pg-btn-Bdim-G").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-Bdim-G").show();
    });
    $("#gc-xn-pg-btn-Bdim7").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-Bdim7").show();
    });
    $("#gc-xn-pg-btn-Bm").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-Bm").show();
    });
    $("#gc-xn-pg-btn-Bm-A").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-Bm-A").show();
    });
    $("#gc-xn-pg-btn-Bm-G").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-Bm-G").show();
    });
    $("#gc-xn-pg-btn-Bm7").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-Bm7").show();
    });
    $("#gc-xn-pg-btn-Bm7--b5--").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-Bm7--b5--").show();
    });
    $("#gc-xn-pg-btn-Bm7-add11").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-Bm7-add11").show();
    });
    $("#gc-xn-pg-btn-Bsus").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-Bsus").show();
    });
    $("#gc-xn-pg-btn-Bsus2").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-Bsus2").show();
    });
    $("#gc-xn-pg-btn-Bsus4-A").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-Bsus4-A").show();
    });
    $("#gc-xn-pg-btn-Bsus4-Ab").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-Bsus4-Ab").show();
    });
    $("#gc-xn-pg-btn-Bsus4-Eb").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-Bsus4-Eb").show();
    });
    $("#gc-xn-pg-btn-Bsus4-G").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-Bsus4-G").show();
    });
    $("#gc-xn-pg-btn-C").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-C").show();
    });
    $("#gc-xn-pg-btn-C-A").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-C-A").show();
    });
    $("#gc-xn-pg-btn-C-B").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-C-B").show();
    });
    $("#gc-xn-pg-btn-C-D").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-C-D").show();
    });
    $("#gc-xn-pg-btn-C-F").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-C-F").show();
    });
    $("#gc-xn-pg-btn-C6").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-C6").show();
    });
    $("#gc-xn-pg-btn-Cadd9").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-Cadd9").show();
    });
    $("#gc-xn-pg-btn-Cdim-Ab").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-Cdim-Ab").show();
    });
    $("#gc-xn-pg-btn-Cm").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-Cm").show();
    });
    $("#gc-xn-pg-btn-Cmaj7").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-Cmaj7").show();
    });
    $("#gc-xn-pg-btn-Csus").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-Csus").show();
    });
    $("#gc-xn-pg-btn-Csus2").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-Csus2").show();
    });
    $("#gc-xn-pg-btn-Csus2-A").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-Csus2-A").show();
    });
    $("#gc-xn-pg-btn-Csus2-B").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-Csus2-B").show();
    });
    $("#gc-xn-pg-btn-Csus2-E").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-Csus2-E").show();
    });
    $("#gc-xn-pg-btn-Csus4-A").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-Csus4-A").show();
    });
    $("#gc-xn-pg-btn-Csus4-E").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-Csus4-E").show();
    });
    $("#gc-xn-pg-btn-D").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-D").show();
    });
    $("#gc-xn-pg-btn-D-B").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-D-B").show();
    });
    $("#gc-xn-pg-btn-D-C").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-D-C").show();
    });
    $("#gc-xn-pg-btn-D-Db").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-D-Db").show();
    });
    $("#gc-xn-pg-btn-D-E").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-D-E").show();
    });
    $("#gc-xn-pg-btn-D-G").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-D-G").show();
    });
    $("#gc-xn-pg-btn-D5").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-D5").show();
    });
    $("#gc-xn-pg-btn-D6").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-D6").show();
    });
    $("#gc-xn-pg-btn-D6-add9").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-D6-add9").show();
    });
    $("#gc-xn-pg-btn-D7").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-D7").show();
    });
    $("#gc-xn-pg-btn-D7sus4").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-D7sus4").show();
    });
    $("#gc-xn-pg-btn-D9").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-D9").show();
    });
    $("#gc-xn-pg-btn-Dadd9").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-Dadd9").show();
    });
    $("#gc-xn-pg-btn-Db").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-Db").show();
    });
    $("#gc-xn-pg-btn-Db-sharp5").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-Db-sharp5").show();
    });
    $("#gc-xn-pg-btn-Db-C").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-Db-C").show();
    });
    $("#gc-xn-pg-btn-Dbdim-A").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-Dbdim-A").show();
    });
    $("#gc-xn-pg-btn-Dbdim-Bb").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-Dbdim-Bb").show();
    });
    $("#gc-xn-pg-btn-Dbdim-D").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-Dbdim-D").show();
    });
    $("#gc-xn-pg-btn-Dbdim7").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-Dbdim7").show();
    });
    $("#gc-xn-pg-btn-Dbm").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-Dbm").show();
    });
    $("#gc-xn-pg-btn-Dbm-B").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-Dbm-B").show();
    });
    $("#gc-xn-pg-btn-Dbm7").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-Dbm7").show();
    });
    $("#gc-xn-pg-btn-Dbmaj7").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-Dbmaj7").show();
    });
    $("#gc-xn-pg-btn-Ddim-B").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-Ddim-B").show();
    });
    $("#gc-xn-pg-btn-Ddim-Bb").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-Ddim-Bb").show();
    });
    $("#gc-xn-pg-btn-Ddim7").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-Ddim7").show();
    });
    $("#gc-xn-pg-btn-Dm-B").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-Dm-B").show();
    });
    $("#gc-xn-pg-btn-Dm-C").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-Dm-C").show();
    });
    $("#gc-xn-pg-btn-Dm6").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-Dm6").show();
    });
    $("#gc-xn-pg-btn-Dm7").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-Dm7").show();
    });
    $("#gc-xn-pg-btn-Dmaj7").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-Dmaj7").show();
    });
    $("#gc-xn-pg-btn-Dsus").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-Dsus").show();
    });
    $("#gc-xn-pg-btn-Dsus2").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-Dsus2").show();
    });
    $("#gc-xn-pg-btn-Dsus2-B").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-Dsus2-B").show();
    });
    $("#gc-xn-pg-btn-Dsus2-C").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-Dsus2-C").show();
    });
    $("#gc-xn-pg-btn-Dsus2-Db").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-Dsus2-Db").show();
    });
    $("#gc-xn-pg-btn-Dsus2-G").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-Dsus2-G").show();
    });
    $("#gc-xn-pg-btn-Dsus2-Gb").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-Dsus2-Gb").show();
    });
    $("#gc-xn-pg-btn-Dsus4-B").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-Dsus4-B").show();
    });
    $("#gc-xn-pg-btn-Dsus4-C").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-Dsus4-C").show();
    });
    $("#gc-xn-pg-btn-Dsus4-E").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-Dsus4-E").show();
    });
    $("#gc-xn-pg-btn-Dsus4-Gb").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-Dsus4-Gb").show();
    });
    $("#gc-xn-pg-btn-E").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-E").show();
    });
    $("#gc-xn-pg-btn-E-D").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-E-D").show();
    });
    $("#gc-xn-pg-btn-E-Db").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-E-Db").show();
    });
    $("#gc-xn-pg-btn-E-Eb").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-E-Eb").show();
    });
    $("#gc-xn-pg-btn-E-Gb").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-E-Gb").show();
    });
    $("#gc-xn-pg-btn-E5").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-E5").show();
    });
    $("#gc-xn-pg-btn-E6").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-E6").show();
    });
    $("#gc-xn-pg-btn-E7").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-E7").show();
    });
    $("#gc-xn-pg-btn-E9").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-E9").show();
    });
    $("#gc-xn-pg-btn-Eadd9").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-Eadd9").show();
    });
    $("#gc-xn-pg-btn-Eb").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-Eb").show();
    });
    $("#gc-xn-pg-btn-Eb-sharp5").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-Eb-sharp5").show();
    });
    $("#gc-xn-pg-btn-Eb-Db").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-Eb-Db").show();
    });
    $("#gc-xn-pg-btn-Eb7").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-Eb7").show();
    });
    $("#gc-xn-pg-btn-Ebaug-E").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-Ebaug-E").show();
    });
    $("#gc-xn-pg-btn-Ebdim-B").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-Ebdim-B").show();
    });
    $("#gc-xn-pg-btn-Edim-Db").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-Edim-Db").show();
    });
    $("#gc-xn-pg-btn-Edim7").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-Edim7").show();
    });
    $("#gc-xn-pg-btn-Em").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-Em").show();
    });
    $("#gc-xn-pg-btn-Em-A").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-Em-A").show();
    });
    $("#gc-xn-pg-btn-Em-C").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-Em-C").show();
    });
    $("#gc-xn-pg-btn-Em-D").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-Em-D").show();
    });
    $("#gc-xn-pg-btn-Em-Eb").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-Em-Eb").show();
    });
    $("#gc-xn-pg-btn-Em-Gb").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-Em-Gb").show();
    });
    $("#gc-xn-pg-btn-Em7").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-Em7").show();
    });
    $("#gc-xn-pg-btn-Em7-add11").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-Em7-add11").show();
    });
    $("#gc-xn-pg-btn-Em9").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-Em9").show();
    });
    $("#gc-xn-pg-btn-Emaj7").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-Emaj7").show();
    });
    $("#gc-xn-pg-btn-Emaj9").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-Emaj9").show();
    });
    $("#gc-xn-pg-btn-Emin-maj7").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-Emin-maj7").show();
    });
    $("#gc-xn-pg-btn-Esus").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-Esus").show();
    });
    $("#gc-xn-pg-btn-Esus2").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-Esus2").show();
    });
    $("#gc-xn-pg-btn-Esus2-A").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-Esus2-A").show();
    });
    $("#gc-xn-pg-btn-Esus2-Ab").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-Esus2-Ab").show();
    });
    $("#gc-xn-pg-btn-Esus2-Eb").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-Esus2-Eb").show();
    });
    $("#gc-xn-pg-btn-Esus2-G").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-Esus2-G").show();
    });
    $("#gc-xn-pg-btn-Esus4-C").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-Esus4-C").show();
    });
    $("#gc-xn-pg-btn-Esus4-D").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-Esus4-D").show();
    });
    $("#gc-xn-pg-btn-Esus4-Db").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-Esus4-Db").show();
    });
    $("#gc-xn-pg-btn-Esus4-G").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-Esus4-G").show();
    });
    $("#gc-xn-pg-btn-Esus4-Gb").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-Esus4-Gb").show();
    });
    $("#gc-xn-pg-btn-F").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-F").show();
    });
    $("#gc-xn-pg-btn-F-sharp5").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-F-sharp5").show();
    });
    $("#gc-xn-pg-btn-F-D").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-F-D").show();
    });
    $("#gc-xn-pg-btn-F-E").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-F-E").show();
    });
    $("#gc-xn-pg-btn-F-Eb").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-F-Eb").show();
    });
    $("#gc-xn-pg-btn-F-G").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-F-G").show();
    });
    $("#gc-xn-pg-btn-F5").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-F5").show();
    });
    $("#gc-xn-pg-btn-F6").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-F6").show();
    });
    $("#gc-xn-pg-btn-F7").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-F7").show();
    });
    $("#gc-xn-pg-btn-Fadd9").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-Fadd9").show();
    });
    $("#gc-xn-pg-btn-Fdim-D").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-Fdim-D").show();
    });
    $("#gc-xn-pg-btn-Fdim7").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-Fdim7").show();
    });
    $("#gc-xn-pg-btn-Fm").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-Fm").show();
    });
    $("#gc-xn-pg-btn-Fm-Db").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-Fm-Db").show();
    });
    $("#gc-xn-pg-btn-Fm-Eb").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-Fm-Eb").show();
    });
    $("#gc-xn-pg-btn-Fm7").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-Fm7").show();
    });
    $("#gc-xn-pg-btn-Fmaj7").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-Fmaj7").show();
    });
    $("#gc-xn-pg-btn-Fmaj7-sharp11").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-Fmaj7-sharp11").show();
    });
    $("#gc-xn-pg-btn-Fsus2").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-Fsus2").show();
    });
    $("#gc-xn-pg-btn-Fsus2-A").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-Fsus2-A").show();
    });
    $("#gc-xn-pg-btn-Fsus2-E").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-Fsus2-E").show();
    });
    $("#gc-xn-pg-btn-G").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-G").show();
    });
    $("#gc-xn-pg-btn-G-sharp5").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-G-sharp5").show();
    });
    $("#gc-xn-pg-btn-G-A").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-G-A").show();
    });
    $("#gc-xn-pg-btn-G-C").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-G-C").show();
    });
    $("#gc-xn-pg-btn-G-E").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-G-E").show();
    });
    $("#gc-xn-pg-btn-G-F").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-G-F").show();
    });
    $("#gc-xn-pg-btn-G-Gb").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-G-Gb").show();
    });
    $("#gc-xn-pg-btn-G5").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-G5").show();
    });
    $("#gc-xn-pg-btn-G6").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-G6").show();
    });
    $("#gc-xn-pg-btn-G6-add9").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-G6-add9").show();
    });
    $("#gc-xn-pg-btn-G7").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-G7").show();
    });
    $("#gc-xn-pg-btn-G9").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-G9").show();
    });
    $("#gc-xn-pg-btn-Gadd9").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-Gadd9").show();
    });
    $("#gc-xn-pg-btn-Gaug-E").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-Gaug-E").show();
    });
    $("#gc-xn-pg-btn-Gb").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-Gb").show();
    });
    $("#gc-xn-pg-btn-Gb-E").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-Gb-E").show();
    });
    $("#gc-xn-pg-btn-Gb7").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-Gb7").show();
    });
    $("#gc-xn-pg-btn-Gbdim-D").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-Gbdim-D").show();
    });
    $("#gc-xn-pg-btn-Gbdim-E").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-Gbdim-E").show();
    });
    $("#gc-xn-pg-btn-Gbm").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-Gbm").show();
    });
    $("#gc-xn-pg-btn-Gbm-D").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-Gbm-D").show();
    });
    $("#gc-xn-pg-btn-Gbm-E").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-Gbm-E").show();
    });
    $("#gc-xn-pg-btn-Gbm7").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-Gbm7").show();
    });
    $("#gc-xn-pg-btn-Gbm7--b5--").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-Gbm7--b5--").show();
    });
    $("#gc-xn-pg-btn-Gdim-E").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-Gdim-E").show();
    });
    $("#gc-xn-pg-btn-Gdim-Eb").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-Gdim-Eb").show();
    });
    $("#gc-xn-pg-btn-Gdim7").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-Gdim7").show();
    });
    $("#gc-xn-pg-btn-Gm").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-Gm").show();
    });
    $("#gc-xn-pg-btn-Gm-F").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-Gm-F").show();
    });
    $("#gc-xn-pg-btn-Gm7").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-Gm7").show();
    });
    $("#gc-xn-pg-btn-Gmaj7").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-Gmaj7").show();
    });
    $("#gc-xn-pg-btn-Gsus").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-Gsus").show();
    });
    $("#gc-xn-pg-btn-Gsus2").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-Gsus2").show();
    });
    $("#gc-xn-pg-btn-Gsus2-B").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-Gsus2-B").show();
    });
    $("#gc-xn-pg-btn-Gsus2-C").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-Gsus2-C").show();
    });
    $("#gc-xn-pg-btn-Gsus2-E").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-Gsus2-E").show();
    });
    $("#gc-xn-pg-btn-Gsus2-Gb").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-Gsus2-Gb").show();
    });
    $("#gc-xn-pg-btn-Gsus4-A").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-Gsus4-A").show();
    });
    $("#gc-xn-pg-btn-Gsus4-B").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-Gsus4-B").show();
    });
    $("#gc-xn-pg-btn-Gsus4-E").click(function() {
        $(".gc-note-xxx").hide(),
            $(".gc-pg-notes-Gsus4-E").show();
    });

$("#gc-btn-A-men").click(function() {
        $(".gc-main-men").hide(),
            $("#gc-A-men-1").fadeIn('fast');
    });
    $("#gc-btn-B-men").click(function() {
        $(".gc-main-men").hide(),
            $("#gc-B-men-1").fadeIn('fast');
    });
    $("#gc-btn-C-men").click(function() {
        $(".gc-main-men").hide(),
            $("#gc-C-men-1").fadeIn('fast');
    });
    $("#gc-btn-D-men").click(function() {
        $(".gc-main-men").hide(),
            $("#gc-D-men-1").fadeIn('fast');
    });
    $("#gc-btn-E-men").click(function() {
        $(".gc-main-men").hide(),
            $("#gc-E-men-1").fadeIn('fast');
    });
    $("#gc-btn-F-men").click(function() {
        $(".gc-main-men").hide(),
            $("#gc-F-men-1").fadeIn('fast');
    });
    $("#gc-btn-G-men").click(function() {
        $(".gc-main-men").hide(),
            $("#gc-G-men-1").fadeIn('fast');
    });
    $(".gc-btn-exit-mm").click(function() {
        $(".gc-main-men").hide();
    });

$("#gc-n-A-1").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-0,#D-2,#G-2,#B-2,#E2-0").fadeIn(),
            $("#gc_inf_1").html("A <sup>[1]</sup>"),
            $("#gc_inf_2").html("Amaj"),
            $("#gc_inf_3").html("(Db E  A) : major triad");
    });
    $("#gc-n-A-2").click(function() {
        $(".gc-note").hide(),
            $("#E-0,#A-4,#D-X,#G-2,#B-5,#E2-0").fadeIn(),
            $("#gc_inf_1").html("A <sup>[2]</sup>"),
            $("#gc_inf_2").html("Amaj"),
            $("#gc_inf_3").html("(Db E  A) : major triad");
    });
    $("#gc-n-A-3").click(function() {
        $(".gc-note").hide(),
            $("#E-5,#A-7,#D-7,#G-6,#B-5,#E2-5").fadeIn(),
            $("#gc_inf_1").html("A <sup>[3]</sup>"),
            $("#gc_inf_2").html("Amaj"),
            $("#gc_inf_3").html("(Db E  A) : major triad");
    });
    $("#gc-n-A-4").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-0,#D-2,#G-2,#B-2,#E2-0").fadeIn(),
            $("#gc_inf_1").html("A <sup>[4]</sup>"),
            $("#gc_inf_2").html("Amaj"),
            $("#gc_inf_3").html("(Db E  A) : major triad");
    });
    $("#gc-n-A-5").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-4,#D-7,#G-X,#B-X,#E2-5").fadeIn(),
            $("#gc_inf_1").html("A <sup>[5]</sup>"),
            $("#gc_inf_2").html("Amaj"),
            $("#gc_inf_3").html("(Db E  A) : major triad");
    });
    $("#gc-n-A-sharp5-1").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-0,#D-3,#G-2,#B-2,#E2-1").fadeIn(),
            $("#gc_inf_1").html("A<sup>#</sup>5 <sup>[1]</sup>"),
            $("#gc_inf_2").html("A<sub>aug</sub>"),
            $("#gc_inf_3").html("(Db F  A) : augmented triad");
    });
    $("#gc-n-A-sharp5-2").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-0,#D-X,#G-2,#B-2,#E2-1").fadeIn(),
            $("#gc_inf_1").html("A<sup>#</sup>5 <sup>[2]</sup>"),
            $("#gc_inf_2").html("A<sub>aug</sub>"),
            $("#gc_inf_3").html("(Db F  A) : augmented triad");
    });
    $("#gc-n-A-Ab").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-0,#D-2,#G-1,#B-2,#E2-0").fadeIn(),
            $("#gc_inf_1").html("A/A<sup>b</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(Db E  Ab A) : major triad (altered bass)");
    });
    $("#gc-n-A-B-1").click(function() {
        $(".gc-note").hide(),
            $("#E-0,#A-0,#D-2,#G-4,#B-2,#E2-0").fadeIn(),
            $("#gc_inf_1").html("A/B <sup>[1]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(Db E  A  B) : major triad (altered bass)");
    });
    $("#gc-n-A-B-2").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-0,#D-7,#G-6,#B-0,#E2-0").fadeIn(),
            $("#gc_inf_1").html("A/B <sup>[2]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(Db E  A  B) : major triad (altered bass)");
    });
    $("#gc-n-A-D-1").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-0,#D-0,#G-2,#B-2,#E2-0").fadeIn(),
            $("#gc_inf_1").html("A/D <sup>[1]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(Db D  E  A) : major triad (altered bass)");
    });
    $("#gc-n-A-D-2").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-0,#G-2,#B-2,#E2-0").fadeIn(),
            $("#gc_inf_1").html("A/D <sup>[2]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(Db D  E  A) : major triad (altered bass)");
    });
    $("#gc-n-A-D-3").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-0,#G-6,#B-5,#E2-5").fadeIn(),
            $("#gc_inf_1").html("A/D <sup>[3]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(Db D  E  A) : major triad (altered bass)");
    });
    $("#gc-n-A-D-4").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-0,#G-9,#B-10,#E2-9").fadeIn(),
            $("#gc_inf_1").html("A/D <sup>[4]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(Db D  E  A) : major triad (altered bass)");
    });
    $("#gc-n-A-G-1").click(function() {
        $(".gc-note").hide(),
            $("#E-3,#A-X,#D-2,#G-2,#B-2,#E2-0").fadeIn(),
            $("#gc_inf_1").html("A/G <sup>[1]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(Db E  G  A) : major triad (altered bass)");
    });
    $("#gc-n-A-G-2").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-0,#D-2,#G-0,#B-2,#E2-0").fadeIn(),
            $("#gc_inf_1").html("A/G <sup>[2]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(Db E  G  A) : major triad (altered bass)");
    });
    $("#gc-n-A-G-3").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-0,#D-2,#G-2,#B-2,#E2-3").fadeIn(),
            $("#gc_inf_1").html("A/G <sup>[3]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(Db E  G  A) : major triad (altered bass)");
    });
    $("#gc-n-A-Gb-1").click(function() {
        $(".gc-note").hide(),
            $("#E-0,#A-0,#D-2,#G-2,#B-2,#E2-2").fadeIn(),
            $("#gc_inf_1").html("A/G<sup>b</sup> <sup>[1]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(Db E  Gb A) : major triad (altered bass)");
    });
    $("#gc-n-A-Gb-2").click(function() {
        $(".gc-note").hide(),
            $("#E-0,#A-X,#D-4,#G-2,#B-2,#E2-0").fadeIn(),
            $("#gc_inf_1").html("A/G<sup>b</sup> <sup>[2]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(Db E  Gb A) : major triad (altered bass)");
    });
    $("#gc-n-A-Gb-3").click(function() {
        $(".gc-note").hide(),
            $("#E-2,#A-X,#D-2,#G-2,#B-2,#E2-0").fadeIn(),
            $("#gc_inf_1").html("A/G<sup>b</sup> <sup>[3]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(Db E  Gb A) : major triad (altered bass)");
    });
    $("#gc-n-A-Gb-4").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-0,#D-4,#G-2,#B-2,#E2-0").fadeIn(),
            $("#gc_inf_1").html("A/G<sup>b</sup> <sup>[4]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(Db E  Gb A) : major triad (altered bass)");
    });
    $("#gc-n-A-Gb-5").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-2,#G-2,#B-2,#E2-2").fadeIn(),
            $("#gc_inf_1").html("A/G<sup>b</sup> <sup>[5]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(Db E  Gb A) : major triad (altered bass)");
    });
    $("#gc-n-A5-1").click(function() {
        $(".gc-note").hide(),
            $("#E-5,#A-7,#D-7,#G-X,#B-X,#E2-5").fadeIn(),
            $("#gc_inf_1").html("A5 <sup>[1]</sup>"),
            $("#gc_inf_2").html("A (no 3rd)"),
            $("#gc_inf_3").html("(E  A): root and 5th (power chord)");
    });
    $("#gc-n-A5-2").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-0,#D-2,#G-2,#B-X,#E2-0").fadeIn(),
            $("#gc_inf_1").html("A5 <sup>[2]</sup>"),
            $("#gc_inf_2").html("A (no 3rd)"),
            $("#gc_inf_3").html("(E  A) : root and 5th (power chord)");
    });
    $("#gc-n-A5-3").click(function() {
        $(".gc-note").hide(),
            $("#E-5,#A-7,#D-7,#G-X,#B-X,#E2-0").fadeIn(),
            $("#gc_inf_1").html("A5 <sup>[3]</sup>"),
            $("#gc_inf_2").html("A (no 3rd)"),
            $("#gc_inf_3").html("(E  A) : root and 5th (power chord)");
    });
    $("#gc-n-A6-1").click(function() {
        $(".gc-note").hide(),
            $("#E-0,#A-0,#D-2,#G-2,#B-2,#E2-2").fadeIn(),
            $("#gc_inf_1").html("A6 <sup>[1]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(Db E  Gb A) : major triad plus 6th");
    });
    $("#gc-n-A6-2").click(function() {
        $(".gc-note").hide(),
            $("#E-0,#A-X,#D-4,#G-2,#B-2,#E2-0").fadeIn(),
            $("#gc_inf_1").html("A6 <sup>[2]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(Db E  Gb A) : major triad plus 6th");
    });
    $("#gc-n-A6-3").click(function() {
        $(".gc-note").hide(),
            $("#E-2,#A-X,#D-2,#G-2,#B-2,#E2-0").fadeIn(),
            $("#gc_inf_1").html("A6 <sup>[3]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(Db E  Gb A) : major triad plus 6th");
    });
    $("#gc-n-A6-4").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-0,#D-4,#G-2,#B-2,#E2-0").fadeIn(),
            $("#gc_inf_1").html("A6 <sup>[4]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(Db E  Gb A) : major triad plus 6th");
    });
    $("#gc-n-A6-5").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-2,#G-2,#B-2,#E2-2").fadeIn(),
            $("#gc_inf_1").html("A6 <sup>[5]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(Db E  Gb A) : major triad plus 6th");
    });
    $("#gc-n-A6-7").click(function() {
        $(".gc-note").hide(),
            $("#E-0,#A-0,#D-2,#G-0,#B-2,#E2-2").fadeIn(),
            $("#gc_inf_1").html("A6/7"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(Db E  Gb G  A) : major triad plus 6th, minor 7th");
    });
    $("#gc-n-A6-7-sus-1").click(function() {
        $(".gc-note").hide(),
            $("#E-5,#A-5,#D-4,#G-0,#B-3,#E2-0").fadeIn(),
            $("#gc_inf_1").html("A6/7 <sub>sus</sub> <sup>[1]</sup>"),
            $("#gc_inf_2").html("A6/7 <sub>sus</sub>4"),
            $("#gc_inf_3").html("(D  E  Gb G  A) : sus4 triad plus 6th, minor 7th");
    });
    $("#gc-n-A6-7-sus-2").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-0,#D-2,#G-0,#B-3,#E2-2").fadeIn(),
            $("#gc_inf_1").html("A6/7 <sub>sus</sub> <sup>[2]</sup>"),
            $("#gc_inf_2").html("A6/7 <sub>sus</sub>4"),
            $("#gc_inf_3").html("(D  E  Gb G  A) : sus4 triad plus 6th, minor 7th");
    });
    $("#gc-n-A7-1").click(function() {
        $(".gc-note").hide(),
            $("#E-3,#A-X,#D-2,#G-2,#B-2,#E2-0").fadeIn(),
            $("#gc_inf_1").html("A7 <sup>[1]</sup>"),
            $("#gc_inf_2").html("A<sub>dom</sub> 7"),
            $("#gc_inf_3").html("(Db E  G  A) : major triad, minor 7th");
    });
    $("#gc-n-A7-2").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-0,#D-2,#G-0,#B-2,#E2-0").fadeIn(),
            $("#gc_inf_1").html("A7 <sup>[2]</sup>"),
            $("#gc_inf_2").html("A<sub>dom</sub> 7"),
            $("#gc_inf_3").html("(Db E  G  A) : major triad, minor 7th");
    });
    $("#gc-n-A7-3").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-0,#D-2,#G-2,#B-2,#E2-3").fadeIn(),
            $("#gc_inf_1").html("A7 <sup>[3]</sup>"),
            $("#gc_inf_2").html("A<sub>dom</sub> 7"),
            $("#gc_inf_3").html("(Db E  G  A) : major triad, minor 7th");
    });
    $("#gc-n-A7--sharp5--").click(function() {
        $(".gc-note").hide(),
            $("#E-1,#A-0,#D-3,#G-0,#B-2,#E2-1").fadeIn(),
            $("#gc_inf_1").html("A7(<sup>#</sup>5)"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(Db F  G  A) : minor 7th, sharp 5th");
    });
    $("#gc-n-A7-add11").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-0,#D-0,#G-0,#B-2,#E2-0").fadeIn(),
            $("#gc_inf_1").html("A7/<sub>add</sub>11"),
            $("#gc_inf_2").html("A7/11"),
            $("#gc_inf_3").html("(Db D  E  G  A) : major triad, minor 7th, plus 11th");
    });
    $("#gc-n-A7sus4-1").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-0,#D-2,#G-0,#B-3,#E2-0").fadeIn(),
            $("#gc_inf_1").html("A7<sub>sus</sub>4 <sup>[1]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  E  G  A) : sus4 triad, minor 7th");
    });
    $("#gc-n-A7sus4-2").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-0,#D-2,#G-0,#B-3,#E2-3").fadeIn(),
            $("#gc_inf_1").html("A7<sub>sus</sub>4 <sup>[2]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  E  G  A) : sus4 triad, minor 7th");
    });
    $("#gc-n-A7sus4-3").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-0,#D-2,#G-2,#B-3,#E2-3").fadeIn(),
            $("#gc_inf_1").html("A7<sub>sus</sub>4 <sup>[3]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  E  G  A) : sus4 triad, minor 7th");
    });
    $("#gc-n-A7sus4-4").click(function() {
        $(".gc-note").hide(),
            $("#E-5,#A-X,#D-0,#G-0,#B-3,#E2-0").fadeIn(),
            $("#gc_inf_1").html("A7<sub>sus</sub>4 <sup>[4]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  E  G  A) : sus4 triad, minor 7th");
    });
    $("#gc-n-A7sus4-5").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-0,#D-0,#G-0,#B-X,#E2-0").fadeIn(),
            $("#gc_inf_1").html("A7<sub>sus</sub>4 <sup>[5]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  E  G  A) : sus4 triad, minor 7th");
    });
    $("#gc-n-Aadd9-1").click(function() {
        $(".gc-note").hide(),
            $("#E-0,#A-0,#D-2,#G-4,#B-2,#E2-0").fadeIn(),
            $("#gc_inf_1").html("A<sub>add</sub>9 <sup>[1]</sup>"),
            $("#gc_inf_2").html("A2"),
            $("#gc_inf_3").html("(Db E  A  B) : major triad plus 9th");
    });
    $("#gc-n-Aadd9-2").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-0,#D-7,#G-6,#B-0,#E2-0").fadeIn(),
            $("#gc_inf_1").html("A<sub>add</sub>9 <sup>[2]</sup>"),
            $("#gc_inf_2").html("A2"),
            $("#gc_inf_3").html("(Db E  A  B) : major triad plus 9th");
    });
    $("#gc-n-Aaug-D").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-0,#G-2,#B-2,#E2-1").fadeIn(),
            $("#gc_inf_1").html("A<sub>aug</sub>/D"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(Db D  F  A) : augmented triad (altered bass)");
    });
    $("#gc-n-Aaug-G").click(function() {
        $(".gc-note").hide(),
            $("#E-1,#A-0,#D-3,#G-0,#B-2,#E2-1").fadeIn(),
            $("#gc_inf_1").html("A<sub>aug</sub>/G"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(Db F  G  A) : augmented triad (altered bass)");
    });
    $("#gc-n-Ab").click(function() {
        $(".gc-note").hide(),
            $("#E-4,#A-6,#D-6,#G-5,#B-4,#E2-4").fadeIn(),
            $("#gc_inf_1").html("A<sup>b</sup>"),
            $("#gc_inf_2").html("A<sup>b</sup>maj"),
            $("#gc_inf_3").html("(C  Eb Ab) : major triad");
    });
    $("#gc-n-Ab-sharp5").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-3,#D-2,#G-1,#B-1,#E2-0").fadeIn(),
            $("#gc_inf_1").html("A<sup>b</sup><sup>#</sup>5"),
            $("#gc_inf_2").html("A<sup>b</sup><sub>aug</sub>"),
            $("#gc_inf_3").html("(C  E  Ab) : augmented triad");
    });
    $("#gc-n-Ab-A").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-1,#G-2,#B-1,#E2-4").fadeIn(),
            $("#gc_inf_1").html("A<sup>b</sup>/A"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(C  Eb Ab A) : major triad (altered bass)");
    });
    $("#gc-n-Ab-F-1").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-8,#D-10,#G-8,#B-9,#E2-8").fadeIn(),
            $("#gc_inf_1").html("A<sup>b</sup>/F <sup>[1]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(C  Eb F  Ab) : major triad (altered bass)");
    });
    $("#gc-n-Ab-F-2").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-1,#G-1,#B-1,#E2-1").fadeIn(),
            $("#gc_inf_1").html("A<sup>b</sup>/F <sup>[2]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(C  Eb F  Ab) : major triad (altered bass)");
    });
    $("#gc-n-Ab-Gb-1").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-1,#G-1,#B-1,#E2-2").fadeIn(),
            $("#gc_inf_1").html("A<sup>b</sup>/G<sup>b</sup> <sup>[1]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(C  Eb Gb Ab) : major triad (altered bass)");
    });
    $("#gc-n-Ab-Gb-2").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-4,#G-5,#B-4,#E2-4").fadeIn(),
            $("#gc_inf_1").html("A<sup>b</sup>/G<sup>b</sup> <sup>[2]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(C  Eb Gb Ab) : major triad (altered bass)");
    });
    $("#gc-n-Ab5").click(function() {
        $(".gc-note").hide(),
            $("#E-4,#A-6,#D-6,#G-X,#B-X,#E2-4").fadeIn(),
            $("#gc_inf_1").html("A<sup>b</sup>5"),
            $("#gc_inf_2").html("A<sup>b</sup> (no 3rd)"),
            $("#gc_inf_3").html("(Eb Ab): root and 5th (power chord)");
    });
    $("#gc-n-Ab6-1").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-8,#D-10,#G-8,#B-9,#E2-8").fadeIn(),
            $("#gc_inf_1").html("A<sup>b</sup>6 <sup>[1]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(C  Eb F  Ab) : major triad plus 6th");
    });
    $("#gc-n-Ab6-2").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-1,#G-1,#B-1,#E2-1").fadeIn(),
            $("#gc_inf_1").html("A<sup>b</sup>6 <sup>[2]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(C  Eb F  Ab) : major triad plus 6th");
    });
    $("#gc-n-Ab7-1").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-1,#G-1,#B-1,#E2-2").fadeIn(),
            $("#gc_inf_1").html("A<sup>b</sup>7 <sup>[1]</sup>"),
            $("#gc_inf_2").html("A<sup>b</sup><sub>dom</sub> 7"),
            $("#gc_inf_3").html("(C  Eb Gb Ab) : major triad, minor 7th");
    });
    $("#gc-n-Ab7-2").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-4,#G-5,#B-4,#E2-4").fadeIn(),
            $("#gc_inf_1").html("A<sup>b</sup>7 <sup>[2]</sup>"),
            $("#gc_inf_2").html("A<sup>b</sup><sub>dom</sub> 7"),
            $("#gc_inf_3").html("(C  Eb Gb Ab) : major triad, minor 7th");
    });
    $("#gc-n-Abdim-E-1").click(function() {
        $(".gc-note").hide(),
            $("#E-0,#A-2,#D-0,#G-1,#B-0,#E2-0").fadeIn(),
            $("#gc_inf_1").html("A<sup>b</sup><sub>dim</sub>/E <sup>[1]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  E  Ab B) : diminished triad (altered bass)");
    });
    $("#gc-n-Abdim-E-2").click(function() {
        $(".gc-note").hide(),
            $("#E-0,#A-2,#D-2,#G-1,#B-3,#E2-0").fadeIn(),
            $("#gc_inf_1").html("A<sup>b</sup><sub>dim</sub>/E <sup>[2]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  E  Ab B) : diminished triad (altered bass)");
    });
    $("#gc-n-Abdim-E-3").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-2,#D-0,#G-1,#B-3,#E2-0").fadeIn(),
            $("#gc_inf_1").html("A<sup>b</sup><sub>dim</sub>/E <sup>[3]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  E  Ab B) : diminished triad (altered bass)");
    });
    $("#gc-n-Abdim-E-4").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-0,#G-1,#B-0,#E2-0").fadeIn(),
            $("#gc_inf_1").html("A<sup>b</sup><sub>dim</sub>/E <sup>[4]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  E  Ab B) : diminished triad (altered bass)");
    });
    $("#gc-n-Abdim-Eb").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-0,#G-4,#B-4,#E2-4").fadeIn(),
            $("#gc_inf_1").html("A<sup>b</sup><sub>dim</sub>/E<sup>b</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  Eb Ab B) : diminished triad (altered bass)");
    });
    $("#gc-n-Abdim-F-1").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-2,#D-0,#G-1,#B-0,#E2-1").fadeIn(),
            $("#gc_inf_1").html("A<sup>b</sup><sub>dim</sub>/F <sup>[1]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  F  Ab B) : diminished triad (altered bass)");
    });
    $("#gc-n-Abdim-F-2").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-0,#G-1,#B-0,#E2-1").fadeIn(),
            $("#gc_inf_1").html("A<sup>b</sup><sub>dim</sub>/F <sup>[2]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  F  Ab B) : diminished triad (altered bass)");
    });
    $("#gc-n-Abdim-F-3").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-3,#G-4,#B-3,#E2-4").fadeIn(),
            $("#gc_inf_1").html("A<sup>b</sup><sub>dim</sub>/F <sup>[3]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  F  Ab B) : diminished triad (altered bass)");
    });
    $("#gc-n-Abdim7-1").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-2,#D-0,#G-1,#B-0,#E2-1").fadeIn(),
            $("#gc_inf_1").html("A<sup>b</sup><sub>dim</sub>7 <sup>[1]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  F  Ab B) : diminished triad, diminished 7th");
    });
    $("#gc-n-Abdim7-2").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-0,#G-1,#B-0,#E2-1").fadeIn(),
            $("#gc_inf_1").html("A<sup>b</sup><sub>dim</sub>7 <sup>[2]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  F  Ab B) : diminished triad, diminished 7th");
    });
    $("#gc-n-Abdim7-3").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-3,#G-4,#B-3,#E2-4").fadeIn(),
            $("#gc_inf_1").html("A<sup>b</sup><sub>dim</sub>7 <sup>[3]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  F  Ab B) : diminished triad, diminished 7th");
    });
    $("#gc-n-Abm").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-6,#G-4,#B-4,#E2-4").fadeIn(),
            $("#gc_inf_1").html("A<sup>b</sup>m"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(Eb Ab B) : minor triad");
    });
    $("#gc-n-Abm-D").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-0,#G-4,#B-4,#E2-4").fadeIn(),
            $("#gc_inf_1").html("A<sup>b</sup>m/D"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  Eb Ab B) : minor triad (altered bass)");
    });
    $("#gc-n-Abm-E-1").click(function() {
        $(".gc-note").hide(),
            $("#E-0,#A-2,#D-1,#G-1,#B-0,#E2-0").fadeIn(),
            $("#gc_inf_1").html("A<sup>b</sup>m/E <sup>[1]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(Eb E  Ab B) : minor triad (altered bass)");
    });
    $("#gc-n-Abm-E-2").click(function() {
        $(".gc-note").hide(),
            $("#E-0,#A-X,#D-6,#G-4,#B-4,#E2-0").fadeIn(),
            $("#gc_inf_1").html("A<sup>b</sup>m/E <sup>[2]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(Eb E  Ab B) : minor triad (altered bass)");
    });
    $("#gc-n-Abm-E-3").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-1,#G-1,#B-0,#E2-0").fadeIn(),
            $("#gc_inf_1").html("A<sup>b</sup>m/E <sup>[3]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(Eb E  Ab B) : minor triad (altered bass)");
    });
    $("#gc-n-Abm-Gb").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-4,#G-4,#B-4,#E2-4").fadeIn(),
            $("#gc_inf_1").html("A<sup>b</sup>m/G<sup>b</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(Eb Gb Ab B) : minor triad (altered bass)");
    });
    $("#gc-n-Abm7").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-4,#G-4,#B-4,#E2-4").fadeIn(),
            $("#gc_inf_1").html("A<sup>b</sup>m7"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(Eb Gb Ab B) : minor triad, minor 7th");
    });
    $("#gc-n-Absus").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-6,#G-6,#B-4,#E2-4").fadeIn(),
            $("#gc_inf_1").html("A<sup>b</sup><sub>sus</sub>"),
            $("#gc_inf_2").html("A<sup>b</sup><sub>sus</sub>4"),
            $("#gc_inf_3").html("(Db Eb Ab) : no 3rd but a 4th from a major triad");
    });
    $("#gc-n-Absus2-F").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-1,#D-3,#G-1,#B-4,#E2-1").fadeIn(),
            $("#gc_inf_1").html("A<sup>b</sup><sub>sus</sub>2/F"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(Eb F  Ab Bb) : sus2 triad (altered bass)");
    });
    $("#gc-n-Adim-Ab").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-1,#G-2,#B-1,#E2-4").fadeIn(),
            $("#gc_inf_1").html("A<sub>dim</sub>/A<sup>b</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(C  Eb Ab A) : diminished triad (altered bass)");
    });
    $("#gc-n-Adim-E").click(function() {
        $(".gc-note").hide(),
            $("#E-0,#A-3,#D-X,#G-2,#B-4,#E2-0").fadeIn(),
            $("#gc_inf_1").html("A<sub>dim</sub>/E"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(C  Eb E  A) : diminished triad (altered bass)");
    });
    $("#gc-n-Adim-F-1").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-1,#G-2,#B-1,#E2-1").fadeIn(),
            $("#gc_inf_1").html("A<sub>dim</sub>/F <sup>[1]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(C  Eb F  A) : diminished triad (altered bass)");
    });
    $("#gc-n-Adim-F-2").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-3,#G-5,#B-4,#E2-5").fadeIn(),
            $("#gc_inf_1").html("A<sub>dim</sub>/F <sup>[2]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(C  Eb F  A) : diminished triad (altered bass)");
    });
    $("#gc-n-Adim-G").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-1,#G-2,#B-1,#E2-3").fadeIn(),
            $("#gc_inf_1").html("A<sub>dim</sub>/G"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(C  Eb G  A) : diminished triad (altered bass)");
    });
    $("#gc-n-Adim-Gb").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-1,#G-2,#B-1,#E2-2").fadeIn(),
            $("#gc_inf_1").html("A<sub>dim</sub>/G<sup>b</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(C  Eb Gb A) : diminished triad (altered bass)");
    });
    $("#gc-n-Adim7").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-1,#G-2,#B-1,#E2-2").fadeIn(),
            $("#gc_inf_1").html("A<sub>dim</sub>7"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(C  Eb Gb A) : diminished triad, diminished 7th");
    });
    $("#gc-n-Am-1").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-0,#D-2,#G-2,#B-1,#E2-0").fadeIn(),
            $("#gc_inf_1").html("Am <sup>[1]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(C  E  A) : minor triad");
    });
    $("#gc-n-Am-2").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-0,#D-7,#G-5,#B-5,#E2-5").fadeIn(),
            $("#gc_inf_1").html("Am <sup>[2]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(C  E  A) : minor triad");
    });
    $("#gc-n-Am-3").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-3,#D-2,#G-2,#B-1,#E2-0").fadeIn(),
            $("#gc_inf_1").html("Am <sup>[3]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(C  E  A) : minor triad");
    });
    $("#gc-n-Am-4").click(function() {
        $(".gc-note").hide(),
            $("#E-8,#A-12,#D-X,#G-X,#B-X,#E2-0").fadeIn(),
            $("#gc_inf_1").html("Am <sup>[4]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(C  E  A) : minor triad");
    });
    $("#gc-n-Am-B-1").click(function() {
        $(".gc-note").hide(),
            $("#E-0,#A-0,#D-7,#G-5,#B-0,#E2-0").fadeIn(),
            $("#gc_inf_1").html("Am/B <sup>[1]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(C  E  A  B) : minor triad (altered bass)");
    });
    $("#gc-n-Am-B-2").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-3,#D-2,#G-2,#B-0,#E2-0").fadeIn(),
            $("#gc_inf_1").html("Am/B <sup>[2]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(C  E  A  B) : minor triad (altered bass)");
    });
    $("#gc-n-Am-D-1").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-0,#G-2,#B-1,#E2-0").fadeIn(),
            $("#gc_inf_1").html("Am/D <sup>[1]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(C  D  E  A) : minor triad (altered bass)");
    });
    $("#gc-n-Am-D-2").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-0,#G-5,#B-5,#E2-5").fadeIn(),
            $("#gc_inf_1").html("Am/D <sup>[2]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(C  D  E  A) : minor triad (altered bass)");
    });
    $("#gc-n-Am-Eb").click(function() {
        $(".gc-note").hide(),
            $("#E-0,#A-3,#D-X,#G-2,#B-4,#E2-0").fadeIn(),
            $("#gc_inf_1").html("Am/E<sup>b</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(C  Eb E  A) : minor triad (altered bass)");
    });
    $("#gc-n-Am-F-1").click(function() {
        $(".gc-note").hide(),
            $("#E-0,#A-0,#D-3,#G-2,#B-1,#E2-0").fadeIn(),
            $("#gc_inf_1").html("Am/F <sup>[1]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(C  E  F  A) : minor triad (altered bass)");
    });
    $("#gc-n-Am-F-2").click(function() {
        $(".gc-note").hide(),
            $("#E-1,#A-3,#D-3,#G-2,#B-1,#E2-0").fadeIn(),
            $("#gc_inf_1").html("Am/F <sup>[2]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(C  E  F  A) : minor triad (altered bass)");
    });
    $("#gc-n-Am-F-3").click(function() {
        $(".gc-note").hide(),
            $("#E-1,#A-X,#D-2,#G-2,#B-1,#E2-0").fadeIn(),
            $("#gc_inf_1").html("Am/F <sup>[3]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(C  E  F  A) : minor triad (altered bass)");
    });
    $("#gc-n-Am-F-4").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-2,#G-2,#B-1,#E2-1").fadeIn(),
            $("#gc_inf_1").html("Am/F <sup>[4]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(C  E  F  A) : minor triad (altered bass)");
    });
    $("#gc-n-Am-F-5").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-3,#G-2,#B-1,#E2-0").fadeIn(),
            $("#gc_inf_1").html("Am/F <sup>[5]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(C  E  F  A) : minor triad (altered bass)");
    });
    $("#gc-n-Am-G-1").click(function() {
        $(".gc-note").hide(),
            $("#E-0,#A-0,#D-2,#G-0,#B-1,#E2-3").fadeIn(),
            $("#gc_inf_1").html("Am/G <sup>[1]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(C  E  G  A) : minor triad (altered bass)");
    });
    $("#gc-n-Am-G-2").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-0,#D-2,#G-0,#B-1,#E2-0").fadeIn(),
            $("#gc_inf_1").html("Am/G <sup>[2]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(C  E  G  A) : minor triad (altered bass)");
    });
    $("#gc-n-Am-G-3").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-0,#D-2,#G-2,#B-1,#E2-3").fadeIn(),
            $("#gc_inf_1").html("Am/G <sup>[3]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(C  E  G  A) : minor triad (altered bass)");
    });
    $("#gc-n-Am-G-4").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-0,#D-5,#G-5,#B-5,#E2-8").fadeIn(),
            $("#gc_inf_1").html("Am/G <sup>[4]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(C  E  G  A) : minor triad (altered bass)");
    });
    $("#gc-n-Am-Gb-1").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-0,#D-2,#G-2,#B-1,#E2-2").fadeIn(),
            $("#gc_inf_1").html("Am/G<sup>b</sup> <sup>[1]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(C  E  Gb A) : minor triad (altered bass)");
    });
    $("#gc-n-Am-Gb-2").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-2,#G-2,#B-1,#E2-2").fadeIn(),
            $("#gc_inf_1").html("Am/G<sup>b</sup> <sup>[2]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(C  E  Gb A) : minor triad (altered bass)");
    });
    $("#gc-n-Am6-1").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-0,#D-2,#G-2,#B-1,#E2-2").fadeIn(),
            $("#gc_inf_1").html("Am6 <sup>[1]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(C  E  Gb A) : minor triad plus 6th");
    });
    $("#gc-n-Am6-2").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-2,#G-2,#B-1,#E2-2").fadeIn(),
            $("#gc_inf_1").html("Am6 <sup>[2]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(C  E  Gb A) : minor triad plus 6th");
    });
    $("#gc-n-Am7-1").click(function() {
        $(".gc-note").hide(),
            $("#E-0,#A-0,#D-2,#G-0,#B-1,#E2-3").fadeIn(),
            $("#gc_inf_1").html("Am7 <sup>[1]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(C  E  G  A) : minor triad, minor 7th");
    });
    $("#gc-n-Am7-2").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-0,#D-2,#G-0,#B-1,#E2-0").fadeIn(),
            $("#gc_inf_1").html("Am7 <sup>[2]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(C  E  G  A) : minor triad, minor 7th");
    });
    $("#gc-n-Am7-3").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-0,#D-2,#G-2,#B-1,#E2-3").fadeIn(),
            $("#gc_inf_1").html("Am7 <sup>[3]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(C  E  G  A) : minor triad, minor 7th");
    });
    $("#gc-n-Am7-4").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-0,#D-5,#G-5,#B-5,#E2-8").fadeIn(),
            $("#gc_inf_1").html("Am7 <sup>[4]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(C  E  G  A) : minor triad, minor 7th");
    });
    $("#gc-n-Am7--b5--").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-1,#G-2,#B-1,#E2-3").fadeIn(),
            $("#gc_inf_1").html("Am7(b5)"),
            $("#gc_inf_2").html("Ao7"),
            $("#gc_inf_3").html("(C  Eb G  A) : diminished triad, minor 7th : half-diminished 7th");
    });
    $("#gc-n-Am7-add11").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-5,#D-7,#G-5,#B-8,#E2-0").fadeIn(),
            $("#gc_inf_1").html("Am7/<sub>add</sub>11"),
            $("#gc_inf_2").html("Am7/11"),
            $("#gc_inf_3").html("(C  D  E  G  A) : minor triad, minor 7th, plus 11th");
    });
    $("#gc-n-Amaj7").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-0,#D-2,#G-1,#B-2,#E2-0").fadeIn(),
            $("#gc_inf_1").html("Amaj7"),
            $("#gc_inf_2").html("A<sup>#</sup>7"),
            $("#gc_inf_3").html("(Db E  Ab A) : major triad, major 7th");
    });
    $("#gc-n-Amin-maj9").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-0,#D-6,#G-5,#B-5,#E2-7").fadeIn(),
            $("#gc_inf_1").html("Amin/maj9"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(C  E  Ab A  B) : minor triad, major 7th plus 9th");
    });
    $("#gc-n-Asus-1").click(function() {
        $(".gc-note").hide(),
            $("#E-0,#A-0,#D-2,#G-2,#B-3,#E2-0").fadeIn(),
            $("#gc_inf_1").html("A<sub>sus</sub> <sup>[1]</sup>"),
            $("#gc_inf_2").html("A<sub>sus</sub>4"),
            $("#gc_inf_3").html("(D  E  A) : no 3rd but a 4th from a major triad");
    });
    $("#gc-n-Asus-2").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-0,#D-2,#G-2,#B-3,#E2-0").fadeIn(),
            $("#gc_inf_1").html("A<sub>sus</sub> <sup>[2]</sup>"),
            $("#gc_inf_2").html("A<sub>sus</sub>4"),
            $("#gc_inf_3").html("(D  E  A) : no 3rd but a 4th from a major triad");
    });
    $("#gc-n-Asus-3").click(function() {
        $(".gc-note").hide(),
            $("#E-5,#A-5,#D-7,#G-7,#B-X,#E2-0").fadeIn(),
            $("#gc_inf_1").html("A<sub>sus</sub> <sup>[3]</sup>"),
            $("#gc_inf_2").html("A<sub>sus</sub>4"),
            $("#gc_inf_3").html("(D  E  A) : no 3rd but a 4th from a major triad");
    });
    $("#gc-n-Asus-4").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-0,#D-0,#G-2,#B-3,#E2-0").fadeIn(),
            $("#gc_inf_1").html("A<sub>sus</sub> <sup>[4]</sup>"),
            $("#gc_inf_2").html("A<sub>sus</sub>4"),
            $("#gc_inf_3").html("(D  E  A) : no 3rd but a 4th from a major triad");
    });
    $("#gc-n-Asus2-1").click(function() {
        $(".gc-note").hide(),
            $("#E-0,#A-0,#D-2,#G-2,#B-0,#E2-0").fadeIn(),
            $("#gc_inf_1").html("A<sub>sus</sub>2 <sup>[1]</sup>"),
            $("#gc_inf_2").html("Aadd9 (no3)"),
            $("#gc_inf_3").html("(E  A  B) : no 3rd but a 2nd from a major triad");
    });
    $("#gc-n-Asus2-2").click(function() {
        $(".gc-note").hide(),
            $("#E-0,#A-0,#D-2,#G-4,#B-0,#E2-0").fadeIn(),
            $("#gc_inf_1").html("A<sub>sus</sub>2 <sup>[2]</sup>"),
            $("#gc_inf_2").html("Aadd9 (no3)"),
            $("#gc_inf_3").html("(E  A  B) : no 3rd but a 2nd from a major triad");
    });
    $("#gc-n-Asus2-3").click(function() {
        $(".gc-note").hide(),
            $("#E-0,#A-2,#D-2,#G-2,#B-0,#E2-0").fadeIn(),
            $("#gc_inf_1").html("A<sub>sus</sub>2 <sup>[3]</sup>"),
            $("#gc_inf_2").html("Aadd9 (no3)"),
            $("#gc_inf_3").html("(E  A  B) : no 3rd but a 2nd from a major triad");
    });
    $("#gc-n-Asus2-4").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-0,#D-2,#G-2,#B-0,#E2-0").fadeIn(),
            $("#gc_inf_1").html("A<sub>sus</sub>2 <sup>[4]</sup>"),
            $("#gc_inf_2").html("Aadd9 (no3)"),
            $("#gc_inf_3").html("(E  A  B) : no 3rd but a 2nd from a major triad");
    });
    $("#gc-n-Asus2-5").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-2,#G-2,#B-0,#E2-0").fadeIn(),
            $("#gc_inf_1").html("A<sub>sus</sub>2 <sup>[5]</sup>"),
            $("#gc_inf_2").html("Aadd9 (no3)"),
            $("#gc_inf_3").html("(E  A  B) : no 3rd but a 2nd from a major triad");
    });
    $("#gc-n-Asus2-Ab").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-0,#D-2,#G-1,#B-0,#E2-0").fadeIn(),
            $("#gc_inf_1").html("A<sub>sus</sub>2/A<sup>b</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(E  Ab A  B) : sus2 triad (altered bass)");
    });
    $("#gc-n-Asus2-C-1").click(function() {
        $(".gc-note").hide(),
            $("#E-0,#A-0,#D-7,#G-5,#B-0,#E2-0").fadeIn(),
            $("#gc_inf_1").html("A<sub>sus</sub>2/C <sup>[1]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(C  E  A  B) : sus2 triad (altered bass)");
    });
    $("#gc-n-Asus2-C-2").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-3,#D-2,#G-2,#B-0,#E2-0").fadeIn(),
            $("#gc_inf_1").html("A<sub>sus</sub>2/C <sup>[2]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(C  E  A  B) : sus2 triad (altered bass)");
    });
    $("#gc-n-Asus2-D-1").click(function() {
        $(".gc-note").hide(),
            $("#E-0,#A-2,#D-0,#G-2,#B-0,#E2-0").fadeIn(),
            $("#gc_inf_1").html("A<sub>sus</sub>2/D <sup>[1]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  E  A  B) : sus2 triad (altered bass)");
    });
    $("#gc-n-Asus2-D-2").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-2,#D-0,#G-2,#B-3,#E2-0").fadeIn(),
            $("#gc_inf_1").html("A<sub>sus</sub>2/D <sup>[2]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  E  A  B) : sus2 triad (altered bass)");
    });
    $("#gc-n-Asus2-Db-1").click(function() {
        $(".gc-note").hide(),
            $("#E-0,#A-0,#D-2,#G-4,#B-2,#E2-0").fadeIn(),
            $("#gc_inf_1").html("A<sub>sus</sub>2/D<sup>b</sup> <sup>[1]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(Db E  A  B) : sus2 triad (altered bass)");
    });
    $("#gc-n-Asus2-Db-2").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-0,#D-7,#G-6,#B-0,#E2-0").fadeIn(),
            $("#gc_inf_1").html("A<sub>sus</sub>2/D<sup>b</sup> <sup>[2]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(Db E  A  B) : sus2 triad (altered bass)");
    });
    $("#gc-n-Asus2-Eb").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-2,#D-1,#G-2,#B-0,#E2-0").fadeIn(),
            $("#gc_inf_1").html("A<sub>sus</sub>2/E<sup>b</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(Eb E  A  B) : sus2 triad (altered bass)");
    });
    $("#gc-n-Asus2-F").click(function() {
        $(".gc-note").hide(),
            $("#E-0,#A-0,#D-3,#G-2,#B-0,#E2-0").fadeIn(),
            $("#gc_inf_1").html("A<sub>sus</sub>2/F"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(E  F  A  B) : sus2 triad (altered bass)");
    });
    $("#gc-n-Asus2-G-1").click(function() {
        $(".gc-note").hide(),
            $("#E-3,#A-X,#D-2,#G-2,#B-0,#E2-0").fadeIn(),
            $("#gc_inf_1").html("A<sub>sus</sub>2/G <sup>[1]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(E  G  A  B) : sus2 triad (altered bass)");
    });
    $("#gc-n-Asus2-G-2").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-0,#D-2,#G-0,#B-0,#E2-0").fadeIn(),
            $("#gc_inf_1").html("A<sub>sus</sub>2/G <sup>[2]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(E  G  A  B) : sus2 triad (altered bass)");
    });
    $("#gc-n-Asus2-G-3").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-0,#D-5,#G-4,#B-5,#E2-0").fadeIn(),
            $("#gc_inf_1").html("A<sub>sus</sub>2/G <sup>[3]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(E  G  A  B) : sus2 triad (altered bass)");
    });
    $("#gc-n-Asus2-Gb-1").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-0,#D-4,#G-4,#B-0,#E2-0").fadeIn(),
            $("#gc_inf_1").html("A<sub>sus</sub>2/G<sup>b</sup> <sup>[1]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(E  Gb A  B) : sus2 triad (altered bass)");
    });
    $("#gc-n-Asus2-Gb-2").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-2,#D-4,#G-2,#B-5,#E2-2").fadeIn(),
            $("#gc_inf_1").html("A<sub>sus</sub>2/G<sup>b</sup> <sup>[2]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(E  Gb A  B) : sus2 triad (altered bass)");
    });
    $("#gc-n-Asus4-Ab").click(function() {
        $(".gc-note").hide(),
            $("#E-4,#A-X,#D-0,#G-2,#B-3,#E2-0").fadeIn(),
            $("#gc_inf_1").html("A<sub>sus</sub>4/A<sup>b</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  E  Ab A) : sus4 triad (altered bass)");
    });
    $("#gc-n-Asus4-B").click(function() {
        $(".gc-note").hide(),
            $("#E-0,#A-2,#D-0,#G-2,#B-0,#E2-0").fadeIn(),
            $("#gc_inf_1").html("A<sub>sus</sub>4/B"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  E  A  B) : sus4 triad (altered bass)");
    });
    $("#gc-n-Asus4-Bb").click(function() {
        $(".gc-note").hide(),
            $("#E-0,#A-1,#D-X,#G-2,#B-3,#E2-0").fadeIn(),
            $("#gc_inf_1").html("A<sub>sus</sub>4/B<sup>b</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  E  A  Bb) : sus4 triad (altered bass)");
    });
    $("#gc-n-Asus4-C-1").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-0,#G-2,#B-1,#E2-0").fadeIn(),
            $("#gc_inf_1").html("A<sub>sus</sub>4/C <sup>[1]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(C  D  E  A) : sus4 triad (altered bass)");
    });
    $("#gc-n-Asus4-C-2").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-0,#G-5,#B-5,#E2-5").fadeIn(),
            $("#gc_inf_1").html("A<sub>sus</sub>4/C <sup>[2]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(C  D  E  A) : sus4 triad (altered bass)");
    });
    $("#gc-n-Asus4-Db-1").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-0,#D-0,#G-2,#B-2,#E2-0").fadeIn(),
            $("#gc_inf_1").html("A<sub>sus</sub>4/D<sup>b</sup> <sup>[1]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(Db D  E  A) : sus4 triad (altered bass)");
    });
    $("#gc-n-Asus4-Db-2").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-0,#G-2,#B-2,#E2-0").fadeIn(),
            $("#gc_inf_1").html("A<sub>sus</sub>4/D<sup>b</sup> <sup>[2]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(Db D  E  A) : sus4 triad (altered bass)");
    });
    $("#gc-n-Asus4-Db-3").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-0,#G-6,#B-5,#E2-5").fadeIn(),
            $("#gc_inf_1").html("A<sub>sus</sub>4/D<sup>b</sup> <sup>[3]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(Db D  E  A) : sus4 triad (altered bass)");
    });
    $("#gc-n-Asus4-Db-4").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-0,#G-9,#B-10,#E2-9").fadeIn(),
            $("#gc_inf_1").html("A<sub>sus</sub>4/D<sup>b</sup> <sup>[4]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(Db D  E  A) : sus4 triad (altered bass)");
    });
    $("#gc-n-Asus4-F").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-7,#G-7,#B-6,#E2-0").fadeIn(),
            $("#gc_inf_1").html("A<sub>sus</sub>4/F"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  E  F  A) : sus4 triad (altered bass)");
    });
    $("#gc-n-Asus4-G-1").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-0,#D-2,#G-0,#B-3,#E2-0").fadeIn(),
            $("#gc_inf_1").html("A<sub>sus</sub>4/G <sup>[1]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  E  G  A) : sus4 triad (altered bass)");
    });
    $("#gc-n-Asus4-G-2").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-0,#D-2,#G-0,#B-3,#E2-3").fadeIn(),
            $("#gc_inf_1").html("A<sub>sus</sub>4/G <sup>[2]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  E  G  A) : sus4 triad (altered bass)");
    });
    $("#gc-n-Asus4-G-3").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-0,#D-2,#G-2,#B-3,#E2-3").fadeIn(),
            $("#gc_inf_1").html("A<sub>sus</sub>4/G <sup>[3]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  E  G  A) : sus4 triad (altered bass)");
    });
    $("#gc-n-Asus4-G-4").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-0,#D-0,#G-0,#B-X,#E2-0").fadeIn(),
            $("#gc_inf_1").html("A<sub>sus</sub>4/G <sup>[4]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  E  G  A) : sus4 triad (altered bass)");
    });
    $("#gc-n-Asus4-Gb-1").click(function() {
        $(".gc-note").hide(),
            $("#E-0,#A-0,#D-0,#G-2,#B-3,#E2-2").fadeIn(),
            $("#gc_inf_1").html("A<sub>sus</sub>4/G<sup>b</sup> <sup>[1]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  E  Gb A) : sus4 triad (altered bass)");
    });
    $("#gc-n-Asus4-Gb-2").click(function() {
        $(".gc-note").hide(),
            $("#E-0,#A-0,#D-4,#G-2,#B-3,#E2-0").fadeIn(),
            $("#gc_inf_1").html("A<sub>sus</sub>4/G<sup>b</sup> <sup>[2]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  E  Gb A) : sus4 triad (altered bass)");
    });
    $("#gc-n-Asus4-Gb-3").click(function() {
        $(".gc-note").hide(),
            $("#E-2,#A-X,#D-0,#G-2,#B-3,#E2-0").fadeIn(),
            $("#gc_inf_1").html("A<sub>sus</sub>4/G<sup>b</sup> <sup>[3]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  E  Gb A) : sus4 triad (altered bass)");
    });
    $("#gc-n-Asus4-Gb-4").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-0,#D-2,#G-2,#B-3,#E2-2").fadeIn(),
            $("#gc_inf_1").html("A<sub>sus</sub>4/G<sup>b</sup> <sup>[4]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  E  Gb A) : sus4 triad (altered bass)");
    });
    $("#gc-n-Asus4-Gb-5").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-2,#G-2,#B-3,#E2-2").fadeIn(),
            $("#gc_inf_1").html("A<sub>sus</sub>4/G<sup>b</sup> <sup>[5]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  E  Gb A) : sus4 triad (altered bass)");
    });
    $("#gc-n-Asus4-Gb-6").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-5,#D-4,#G-2,#B-3,#E2-0").fadeIn(),
            $("#gc_inf_1").html("A<sub>sus</sub>4/G<sup>b</sup> <sup>[6]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  E  Gb A) : sus4 triad (altered bass)");
    });
    $("#gc-n-Asus4-Gb-7").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-9,#D-7,#G-7,#B-X,#E2-0").fadeIn(),
            $("#gc_inf_1").html("A<sub>sus</sub>4/G<sup>b</sup> <sup>[7]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  E  Gb A) : sus4 triad (altered bass)");
    });
    $("#gc-n-B").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-2,#D-4,#G-4,#B-4,#E2-2").fadeIn(),
            $("#gc_inf_1").html("B"),
            $("#gc_inf_2").html("Bmaj"),
            $("#gc_inf_3").html("(Eb Gb B) : major triad");
    });
    $("#gc-n-B-sharp5-1").click(function() {
        $(".gc-note").hide(),
            $("#E-3,#A-2,#D-1,#G-0,#B-0,#E2-3").fadeIn(),
            $("#gc_inf_1").html("B<sup>#</sup>5 <sup>[1]</sup>"),
            $("#gc_inf_2").html("B<sub>aug</sub>"),
            $("#gc_inf_3").html("(Eb G  B) : augmented triad");
    });
    $("#gc-n-B-sharp5-2").click(function() {
        $(".gc-note").hide(),
            $("#E-3,#A-X,#D-1,#G-0,#B-0,#E2-3").fadeIn(),
            $("#gc_inf_1").html("B<sup>#</sup>5 <sup>[2]</sup>"),
            $("#gc_inf_2").html("B<sub>aug</sub>"),
            $("#gc_inf_3").html("(Eb G  B) : augmented triad");
    });
    $("#gc-n-B-A-1").click(function() {
        $(".gc-note").hide(),
            $("#E-2,#A-X,#D-1,#G-2,#B-0,#E2-2").fadeIn(),
            $("#gc_inf_1").html("B/A <sup>[1]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(Eb Gb A  B) : major triad (altered bass)");
    });
    $("#gc-n-B-A-2").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-0,#D-1,#G-2,#B-0,#E2-2").fadeIn(),
            $("#gc_inf_1").html("B/A <sup>[2]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(Eb Gb A  B) : major triad (altered bass)");
    });
    $("#gc-n-B-A-3").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-2,#D-1,#G-2,#B-0,#E2-2").fadeIn(),
            $("#gc_inf_1").html("B/A <sup>[3]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(Eb Gb A  B) : major triad (altered bass)");
    });
    $("#gc-n-B-A-4").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-2,#D-4,#G-2,#B-4,#E2-2").fadeIn(),
            $("#gc_inf_1").html("B/A <sup>[4]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(Eb Gb A  B) : major triad (altered bass)");
    });
    $("#gc-n-B-Ab").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-4,#G-4,#B-4,#E2-4").fadeIn(),
            $("#gc_inf_1").html("B/A<sup>b</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(Eb Gb Ab B) : major triad (altered bass)");
    });
    $("#gc-n-B-E-1").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-2,#D-2,#G-4,#B-4,#E2-2").fadeIn(),
            $("#gc_inf_1").html("B/E <sup>[1]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(Eb E  Gb B) : major triad (altered bass)");
    });
    $("#gc-n-B-E-2").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-4,#G-4,#B-4,#E2-0").fadeIn(),
            $("#gc_inf_1").html("B/E <sup>[2]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(Eb E  Gb B) : major triad (altered bass)");
    });
    $("#gc-n-B5-1").click(function() {
        $(".gc-note").hide(),
            $("#E-7,#A-9,#D-9,#G-X,#B-X,#E2-2").fadeIn(),
            $("#gc_inf_1").html("B5 <sup>[1]</sup>"),
            $("#gc_inf_2").html("B (no 3rd)"),
            $("#gc_inf_3").html("(Gb B): root and 5th (power chord)");
    });
    $("#gc-n-B5-2").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-2,#D-4,#G-4,#B-X,#E2-2").fadeIn(),
            $("#gc_inf_1").html("B5 <sup>[2]</sup>"),
            $("#gc_inf_2").html("B (no 3rd)"),
            $("#gc_inf_3").html("(Gb B): root and 5th (power chord)");
    });
    $("#gc-n-B6").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-4,#G-4,#B-4,#E2-4").fadeIn(),
            $("#gc_inf_1").html("B6"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(Eb Gb Ab B) : major triad plus 6th");
    });
    $("#gc-n-B7-1").click(function() {
        $(".gc-note").hide(),
            $("#E-2,#A-X,#D-1,#G-2,#B-0,#E2-2").fadeIn(),
            $("#gc_inf_1").html("B7 <sup>[1]</sup>"),
            $("#gc_inf_2").html("B<sub>dom</sub> 7"),
            $("#gc_inf_3").html("(Eb Gb A  B) : major triad, minor 7th");
    });
    $("#gc-n-B7-2").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-0,#D-1,#G-2,#B-0,#E2-2").fadeIn(),
            $("#gc_inf_1").html("B7 <sup>[2]</sup>"),
            $("#gc_inf_2").html("B<sub>dom</sub> 7"),
            $("#gc_inf_3").html("(Eb Gb A  B) : major triad, minor 7th");
    });
    $("#gc-n-B7-3").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-2,#D-1,#G-2,#B-0,#E2-2").fadeIn(),
            $("#gc_inf_1").html("B7 <sup>[3]</sup>"),
            $("#gc_inf_2").html("B<sub>dom</sub> 7"),
            $("#gc_inf_3").html("(Eb Gb A  B) : major triad, minor 7th");
    });
    $("#gc-n-B7-4").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-2,#D-4,#G-2,#B-4,#E2-2").fadeIn(),
            $("#gc_inf_1").html("B7 <sup>[4]</sup>"),
            $("#gc_inf_2").html("B<sub>dom</sub> 7"),
            $("#gc_inf_3").html("(Eb Gb A  B) : major triad, minor 7th");
    });
    $("#gc-n-B7-add11-1").click(function() {
        $(".gc-note").hide(),
            $("#E-0,#A-0,#D-4,#G-4,#B-4,#E2-0").fadeIn(),
            $("#gc_inf_1").html("B7/<sub>add</sub>11 <sup>[1]</sup>"),
            $("#gc_inf_2").html("B7/11"),
            $("#gc_inf_3").html("(Eb E  Gb A  B) : major triad, minor 7th, plus 11th");
    });
    $("#gc-n-B7-add11-2").click(function() {
        $(".gc-note").hide(),
            $("#E-0,#A-2,#D-1,#G-2,#B-0,#E2-2").fadeIn(),
            $("#gc_inf_1").html("B7/<sub>add</sub>11 <sup>[2]</sup>"),
            $("#gc_inf_2").html("B7/11"),
            $("#gc_inf_3").html("(Eb E  Gb A  B) : major triad, minor 7th, plus 11th");
    });
    $("#gc-n-B7sus4-1").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-0,#D-4,#G-4,#B-0,#E2-0").fadeIn(),
            $("#gc_inf_1").html("B7<sub>sus</sub>4 <sup>[1]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(E  Gb A  B) : sus4 triad, minor 7th");
    });
    $("#gc-n-B7sus4-2").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-2,#D-4,#G-2,#B-5,#E2-2").fadeIn(),
            $("#gc_inf_1").html("B7<sub>sus</sub>4 <sup>[2]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(E  Gb A  B) : sus4 triad, minor 7th");
    });
    $("#gc-n-Baug-E-1").click(function() {
        $(".gc-note").hide(),
            $("#E-3,#A-X,#D-1,#G-0,#B-0,#E2-0").fadeIn(),
            $("#gc_inf_1").html("B<sub>aug</sub>/E <sup>[1]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(Eb E  G  B) : augmented triad (altered bass)");
    });
    $("#gc-n-Baug-E-2").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-1,#G-0,#B-0,#E2-0").fadeIn(),
            $("#gc_inf_1").html("B<sub>aug</sub>/E <sup>[2]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(Eb E  G  B) : augmented triad (altered bass)");
    });
    $("#gc-n-Bb-1").click(function() {
        $(".gc-note").hide(),
            $("#E-1,#A-1,#D-3,#G-3,#B-3,#E2-1").fadeIn(),
            $("#gc_inf_1").html("B<sup>b</sup> <sup>[1]</sup>"),
            $("#gc_inf_2").html("B<sup>b</sup>maj"),
            $("#gc_inf_3").html("(D  F  Bb) : major triad");
    });
    $("#gc-n-Bb-2").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-1,#D-3,#G-3,#B-3,#E2-1").fadeIn(),
            $("#gc_inf_1").html("B<sup>b</sup> <sup>[2]</sup>"),
            $("#gc_inf_2").html("B<sup>b</sup>maj"),
            $("#gc_inf_3").html("(D  F  Bb) : major triad");
    });
    $("#gc-n-Bb-3").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-0,#G-3,#B-3,#E2-1").fadeIn(),
            $("#gc_inf_1").html("B<sup>b</sup> <sup>[3]</sup>"),
            $("#gc_inf_2").html("B<sup>b</sup>maj"),
            $("#gc_inf_3").html("(D  F  Bb) : major triad");
    });
    $("#gc-n-Bb-sharp5").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-0,#G-3,#B-3,#E2-2").fadeIn(),
            $("#gc_inf_1").html("B<sup>b</sup><sup>#</sup>5"),
            $("#gc_inf_2").html("B<sup>b</sup><sub>aug</sub>"),
            $("#gc_inf_3").html("(D  Gb Bb) : augmented triad");
    });
    $("#gc-n-Bb-b5").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-0,#G-3,#B-X,#E2-0").fadeIn(),
            $("#gc_inf_1").html("B<sup>b</sup> b5"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  E  Bb) : flat 5th");
    });
    $("#gc-n-Bb-A").click(function() {
        $(".gc-note").hide(),
            $("#E-1,#A-1,#D-3,#G-2,#B-3,#E2-1").fadeIn(),
            $("#gc_inf_1").html("B<sup>b</sup>/A"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  F  A  Bb) : major triad (altered bass)");
    });
    $("#gc-n-Bb-Ab-1").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-1,#D-3,#G-1,#B-3,#E2-1").fadeIn(),
            $("#gc_inf_1").html("B<sup>b</sup>/A<sup>b</sup> <sup>[1]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  F  Ab Bb) : major triad (altered bass)");
    });
    $("#gc-n-Bb-Ab-2").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-3,#G-3,#B-3,#E2-4").fadeIn(),
            $("#gc_inf_1").html("B<sup>b</sup>/A<sup>b</sup> <sup>[2]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  F  Ab Bb) : major triad (altered bass)");
    });
    $("#gc-n-Bb-Db").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-0,#G-6,#B-6,#E2-6").fadeIn(),
            $("#gc_inf_1").html("B<sup>b</sup>/D<sup>b</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(Db D  F  Bb) : major triad (altered bass)");
    });
    $("#gc-n-Bb-E").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-1,#D-3,#G-3,#B-3,#E2-0").fadeIn(),
            $("#gc_inf_1").html("B<sup>b</sup>/E"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  E  F  Bb) : major triad (altered bass)");
    });
    $("#gc-n-Bb-G-1").click(function() {
        $(".gc-note").hide(),
            $("#E-3,#A-5,#D-3,#G-3,#B-3,#E2-3").fadeIn(),
            $("#gc_inf_1").html("B<sup>b</sup>/G <sup>[1]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  F  G  Bb) : major triad (altered bass)");
    });
    $("#gc-n-Bb-G-2").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-3,#G-3,#B-3,#E2-3").fadeIn(),
            $("#gc_inf_1").html("B<sup>b</sup>/G <sup>[2]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  F  G  Bb) : major triad (altered bass)");
    });
    $("#gc-n-Bb5-1").click(function() {
        $(".gc-note").hide(),
            $("#E-6,#A-8,#D-8,#G-X,#B-X,#E2-6").fadeIn(),
            $("#gc_inf_1").html("B<sup>b</sup>5 <sup>[1]</sup>"),
            $("#gc_inf_2").html("B<sup>b</sup> (no 3rd)"),
            $("#gc_inf_3").html("(F  Bb): root and 5th (power chord)");
    });
    $("#gc-n-Bb5-2").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-1,#D-3,#G-3,#B-X,#E2-6").fadeIn(),
            $("#gc_inf_1").html("B<sup>b</sup>5 <sup>[2]</sup>"),
            $("#gc_inf_2").html("B<sup>b</sup> (no 3rd)"),
            $("#gc_inf_3").html("(F  Bb): root and 5th (power chord)");
    });
    $("#gc-n-Bb6-1").click(function() {
        $(".gc-note").hide(),
            $("#E-3,#A-5,#D-3,#G-3,#B-3,#E2-3").fadeIn(),
            $("#gc_inf_1").html("B<sup>b</sup>6 <sup>[1]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  F  G  Bb) : major triad plus 6th");
    });
    $("#gc-n-Bb6-2").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-3,#G-3,#B-3,#E2-3").fadeIn(),
            $("#gc_inf_1").html("B<sup>b</sup>6 <sup>[2]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  F  G  Bb) : major triad plus 6th");
    });
    $("#gc-n-Bb6-add9").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-3,#D-3,#G-3,#B-3,#E2-3").fadeIn(),
            $("#gc_inf_1").html("B<sup>b</sup>6/<sub>add</sub>9"),
            $("#gc_inf_2").html("B<sup>b</sup>6/9"),
            $("#gc_inf_3").html("(C  D  F  G  Bb) : major triad plus 6th and 9th");
    });
    $("#gc-n-Bb7-1").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-1,#D-3,#G-1,#B-3,#E2-1").fadeIn(),
            $("#gc_inf_1").html("B<sup>b</sup>7 <sup>[1]</sup>"),
            $("#gc_inf_2").html("B<sup>b</sup><sub>dom</sub> 7"),
            $("#gc_inf_3").html("(D  F  Ab Bb) : major triad, minor 7th");
    });
    $("#gc-n-Bb7-2").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-3,#G-3,#B-3,#E2-4").fadeIn(),
            $("#gc_inf_1").html("B<sup>b</sup>7 <sup>[2]</sup>"),
            $("#gc_inf_2").html("B<sup>b</sup><sub>dom</sub> 7"),
            $("#gc_inf_3").html("(D  F  Ab Bb) : major triad, minor 7th");
    });
    $("#gc-n-Bb7sus4").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-1,#D-3,#G-1,#B-4,#E2-1").fadeIn(),
            $("#gc_inf_1").html("B<sup>b</sup>7<sub>sus</sub>4"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(Eb F  Ab Bb) : sus4 triad, minor 7th");
    });
    $("#gc-n-Bbaddsharp11").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-1,#D-3,#G-3,#B-3,#E2-0").fadeIn(),
            $("#gc_inf_1").html("B<sup>b</sup><sub>add</sub><sup>#</sup>11"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  E  F  Bb) : major triad, augmented 11th");
    });
    $("#gc-n-Bbaug-E").click(function() {
        $(".gc-note").hide(),
            $("#E-2,#A-X,#D-4,#G-3,#B-3,#E2-0").fadeIn(),
            $("#gc_inf_1").html("B<sup>b</sup><sub>aug</sub>/E"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  E  Gb Bb) : augmented triad (altered bass)");
    });
    $("#gc-n-Bbdim-C").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-3,#D-X,#G-3,#B-2,#E2-0").fadeIn(),
            $("#gc_inf_1").html("B<sup>b</sup><sub>dim</sub>/C"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(C  Db E  Bb) : diminished triad (altered bass)");
    });
    $("#gc-n-Bbdim-D").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-0,#G-3,#B-2,#E2-0").fadeIn(),
            $("#gc_inf_1").html("B<sup>b</sup><sub>dim</sub>/D"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(Db D  E  Bb) : diminished triad (altered bass)");
    });
    $("#gc-n-Bbdim-G-1").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-1,#D-2,#G-0,#B-2,#E2-0").fadeIn(),
            $("#gc_inf_1").html("B<sup>b</sup><sub>dim</sub>/G <sup>[1]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(Db E  G  Bb) : diminished triad (altered bass)");
    });
    $("#gc-n-Bbdim-G-2").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-2,#G-3,#B-2,#E2-3").fadeIn(),
            $("#gc_inf_1").html("B<sup>b</sup><sub>dim</sub>/G <sup>[2]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(Db E  G  Bb) : diminished triad (altered bass)");
    });
    $("#gc-n-Bbdim-Gb-1").click(function() {
        $(".gc-note").hide(),
            $("#E-2,#A-4,#D-2,#G-3,#B-2,#E2-2").fadeIn(),
            $("#gc_inf_1").html("B<sup>b</sup><sub>dim</sub>/G<sup>b</sup> <sup>[1]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(Db E  Gb Bb) : diminished triad (altered bass)");
    });
    $("#gc-n-Bbdim-Gb-2").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-4,#G-3,#B-2,#E2-0").fadeIn(),
            $("#gc_inf_1").html("B<sup>b</sup><sub>dim</sub>/G<sup>b</sup> <sup>[2]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(Db E  Gb Bb) : diminished triad (altered bass)");
    });
    $("#gc-n-Bbdim7-1").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-1,#D-2,#G-0,#B-2,#E2-0").fadeIn(),
            $("#gc_inf_1").html("B<sup>b</sup><sub>dim</sub>7 <sup>[1]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(Db E  G  Bb) : diminished triad, diminished 7th");
    });
    $("#gc-n-Bbdim7-2").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-2,#G-3,#B-2,#E2-3").fadeIn(),
            $("#gc_inf_1").html("B<sup>b</sup><sub>dim</sub>7 <sup>[2]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(Db E  G  Bb) : diminished triad, diminished 7th");
    });
    $("#gc-n-Bbm").click(function() {
        $(".gc-note").hide(),
            $("#E-1,#A-1,#D-3,#G-3,#B-2,#E2-1").fadeIn(),
            $("#gc_inf_1").html("B<sup>b</sup>m"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(Db F  Bb) : minor triad");
    });
    $("#gc-n-Bbm-Ab").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-1,#D-3,#G-1,#B-2,#E2-1").fadeIn(),
            $("#gc_inf_1").html("B<sup>b</sup>m/A<sup>b</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(Db F  Ab Bb) : minor triad (altered bass)");
    });
    $("#gc-n-Bbm-D").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-0,#G-6,#B-6,#E2-6").fadeIn(),
            $("#gc_inf_1").html("B<sup>b</sup>m/D"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(Db D  F  Bb) : minor triad (altered bass)");
    });
    $("#gc-n-Bbm-Gb").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-3,#G-3,#B-2,#E2-2").fadeIn(),
            $("#gc_inf_1").html("B<sup>b</sup>m/G<sup>b</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(Db F  Gb Bb) : minor triad (altered bass)");
    });
    $("#gc-n-Bbm7").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-1,#D-3,#G-1,#B-2,#E2-1").fadeIn(),
            $("#gc_inf_1").html("B<sup>b</sup>m7"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(Db F  Ab Bb) : minor triad, minor 7th");
    });
    $("#gc-n-Bbmaj7").click(function() {
        $(".gc-note").hide(),
            $("#E-1,#A-1,#D-3,#G-2,#B-3,#E2-1").fadeIn(),
            $("#gc_inf_1").html("B<sup>b</sup>maj7"),
            $("#gc_inf_2").html("B<sup>b</sup><sup>#</sup>7"),
            $("#gc_inf_3").html("(D  F  A  Bb) : major triad, major 7th");
    });
    $("#gc-n-Bbmaj9").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-3,#D-3,#G-3,#B-3,#E2-5").fadeIn(),
            $("#gc_inf_1").html("B<sup>b</sup>maj9"),
            $("#gc_inf_2").html("B<sup>b</sup>9 (<sup>#</sup>7)"),
            $("#gc_inf_3").html("(C  D  F  A  Bb) : major triad, major 7th plus 9th");
    });
    $("#gc-n-Bbsus2").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-3,#G-3,#B-1,#E2-1").fadeIn(),
            $("#gc_inf_1").html("B<sup>b</sup><sub>sus</sub>2"),
            $("#gc_inf_2").html("B<sup>b</sup>add9 (no3)"),
            $("#gc_inf_3").html("(C  F  Bb) : no 3rd but a 2nd from a major triad");
    });
    $("#gc-n-Bbsus2-G").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-3,#D-5,#G-3,#B-6,#E2-3").fadeIn(),
            $("#gc_inf_1").html("B<sup>b</sup><sub>sus</sub>2/G"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(C  F  G  Bb) : sus2 triad (altered bass)");
    });
    $("#gc-n-Bbsus4-Ab").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-1,#D-3,#G-1,#B-4,#E2-1").fadeIn(),
            $("#gc_inf_1").html("B<sup>b</sup><sub>sus</sub>4/A<sup>b</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(Eb F  Ab Bb) : sus4 triad (altered bass)");
    });
    $("#gc-n-Bdim-A-1").click(function() {
        $(".gc-note").hide(),
            $("#E-1,#A-2,#D-3,#G-2,#B-3,#E2-1").fadeIn(),
            $("#gc_inf_1").html("B<sub>dim</sub>/A <sup>[1]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  F  A  B) : diminished triad (altered bass)");
    });
    $("#gc-n-Bdim-A-2").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-2,#D-0,#G-2,#B-0,#E2-1").fadeIn(),
            $("#gc_inf_1").html("B<sub>dim</sub>/A <sup>[2]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  F  A  B) : diminished triad (altered bass)");
    });
    $("#gc-n-Bdim-A-3").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-0,#G-2,#B-0,#E2-1").fadeIn(),
            $("#gc_inf_1").html("B<sub>dim</sub>/A <sup>[3]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  F  A  B) : diminished triad (altered bass)");
    });
    $("#gc-n-Bdim-Ab-1").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-2,#D-0,#G-1,#B-0,#E2-1").fadeIn(),
            $("#gc_inf_1").html("B<sub>dim</sub>/A<sup>b</sup> <sup>[1]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  F  Ab B) : diminished triad (altered bass)");
    });
    $("#gc-n-Bdim-Ab-2").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-0,#G-1,#B-0,#E2-1").fadeIn(),
            $("#gc_inf_1").html("B<sub>dim</sub>/A<sup>b</sup> <sup>[2]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  F  Ab B) : diminished triad (altered bass)");
    });
    $("#gc-n-Bdim-Ab-3").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-3,#G-4,#B-3,#E2-4").fadeIn(),
            $("#gc_inf_1").html("B<sub>dim</sub>/A<sup>b</sup> <sup>[3]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  F  Ab B) : diminished triad (altered bass)");
    });
    $("#gc-n-Bdim-G-1").click(function() {
        $(".gc-note").hide(),
            $("#E-1,#A-X,#D-0,#G-0,#B-0,#E2-3").fadeIn(),
            $("#gc_inf_1").html("B<sub>dim</sub>/G <sup>[1]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  F  G  B) : diminished triad (altered bass)");
    });
    $("#gc-n-Bdim-G-2").click(function() {
        $(".gc-note").hide(),
            $("#E-3,#A-2,#D-0,#G-0,#B-0,#E2-1").fadeIn(),
            $("#gc_inf_1").html("B<sub>dim</sub>/G <sup>[2]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  F  G  B) : diminished triad (altered bass)");
    });
    $("#gc-n-Bdim-G-3").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-0,#G-0,#B-0,#E2-1").fadeIn(),
            $("#gc_inf_1").html("B<sub>dim</sub>/G <sup>[3]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  F  G  B) : diminished triad (altered bass)");
    });
    $("#gc-n-Bdim7-1").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-2,#D-0,#G-1,#B-0,#E2-1").fadeIn(),
            $("#gc_inf_1").html("B<sub>dim</sub>7 <sup>[1]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  F  Ab B) : diminished triad, diminished 7th");
    });
    $("#gc-n-Bdim7-2").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-0,#G-1,#B-0,#E2-1").fadeIn(),
            $("#gc_inf_1").html("B<sub>dim</sub>7 <sup>[2]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  F  Ab B) : diminished triad, diminished 7th");
    });
    $("#gc-n-Bdim7-3").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-3,#G-4,#B-3,#E2-4").fadeIn(),
            $("#gc_inf_1").html("B<sub>dim</sub>7 <sup>[3]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  F  Ab B) : diminished triad, diminished 7th");
    });
    $("#gc-n-Bm-1").click(function() {
        $(".gc-note").hide(),
            $("#E-2,#A-2,#D-4,#G-4,#B-3,#E2-2").fadeIn(),
            $("#gc_inf_1").html("Bm <sup>[1]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  Gb B) : minor triad");
    });
    $("#gc-n-Bm-2").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-2,#D-4,#G-4,#B-3,#E2-2").fadeIn(),
            $("#gc_inf_1").html("Bm <sup>[2]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  Gb B) : minor triad");
    });
    $("#gc-n-Bm-3").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-0,#G-4,#B-3,#E2-2").fadeIn(),
            $("#gc_inf_1").html("Bm <sup>[3]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  Gb B) : minor triad");
    });
    $("#gc-n-Bm-A-1").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-0,#D-4,#G-4,#B-3,#E2-2").fadeIn(),
            $("#gc_inf_1").html("Bm/A <sup>[1]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  Gb A  B) : minor triad (altered bass)");
    });
    $("#gc-n-Bm-A-2").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-2,#D-0,#G-2,#B-0,#E2-2").fadeIn(),
            $("#gc_inf_1").html("Bm/A <sup>[2]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  Gb A  B) : minor triad (altered bass)");
    });
    $("#gc-n-Bm-A-3").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-2,#D-0,#G-2,#B-3,#E2-2").fadeIn(),
            $("#gc_inf_1").html("Bm/A <sup>[3]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  Gb A  B) : minor triad (altered bass)");
    });
    $("#gc-n-Bm-A-4").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-2,#D-4,#G-2,#B-3,#E2-2").fadeIn(),
            $("#gc_inf_1").html("Bm/A <sup>[4]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  Gb A  B) : minor triad (altered bass)");
    });
    $("#gc-n-Bm-A-5").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-0,#G-2,#B-0,#E2-2").fadeIn(),
            $("#gc_inf_1").html("Bm/A <sup>[5]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  Gb A  B) : minor triad (altered bass)");
    });
    $("#gc-n-Bm-G-1").click(function() {
        $(".gc-note").hide(),
            $("#E-2,#A-2,#D-0,#G-0,#B-0,#E2-3").fadeIn(),
            $("#gc_inf_1").html("Bm/G <sup>[1]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  Gb G  B) : minor triad (altered bass)");
    });
    $("#gc-n-Bm-G-2").click(function() {
        $(".gc-note").hide(),
            $("#E-2,#A-2,#D-0,#G-0,#B-3,#E2-3").fadeIn(),
            $("#gc_inf_1").html("Bm/G <sup>[2]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  Gb G  B) : minor triad (altered bass)");
    });
    $("#gc-n-Bm-G-3").click(function() {
        $(".gc-note").hide(),
            $("#E-3,#A-2,#D-0,#G-0,#B-0,#E2-2").fadeIn(),
            $("#gc_inf_1").html("Bm/G <sup>[3]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  Gb G  B) : minor triad (altered bass)");
    });
    $("#gc-n-Bm-G-4").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-4,#G-4,#B-3,#E2-3").fadeIn(),
            $("#gc_inf_1").html("Bm/G <sup>[4]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  Gb G  B) : minor triad (altered bass)");
    });
    $("#gc-n-Bm7-1").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-0,#D-4,#G-4,#B-3,#E2-2").fadeIn(),
            $("#gc_inf_1").html("Bm7 <sup>[1]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  Gb A  B) : minor triad, minor 7th");
    });
    $("#gc-n-Bm7-2").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-2,#D-0,#G-2,#B-0,#E2-2").fadeIn(),
            $("#gc_inf_1").html("Bm7 <sup>[2]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  Gb A  B) : minor triad, minor 7th");
    });
    $("#gc-n-Bm7-3").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-2,#D-0,#G-2,#B-3,#E2-2").fadeIn(),
            $("#gc_inf_1").html("Bm7 <sup>[3]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  Gb A  B) : minor triad, minor 7th");
    });
    $("#gc-n-Bm7-4").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-2,#D-4,#G-2,#B-3,#E2-2").fadeIn(),
            $("#gc_inf_1").html("Bm7 <sup>[4]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  Gb A  B) : minor triad, minor 7th");
    });
    $("#gc-n-Bm7-5").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-0,#G-2,#B-0,#E2-2").fadeIn(),
            $("#gc_inf_1").html("Bm7 <sup>[5]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  Gb A  B) : minor triad, minor 7th");
    });
    $("#gc-n-Bm7--b5---1").click(function() {
        $(".gc-note").hide(),
            $("#E-1,#A-2,#D-3,#G-2,#B-3,#E2-1").fadeIn(),
            $("#gc_inf_1").html("Bm7(b5) <sup>[1]</sup>"),
            $("#gc_inf_2").html("Bo7"),
            $("#gc_inf_3").html("(D  F  A  B) : diminished triad, minor 7th : half-diminished 7th");
    });
    $("#gc-n-Bm7--b5---2").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-2,#D-0,#G-2,#B-0,#E2-1").fadeIn(),
            $("#gc_inf_1").html("Bm7(b5) <sup>[2]</sup>"),
            $("#gc_inf_2").html("Bo7"),
            $("#gc_inf_3").html("(D  F  A  B) : diminished triad, minor 7th : half-diminished 7th");
    });
    $("#gc-n-Bm7--b5---3").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-0,#G-2,#B-0,#E2-1").fadeIn(),
            $("#gc_inf_1").html("Bm7(b5) <sup>[3]</sup>"),
            $("#gc_inf_2").html("Bo7"),
            $("#gc_inf_3").html("(D  F  A  B) : diminished triad, minor 7th : half-diminished 7th");
    });
    $("#gc-n-Bm7-add11-1").click(function() {
        $(".gc-note").hide(),
            $("#E-0,#A-0,#D-2,#G-4,#B-3,#E2-2").fadeIn(),
            $("#gc_inf_1").html("Bm7/<sub>add</sub>11 <sup>[1]</sup>"),
            $("#gc_inf_2").html("Bm7/11"),
            $("#gc_inf_3").html("(D  E  Gb A  B) : minor triad, minor 7th, plus 11th");
    });
    $("#gc-n-Bm7-add11-2").click(function() {
        $(".gc-note").hide(),
            $("#E-0,#A-2,#D-0,#G-2,#B-0,#E2-2").fadeIn(),
            $("#gc_inf_1").html("Bm7/<sub>add</sub>11 <sup>[2]</sup>"),
            $("#gc_inf_2").html("Bm7/11"),
            $("#gc_inf_3").html("(D  E  Gb A  B) : minor triad, minor 7th, plus 11th");
    });
    $("#gc-n-Bmaj7-sharp11").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-2,#D-3,#G-3,#B-4,#E2-2").fadeIn(),
            $("#gc_inf_1").html("Bmaj7/<sup>#</sup>11"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(Eb F  Gb Bb B) : major triad, major 7th, augmented 11th");
    });
    $("#gc-n-Bsus-1").click(function() {
        $(".gc-note").hide(),
            $("#E-7,#A-9,#D-9,#G-X,#B-X,#E2-0").fadeIn(),
            $("#gc_inf_1").html("B<sub>sus</sub> <sup>[1]</sup>"),
            $("#gc_inf_2").html("B<sub>sus</sub>4"),
            $("#gc_inf_3").html("(E  Gb B) : no 3rd but a 4th from a major triad");
    });
    $("#gc-n-Bsus-2").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-2,#D-4,#G-4,#B-X,#E2-0").fadeIn(),
            $("#gc_inf_1").html("B<sub>sus</sub> <sup>[2]</sup>"),
            $("#gc_inf_2").html("B<sub>sus</sub>4"),
            $("#gc_inf_3").html("(E  Gb B) : no 3rd but a 4th from a major triad");
    });
    $("#gc-n-Bsus2-1").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-4,#D-4,#G-4,#B-X,#E2-2").fadeIn(),
            $("#gc_inf_1").html("B<sub>sus</sub>2 <sup>[1]</sup>"),
            $("#gc_inf_2").html("Badd9 (no3)"),
            $("#gc_inf_3").html("(Db Gb B): no 3rd but a 2nd from a major triad");
    });
    $("#gc-n-Bsus2-2").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-4,#G-4,#B-2,#E2-2").fadeIn(),
            $("#gc_inf_1").html("B<sub>sus</sub>2 <sup>[2]</sup>"),
            $("#gc_inf_2").html("Badd9 (no3)"),
            $("#gc_inf_3").html("(Db Gb B) : no 3rd but a 2nd from a major triad");
    });
    $("#gc-n-Bsus2-E").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-4,#D-4,#G-4,#B-X,#E2-0").fadeIn(),
            $("#gc_inf_1").html("B<sub>sus</sub>2/E"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(Db E  Gb B) : sus2 triad (altered bass)");
    });
    $("#gc-n-Bsus4-A-1").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-0,#D-4,#G-4,#B-0,#E2-0").fadeIn(),
            $("#gc_inf_1").html("B<sub>sus</sub>4/A <sup>[1]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(E  Gb A  B) : sus4 triad (altered bass)");
    });
    $("#gc-n-Bsus4-A-2").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-2,#D-4,#G-2,#B-5,#E2-2").fadeIn(),
            $("#gc_inf_1").html("B<sub>sus</sub>4/A <sup>[2]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(E  Gb A  B) : sus4 triad (altered bass)");
    });
    $("#gc-n-Bsus4-Ab-1").click(function() {
        $(".gc-note").hide(),
            $("#E-0,#A-2,#D-2,#G-1,#B-0,#E2-2").fadeIn(),
            $("#gc_inf_1").html("B<sub>sus</sub>4/A<sup>b</sup> <sup>[1]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(E  Gb Ab B) : sus4 triad (altered bass)");
    });
    $("#gc-n-Bsus4-Ab-2").click(function() {
        $(".gc-note").hide(),
            $("#E-0,#A-X,#D-4,#G-1,#B-0,#E2-0").fadeIn(),
            $("#gc_inf_1").html("B<sub>sus</sub>4/A<sup>b</sup> <sup>[2]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(E  Gb Ab B) : sus4 triad (altered bass)");
    });
    $("#gc-n-Bsus4-Ab-3").click(function() {
        $(".gc-note").hide(),
            $("#E-2,#A-2,#D-2,#G-1,#B-0,#E2-0").fadeIn(),
            $("#gc_inf_1").html("B<sub>sus</sub>4/A<sup>b</sup> <sup>[3]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(E  Gb Ab B) : sus4 triad (altered bass)");
    });
    $("#gc-n-Bsus4-Db").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-4,#D-4,#G-4,#B-X,#E2-0").fadeIn(),
            $("#gc_inf_1").html("B<sub>sus</sub>4/D<sup>b</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(Db E  Gb B) : sus4 triad (altered bass)");
    });
    $("#gc-n-Bsus4-Eb-1").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-2,#D-2,#G-4,#B-4,#E2-2").fadeIn(),
            $("#gc_inf_1").html("B<sub>sus</sub>4/E<sup>b</sup> <sup>[1]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(Eb E  Gb B) : sus4 triad (altered bass)");
    });
    $("#gc-n-Bsus4-Eb-2").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-4,#G-4,#B-4,#E2-0").fadeIn(),
            $("#gc_inf_1").html("B<sub>sus</sub>4/E<sup>b</sup> <sup>[2]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(Eb E  Gb B) : sus4 triad (altered bass)");
    });
    $("#gc-n-Bsus4-G-1").click(function() {
        $(".gc-note").hide(),
            $("#E-0,#A-2,#D-2,#G-0,#B-0,#E2-2").fadeIn(),
            $("#gc_inf_1").html("B<sub>sus</sub>4/G <sup>[1]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(E  Gb G  B) : sus4 triad (altered bass)");
    });
    $("#gc-n-Bsus4-G-2").click(function() {
        $(".gc-note").hide(),
            $("#E-0,#A-2,#D-4,#G-0,#B-0,#E2-0").fadeIn(),
            $("#gc_inf_1").html("B<sub>sus</sub>4/G <sup>[2]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(E  Gb G  B) : sus4 triad (altered bass)");
    });
    $("#gc-n-Bsus4-G-3").click(function() {
        $(".gc-note").hide(),
            $("#E-0,#A-X,#D-4,#G-0,#B-0,#E2-0").fadeIn(),
            $("#gc_inf_1").html("B<sub>sus</sub>4/G <sup>[3]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(E  Gb G  B) : sus4 triad (altered bass)");
    });
    $("#gc-n-Bsus4-G-4").click(function() {
        $(".gc-note").hide(),
            $("#E-2,#A-2,#D-2,#G-0,#B-0,#E2-0").fadeIn(),
            $("#gc_inf_1").html("B<sub>sus</sub>4/G <sup>[4]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(E  Gb G  B) : sus4 triad (altered bass)");
    });
    $("#gc-n-C-1").click(function() {
        $(".gc-note").hide(),
            $("#E-0,#A-3,#D-2,#G-0,#B-1,#E2-0").fadeIn(),
            $("#gc_inf_1").html("C <sup>[1]</sup>"),
            $("#gc_inf_2").html("Cmaj"),
            $("#gc_inf_3").html("(C  E  G) : major triad");
    });
    $("#gc-n-C-2").click(function() {
        $(".gc-note").hide(),
            $("#E-0,#A-3,#D-5,#G-5,#B-5,#E2-3").fadeIn(),
            $("#gc_inf_1").html("C <sup>[2]</sup>"),
            $("#gc_inf_2").html("Cmaj"),
            $("#gc_inf_3").html("(C  E  G) : major triad");
    });
    $("#gc-n-C-3").click(function() {
        $(".gc-note").hide(),
            $("#E-3,#A-3,#D-2,#G-0,#B-1,#E2-0").fadeIn(),
            $("#gc_inf_1").html("C <sup>[3]</sup>"),
            $("#gc_inf_2").html("Cmaj"),
            $("#gc_inf_3").html("(C  E  G) : major triad");
    });
    $("#gc-n-C-4").click(function() {
        $(".gc-note").hide(),
            $("#E-3,#A-X,#D-2,#G-0,#B-1,#E2-0").fadeIn(),
            $("#gc_inf_1").html("C <sup>[4]</sup>"),
            $("#gc_inf_2").html("Cmaj"),
            $("#gc_inf_3").html("(C  E  G) : major triad");
    });
    $("#gc-n-C-5").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-3,#D-2,#G-0,#B-1,#E2-0").fadeIn(),
            $("#gc_inf_1").html("C <sup>[5]</sup>"),
            $("#gc_inf_2").html("Cmaj"),
            $("#gc_inf_3").html("(C  E  G) : major triad");
    });
    $("#gc-n-C-6").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-3,#D-5,#G-5,#B-5,#E2-0").fadeIn(),
            $("#gc_inf_1").html("C <sup>[6]</sup>"),
            $("#gc_inf_2").html("Cmaj"),
            $("#gc_inf_3").html("(C  E  G) : major triad");
    });
    $("#gc-n-C-sharp5").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-3,#D-2,#G-1,#B-1,#E2-0").fadeIn(),
            $("#gc_inf_1").html("C<sup>#</sup>5"),
            $("#gc_inf_2").html("C<sub>aug</sub>"),
            $("#gc_inf_3").html("(C  E  Ab) : augmented triad");
    });
    $("#gc-n-C-b5").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-4,#G-5,#B-X,#E2-0").fadeIn(),
            $("#gc_inf_1").html("C b5"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(C  E  Gb) : flat 5th");
    });
    $("#gc-n-C-A-1").click(function() {
        $(".gc-note").hide(),
            $("#E-0,#A-0,#D-2,#G-0,#B-1,#E2-3").fadeIn(),
            $("#gc_inf_1").html("C/A <sup>[1]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(C  E  G  A) : major triad (altered bass)");
    });
    $("#gc-n-C-A-2").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-0,#D-2,#G-0,#B-1,#E2-0").fadeIn(),
            $("#gc_inf_1").html("C/A <sup>[2]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(C  E  G  A) : major triad (altered bass)");
    });
    $("#gc-n-C-A-3").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-0,#D-2,#G-2,#B-1,#E2-3").fadeIn(),
            $("#gc_inf_1").html("C/A <sup>[3]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(C  E  G  A) : major triad (altered bass)");
    });
    $("#gc-n-C-A-4").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-0,#D-5,#G-5,#B-5,#E2-8").fadeIn(),
            $("#gc_inf_1").html("C/A <sup>[4]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(C  E  G  A) : major triad (altered bass)");
    });
    $("#gc-n-C-B-1").click(function() {
        $(".gc-note").hide(),
            $("#E-0,#A-3,#D-2,#G-0,#B-0,#E2-0").fadeIn(),
            $("#gc_inf_1").html("C/B <sup>[1]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(C  E  G  B) : major triad (altered bass)");
    });
    $("#gc-n-C-B-2").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-2,#D-2,#G-0,#B-1,#E2-0").fadeIn(),
            $("#gc_inf_1").html("C/B <sup>[2]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(C  E  G  B) : major triad (altered bass)");
    });
    $("#gc-n-C-B-3").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-3,#D-5,#G-4,#B-5,#E2-3").fadeIn(),
            $("#gc_inf_1").html("C/B <sup>[3]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(C  E  G  B) : major triad (altered bass)");
    });
    $("#gc-n-C-Bb").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-3,#D-5,#G-3,#B-5,#E2-3").fadeIn(),
            $("#gc_inf_1").html("C/B<sup>b</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(C  E  G  Bb) : major triad (altered bass)");
    });
    $("#gc-n-C-D-1").click(function() {
        $(".gc-note").hide(),
            $("#E-3,#A-X,#D-0,#G-0,#B-1,#E2-0").fadeIn(),
            $("#gc_inf_1").html("C/D <sup>[1]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(C  D  E  G) : major triad (altered bass)");
    });
    $("#gc-n-C-D-2").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-3,#D-0,#G-0,#B-1,#E2-0").fadeIn(),
            $("#gc_inf_1").html("C/D <sup>[2]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(C  D  E  G) : major triad (altered bass)");
    });
    $("#gc-n-C-D-3").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-3,#D-2,#G-0,#B-3,#E2-0").fadeIn(),
            $("#gc_inf_1").html("C/D <sup>[3]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(C  D  E  G) : major triad (altered bass)");
    });
    $("#gc-n-C-D-4").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-3,#D-2,#G-0,#B-3,#E2-3").fadeIn(),
            $("#gc_inf_1").html("C/D <sup>[4]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(C  D  E  G) : major triad (altered bass)");
    });
    $("#gc-n-C-D-5").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-0,#G-0,#B-1,#E2-0").fadeIn(),
            $("#gc_inf_1").html("C/D <sup>[5]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(C  D  E  G) : major triad (altered bass)");
    });
    $("#gc-n-C-D-6").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-0,#G-5,#B-5,#E2-3").fadeIn(),
            $("#gc_inf_1").html("C/D <sup>[6]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(C  D  E  G) : major triad (altered bass)");
    });
    $("#gc-n-C-D-7").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-10,#D-12,#G-12,#B-13,#E2-0").fadeIn(),
            $("#gc_inf_1").html("C/D <sup>[7]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(C  D  E  G) : major triad (altered bass)");
    });
    $("#gc-n-C-D-8").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-5,#D-5,#G-5,#B-X,#E2-0").fadeIn(),
            $("#gc_inf_1").html("C/D <sup>[8]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(C  D  E  G) : major triad (altered bass)");
    });
    $("#gc-n-C-F-1").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-3,#D-3,#G-0,#B-1,#E2-0").fadeIn(),
            $("#gc_inf_1").html("C/F <sup>[1]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(C  E  F  G) : major triad (altered bass)");
    });
    $("#gc-n-C-F-2").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-3,#G-0,#B-1,#E2-0").fadeIn(),
            $("#gc_inf_1").html("C/F <sup>[2]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(C  E  F  G) : major triad (altered bass)");
    });
    $("#gc-n-C5").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-3,#D-5,#G-5,#B-X,#E2-3").fadeIn(),
            $("#gc_inf_1").html("C5"),
            $("#gc_inf_2").html("C (no 3rd)"),
            $("#gc_inf_3").html("(C  G): root and 5th (power chord)");
    });
    $("#gc-n-C6-1").click(function() {
        $(".gc-note").hide(),
            $("#E-0,#A-0,#D-2,#G-0,#B-1,#E2-3").fadeIn(),
            $("#gc_inf_1").html("C6 <sup>[1]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(C  E  G  A) : major triad plus 6th");
    });
    $("#gc-n-C6-2").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-0,#D-2,#G-0,#B-1,#E2-0").fadeIn(),
            $("#gc_inf_1").html("C6 <sup>[2]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(C  E  G  A) : major triad plus 6th");
    });
    $("#gc-n-C6-3").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-0,#D-2,#G-2,#B-1,#E2-3").fadeIn(),
            $("#gc_inf_1").html("C6 <sup>[3]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(C  E  G  A) : major triad plus 6th");
    });
    $("#gc-n-C6-4").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-0,#D-5,#G-5,#B-5,#E2-8").fadeIn(),
            $("#gc_inf_1").html("C6 <sup>[4]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(C  E  G  A) : major triad plus 6th");
    });
    $("#gc-n-C6-add9").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-5,#D-7,#G-5,#B-8,#E2-0").fadeIn(),
            $("#gc_inf_1").html("C6/<sub>add</sub>9"),
            $("#gc_inf_2").html("C6/9"),
            $("#gc_inf_3").html("(C  D  E  G  A) : major triad plus 6th and 9th");
    });
    $("#gc-n-C7").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-3,#D-5,#G-3,#B-5,#E2-3").fadeIn(),
            $("#gc_inf_1").html("C7"),
            $("#gc_inf_2").html("C<sub>dom</sub> 7"),
            $("#gc_inf_3").html("(C  E  G  Bb) : major triad, minor 7th");
    });
    $("#gc-n-C7sus4").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-3,#D-5,#G-3,#B-6,#E2-3").fadeIn(),
            $("#gc_inf_1").html("C7<sub>sus</sub>4"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(C  F  G  Bb) : sus4 triad, minor 7th");
    });
    $("#gc-n-C9--b5--").click(function() {
        $(".gc-note").hide(),
            $("#E-0,#A-3,#D-X,#G-3,#B-3,#E2-2").fadeIn(),
            $("#gc_inf_1").html("C9(b5)"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(C  D  E  Gb Bb) : diminished 5th, minor 7th, plus 9th");
    });
    $("#gc-n-Cadd9-1").click(function() {
        $(".gc-note").hide(),
            $("#E-3,#A-X,#D-0,#G-0,#B-1,#E2-0").fadeIn(),
            $("#gc_inf_1").html("C<sub>add</sub>9 <sup>[1]</sup>"),
            $("#gc_inf_2").html("C2"),
            $("#gc_inf_3").html("(C  D  E  G) : major triad plus 9th");
    });
    $("#gc-n-Cadd9-2").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-3,#D-0,#G-0,#B-1,#E2-0").fadeIn(),
            $("#gc_inf_1").html("C<sub>add</sub>9 <sup>[2]</sup>"),
            $("#gc_inf_2").html("C2"),
            $("#gc_inf_3").html("(C  D  E  G) : major triad plus 9th");
    });
    $("#gc-n-Cadd9-3").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-3,#D-2,#G-0,#B-3,#E2-0").fadeIn(),
            $("#gc_inf_1").html("C<sub>add</sub>9 <sup>[3]</sup>"),
            $("#gc_inf_2").html("C2"),
            $("#gc_inf_3").html("(C  D  E  G) : major triad plus 9th");
    });
    $("#gc-n-Cadd9-4").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-3,#D-2,#G-0,#B-3,#E2-3").fadeIn(),
            $("#gc_inf_1").html("C<sub>add</sub>9 <sup>[4]</sup>"),
            $("#gc_inf_2").html("C2"),
            $("#gc_inf_3").html("(C  D  E  G) : major triad plus 9th");
    });
    $("#gc-n-Cadd9-5").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-0,#G-0,#B-1,#E2-0").fadeIn(),
            $("#gc_inf_1").html("C<sub>add</sub>9 <sup>[5]</sup>"),
            $("#gc_inf_2").html("C2"),
            $("#gc_inf_3").html("(C  D  E  G) : major triad plus 9th");
    });
    $("#gc-n-Cadd9-6").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-0,#G-5,#B-5,#E2-3").fadeIn(),
            $("#gc_inf_1").html("C<sub>add</sub>9 <sup>[6]</sup>"),
            $("#gc_inf_2").html("C2"),
            $("#gc_inf_3").html("(C  D  E  G) : major triad plus 9th");
    });
    $("#gc-n-Cadd9-7").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-10,#D-12,#G-12,#B-13,#E2-0").fadeIn(),
            $("#gc_inf_1").html("C<sub>add</sub>9 <sup>[7]</sup>"),
            $("#gc_inf_2").html("C2"),
            $("#gc_inf_3").html("(C  D  E  G) : major triad plus 9th");
    });
    $("#gc-n-Cadd9-8").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-3,#D-2,#G-0,#B-3,#E2-0").fadeIn(),
            $("#gc_inf_1").html("C<sub>add</sub>9 <sup>[8]</sup>"),
            $("#gc_inf_2").html("C2"),
            $("#gc_inf_3").html("(C  D  E  G) : major triad plus 9th");
    });
    $("#gc-n-Cadd9-9").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-5,#D-5,#G-5,#B-X,#E2-0").fadeIn(),
            $("#gc_inf_1").html("C<sub>add</sub>9 <sup>[9]</sup>"),
            $("#gc_inf_2").html("C2"),
            $("#gc_inf_3").html("(C  D  E  G) : major triad plus 9th");
    });
    $("#gc-n-Cdim-A").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-1,#G-2,#B-1,#E2-2").fadeIn(),
            $("#gc_inf_1").html("C<sub>dim</sub>/A"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(C  Eb Gb A) : diminished triad (altered bass)");
    });
    $("#gc-n-Cdim-Ab-1").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-1,#G-1,#B-1,#E2-2").fadeIn(),
            $("#gc_inf_1").html("C<sub>dim</sub>/A<sup>b</sup> <sup>[1]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(C  Eb Gb Ab) : diminished triad (altered bass)");
    });
    $("#gc-n-Cdim-Ab-2").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-4,#G-5,#B-4,#E2-4").fadeIn(),
            $("#gc_inf_1").html("C<sub>dim</sub>/A<sup>b</sup> <sup>[2]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(C  Eb Gb Ab) : diminished triad (altered bass)");
    });
    $("#gc-n-Cdim-D").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-5,#D-4,#G-5,#B-4,#E2-2").fadeIn(),
            $("#gc_inf_1").html("C<sub>dim</sub>/D"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(C  D  Eb Gb): diminished triad (altered bass)");
    });
    $("#gc-n-Cdim7").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-1,#G-2,#B-1,#E2-2").fadeIn(),
            $("#gc_inf_1").html("C<sub>dim</sub>7"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(C  Eb Gb A) : diminished triad, diminished 7th");
    });
    $("#gc-n-Cm-1").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-3,#D-5,#G-5,#B-4,#E2-3").fadeIn(),
            $("#gc_inf_1").html("Cm <sup>[1]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(C  Eb G) : minor triad");
    });
    $("#gc-n-Cm-2").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-5,#G-5,#B-4,#E2-3").fadeIn(),
            $("#gc_inf_1").html("Cm <sup>[2]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(C  Eb G) : minor triad");
    });
    $("#gc-n-Cm-A").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-1,#G-2,#B-1,#E2-3").fadeIn(),
            $("#gc_inf_1").html("Cm/A"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(C  Eb G  A) : minor triad (altered bass)");
    });
    $("#gc-n-Cm-Bb").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-3,#D-5,#G-3,#B-4,#E2-3").fadeIn(),
            $("#gc_inf_1").html("Cm/B<sup>b</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(C  Eb G  Bb) : minor triad (altered bass)");
    });
    $("#gc-n-Cm6").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-1,#G-2,#B-1,#E2-3").fadeIn(),
            $("#gc_inf_1").html("Cm6"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(C  Eb G  A) : minor triad plus 6th");
    });
    $("#gc-n-Cm7").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-3,#D-5,#G-3,#B-4,#E2-3").fadeIn(),
            $("#gc_inf_1").html("Cm7"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(C  Eb G  Bb) : minor triad, minor 7th");
    });
    $("#gc-n-Cmaj7-1").click(function() {
        $(".gc-note").hide(),
            $("#E-0,#A-3,#D-2,#G-0,#B-0,#E2-0").fadeIn(),
            $("#gc_inf_1").html("Cmaj7 <sup>[1]</sup>"),
            $("#gc_inf_2").html("C<sup>#</sup>7"),
            $("#gc_inf_3").html("(C  E  G  B) : major triad, major 7th");
    });
    $("#gc-n-Cmaj7-2").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-2,#D-2,#G-0,#B-1,#E2-0").fadeIn(),
            $("#gc_inf_1").html("Cmaj7 <sup>[2]</sup>"),
            $("#gc_inf_2").html("C<sup>#</sup>7"),
            $("#gc_inf_3").html("(C  E  G  B) : major triad, major 7th");
    });
    $("#gc-n-Cmaj7-3").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-3,#D-5,#G-4,#B-5,#E2-3").fadeIn(),
            $("#gc_inf_1").html("Cmaj7 <sup>[3]</sup>"),
            $("#gc_inf_2").html("C<sup>#</sup>7"),
            $("#gc_inf_3").html("(C  E  G  B) : major triad, major 7th");
    });
    $("#gc-n-Cmaj9").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-3,#D-0,#G-0,#B-0,#E2-0").fadeIn(),
            $("#gc_inf_1").html("Cmaj9"),
            $("#gc_inf_2").html("C9 (<sup>#</sup>7)"),
            $("#gc_inf_3").html("(C  D  E  G  B) : major triad, major 7th plus 9th");
    });
    $("#gc-n-Csus-1").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-3,#D-3,#G-0,#B-1,#E2-1").fadeIn(),
            $("#gc_inf_1").html("C<sub>sus</sub> <sup>[1]</sup>"),
            $("#gc_inf_2").html("C<sub>sus</sub>4"),
            $("#gc_inf_3").html("(C  F  G) : no 3rd but a 4th from a major triad");
    });
    $("#gc-n-Csus-2").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-3,#G-0,#B-1,#E2-1").fadeIn(),
            $("#gc_inf_1").html("C<sub>sus</sub> <sup>[2]</sup>"),
            $("#gc_inf_2").html("C<sub>sus</sub>4"),
            $("#gc_inf_3").html("(C  F  G) : no 3rd but a 4th from a major triad");
    });
    $("#gc-n-Csus2-1").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-10,#D-12,#G-12,#B-13,#E2-3").fadeIn(),
            $("#gc_inf_1").html("C<sub>sus</sub>2 <sup>[1]</sup>"),
            $("#gc_inf_2").html("Cadd9 (no3)"),
            $("#gc_inf_3").html("(C  D  G): no 3rd but a 2nd from a major triad");
    });
    $("#gc-n-Csus2-2").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-5,#D-5,#G-5,#B-X,#E2-3").fadeIn(),
            $("#gc_inf_1").html("C<sub>sus</sub>2 <sup>[2]</sup>"),
            $("#gc_inf_2").html("Cadd9 (no3)"),
            $("#gc_inf_3").html("(C  D  G): no 3rd but a 2nd from a major triad");
    });
    $("#gc-n-Csus2-3").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-3,#D-0,#G-0,#B-3,#E2-3").fadeIn(),
            $("#gc_inf_1").html("C<sub>sus</sub>2 <sup>[3]</sup>"),
            $("#gc_inf_2").html("Cadd9 (no3)"),
            $("#gc_inf_3").html("(C  D  G) : no 3rd but a 2nd from a major triad");
    });
    $("#gc-n-Csus2-4").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-3,#D-5,#G-5,#B-3,#E2-3").fadeIn(),
            $("#gc_inf_1").html("C<sub>sus</sub>2 <sup>[4]</sup>"),
            $("#gc_inf_2").html("Cadd9 (no3)"),
            $("#gc_inf_3").html("(C  D  G) : no 3rd but a 2nd from a major triad");
    });
    $("#gc-n-Csus2-A-1").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-5,#D-7,#G-5,#B-8,#E2-3").fadeIn(),
            $("#gc_inf_1").html("C<sub>sus</sub>2/A <sup>[1]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(C  D  G  A): sus2 triad (altered bass)");
    });
    $("#gc-n-Csus2-A-2").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-0,#G-2,#B-1,#E2-3").fadeIn(),
            $("#gc_inf_1").html("C<sub>sus</sub>2/A <sup>[2]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(C  D  G  A) : sus2 triad (altered bass)");
    });
    $("#gc-n-Csus2-B-1").click(function() {
        $(".gc-note").hide(),
            $("#E-3,#A-3,#D-0,#G-0,#B-0,#E2-3").fadeIn(),
            $("#gc_inf_1").html("C<sub>sus</sub>2/B <sup>[1]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(C  D  G  B) : sus2 triad (altered bass)");
    });
    $("#gc-n-Csus2-B-2").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-3,#D-0,#G-0,#B-0,#E2-3").fadeIn(),
            $("#gc_inf_1").html("C<sub>sus</sub>2/B <sup>[2]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(C  D  G  B) : sus2 triad (altered bass)");
    });
    $("#gc-n-Csus2-E-1").click(function() {
        $(".gc-note").hide(),
            $("#E-3,#A-X,#D-0,#G-0,#B-1,#E2-0").fadeIn(),
            $("#gc_inf_1").html("C<sub>sus</sub>2/E <sup>[1]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(C  D  E  G) : sus2 triad (altered bass)");
    });
    $("#gc-n-Csus2-E-2").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-3,#D-0,#G-0,#B-1,#E2-0").fadeIn(),
            $("#gc_inf_1").html("C<sub>sus</sub>2/E <sup>[2]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(C  D  E  G) : sus2 triad (altered bass)");
    });
    $("#gc-n-Csus2-E-3").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-3,#D-2,#G-0,#B-3,#E2-0").fadeIn(),
            $("#gc_inf_1").html("C<sub>sus</sub>2/E <sup>[3]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(C  D  E  G) : sus2 triad (altered bass)");
    });
    $("#gc-n-Csus2-E-4").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-3,#D-2,#G-0,#B-3,#E2-3").fadeIn(),
            $("#gc_inf_1").html("C<sub>sus</sub>2/E <sup>[4]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(C  D  E  G) : sus2 triad (altered bass)");
    });
    $("#gc-n-Csus2-E-5").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-0,#G-0,#B-1,#E2-0").fadeIn(),
            $("#gc_inf_1").html("C<sub>sus</sub>2/E <sup>[5]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(C  D  E  G) : sus2 triad (altered bass)");
    });
    $("#gc-n-Csus2-E-6").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-0,#G-5,#B-5,#E2-3").fadeIn(),
            $("#gc_inf_1").html("C<sub>sus</sub>2/E <sup>[6]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(C  D  E  G) : sus2 triad (altered bass)");
    });
    $("#gc-n-Csus2-E-7").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-10,#D-12,#G-12,#B-13,#E2-0").fadeIn(),
            $("#gc_inf_1").html("C<sub>sus</sub>2/E <sup>[7]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(C  D  E  G) : sus2 triad (altered bass)");
    });
    $("#gc-n-Csus2-E-8").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-5,#D-5,#G-5,#B-X,#E2-0").fadeIn(),
            $("#gc_inf_1").html("C<sub>sus</sub>2/E <sup>[8]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(C  D  E  G) : sus2 triad (altered bass)");
    });
    $("#gc-n-Csus2-F").click(function() {
        $(".gc-note").hide(),
            $("#E-3,#A-3,#D-0,#G-0,#B-1,#E2-1").fadeIn(),
            $("#gc_inf_1").html("C<sub>sus</sub>2/F"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(C  D  F  G) : sus2 triad (altered bass)");
    });
    $("#gc-n-Csus4-A-1").click(function() {
        $(".gc-note").hide(),
            $("#E-3,#A-X,#D-3,#G-2,#B-1,#E2-1").fadeIn(),
            $("#gc_inf_1").html("C<sub>sus</sub>4/A <sup>[1]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(C  F  G  A) : sus4 triad (altered bass)");
    });
    $("#gc-n-Csus4-A-2").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-3,#G-2,#B-1,#E2-3").fadeIn(),
            $("#gc_inf_1").html("C<sub>sus</sub>4/A <sup>[2]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(C  F  G  A) : sus4 triad (altered bass)");
    });
    $("#gc-n-Csus4-B").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-3,#D-3,#G-0,#B-0,#E2-3").fadeIn(),
            $("#gc_inf_1").html("C<sub>sus</sub>4/B"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(C  F  G  B) : sus4 triad (altered bass)");
    });
    $("#gc-n-Csus4-Bb").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-3,#D-5,#G-3,#B-6,#E2-3").fadeIn(),
            $("#gc_inf_1").html("C<sub>sus</sub>4/B<sup>b</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(C  F  G  Bb) : sus4 triad (altered bass)");
    });
    $("#gc-n-Csus4-D").click(function() {
        $(".gc-note").hide(),
            $("#E-3,#A-3,#D-0,#G-0,#B-1,#E2-1").fadeIn(),
            $("#gc_inf_1").html("C<sub>sus</sub>4/D"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(C  D  F  G) : sus4 triad (altered bass)");
    });
    $("#gc-n-Csus4-E-1").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-3,#D-3,#G-0,#B-1,#E2-0").fadeIn(),
            $("#gc_inf_1").html("C<sub>sus</sub>4/E <sup>[1]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(C  E  F  G) : sus4 triad (altered bass)");
    });
    $("#gc-n-Csus4-E-2").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-3,#G-0,#B-1,#E2-0").fadeIn(),
            $("#gc_inf_1").html("C<sub>sus</sub>4/E <sup>[2]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(C  E  F  G) : sus4 triad (altered bass)");
    });
    $("#gc-n-D-1").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-5,#D-4,#G-2,#B-3,#E2-2").fadeIn(),
            $("#gc_inf_1").html("D <sup>[1]</sup>"),
            $("#gc_inf_2").html("Dmaj"),
            $("#gc_inf_3").html("(D  Gb A): major triad");
    });
    $("#gc-n-D-2").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-9,#D-7,#G-7,#B-X,#E2-2").fadeIn(),
            $("#gc_inf_1").html("D <sup>[2]</sup>"),
            $("#gc_inf_2").html("Dmaj"),
            $("#gc_inf_3").html("(D  Gb A): major triad");
    });
    $("#gc-n-D-3").click(function() {
        $(".gc-note").hide(),
            $("#E-2,#A-0,#D-0,#G-2,#B-3,#E2-2").fadeIn(),
            $("#gc_inf_1").html("D <sup>[3]</sup>"),
            $("#gc_inf_2").html("Dmaj"),
            $("#gc_inf_3").html("(D  Gb A) : major triad");
    });
    $("#gc-n-D-4").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-0,#D-0,#G-2,#B-3,#E2-2").fadeIn(),
            $("#gc_inf_1").html("D <sup>[4]</sup>"),
            $("#gc_inf_2").html("Dmaj"),
            $("#gc_inf_3").html("(D  Gb A) : major triad");
    });
    $("#gc-n-D-5").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-0,#D-4,#G-2,#B-3,#E2-2").fadeIn(),
            $("#gc_inf_1").html("D <sup>[5]</sup>"),
            $("#gc_inf_2").html("Dmaj"),
            $("#gc_inf_3").html("(D  Gb A) : major triad");
    });
    $("#gc-n-D-6").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-0,#G-2,#B-3,#E2-2").fadeIn(),
            $("#gc_inf_1").html("D <sup>[6]</sup>"),
            $("#gc_inf_2").html("Dmaj"),
            $("#gc_inf_3").html("(D  Gb A) : major triad");
    });
    $("#gc-n-D-7").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-0,#G-7,#B-7,#E2-5").fadeIn(),
            $("#gc_inf_1").html("D <sup>[7]</sup>"),
            $("#gc_inf_2").html("Dmaj"),
            $("#gc_inf_3").html("(D  Gb A) : major triad");
    });
    $("#gc-n-D-sharp5").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-0,#G-3,#B-3,#E2-2").fadeIn(),
            $("#gc_inf_1").html("D<sup>#</sup>5"),
            $("#gc_inf_2").html("D<sub>aug</sub>"),
            $("#gc_inf_3").html("(D  Gb Bb) : augmented triad");
    });
    $("#gc-n-D-B-1").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-0,#D-4,#G-4,#B-3,#E2-2").fadeIn(),
            $("#gc_inf_1").html("D/B <sup>[1]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  Gb A  B) : major triad (altered bass)");
    });
    $("#gc-n-D-B-2").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-2,#D-0,#G-2,#B-0,#E2-2").fadeIn(),
            $("#gc_inf_1").html("D/B <sup>[2]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  Gb A  B) : major triad (altered bass)");
    });
    $("#gc-n-D-B-3").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-2,#D-0,#G-2,#B-3,#E2-2").fadeIn(),
            $("#gc_inf_1").html("D/B <sup>[3]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  Gb A  B) : major triad (altered bass)");
    });
    $("#gc-n-D-B-4").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-2,#D-4,#G-2,#B-3,#E2-2").fadeIn(),
            $("#gc_inf_1").html("D/B <sup>[4]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  Gb A  B) : major triad (altered bass)");
    });
    $("#gc-n-D-B-5").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-0,#G-2,#B-0,#E2-2").fadeIn(),
            $("#gc_inf_1").html("D/B <sup>[5]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  Gb A  B) : major triad (altered bass)");
    });
    $("#gc-n-D-C-1").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-5,#D-7,#G-5,#B-7,#E2-2").fadeIn(),
            $("#gc_inf_1").html("D/C <sup>[1]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(C  D  Gb A): major triad (altered bass)");
    });
    $("#gc-n-D-C-2").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-0,#D-0,#G-2,#B-1,#E2-2").fadeIn(),
            $("#gc_inf_1").html("D/C <sup>[2]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(C  D  Gb A) : major triad (altered bass)");
    });
    $("#gc-n-D-C-3").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-3,#D-X,#G-2,#B-3,#E2-2").fadeIn(),
            $("#gc_inf_1").html("D/C <sup>[3]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(C  D  Gb A) : major triad (altered bass)");
    });
    $("#gc-n-D-C-4").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-5,#D-7,#G-5,#B-7,#E2-5").fadeIn(),
            $("#gc_inf_1").html("D/C <sup>[4]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(C  D  Gb A) : major triad (altered bass)");
    });
    $("#gc-n-D-Db-1").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-0,#G-14,#B-14,#E2-14").fadeIn(),
            $("#gc_inf_1").html("D/D<sup>b</sup> <sup>[1]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(Db D  Gb A) : major triad (altered bass)");
    });
    $("#gc-n-D-Db-2").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-0,#G-2,#B-2,#E2-2").fadeIn(),
            $("#gc_inf_1").html("D/D<sup>b</sup> <sup>[2]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(Db D  Gb A) : major triad (altered bass)");
    });
    $("#gc-n-D-E-1").click(function() {
        $(".gc-note").hide(),
            $("#E-0,#A-0,#D-0,#G-2,#B-3,#E2-2").fadeIn(),
            $("#gc_inf_1").html("D/E <sup>[1]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  E  Gb A) : major triad (altered bass)");
    });
    $("#gc-n-D-E-2").click(function() {
        $(".gc-note").hide(),
            $("#E-0,#A-0,#D-4,#G-2,#B-3,#E2-0").fadeIn(),
            $("#gc_inf_1").html("D/E <sup>[2]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  E  Gb A) : major triad (altered bass)");
    });
    $("#gc-n-D-E-3").click(function() {
        $(".gc-note").hide(),
            $("#E-2,#A-X,#D-0,#G-2,#B-3,#E2-0").fadeIn(),
            $("#gc_inf_1").html("D/E <sup>[3]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  E  Gb A) : major triad (altered bass)");
    });
    $("#gc-n-D-E-4").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-0,#D-2,#G-2,#B-3,#E2-2").fadeIn(),
            $("#gc_inf_1").html("D/E <sup>[4]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  E  Gb A) : major triad (altered bass)");
    });
    $("#gc-n-D-E-5").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-2,#G-2,#B-3,#E2-2").fadeIn(),
            $("#gc_inf_1").html("D/E <sup>[5]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  E  Gb A) : major triad (altered bass)");
    });
    $("#gc-n-D-E-6").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-5,#D-4,#G-2,#B-3,#E2-0").fadeIn(),
            $("#gc_inf_1").html("D/E <sup>[6]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  E  Gb A) : major triad (altered bass)");
    });
    $("#gc-n-D-E-7").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-9,#D-7,#G-7,#B-X,#E2-0").fadeIn(),
            $("#gc_inf_1").html("D/E <sup>[7]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  E  Gb A) : major triad (altered bass)");
    });
    $("#gc-n-D-G-1").click(function() {
        $(".gc-note").hide(),
            $("#E-5,#A-X,#D-4,#G-0,#B-3,#E2-5").fadeIn(),
            $("#gc_inf_1").html("D/G <sup>[1]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  Gb G  A): major triad (altered bass)");
    });
    $("#gc-n-D-G-2").click(function() {
        $(".gc-note").hide(),
            $("#E-3,#A-X,#D-0,#G-2,#B-3,#E2-2").fadeIn(),
            $("#gc_inf_1").html("D/G <sup>[2]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  Gb G  A) : major triad (altered bass)");
    });
    $("#gc-n-D5-1").click(function() {
        $(".gc-note").hide(),
            $("#E-5,#A-5,#D-7,#G-7,#B-X,#E2-5").fadeIn(),
            $("#gc_inf_1").html("D5 <sup>[1]</sup>"),
            $("#gc_inf_2").html("D (no 3rd)"),
            $("#gc_inf_3").html("(D  A): root and 5th (power chord)");
    });
    $("#gc-n-D5-2").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-0,#D-0,#G-2,#B-3,#E2-5").fadeIn(),
            $("#gc_inf_1").html("D5 <sup>[2]</sup>"),
            $("#gc_inf_2").html("D (no 3rd)"),
            $("#gc_inf_3").html("(D  A): root and 5th (power chord)");
    });
    $("#gc-n-D6-1").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-0,#D-4,#G-4,#B-3,#E2-2").fadeIn(),
            $("#gc_inf_1").html("D6 <sup>[1]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  Gb A  B) : major triad plus 6th");
    });
    $("#gc-n-D6-2").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-2,#D-0,#G-2,#B-0,#E2-2").fadeIn(),
            $("#gc_inf_1").html("D6 <sup>[2]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  Gb A  B) : major triad plus 6th");
    });
    $("#gc-n-D6-3").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-2,#D-0,#G-2,#B-3,#E2-2").fadeIn(),
            $("#gc_inf_1").html("D6 <sup>[3]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  Gb A  B) : major triad plus 6th");
    });
    $("#gc-n-D6-4").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-2,#D-4,#G-2,#B-3,#E2-2").fadeIn(),
            $("#gc_inf_1").html("D6 <sup>[4]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  Gb A  B) : major triad plus 6th");
    });
    $("#gc-n-D6-5").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-0,#G-2,#B-0,#E2-2").fadeIn(),
            $("#gc_inf_1").html("D6 <sup>[5]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  Gb A  B) : major triad plus 6th");
    });
    $("#gc-n-D6-add9-1").click(function() {
        $(".gc-note").hide(),
            $("#E-0,#A-0,#D-2,#G-4,#B-3,#E2-2").fadeIn(),
            $("#gc_inf_1").html("D6/<sub>add</sub>9 <sup>[1]</sup>"),
            $("#gc_inf_2").html("D6/9"),
            $("#gc_inf_3").html("(D  E  Gb A  B) : major triad plus 6th and 9th");
    });
    $("#gc-n-D6-add9-2").click(function() {
        $(".gc-note").hide(),
            $("#E-0,#A-2,#D-0,#G-2,#B-0,#E2-2").fadeIn(),
            $("#gc_inf_1").html("D6/<sub>add</sub>9 <sup>[2]</sup>"),
            $("#gc_inf_2").html("D6/9"),
            $("#gc_inf_3").html("(D  E  Gb A  B) : major triad plus 6th and 9th");
    });
    $("#gc-n-D7-1").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-5,#D-7,#G-5,#B-7,#E2-2").fadeIn(),
            $("#gc_inf_1").html("D7 <sup>[1]</sup>"),
            $("#gc_inf_2").html("D<sub>dom</sub> 7"),
            $("#gc_inf_3").html("(C  D  Gb A): major triad, minor 7th");
    });
    $("#gc-n-D7-2").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-0,#D-0,#G-2,#B-1,#E2-2").fadeIn(),
            $("#gc_inf_1").html("D7 <sup>[2]</sup>"),
            $("#gc_inf_2").html("D<sub>dom</sub> 7"),
            $("#gc_inf_3").html("(C  D  Gb A) : major triad, minor 7th");
    });
    $("#gc-n-D7-3").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-3,#D-X,#G-2,#B-3,#E2-2").fadeIn(),
            $("#gc_inf_1").html("D7 <sup>[3]</sup>"),
            $("#gc_inf_2").html("D<sub>dom</sub> 7"),
            $("#gc_inf_3").html("(C  D  Gb A) : major triad, minor 7th");
    });
    $("#gc-n-D7-4").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-5,#D-7,#G-5,#B-7,#E2-5").fadeIn(),
            $("#gc_inf_1").html("D7 <sup>[4]</sup>"),
            $("#gc_inf_2").html("D<sub>dom</sub> 7"),
            $("#gc_inf_3").html("(C  D  Gb A) : major triad, minor 7th");
    });
    $("#gc-n-D7sus4-1").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-5,#D-7,#G-5,#B-8,#E2-3").fadeIn(),
            $("#gc_inf_1").html("D7<sub>sus</sub>4 <sup>[1]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(C  D  G  A): sus4 triad, minor 7th");
    });
    $("#gc-n-D7sus4-2").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-0,#G-2,#B-1,#E2-3").fadeIn(),
            $("#gc_inf_1").html("D7<sub>sus</sub>4 <sup>[2]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(C  D  G  A) : sus4 triad, minor 7th");
    });
    $("#gc-n-D9-1").click(function() {
        $(".gc-note").hide(),
            $("#E-0,#A-0,#D-0,#G-2,#B-1,#E2-2").fadeIn(),
            $("#gc_inf_1").html("D9 <sup>[1]</sup>"),
            $("#gc_inf_2").html("D<sub>dom</sub> 9"),
            $("#gc_inf_3").html("(C  D  E  Gb A) : major triad, minor 7th plus 9th");
    });
    $("#gc-n-D9-2").click(function() {
        $(".gc-note").hide(),
            $("#E-2,#A-X,#D-0,#G-2,#B-1,#E2-0").fadeIn(),
            $("#gc_inf_1").html("D9 <sup>[2]</sup>"),
            $("#gc_inf_2").html("D<sub>dom</sub> 9"),
            $("#gc_inf_3").html("(C  D  E  Gb A) : major triad, minor 7th plus 9th");
    });
    $("#gc-n-D9-3").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-5,#D-7,#G-5,#B-7,#E2-0").fadeIn(),
            $("#gc_inf_1").html("D9 <sup>[3]</sup>"),
            $("#gc_inf_2").html("D<sub>dom</sub> 9"),
            $("#gc_inf_3").html("(C  D  E  Gb A) : major triad, minor 7th plus 9th");
    });
    $("#gc-n-D9--sharp5--").click(function() {
        $(".gc-note").hide(),
            $("#E-0,#A-3,#D-X,#G-3,#B-3,#E2-2").fadeIn(),
            $("#gc_inf_1").html("D9(<sup>#</sup>5)"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(C  D  E  Gb Bb) : augmented 5th, minor 7th plus 9th");
    });
    $("#gc-n-Dadd9-1").click(function() {
        $(".gc-note").hide(),
            $("#E-0,#A-0,#D-0,#G-2,#B-3,#E2-2").fadeIn(),
            $("#gc_inf_1").html("D<sub>add</sub>9 <sup>[1]</sup>"),
            $("#gc_inf_2").html("D2"),
            $("#gc_inf_3").html("(D  E  Gb A) : major triad plus 9th");
    });
    $("#gc-n-Dadd9-2").click(function() {
        $(".gc-note").hide(),
            $("#E-0,#A-0,#D-4,#G-2,#B-3,#E2-0").fadeIn(),
            $("#gc_inf_1").html("D<sub>add</sub>9 <sup>[2]</sup>"),
            $("#gc_inf_2").html("D2"),
            $("#gc_inf_3").html("(D  E  Gb A) : major triad plus 9th");
    });
    $("#gc-n-Dadd9-3").click(function() {
        $(".gc-note").hide(),
            $("#E-2,#A-X,#D-0,#G-2,#B-3,#E2-0").fadeIn(),
            $("#gc_inf_1").html("D<sub>add</sub>9 <sup>[3]</sup>"),
            $("#gc_inf_2").html("D2"),
            $("#gc_inf_3").html("(D  E  Gb A) : major triad plus 9th");
    });
    $("#gc-n-Dadd9-4").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-0,#D-2,#G-2,#B-3,#E2-2").fadeIn(),
            $("#gc_inf_1").html("D<sub>add</sub>9 <sup>[4]</sup>"),
            $("#gc_inf_2").html("D2"),
            $("#gc_inf_3").html("(D  E  Gb A) : major triad plus 9th");
    });
    $("#gc-n-Dadd9-5").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-2,#G-2,#B-3,#E2-2").fadeIn(),
            $("#gc_inf_1").html("D<sub>add</sub>9 <sup>[5]</sup>"),
            $("#gc_inf_2").html("D2"),
            $("#gc_inf_3").html("(D  E  Gb A) : major triad plus 9th");
    });
    $("#gc-n-Dadd9-6").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-5,#D-4,#G-2,#B-3,#E2-0").fadeIn(),
            $("#gc_inf_1").html("D<sub>add</sub>9 <sup>[6]</sup>"),
            $("#gc_inf_2").html("D2"),
            $("#gc_inf_3").html("(D  E  Gb A) : major triad plus 9th");
    });
    $("#gc-n-Dadd9-7").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-9,#D-7,#G-7,#B-X,#E2-0").fadeIn(),
            $("#gc_inf_1").html("D<sub>add</sub>9 <sup>[7]</sup>"),
            $("#gc_inf_2").html("D2"),
            $("#gc_inf_3").html("(D  E  Gb A) : major triad plus 9th");
    });
    $("#gc-n-Daug-E").click(function() {
        $(".gc-note").hide(),
            $("#E-2,#A-X,#D-4,#G-3,#B-3,#E2-0").fadeIn(),
            $("#gc_inf_1").html("D<sub>aug</sub>/E"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  E  Gb Bb) : augmented triad (altered bass)");
    });
    $("#gc-n-Db-1").click(function() {
        $(".gc-note").hide(),
            $("#E-4,#A-4,#D-6,#G-6,#B-6,#E2-4").fadeIn(),
            $("#gc_inf_1").html("D<sup>b</sup> <sup>[1]</sup>"),
            $("#gc_inf_2").html("D<sup>b</sup>maj"),
            $("#gc_inf_3").html("(Db F  Ab) : major triad");
    });
    $("#gc-n-Db-2").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-4,#D-3,#G-1,#B-2,#E2-1").fadeIn(),
            $("#gc_inf_1").html("D<sup>b</sup> <sup>[2]</sup>"),
            $("#gc_inf_2").html("D<sup>b</sup>maj"),
            $("#gc_inf_3").html("(Db F  Ab) : major triad");
    });
    $("#gc-n-Db-3").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-4,#D-6,#G-6,#B-6,#E2-4").fadeIn(),
            $("#gc_inf_1").html("D<sup>b</sup> <sup>[3]</sup>"),
            $("#gc_inf_2").html("D<sup>b</sup>maj"),
            $("#gc_inf_3").html("(Db F  Ab) : major triad");
    });
    $("#gc-n-Db-4").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-3,#G-1,#B-2,#E2-1").fadeIn(),
            $("#gc_inf_1").html("D<sup>b</sup> <sup>[4]</sup>"),
            $("#gc_inf_2").html("D<sup>b</sup>maj"),
            $("#gc_inf_3").html("(Db F  Ab) : major triad");
    });
    $("#gc-n-Db-5").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-6,#G-6,#B-6,#E2-4").fadeIn(),
            $("#gc_inf_1").html("D<sup>b</sup> <sup>[5]</sup>"),
            $("#gc_inf_2").html("D<sup>b</sup>maj"),
            $("#gc_inf_3").html("(Db F  Ab) : major triad");
    });
    $("#gc-n-Db-sharp5-1").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-0,#D-3,#G-2,#B-2,#E2-1").fadeIn(),
            $("#gc_inf_1").html("D<sup>b</sup><sup>#</sup>5 <sup>[1]</sup>"),
            $("#gc_inf_2").html("D<sup>b</sup><sub>aug</sub>"),
            $("#gc_inf_3").html("(Db F  A) : augmented triad");
    });
    $("#gc-n-Db-sharp5-2").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-0,#D-X,#G-2,#B-2,#E2-1").fadeIn(),
            $("#gc_inf_1").html("D<sup>b</sup><sup>#</sup>5 <sup>[2]</sup>"),
            $("#gc_inf_2").html("D<sup>b</sup><sub>aug</sub>"),
            $("#gc_inf_3").html("(Db F  A) : augmented triad");
    });
    $("#gc-n-Db-b5").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-3,#G-0,#B-2,#E2-1").fadeIn(),
            $("#gc_inf_1").html("D<sup>b</sup> b5"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(Db F  G) : flat 5th");
    });
    $("#gc-n-Db-B").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-4,#D-3,#G-4,#B-0,#E2-4").fadeIn(),
            $("#gc_inf_1").html("D<sup>b</sup>/B"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(Db F  Ab B) : major triad (altered bass)");
    });
    $("#gc-n-Db-Bb").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-1,#D-3,#G-1,#B-2,#E2-1").fadeIn(),
            $("#gc_inf_1").html("D<sup>b</sup>/B<sup>b</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(Db F  Ab Bb) : major triad (altered bass)");
    });
    $("#gc-n-Db-C-1").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-3,#D-3,#G-1,#B-2,#E2-1").fadeIn(),
            $("#gc_inf_1").html("D<sup>b</sup>/C <sup>[1]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(C  Db F  Ab) : major triad (altered bass)");
    });
    $("#gc-n-Db-C-2").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-4,#D-6,#G-5,#B-6,#E2-4").fadeIn(),
            $("#gc_inf_1").html("D<sup>b</sup>/C <sup>[2]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(C  Db F  Ab) : major triad (altered bass)");
    });
    $("#gc-n-Db5").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-4,#D-6,#G-6,#B-X,#E2-4").fadeIn(),
            $("#gc_inf_1").html("D<sup>b</sup>5"),
            $("#gc_inf_2").html("D<sup>b</sup> (no 3rd)"),
            $("#gc_inf_3").html("(Db Ab): root and 5th (power chord)");
    });
    $("#gc-n-Db6").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-1,#D-3,#G-1,#B-2,#E2-1").fadeIn(),
            $("#gc_inf_1").html("D<sup>b</sup>6"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(Db F  Ab Bb) : major triad plus 6th");
    });
    $("#gc-n-Db7").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-4,#D-3,#G-4,#B-0,#E2-4").fadeIn(),
            $("#gc_inf_1").html("D<sup>b</sup>7"),
            $("#gc_inf_2").html("D<sup>b</sup><sub>dom</sub> 7"),
            $("#gc_inf_3").html("(Db F  Ab B) : major triad, minor 7th");
    });
    $("#gc-n-Dbaug-D").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-0,#G-2,#B-2,#E2-1").fadeIn(),
            $("#gc_inf_1").html("D<sup>b</sup><sub>aug</sub>/D"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(Db D  F  A) : augmented triad (altered bass)");
    });
    $("#gc-n-Dbaug-G").click(function() {
        $(".gc-note").hide(),
            $("#E-1,#A-0,#D-3,#G-0,#B-2,#E2-1").fadeIn(),
            $("#gc_inf_1").html("D<sup>b</sup><sub>aug</sub>/G"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(Db F  G  A) : augmented triad (altered bass)");
    });
    $("#gc-n-Dbdim-A-1").click(function() {
        $(".gc-note").hide(),
            $("#E-3,#A-X,#D-2,#G-2,#B-2,#E2-0").fadeIn(),
            $("#gc_inf_1").html("D<sup>b</sup><sub>dim</sub>/A <sup>[1]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(Db E  G  A) : diminished triad (altered bass)");
    });
    $("#gc-n-Dbdim-A-2").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-0,#D-2,#G-0,#B-2,#E2-0").fadeIn(),
            $("#gc_inf_1").html("D<sup>b</sup><sub>dim</sub>/A <sup>[2]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(Db E  G  A) : diminished triad (altered bass)");
    });
    $("#gc-n-Dbdim-A-3").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-0,#D-2,#G-2,#B-2,#E2-3").fadeIn(),
            $("#gc_inf_1").html("D<sup>b</sup><sub>dim</sub>/A <sup>[3]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(Db E  G  A) : diminished triad (altered bass)");
    });
    $("#gc-n-Dbdim-B").click(function() {
        $(".gc-note").hide(),
            $("#E-0,#A-2,#D-2,#G-0,#B-2,#E2-0").fadeIn(),
            $("#gc_inf_1").html("D<sup>b</sup><sub>dim</sub>/B"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(Db E  G  B) : diminished triad (altered bass)");
    });
    $("#gc-n-Dbdim-Bb-1").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-1,#D-2,#G-0,#B-2,#E2-0").fadeIn(),
            $("#gc_inf_1").html("D<sup>b</sup><sub>dim</sub>/B<sup>b</sup> <sup>[1]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(Db E  G  Bb) : diminished triad (altered bass)");
    });
    $("#gc-n-Dbdim-Bb-2").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-2,#G-3,#B-2,#E2-3").fadeIn(),
            $("#gc_inf_1").html("D<sup>b</sup><sub>dim</sub>/B<sup>b</sup> <sup>[2]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(Db E  G  Bb) : diminished triad (altered bass)");
    });
    $("#gc-n-Dbdim-D-1").click(function() {
        $(".gc-note").hide(),
            $("#E-3,#A-X,#D-0,#G-0,#B-2,#E2-0").fadeIn(),
            $("#gc_inf_1").html("D<sup>b</sup><sub>dim</sub>/D <sup>[1]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(Db D  E  G) : diminished triad (altered bass)");
    });
    $("#gc-n-Dbdim-D-2").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-0,#G-0,#B-2,#E2-0").fadeIn(),
            $("#gc_inf_1").html("D<sup>b</sup><sub>dim</sub>/D <sup>[2]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(Db D  E  G) : diminished triad (altered bass)");
    });
    $("#gc-n-Dbdim7-1").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-1,#D-2,#G-0,#B-2,#E2-0").fadeIn(),
            $("#gc_inf_1").html("D<sup>b</sup><sub>dim</sub>7 <sup>[1]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(Db E  G  Bb) : diminished triad, diminished 7th");
    });
    $("#gc-n-Dbdim7-2").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-2,#G-3,#B-2,#E2-3").fadeIn(),
            $("#gc_inf_1").html("D<sup>b</sup><sub>dim</sub>7 <sup>[2]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(Db E  G  Bb) : diminished triad, diminished 7th");
    });
    $("#gc-n-Dbm-1").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-4,#D-6,#G-6,#B-5,#E2-4").fadeIn(),
            $("#gc_inf_1").html("D<sup>b</sup>m <sup>[1]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(Db E  Ab) : minor triad");
    });
    $("#gc-n-Dbm-2").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-2,#G-1,#B-2,#E2-0").fadeIn(),
            $("#gc_inf_1").html("D<sup>b</sup>m <sup>[2]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(Db E  Ab) : minor triad");
    });
    $("#gc-n-Dbm-3").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-4,#D-6,#G-6,#B-X,#E2-0").fadeIn(),
            $("#gc_inf_1").html("D<sup>b</sup>m <sup>[3]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(Db E  Ab) : minor triad");
    });
    $("#gc-n-Dbm-A").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-0,#D-2,#G-1,#B-2,#E2-0").fadeIn(),
            $("#gc_inf_1").html("D<sup>b</sup>m/A"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(Db E  Ab A) : minor triad (altered bass)");
    });
    $("#gc-n-Dbm-B-1").click(function() {
        $(".gc-note").hide(),
            $("#E-0,#A-2,#D-2,#G-1,#B-2,#E2-0").fadeIn(),
            $("#gc_inf_1").html("D<sup>b</sup>m/B <sup>[1]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(Db E  Ab B) : minor triad (altered bass)");
    });
    $("#gc-n-Dbm-B-2").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-4,#D-6,#G-4,#B-5,#E2-4").fadeIn(),
            $("#gc_inf_1").html("D<sup>b</sup>m/B <sup>[2]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(Db E  Ab B) : minor triad (altered bass)");
    });
    $("#gc-n-Dbm7-1").click(function() {
        $(".gc-note").hide(),
            $("#E-0,#A-2,#D-2,#G-1,#B-2,#E2-0").fadeIn(),
            $("#gc_inf_1").html("D<sup>b</sup>m7 <sup>[1]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(Db E  Ab B) : minor triad, minor 7th");
    });
    $("#gc-n-Dbm7-2").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-4,#D-6,#G-4,#B-5,#E2-4").fadeIn(),
            $("#gc_inf_1").html("D<sup>b</sup>m7 <sup>[2]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(Db E  Ab B) : minor triad, minor 7th");
    });
    $("#gc-n-Dbm7--b5--").click(function() {
        $(".gc-note").hide(),
            $("#E-0,#A-2,#D-2,#G-0,#B-2,#E2-0").fadeIn(),
            $("#gc_inf_1").html("D<sup>b</sup>m7(b5)"),
            $("#gc_inf_2").html("D<sup>b</sup>o7"),
            $("#gc_inf_3").html("(Db E  G  B) : diminished triad, minor 7th : half-diminished 7th");
    });
    $("#gc-n-Dbmaj7-1").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-3,#D-3,#G-1,#B-2,#E2-1").fadeIn(),
            $("#gc_inf_1").html("D<sup>b</sup>maj7 <sup>[1]</sup>"),
            $("#gc_inf_2").html("D<sup>b</sup><sup>#</sup>7"),
            $("#gc_inf_3").html("(C  Db F  Ab) : major triad, major 7th");
    });
    $("#gc-n-Dbmaj7-2").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-4,#D-6,#G-5,#B-6,#E2-4").fadeIn(),
            $("#gc_inf_1").html("D<sup>b</sup>maj7 <sup>[2]</sup>"),
            $("#gc_inf_2").html("D<sup>b</sup><sup>#</sup>7"),
            $("#gc_inf_3").html("(C  Db F  Ab) : major triad, major 7th");
    });
    $("#gc-n-Dbsus2--o").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-6,#G-6,#B-4,#E2-4").fadeIn(),
            $("#gc_inf_1").html("D<sup>b</sup><sub>sus</sub>2  o"),
            $("#gc_inf_2").html("D<sup>b</sup>add9 (no3)"),
            $("#gc_inf_3").html("(Db Eb Ab) : no 3rd but a 2nd from a major triad");
    });
    $("#gc-n-Dbsus4-Bb").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-4,#G-3,#B-2,#E2-4").fadeIn(),
            $("#gc_inf_1").html("D<sup>b</sup><sub>sus</sub>4/B<sup>b</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(Db Gb Ab Bb) : sus4 triad (altered bass)");
    });
    $("#gc-n-Ddim-B-1").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-2,#D-0,#G-1,#B-0,#E2-1").fadeIn(),
            $("#gc_inf_1").html("D<sub>dim</sub>/B <sup>[1]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  F  Ab B) : diminished triad (altered bass)");
    });
    $("#gc-n-Ddim-B-2").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-0,#G-1,#B-0,#E2-1").fadeIn(),
            $("#gc_inf_1").html("D<sub>dim</sub>/B <sup>[2]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  F  Ab B) : diminished triad (altered bass)");
    });
    $("#gc-n-Ddim-B-3").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-3,#G-4,#B-3,#E2-4").fadeIn(),
            $("#gc_inf_1").html("D<sub>dim</sub>/B <sup>[3]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  F  Ab B) : diminished triad (altered bass)");
    });
    $("#gc-n-Ddim-Bb-1").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-1,#D-3,#G-1,#B-3,#E2-1").fadeIn(),
            $("#gc_inf_1").html("D<sub>dim</sub>/B<sup>b</sup> <sup>[1]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  F  Ab Bb) : diminished triad (altered bass)");
    });
    $("#gc-n-Ddim-Bb-2").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-3,#G-3,#B-3,#E2-4").fadeIn(),
            $("#gc_inf_1").html("D<sub>dim</sub>/B<sup>b</sup> <sup>[2]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  F  Ab Bb) : diminished triad (altered bass)");
    });
    $("#gc-n-Ddim-C").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-0,#G-1,#B-1,#E2-1").fadeIn(),
            $("#gc_inf_1").html("D<sub>dim</sub>/C"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(C  D  F  Ab) : diminished triad (altered bass)");
    });
    $("#gc-n-Ddim7-1").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-2,#D-0,#G-1,#B-0,#E2-1").fadeIn(),
            $("#gc_inf_1").html("D<sub>dim</sub>7 <sup>[1]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  F  Ab B) : diminished triad, diminished 7th");
    });
    $("#gc-n-Ddim7-2").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-0,#G-1,#B-0,#E2-1").fadeIn(),
            $("#gc_inf_1").html("D<sub>dim</sub>7 <sup>[2]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  F  Ab B) : diminished triad, diminished 7th");
    });
    $("#gc-n-Ddim7-3").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-3,#G-4,#B-3,#E2-4").fadeIn(),
            $("#gc_inf_1").html("D<sub>dim</sub>7 <sup>[3]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  F  Ab B) : diminished triad, diminished 7th");
    });
    $("#gc-n-Dm").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-0,#D-0,#G-2,#B-3,#E2-1").fadeIn(),
            $("#gc_inf_1").html("Dm"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  F  A) : minor triad");
    });
    $("#gc-n-Dm-B-1").click(function() {
        $(".gc-note").hide(),
            $("#E-1,#A-2,#D-3,#G-2,#B-3,#E2-1").fadeIn(),
            $("#gc_inf_1").html("Dm/B <sup>[1]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  F  A  B) : minor triad (altered bass)");
    });
    $("#gc-n-Dm-B-2").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-2,#D-0,#G-2,#B-0,#E2-1").fadeIn(),
            $("#gc_inf_1").html("Dm/B <sup>[2]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  F  A  B) : minor triad (altered bass)");
    });
    $("#gc-n-Dm-B-3").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-0,#G-2,#B-0,#E2-1").fadeIn(),
            $("#gc_inf_1").html("Dm/B <sup>[3]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  F  A  B) : minor triad (altered bass)");
    });
    $("#gc-n-Dm-Bb").click(function() {
        $(".gc-note").hide(),
            $("#E-1,#A-1,#D-3,#G-2,#B-3,#E2-1").fadeIn(),
            $("#gc_inf_1").html("Dm/B<sup>b</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  F  A  Bb) : minor triad (altered bass)");
    });
    $("#gc-n-Dm-C-1").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-5,#D-7,#G-5,#B-6,#E2-5").fadeIn(),
            $("#gc_inf_1").html("Dm/C <sup>[1]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(C  D  F  A) : minor triad (altered bass)");
    });
    $("#gc-n-Dm-C-2").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-0,#G-2,#B-1,#E2-1").fadeIn(),
            $("#gc_inf_1").html("Dm/C <sup>[2]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(C  D  F  A) : minor triad (altered bass)");
    });
    $("#gc-n-Dm-C-3").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-0,#G-5,#B-6,#E2-5").fadeIn(),
            $("#gc_inf_1").html("Dm/C <sup>[3]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(C  D  F  A) : minor triad (altered bass)");
    });
    $("#gc-n-Dm-Db").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-0,#G-2,#B-2,#E2-1").fadeIn(),
            $("#gc_inf_1").html("Dm/D<sup>b</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(Db D  F  A) : minor triad (altered bass)");
    });
    $("#gc-n-Dm-E").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-7,#G-7,#B-6,#E2-0").fadeIn(),
            $("#gc_inf_1").html("Dm/E"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  E  F  A) : minor triad (altered bass)");
    });
    $("#gc-n-Dm6-1").click(function() {
        $(".gc-note").hide(),
            $("#E-1,#A-2,#D-3,#G-2,#B-3,#E2-1").fadeIn(),
            $("#gc_inf_1").html("Dm6 <sup>[1]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  F  A  B) : minor triad plus 6th");
    });
    $("#gc-n-Dm6-2").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-2,#D-0,#G-2,#B-0,#E2-1").fadeIn(),
            $("#gc_inf_1").html("Dm6 <sup>[2]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  F  A  B) : minor triad plus 6th");
    });
    $("#gc-n-Dm6-3").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-0,#G-2,#B-0,#E2-1").fadeIn(),
            $("#gc_inf_1").html("Dm6 <sup>[3]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  F  A  B) : minor triad plus 6th");
    });
    $("#gc-n-Dm7-1").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-5,#D-7,#G-5,#B-6,#E2-5").fadeIn(),
            $("#gc_inf_1").html("Dm7 <sup>[1]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(C  D  F  A) : minor triad, minor 7th");
    });
    $("#gc-n-Dm7-2").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-0,#G-2,#B-1,#E2-1").fadeIn(),
            $("#gc_inf_1").html("Dm7 <sup>[2]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(C  D  F  A) : minor triad, minor 7th");
    });
    $("#gc-n-Dm7-3").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-0,#G-5,#B-6,#E2-5").fadeIn(),
            $("#gc_inf_1").html("Dm7 <sup>[3]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(C  D  F  A) : minor triad, minor 7th");
    });
    $("#gc-n-Dm7--b5--").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-0,#G-1,#B-1,#E2-1").fadeIn(),
            $("#gc_inf_1").html("Dm7(b5)"),
            $("#gc_inf_2").html("Do7"),
            $("#gc_inf_3").html("(C  D  F  Ab) : diminished triad, minor 7th : half-diminished 7th");
    });
    $("#gc-n-Dm7-add11").click(function() {
        $(".gc-note").hide(),
            $("#E-3,#A-X,#D-0,#G-2,#B-1,#E2-1").fadeIn(),
            $("#gc_inf_1").html("Dm7/<sub>add</sub>11"),
            $("#gc_inf_2").html("Dm7/11"),
            $("#gc_inf_3").html("(C  D  F  G  A) : minor triad, minor 7th, plus 11th");
    });
    $("#gc-n-Dmaj7-1").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-0,#G-14,#B-14,#E2-14").fadeIn(),
            $("#gc_inf_1").html("Dmaj7 <sup>[1]</sup>"),
            $("#gc_inf_2").html("D<sup>#</sup>7"),
            $("#gc_inf_3").html("(Db D  Gb A) : major triad, major 7th");
    });
    $("#gc-n-Dmaj7-2").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-0,#G-2,#B-2,#E2-2").fadeIn(),
            $("#gc_inf_1").html("Dmaj7 <sup>[2]</sup>"),
            $("#gc_inf_2").html("D<sup>#</sup>7"),
            $("#gc_inf_3").html("(Db D  Gb A) : major triad, major 7th");
    });
    $("#gc-n-Dmin-maj7").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-0,#G-2,#B-2,#E2-1").fadeIn(),
            $("#gc_inf_1").html("Dmin/maj7"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(Db D  F  A) : minor triad, major 7th");
    });
    $("#gc-n-Dsus-1").click(function() {
        $(".gc-note").hide(),
            $("#E-5,#A-X,#D-0,#G-0,#B-3,#E2-5").fadeIn(),
            $("#gc_inf_1").html("D<sub>sus</sub> <sup>[1]</sup>"),
            $("#gc_inf_2").html("D<sub>sus</sub>4"),
            $("#gc_inf_3").html("(D  G  A): no 3rd but a 4th from a major triad");
    });
    $("#gc-n-Dsus-2").click(function() {
        $(".gc-note").hide(),
            $("#E-3,#A-0,#D-0,#G-0,#B-3,#E2-3").fadeIn(),
            $("#gc_inf_1").html("D<sub>sus</sub> <sup>[2]</sup>"),
            $("#gc_inf_2").html("D<sub>sus</sub>4"),
            $("#gc_inf_3").html("(D  G  A) : no 3rd but a 4th from a major triad");
    });
    $("#gc-n-Dsus-3").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-0,#D-0,#G-0,#B-3,#E2-3").fadeIn(),
            $("#gc_inf_1").html("D<sub>sus</sub> <sup>[3]</sup>"),
            $("#gc_inf_2").html("D<sub>sus</sub>4"),
            $("#gc_inf_3").html("(D  G  A) : no 3rd but a 4th from a major triad");
    });
    $("#gc-n-Dsus-4").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-0,#G-2,#B-3,#E2-3").fadeIn(),
            $("#gc_inf_1").html("D<sub>sus</sub> <sup>[4]</sup>"),
            $("#gc_inf_2").html("D<sub>sus</sub>4"),
            $("#gc_inf_3").html("(D  G  A) : no 3rd but a 4th from a major triad");
    });
    $("#gc-n-Dsus2-1").click(function() {
        $(".gc-note").hide(),
            $("#E-5,#A-5,#D-7,#G-7,#B-X,#E2-0").fadeIn(),
            $("#gc_inf_1").html("D<sub>sus</sub>2 <sup>[1]</sup>"),
            $("#gc_inf_2").html("Dadd9 (no3)"),
            $("#gc_inf_3").html("(D  E  A): no 3rd but A 2nd from a major triad");
    });
    $("#gc-n-Dsus2-2").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-0,#D-0,#G-2,#B-3,#E2-0").fadeIn(),
            $("#gc_inf_1").html("D<sub>sus</sub>2 <sup>[2]</sup>"),
            $("#gc_inf_2").html("Dadd9 (no3)"),
            $("#gc_inf_3").html("(D  E  A): no 3rd but A 2nd from a major triad");
    });
    $("#gc-n-Dsus2-3").click(function() {
        $(".gc-note").hide(),
            $("#E-0,#A-0,#D-2,#G-2,#B-3,#E2-0").fadeIn(),
            $("#gc_inf_1").html("D<sub>sus</sub>2 <sup>[3]</sup>"),
            $("#gc_inf_2").html("Dadd9 (no3)"),
            $("#gc_inf_3").html("(D  E  A) : no 3rd but A 2nd from a major triad");
    });
    $("#gc-n-Dsus2-4").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-0,#D-2,#G-2,#B-3,#E2-0").fadeIn(),
            $("#gc_inf_1").html("D<sub>sus</sub>2 <sup>[4]</sup>"),
            $("#gc_inf_2").html("Dadd9 (no3)"),
            $("#gc_inf_3").html("(D  E  A) : no 3rd but A 2nd from a major triad");
    });
    $("#gc-n-Dsus2-5").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-0,#G-2,#B-3,#E2-0").fadeIn(),
            $("#gc_inf_1").html("D<sub>sus</sub>2 <sup>[5]</sup>"),
            $("#gc_inf_2").html("Dadd9 (no3)"),
            $("#gc_inf_3").html("(D  E  A) : no 3rd but A 2nd from a major triad");
    });
    $("#gc-n-Dsus2-Ab").click(function() {
        $(".gc-note").hide(),
            $("#E-4,#A-X,#D-0,#G-2,#B-3,#E2-0").fadeIn(),
            $("#gc_inf_1").html("D<sub>sus</sub>2/A<sup>b</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  E  Ab A) : sus2 triad (altered bass)");
    });
    $("#gc-n-Dsus2-B-1").click(function() {
        $(".gc-note").hide(),
            $("#E-0,#A-2,#D-0,#G-2,#B-0,#E2-0").fadeIn(),
            $("#gc_inf_1").html("D<sub>sus</sub>2/B <sup>[1]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  E  A  B) : sus2 triad (altered bass)");
    });
    $("#gc-n-Dsus2-B-2").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-2,#D-0,#G-2,#B-3,#E2-0").fadeIn(),
            $("#gc_inf_1").html("D<sub>sus</sub>2/B <sup>[2]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  E  A  B) : sus2 triad (altered bass)");
    });
    $("#gc-n-Dsus2-Bb").click(function() {
        $(".gc-note").hide(),
            $("#E-0,#A-1,#D-X,#G-2,#B-3,#E2-0").fadeIn(),
            $("#gc_inf_1").html("D<sub>sus</sub>2/B<sup>b</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  E  A  Bb) : sus2 triad (altered bass)");
    });
    $("#gc-n-Dsus2-C-1").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-0,#G-2,#B-1,#E2-0").fadeIn(),
            $("#gc_inf_1").html("D<sub>sus</sub>2/C <sup>[1]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(C  D  E  A) : sus2 triad (altered bass)");
    });
    $("#gc-n-Dsus2-C-2").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-0,#G-5,#B-5,#E2-5").fadeIn(),
            $("#gc_inf_1").html("D<sub>sus</sub>2/C <sup>[2]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(C  D  E  A) : sus2 triad (altered bass)");
    });
    $("#gc-n-Dsus2-Db-1").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-0,#D-0,#G-2,#B-2,#E2-0").fadeIn(),
            $("#gc_inf_1").html("D<sub>sus</sub>2/D<sup>b</sup> <sup>[1]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(Db D  E  A) : sus2 triad (altered bass)");
    });
    $("#gc-n-Dsus2-Db-2").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-0,#G-2,#B-2,#E2-0").fadeIn(),
            $("#gc_inf_1").html("D<sub>sus</sub>2/D<sup>b</sup> <sup>[2]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(Db D  E  A) : sus2 triad (altered bass)");
    });
    $("#gc-n-Dsus2-Db-3").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-0,#G-6,#B-5,#E2-5").fadeIn(),
            $("#gc_inf_1").html("D<sub>sus</sub>2/D<sup>b</sup> <sup>[3]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(Db D  E  A) : sus2 triad (altered bass)");
    });
    $("#gc-n-Dsus2-Db-4").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-0,#G-9,#B-10,#E2-9").fadeIn(),
            $("#gc_inf_1").html("D<sub>sus</sub>2/D<sup>b</sup> <sup>[4]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(Db D  E  A) : sus2 triad (altered bass)");
    });
    $("#gc-n-Dsus2-F").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-7,#G-7,#B-6,#E2-0").fadeIn(),
            $("#gc_inf_1").html("D<sub>sus</sub>2/F"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  E  F  A) : sus2 triad (altered bass)");
    });
    $("#gc-n-Dsus2-G-1").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-0,#D-2,#G-0,#B-3,#E2-0").fadeIn(),
            $("#gc_inf_1").html("D<sub>sus</sub>2/G <sup>[1]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  E  G  A) : sus2 triad (altered bass)");
    });
    $("#gc-n-Dsus2-G-2").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-0,#D-2,#G-0,#B-3,#E2-3").fadeIn(),
            $("#gc_inf_1").html("D<sub>sus</sub>2/G <sup>[2]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  E  G  A) : sus2 triad (altered bass)");
    });
    $("#gc-n-Dsus2-G-3").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-0,#D-2,#G-2,#B-3,#E2-3").fadeIn(),
            $("#gc_inf_1").html("D<sub>sus</sub>2/G <sup>[3]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  E  G  A) : sus2 triad (altered bass)");
    });
    $("#gc-n-Dsus2-G-4").click(function() {
        $(".gc-note").hide(),
            $("#E-5,#A-X,#D-0,#G-0,#B-3,#E2-0").fadeIn(),
            $("#gc_inf_1").html("D<sub>sus</sub>2/G <sup>[4]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  E  G  A) : sus2 triad (altered bass)");
    });
    $("#gc-n-Dsus2-G-5").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-0,#D-0,#G-0,#B-X,#E2-0").fadeIn(),
            $("#gc_inf_1").html("D<sub>sus</sub>2/G <sup>[5]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  E  G  A) : sus2 triad (altered bass)");
    });
    $("#gc-n-Dsus2-Gb-1").click(function() {
        $(".gc-note").hide(),
            $("#E-0,#A-0,#D-0,#G-2,#B-3,#E2-2").fadeIn(),
            $("#gc_inf_1").html("D<sub>sus</sub>2/G<sup>b</sup> <sup>[1]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  E  Gb A) : sus2 triad (altered bass)");
    });
    $("#gc-n-Dsus2-Gb-2").click(function() {
        $(".gc-note").hide(),
            $("#E-0,#A-0,#D-4,#G-2,#B-3,#E2-0").fadeIn(),
            $("#gc_inf_1").html("D<sub>sus</sub>2/G<sup>b</sup> <sup>[2]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  E  Gb A) : sus2 triad (altered bass)");
    });
    $("#gc-n-Dsus2-Gb-3").click(function() {
        $(".gc-note").hide(),
            $("#E-2,#A-X,#D-0,#G-2,#B-3,#E2-0").fadeIn(),
            $("#gc_inf_1").html("D<sub>sus</sub>2/G<sup>b</sup> <sup>[3]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  E  Gb A) : sus2 triad (altered bass)");
    });
    $("#gc-n-Dsus2-Gb-4").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-0,#D-2,#G-2,#B-3,#E2-2").fadeIn(),
            $("#gc_inf_1").html("D<sub>sus</sub>2/G<sup>b</sup> <sup>[4]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  E  Gb A) : sus2 triad (altered bass)");
    });
    $("#gc-n-Dsus2-Gb-5").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-2,#G-2,#B-3,#E2-2").fadeIn(),
            $("#gc_inf_1").html("D<sub>sus</sub>2/G<sup>b</sup> <sup>[5]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  E  Gb A) : sus2 triad (altered bass)");
    });
    $("#gc-n-Dsus2-Gb-6").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-5,#D-4,#G-2,#B-3,#E2-0").fadeIn(),
            $("#gc_inf_1").html("D<sub>sus</sub>2/G<sup>b</sup> <sup>[6]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  E  Gb A) : sus2 triad (altered bass)");
    });
    $("#gc-n-Dsus2-Gb-7").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-9,#D-7,#G-7,#B-X,#E2-0").fadeIn(),
            $("#gc_inf_1").html("D<sub>sus</sub>2/G<sup>b</sup> <sup>[7]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  E  Gb A) : sus2 triad (altered bass)");
    });
    $("#gc-n-Dsus4-B-1").click(function() {
        $(".gc-note").hide(),
            $("#E-3,#A-0,#D-0,#G-0,#B-0,#E2-3").fadeIn(),
            $("#gc_inf_1").html("D<sub>sus</sub>4/B <sup>[1]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  G  A  B) : sus4 triad (altered bass)");
    });
    $("#gc-n-Dsus4-B-2").click(function() {
        $(".gc-note").hide(),
            $("#E-3,#A-2,#D-0,#G-2,#B-0,#E2-3").fadeIn(),
            $("#gc_inf_1").html("D<sub>sus</sub>4/B <sup>[2]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  G  A  B) : sus4 triad (altered bass)");
    });
    $("#gc-n-Dsus4-C-1").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-5,#D-7,#G-5,#B-8,#E2-3").fadeIn(),
            $("#gc_inf_1").html("D<sub>sus</sub>4/C <sup>[1]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(C  D  G  A): sus4 triad (altered bass)");
    });
    $("#gc-n-Dsus4-C-2").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-0,#G-2,#B-1,#E2-3").fadeIn(),
            $("#gc_inf_1").html("D<sub>sus</sub>4/C <sup>[2]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(C  D  G  A) : sus4 triad (altered bass)");
    });
    $("#gc-n-Dsus4-E-1").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-0,#D-2,#G-0,#B-3,#E2-0").fadeIn(),
            $("#gc_inf_1").html("D<sub>sus</sub>4/E <sup>[1]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  E  G  A) : sus4 triad (altered bass)");
    });
    $("#gc-n-Dsus4-E-2").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-0,#D-2,#G-0,#B-3,#E2-3").fadeIn(),
            $("#gc_inf_1").html("D<sub>sus</sub>4/E <sup>[2]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  E  G  A) : sus4 triad (altered bass)");
    });
    $("#gc-n-Dsus4-E-3").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-0,#D-2,#G-2,#B-3,#E2-3").fadeIn(),
            $("#gc_inf_1").html("D<sub>sus</sub>4/E <sup>[3]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  E  G  A) : sus4 triad (altered bass)");
    });
    $("#gc-n-Dsus4-E-4").click(function() {
        $(".gc-note").hide(),
            $("#E-5,#A-X,#D-0,#G-0,#B-3,#E2-0").fadeIn(),
            $("#gc_inf_1").html("D<sub>sus</sub>4/E <sup>[4]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  E  G  A) : sus4 triad (altered bass)");
    });
    $("#gc-n-Dsus4-E-5").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-0,#D-0,#G-0,#B-X,#E2-0").fadeIn(),
            $("#gc_inf_1").html("D<sub>sus</sub>4/E <sup>[5]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  E  G  A) : sus4 triad (altered bass)");
    });
    $("#gc-n-Dsus4-Gb-1").click(function() {
        $(".gc-note").hide(),
            $("#E-5,#A-X,#D-4,#G-0,#B-3,#E2-5").fadeIn(),
            $("#gc_inf_1").html("D<sub>sus</sub>4/G<sup>b</sup> <sup>[1]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  Gb G  A): sus4 triad (altered bass)");
    });
    $("#gc-n-Dsus4-Gb-2").click(function() {
        $(".gc-note").hide(),
            $("#E-3,#A-X,#D-0,#G-2,#B-3,#E2-2").fadeIn(),
            $("#gc_inf_1").html("D<sub>sus</sub>4/G<sup>b</sup> <sup>[2]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  Gb G  A) : sus4 triad (altered bass)");
    });
    $("#gc-n-E-1").click(function() {
        $(".gc-note").hide(),
            $("#E-0,#A-2,#D-2,#G-1,#B-0,#E2-0").fadeIn(),
            $("#gc_inf_1").html("E <sup>[1]</sup>"),
            $("#gc_inf_2").html("Emaj"),
            $("#gc_inf_3").html("(E  Ab B) : major triad");
    });
    $("#gc-n-E-2").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-7,#D-6,#G-4,#B-5,#E2-0").fadeIn(),
            $("#gc_inf_1").html("E <sup>[2]</sup>"),
            $("#gc_inf_2").html("Emaj"),
            $("#gc_inf_3").html("(E  Ab B) : major triad");
    });
    $("#gc-n-E-sharp5").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-3,#D-2,#G-1,#B-1,#E2-0").fadeIn(),
            $("#gc_inf_1").html("E<sup>#</sup>5"),
            $("#gc_inf_2").html("E<sub>aug</sub>"),
            $("#gc_inf_3").html("(C  E  Ab) : augmented triad");
    });
    $("#gc-n-E-A").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-0,#D-2,#G-1,#B-0,#E2-0").fadeIn(),
            $("#gc_inf_1").html("E/A"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(E  Ab A  B) : major triad (altered bass)");
    });
    $("#gc-n-E-D-1").click(function() {
        $(".gc-note").hide(),
            $("#E-0,#A-2,#D-0,#G-1,#B-0,#E2-0").fadeIn(),
            $("#gc_inf_1").html("E/D <sup>[1]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  E  Ab B) : major triad (altered bass)");
    });
    $("#gc-n-E-D-2").click(function() {
        $(".gc-note").hide(),
            $("#E-0,#A-2,#D-2,#G-1,#B-3,#E2-0").fadeIn(),
            $("#gc_inf_1").html("E/D <sup>[2]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  E  Ab B) : major triad (altered bass)");
    });
    $("#gc-n-E-D-3").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-2,#D-0,#G-1,#B-3,#E2-0").fadeIn(),
            $("#gc_inf_1").html("E/D <sup>[3]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  E  Ab B) : major triad (altered bass)");
    });
    $("#gc-n-E-D-4").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-0,#G-1,#B-0,#E2-0").fadeIn(),
            $("#gc_inf_1").html("E/D <sup>[4]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  E  Ab B) : major triad (altered bass)");
    });
    $("#gc-n-E-Db-1").click(function() {
        $(".gc-note").hide(),
            $("#E-0,#A-2,#D-2,#G-1,#B-2,#E2-0").fadeIn(),
            $("#gc_inf_1").html("E/D<sup>b</sup> <sup>[1]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(Db E  Ab B) : major triad (altered bass)");
    });
    $("#gc-n-E-Db-2").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-4,#D-6,#G-4,#B-5,#E2-4").fadeIn(),
            $("#gc_inf_1").html("E/D<sup>b</sup> <sup>[2]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(Db E  Ab B) : major triad (altered bass)");
    });
    $("#gc-n-E-Eb-1").click(function() {
        $(".gc-note").hide(),
            $("#E-0,#A-2,#D-1,#G-1,#B-0,#E2-0").fadeIn(),
            $("#gc_inf_1").html("E/E<sup>b</sup> <sup>[1]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(Eb E  Ab B) : major triad (altered bass)");
    });
    $("#gc-n-E-Eb-2").click(function() {
        $(".gc-note").hide(),
            $("#E-0,#A-X,#D-6,#G-4,#B-4,#E2-0").fadeIn(),
            $("#gc_inf_1").html("E/E<sup>b</sup> <sup>[2]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(Eb E  Ab B) : major triad (altered bass)");
    });
    $("#gc-n-E-Eb-3").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-1,#G-1,#B-0,#E2-0").fadeIn(),
            $("#gc_inf_1").html("E/E<sup>b</sup> <sup>[3]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(Eb E  Ab B) : major triad (altered bass)");
    });
    $("#gc-n-E-Gb-1").click(function() {
        $(".gc-note").hide(),
            $("#E-0,#A-2,#D-2,#G-1,#B-0,#E2-2").fadeIn(),
            $("#gc_inf_1").html("E/G<sup>b</sup> <sup>[1]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(E  Gb Ab B) : major triad (altered bass)");
    });
    $("#gc-n-E-Gb-2").click(function() {
        $(".gc-note").hide(),
            $("#E-0,#A-X,#D-4,#G-1,#B-0,#E2-0").fadeIn(),
            $("#gc_inf_1").html("E/G<sup>b</sup> <sup>[2]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(E  Gb Ab B) : major triad (altered bass)");
    });
    $("#gc-n-E-Gb-3").click(function() {
        $(".gc-note").hide(),
            $("#E-2,#A-2,#D-2,#G-1,#B-0,#E2-0").fadeIn(),
            $("#gc_inf_1").html("E/G<sup>b</sup> <sup>[3]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(E  Gb Ab B) : major triad (altered bass)");
    });
    $("#gc-n-E11-b9").click(function() {
        $(".gc-note").hide(),
            $("#E-0,#A-0,#D-3,#G-4,#B-3,#E2-4").fadeIn(),
            $("#gc_inf_1").html("E11/b9"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  E  F  Ab A  B) : major triad, minor 7th, flat 9th, plus 11th");
    });
    $("#gc-n-E5-1").click(function() {
        $(".gc-note").hide(),
            $("#E-0,#A-2,#D-X,#G-X,#B-X,#E2-0").fadeIn(),
            $("#gc_inf_1").html("E5 <sup>[1]</sup>"),
            $("#gc_inf_2").html("E (no 3rd)"),
            $("#gc_inf_3").html("(E  B) : root and 5th (power chord)");
    });
    $("#gc-n-E5-2").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-7,#D-9,#G-9,#B-X,#E2-0").fadeIn(),
            $("#gc_inf_1").html("E5 <sup>[2]</sup>"),
            $("#gc_inf_2").html("E (no 3rd)"),
            $("#gc_inf_3").html("(E  B) : root and 5th (power chord)");
    });
    $("#gc-n-E6-1").click(function() {
        $(".gc-note").hide(),
            $("#E-0,#A-2,#D-2,#G-1,#B-2,#E2-0").fadeIn(),
            $("#gc_inf_1").html("E6 <sup>[1]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(Db E  Ab B) : major triad plus 6th");
    });
    $("#gc-n-E6-2").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-4,#D-6,#G-4,#B-5,#E2-4").fadeIn(),
            $("#gc_inf_1").html("E6 <sup>[2]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(Db E  Ab B) : major triad plus 6th");
    });
    $("#gc-n-E7-1").click(function() {
        $(".gc-note").hide(),
            $("#E-0,#A-2,#D-0,#G-1,#B-0,#E2-0").fadeIn(),
            $("#gc_inf_1").html("E7 <sup>[1]</sup>"),
            $("#gc_inf_2").html("E<sub>dom</sub> 7"),
            $("#gc_inf_3").html("(D  E  Ab B) : major triad, minor 7th");
    });
    $("#gc-n-E7-2").click(function() {
        $(".gc-note").hide(),
            $("#E-0,#A-2,#D-2,#G-1,#B-3,#E2-0").fadeIn(),
            $("#gc_inf_1").html("E7 <sup>[2]</sup>"),
            $("#gc_inf_2").html("E<sub>dom</sub> 7"),
            $("#gc_inf_3").html("(D  E  Ab B) : major triad, minor 7th");
    });
    $("#gc-n-E7-3").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-2,#D-0,#G-1,#B-3,#E2-0").fadeIn(),
            $("#gc_inf_1").html("E7 <sup>[3]</sup>"),
            $("#gc_inf_2").html("E<sub>dom</sub> 7"),
            $("#gc_inf_3").html("(D  E  Ab B) : major triad, minor 7th");
    });
    $("#gc-n-E7-4").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-0,#G-1,#B-0,#E2-0").fadeIn(),
            $("#gc_inf_1").html("E7 <sup>[4]</sup>"),
            $("#gc_inf_2").html("E<sub>dom</sub> 7"),
            $("#gc_inf_3").html("(D  E  Ab B) : major triad, minor 7th");
    });
    $("#gc-n-E7-add11").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-0,#D-0,#G-1,#B-0,#E2-0").fadeIn(),
            $("#gc_inf_1").html("E7/<sub>add</sub>11"),
            $("#gc_inf_2").html("E7/11"),
            $("#gc_inf_3").html("(D  E  Ab A  B) : major triad, minor 7th, plus 11th");
    });
    $("#gc-n-E7-b9--b5--").click(function() {
        $(".gc-note").hide(),
            $("#E-0,#A-1,#D-3,#G-1,#B-3,#E2-1").fadeIn(),
            $("#gc_inf_1").html("E7/b9(b5)"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  E  F  Ab Bb) : diminished 5th, minor 7th, flat 9th");
    });
    $("#gc-n-E7sus4").click(function() {
        $(".gc-note").hide(),
            $("#E-0,#A-2,#D-0,#G-2,#B-0,#E2-0").fadeIn(),
            $("#gc_inf_1").html("E7<sub>sus</sub>4"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  E  A  B) : sus4 triad, minor 7th");
    });
    $("#gc-n-E9-1").click(function() {
        $(".gc-note").hide(),
            $("#E-0,#A-2,#D-0,#G-1,#B-0,#E2-2").fadeIn(),
            $("#gc_inf_1").html("E9 <sup>[1]</sup>"),
            $("#gc_inf_2").html("E<sub>dom</sub> 9"),
            $("#gc_inf_3").html("(D  E  Gb Ab B) : major triad, minor 7th plus 9th");
    });
    $("#gc-n-E9-2").click(function() {
        $(".gc-note").hide(),
            $("#E-2,#A-2,#D-0,#G-1,#B-0,#E2-0").fadeIn(),
            $("#gc_inf_1").html("E9 <sup>[2]</sup>"),
            $("#gc_inf_2").html("E<sub>dom</sub> 9"),
            $("#gc_inf_3").html("(D  E  Gb Ab B) : major triad, minor 7th plus 9th");
    });
    $("#gc-n-Eadd9-1").click(function() {
        $(".gc-note").hide(),
            $("#E-0,#A-2,#D-2,#G-1,#B-0,#E2-2").fadeIn(),
            $("#gc_inf_1").html("E<sub>add</sub>9 <sup>[1]</sup>"),
            $("#gc_inf_2").html("E2"),
            $("#gc_inf_3").html("(E  Gb Ab B) : major triad plus 9th");
    });
    $("#gc-n-Eadd9-2").click(function() {
        $(".gc-note").hide(),
            $("#E-0,#A-X,#D-4,#G-1,#B-0,#E2-0").fadeIn(),
            $("#gc_inf_1").html("E<sub>add</sub>9 <sup>[2]</sup>"),
            $("#gc_inf_2").html("E2"),
            $("#gc_inf_3").html("(E  Gb Ab B) : major triad plus 9th");
    });
    $("#gc-n-Eadd9-3").click(function() {
        $(".gc-note").hide(),
            $("#E-2,#A-2,#D-2,#G-1,#B-0,#E2-0").fadeIn(),
            $("#gc_inf_1").html("E<sub>add</sub>9 <sup>[3]</sup>"),
            $("#gc_inf_2").html("E2"),
            $("#gc_inf_3").html("(E  Gb Ab B) : major triad plus 9th");
    });
    $("#gc-n-Eb-1").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-1,#D-1,#G-3,#B-4,#E2-3").fadeIn(),
            $("#gc_inf_1").html("E<sup>b</sup> <sup>[1]</sup>"),
            $("#gc_inf_2").html("E<sup>b</sup>maj"),
            $("#gc_inf_3").html("(Eb G  Bb) : major triad");
    });
    $("#gc-n-Eb-2").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-1,#G-3,#B-4,#E2-3").fadeIn(),
            $("#gc_inf_1").html("E<sup>b</sup> <sup>[2]</sup>"),
            $("#gc_inf_2").html("E<sup>b</sup>maj"),
            $("#gc_inf_3").html("(Eb G  Bb) : major triad");
    });
    $("#gc-n-Eb-3").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-5,#G-3,#B-4,#E2-3").fadeIn(),
            $("#gc_inf_1").html("E<sup>b</sup> <sup>[3]</sup>"),
            $("#gc_inf_2").html("E<sup>b</sup>maj"),
            $("#gc_inf_3").html("(Eb G  Bb) : major triad");
    });
    $("#gc-n-Eb-sharp5-1").click(function() {
        $(".gc-note").hide(),
            $("#E-3,#A-2,#D-1,#G-0,#B-0,#E2-3").fadeIn(),
            $("#gc_inf_1").html("E<sup>b</sup><sup>#</sup>5 <sup>[1]</sup>"),
            $("#gc_inf_2").html("E<sup>b</sup><sub>aug</sub>"),
            $("#gc_inf_3").html("(Eb G  B) : augmented triad");
    });
    $("#gc-n-Eb-sharp5-2").click(function() {
        $(".gc-note").hide(),
            $("#E-3,#A-X,#D-1,#G-0,#B-0,#E2-3").fadeIn(),
            $("#gc_inf_1").html("E<sup>b</sup><sup>#</sup>5 <sup>[2]</sup>"),
            $("#gc_inf_2").html("E<sup>b</sup><sub>aug</sub>"),
            $("#gc_inf_3").html("(Eb G  B) : augmented triad");
    });
    $("#gc-n-Eb-C").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-3,#D-5,#G-3,#B-4,#E2-3").fadeIn(),
            $("#gc_inf_1").html("E<sup>b</sup>/C"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(C  Eb G  Bb) : major triad (altered bass)");
    });
    $("#gc-n-Eb-D").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-6,#D-8,#G-7,#B-8,#E2-6").fadeIn(),
            $("#gc_inf_1").html("E<sup>b</sup>/D"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  Eb G  Bb) : major triad (altered bass)");
    });
    $("#gc-n-Eb-Db-1").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-1,#D-1,#G-3,#B-2,#E2-3").fadeIn(),
            $("#gc_inf_1").html("E<sup>b</sup>/D<sup>b</sup> <sup>[1]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(Db Eb G  Bb) : major triad (altered bass)");
    });
    $("#gc-n-Eb-Db-2").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-6,#D-8,#G-6,#B-8,#E2-6").fadeIn(),
            $("#gc_inf_1").html("E<sup>b</sup>/D<sup>b</sup> <sup>[2]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(Db Eb G  Bb) : major triad (altered bass)");
    });
    $("#gc-n-Eb-Db-3").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-1,#G-3,#B-2,#E2-3").fadeIn(),
            $("#gc_inf_1").html("E<sup>b</sup>/D<sup>b</sup> <sup>[3]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(Db Eb G  Bb) : major triad (altered bass)");
    });
    $("#gc-n-Eb-E").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-5,#G-3,#B-4,#E2-0").fadeIn(),
            $("#gc_inf_1").html("E<sup>b</sup>/E"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(Eb E  G  Bb) : major triad (altered bass)");
    });
    $("#gc-n-Eb5").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-6,#D-8,#G-8,#B-X,#E2-6").fadeIn(),
            $("#gc_inf_1").html("E<sup>b</sup>5"),
            $("#gc_inf_2").html("E<sup>b</sup> (no 3rd)"),
            $("#gc_inf_3").html("(Eb Bb): root and 5th (power chord)");
    });
    $("#gc-n-Eb6").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-3,#D-5,#G-3,#B-4,#E2-3").fadeIn(),
            $("#gc_inf_1").html("E<sup>b</sup>6"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(C  Eb G  Bb) : major triad plus 6th");
    });
    $("#gc-n-Eb7-1").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-1,#D-1,#G-3,#B-2,#E2-3").fadeIn(),
            $("#gc_inf_1").html("E<sup>b</sup>7 <sup>[1]</sup>"),
            $("#gc_inf_2").html("E<sup>b</sup><sub>dom</sub> 7"),
            $("#gc_inf_3").html("(Db Eb G  Bb) : major triad, minor 7th");
    });
    $("#gc-n-Eb7-2").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-6,#D-8,#G-6,#B-8,#E2-6").fadeIn(),
            $("#gc_inf_1").html("E<sup>b</sup>7 <sup>[2]</sup>"),
            $("#gc_inf_2").html("E<sup>b</sup><sub>dom</sub> 7"),
            $("#gc_inf_3").html("(Db Eb G  Bb) : major triad, minor 7th");
    });
    $("#gc-n-Eb7-3").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-1,#G-3,#B-2,#E2-3").fadeIn(),
            $("#gc_inf_1").html("E<sup>b</sup>7 <sup>[3]</sup>"),
            $("#gc_inf_2").html("E<sup>b</sup><sub>dom</sub> 7"),
            $("#gc_inf_3").html("(Db Eb G  Bb) : major triad, minor 7th");
    });
    $("#gc-n-Ebaug-E-1").click(function() {
        $(".gc-note").hide(),
            $("#E-3,#A-X,#D-1,#G-0,#B-0,#E2-0").fadeIn(),
            $("#gc_inf_1").html("E<sup>b</sup><sub>aug</sub>/E <sup>[1]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(Eb E  G  B) : augmented triad (altered bass)");
    });
    $("#gc-n-Ebaug-E-2").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-1,#G-0,#B-0,#E2-0").fadeIn(),
            $("#gc_inf_1").html("E<sup>b</sup><sub>aug</sub>/E <sup>[2]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(Eb E  G  B) : augmented triad (altered bass)");
    });
    $("#gc-n-Ebdim-B-1").click(function() {
        $(".gc-note").hide(),
            $("#E-2,#A-X,#D-1,#G-2,#B-0,#E2-2").fadeIn(),
            $("#gc_inf_1").html("E<sup>b</sup><sub>dim</sub>/B <sup>[1]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(Eb Gb A  B) : diminished triad (altered bass)");
    });
    $("#gc-n-Ebdim-B-2").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-0,#D-1,#G-2,#B-0,#E2-2").fadeIn(),
            $("#gc_inf_1").html("E<sup>b</sup><sub>dim</sub>/B <sup>[2]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(Eb Gb A  B) : diminished triad (altered bass)");
    });
    $("#gc-n-Ebdim-B-3").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-2,#D-1,#G-2,#B-0,#E2-2").fadeIn(),
            $("#gc_inf_1").html("E<sup>b</sup><sub>dim</sub>/B <sup>[3]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(Eb Gb A  B) : diminished triad (altered bass)");
    });
    $("#gc-n-Ebdim-B-4").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-2,#D-4,#G-2,#B-4,#E2-2").fadeIn(),
            $("#gc_inf_1").html("E<sup>b</sup><sub>dim</sub>/B <sup>[4]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(Eb Gb A  B) : diminished triad (altered bass)");
    });
    $("#gc-n-Ebdim-C").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-1,#G-2,#B-1,#E2-2").fadeIn(),
            $("#gc_inf_1").html("E<sup>b</sup><sub>dim</sub>/C"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(C  Eb Gb A) : diminished triad (altered bass)");
    });
    $("#gc-n-Ebdim7").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-1,#G-2,#B-1,#E2-2").fadeIn(),
            $("#gc_inf_1").html("E<sup>b</sup><sub>dim</sub>7"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(C  Eb Gb A) : diminished triad, diminished 7th");
    });
    $("#gc-n-Ebm").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-4,#G-3,#B-4,#E2-2").fadeIn(),
            $("#gc_inf_1").html("E<sup>b</sup>m"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(Eb Gb Bb) : minor triad");
    });
    $("#gc-n-Ebm-Db").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-1,#G-3,#B-2,#E2-2").fadeIn(),
            $("#gc_inf_1").html("E<sup>b</sup>m/D<sup>b</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(Db Eb Gb Bb) : minor triad (altered bass)");
    });
    $("#gc-n-Ebm7").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-1,#G-3,#B-2,#E2-2").fadeIn(),
            $("#gc_inf_1").html("E<sup>b</sup>m7"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(Db Eb Gb Bb) : minor triad, minor 7th");
    });
    $("#gc-n-Ebmaj7").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-6,#D-8,#G-7,#B-8,#E2-6").fadeIn(),
            $("#gc_inf_1").html("E<sup>b</sup>maj7"),
            $("#gc_inf_2").html("E<sup>b</sup><sup>#</sup>7"),
            $("#gc_inf_3").html("(D  Eb G  Bb) : major triad, major 7th");
    });
    $("#gc-n-Ebsus2-Ab").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-1,#D-3,#G-1,#B-4,#E2-1").fadeIn(),
            $("#gc_inf_1").html("E<sup>b</sup><sub>sus</sub>2/A<sup>b</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(Eb F  Ab Bb) : sus2 triad (altered bass)");
    });
    $("#gc-n-Ebsus4-F").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-1,#D-3,#G-1,#B-4,#E2-1").fadeIn(),
            $("#gc_inf_1").html("E<sup>b</sup><sub>sus</sub>4/F"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(Eb F  Ab Bb) : sus4 triad (altered bass)");
    });
    $("#gc-n-Edim-C").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-3,#D-5,#G-3,#B-5,#E2-3").fadeIn(),
            $("#gc_inf_1").html("E<sub>dim</sub>/C"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(C  E  G  Bb) : diminished triad (altered bass)");
    });
    $("#gc-n-Edim-D").click(function() {
        $(".gc-note").hide(),
            $("#E-3,#A-X,#D-0,#G-3,#B-3,#E2-0").fadeIn(),
            $("#gc_inf_1").html("E<sub>dim</sub>/D"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  E  G  Bb) : diminished triad (altered bass)");
    });
    $("#gc-n-Edim-Db-1").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-1,#D-2,#G-0,#B-2,#E2-0").fadeIn(),
            $("#gc_inf_1").html("E<sub>dim</sub>/D<sup>b</sup> <sup>[1]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(Db E  G  Bb) : diminished triad (altered bass)");
    });
    $("#gc-n-Edim-Db-2").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-2,#G-3,#B-2,#E2-3").fadeIn(),
            $("#gc_inf_1").html("E<sub>dim</sub>/D<sup>b</sup> <sup>[2]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(Db E  G  Bb) : diminished triad (altered bass)");
    });
    $("#gc-n-Edim-Eb").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-5,#G-3,#B-4,#E2-0").fadeIn(),
            $("#gc_inf_1").html("E<sub>dim</sub>/E<sup>b</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(Eb E  G  Bb) : diminished triad (altered bass)");
    });
    $("#gc-n-Edim7-1").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-1,#D-2,#G-0,#B-2,#E2-0").fadeIn(),
            $("#gc_inf_1").html("E<sub>dim</sub>7 <sup>[1]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(Db E  G  Bb) : diminished triad, diminished 7th");
    });
    $("#gc-n-Edim7-2").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-2,#G-3,#B-2,#E2-3").fadeIn(),
            $("#gc_inf_1").html("E<sub>dim</sub>7 <sup>[2]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(Db E  G  Bb) : diminished triad, diminished 7th");
    });
    $("#gc-n-Em-1").click(function() {
        $(".gc-note").hide(),
            $("#E-0,#A-2,#D-2,#G-0,#B-0,#E2-0").fadeIn(),
            $("#gc_inf_1").html("Em <sup>[1]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(E  G  B) : minor triad");
    });
    $("#gc-n-Em-2").click(function() {
        $(".gc-note").hide(),
            $("#E-3,#A-X,#D-2,#G-0,#B-0,#E2-0").fadeIn(),
            $("#gc_inf_1").html("Em <sup>[2]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(E  G  B) : minor triad");
    });
    $("#gc-n-Em-3").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-2,#D-5,#G-X,#B-X,#E2-0").fadeIn(),
            $("#gc_inf_1").html("Em <sup>[3]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(E  G  B) : minor triad");
    });
    $("#gc-n-Em-A-1").click(function() {
        $(".gc-note").hide(),
            $("#E-3,#A-X,#D-2,#G-2,#B-0,#E2-0").fadeIn(),
            $("#gc_inf_1").html("Em/A <sup>[1]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(E  G  A  B) : minor triad (altered bass)");
    });
    $("#gc-n-Em-A-2").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-0,#D-2,#G-0,#B-0,#E2-0").fadeIn(),
            $("#gc_inf_1").html("Em/A <sup>[2]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(E  G  A  B) : minor triad (altered bass)");
    });
    $("#gc-n-Em-A-3").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-0,#D-5,#G-4,#B-5,#E2-0").fadeIn(),
            $("#gc_inf_1").html("Em/A <sup>[3]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(E  G  A  B) : minor triad (altered bass)");
    });
    $("#gc-n-Em-C-1").click(function() {
        $(".gc-note").hide(),
            $("#E-0,#A-3,#D-2,#G-0,#B-0,#E2-0").fadeIn(),
            $("#gc_inf_1").html("Em/C <sup>[1]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(C  E  G  B) : minor triad (altered bass)");
    });
    $("#gc-n-Em-C-2").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-2,#D-2,#G-0,#B-1,#E2-0").fadeIn(),
            $("#gc_inf_1").html("Em/C <sup>[2]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(C  E  G  B) : minor triad (altered bass)");
    });
    $("#gc-n-Em-C-3").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-3,#D-5,#G-4,#B-5,#E2-3").fadeIn(),
            $("#gc_inf_1").html("Em/C <sup>[3]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(C  E  G  B) : minor triad (altered bass)");
    });
    $("#gc-n-Em-D-1").click(function() {
        $(".gc-note").hide(),
            $("#E-0,#A-2,#D-0,#G-0,#B-0,#E2-0").fadeIn(),
            $("#gc_inf_1").html("Em/D <sup>[1]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  E  G  B) : minor triad (altered bass)");
    });
    $("#gc-n-Em-D-2").click(function() {
        $(".gc-note").hide(),
            $("#E-0,#A-2,#D-0,#G-0,#B-3,#E2-0").fadeIn(),
            $("#gc_inf_1").html("Em/D <sup>[2]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  E  G  B) : minor triad (altered bass)");
    });
    $("#gc-n-Em-D-3").click(function() {
        $(".gc-note").hide(),
            $("#E-0,#A-2,#D-2,#G-0,#B-3,#E2-0").fadeIn(),
            $("#gc_inf_1").html("Em/D <sup>[3]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  E  G  B) : minor triad (altered bass)");
    });
    $("#gc-n-Em-D-4").click(function() {
        $(".gc-note").hide(),
            $("#E-0,#A-2,#D-2,#G-0,#B-3,#E2-3").fadeIn(),
            $("#gc_inf_1").html("Em/D <sup>[4]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  E  G  B) : minor triad (altered bass)");
    });
    $("#gc-n-Em-D-5").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-0,#G-12,#B-12,#E2-12").fadeIn(),
            $("#gc_inf_1").html("Em/D <sup>[5]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  E  G  B) : minor triad (altered bass)");
    });
    $("#gc-n-Em-D-6").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-0,#G-9,#B-8,#E2-7").fadeIn(),
            $("#gc_inf_1").html("Em/D <sup>[6]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  E  G  B) : minor triad (altered bass)");
    });
    $("#gc-n-Em-D-7").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-2,#G-4,#B-3,#E2-3").fadeIn(),
            $("#gc_inf_1").html("Em/D <sup>[7]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  E  G  B) : minor triad (altered bass)");
    });
    $("#gc-n-Em-D-8").click(function() {
        $(".gc-note").hide(),
            $("#E-0,#A-X,#D-0,#G-0,#B-0,#E2-0").fadeIn(),
            $("#gc_inf_1").html("Em/D <sup>[8]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  E  G  B) : minor triad (altered bass)");
    });
    $("#gc-n-Em-D-9").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-10,#D-12,#G-12,#B-12,#E2-0").fadeIn(),
            $("#gc_inf_1").html("Em/D <sup>[9]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  E  G  B) : minor triad (altered bass)");
    });
    $("#gc-n-Em-Db").click(function() {
        $(".gc-note").hide(),
            $("#E-0,#A-2,#D-2,#G-0,#B-2,#E2-0").fadeIn(),
            $("#gc_inf_1").html("Em/D<sup>b</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(Db E  G  B) : minor triad (altered bass)");
    });
    $("#gc-n-Em-Eb-1").click(function() {
        $(".gc-note").hide(),
            $("#E-3,#A-X,#D-1,#G-0,#B-0,#E2-0").fadeIn(),
            $("#gc_inf_1").html("Em/E<sup>b</sup> <sup>[1]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(Eb E  G  B) : minor triad (altered bass)");
    });
    $("#gc-n-Em-Eb-2").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-1,#G-0,#B-0,#E2-0").fadeIn(),
            $("#gc_inf_1").html("Em/E<sup>b</sup> <sup>[2]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(Eb E  G  B) : minor triad (altered bass)");
    });
    $("#gc-n-Em-Gb-1").click(function() {
        $(".gc-note").hide(),
            $("#E-0,#A-2,#D-2,#G-0,#B-0,#E2-2").fadeIn(),
            $("#gc_inf_1").html("Em/G<sup>b</sup> <sup>[1]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(E  Gb G  B) : minor triad (altered bass)");
    });
    $("#gc-n-Em-Gb-2").click(function() {
        $(".gc-note").hide(),
            $("#E-0,#A-2,#D-4,#G-0,#B-0,#E2-0").fadeIn(),
            $("#gc_inf_1").html("Em/G<sup>b</sup> <sup>[2]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(E  Gb G  B) : minor triad (altered bass)");
    });
    $("#gc-n-Em-Gb-3").click(function() {
        $(".gc-note").hide(),
            $("#E-0,#A-X,#D-4,#G-0,#B-0,#E2-0").fadeIn(),
            $("#gc_inf_1").html("Em/G<sup>b</sup> <sup>[3]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(E  Gb G  B) : minor triad (altered bass)");
    });
    $("#gc-n-Em-Gb-4").click(function() {
        $(".gc-note").hide(),
            $("#E-2,#A-2,#D-2,#G-0,#B-0,#E2-0").fadeIn(),
            $("#gc_inf_1").html("Em/G<sup>b</sup> <sup>[4]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(E  Gb G  B) : minor triad (altered bass)");
    });
    $("#gc-n-Em6").click(function() {
        $(".gc-note").hide(),
            $("#E-0,#A-2,#D-2,#G-0,#B-2,#E2-0").fadeIn(),
            $("#gc_inf_1").html("Em6"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(Db E  G  B) : minor triad plus 6th");
    });
    $("#gc-n-Em7-1").click(function() {
        $(".gc-note").hide(),
            $("#E-0,#A-2,#D-0,#G-0,#B-0,#E2-0").fadeIn(),
            $("#gc_inf_1").html("Em7 <sup>[1]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  E  G  B) : minor triad, minor 7th");
    });
    $("#gc-n-Em7-2").click(function() {
        $(".gc-note").hide(),
            $("#E-0,#A-2,#D-0,#G-0,#B-3,#E2-0").fadeIn(),
            $("#gc_inf_1").html("Em7 <sup>[2]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  E  G  B) : minor triad, minor 7th");
    });
    $("#gc-n-Em7-3").click(function() {
        $(".gc-note").hide(),
            $("#E-0,#A-2,#D-2,#G-0,#B-3,#E2-0").fadeIn(),
            $("#gc_inf_1").html("Em7 <sup>[3]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  E  G  B) : minor triad, minor 7th");
    });
    $("#gc-n-Em7-4").click(function() {
        $(".gc-note").hide(),
            $("#E-0,#A-2,#D-2,#G-0,#B-3,#E2-3").fadeIn(),
            $("#gc_inf_1").html("Em7 <sup>[4]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  E  G  B) : minor triad, minor 7th");
    });
    $("#gc-n-Em7-5").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-0,#G-0,#B-0,#E2-0").fadeIn(),
            $("#gc_inf_1").html("Em7 <sup>[5]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  E  G  B) : minor triad, minor 7th");
    });
    $("#gc-n-Em7-6").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-0,#G-12,#B-12,#E2-12").fadeIn(),
            $("#gc_inf_1").html("Em7 <sup>[6]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  E  G  B) : minor triad, minor 7th");
    });
    $("#gc-n-Em7-7").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-0,#G-9,#B-8,#E2-7").fadeIn(),
            $("#gc_inf_1").html("Em7 <sup>[7]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  E  G  B) : minor triad, minor 7th");
    });
    $("#gc-n-Em7-8").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-2,#G-4,#B-3,#E2-3").fadeIn(),
            $("#gc_inf_1").html("Em7 <sup>[8]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  E  G  B) : minor triad, minor 7th");
    });
    $("#gc-n-Em7-9").click(function() {
        $(".gc-note").hide(),
            $("#E-0,#A-X,#D-0,#G-0,#B-0,#E2-0").fadeIn(),
            $("#gc_inf_1").html("Em7 <sup>[9]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  E  G  B) : minor triad, minor 7th");
    });
    $("#gc-n-Em7-10").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-10,#D-12,#G-12,#B-12,#E2-0").fadeIn(),
            $("#gc_inf_1").html("Em7 <sup>[10]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  E  G  B) : minor triad, minor 7th");
    });
    $("#gc-n-Em7--b5--").click(function() {
        $(".gc-note").hide(),
            $("#E-3,#A-X,#D-0,#G-3,#B-3,#E2-0").fadeIn(),
            $("#gc_inf_1").html("Em7(b5)"),
            $("#gc_inf_2").html("Eo7"),
            $("#gc_inf_3").html("(D  E  G  Bb) : diminished triad, minor 7th : half-diminished 7th");
    });
    $("#gc-n-Em7-add11-1").click(function() {
        $(".gc-note").hide(),
            $("#E-0,#A-0,#D-0,#G-0,#B-0,#E2-0").fadeIn(),
            $("#gc_inf_1").html("Em7/<sub>add</sub>11 <sup>[1]</sup>"),
            $("#gc_inf_2").html("Em7/11"),
            $("#gc_inf_3").html("(D  E  G  A  B) : minor triad, minor 7th, plus 11th");
    });
    $("#gc-n-Em7-add11-2").click(function() {
        $(".gc-note").hide(),
            $("#E-0,#A-0,#D-0,#G-0,#B-0,#E2-3").fadeIn(),
            $("#gc_inf_1").html("Em7/<sub>add</sub>11 <sup>[2]</sup>"),
            $("#gc_inf_2").html("Em7/11"),
            $("#gc_inf_3").html("(D  E  G  A  B) : minor triad, minor 7th, plus 11th");
    });
    $("#gc-n-Em7-add11-3").click(function() {
        $(".gc-note").hide(),
            $("#E-3,#A-X,#D-0,#G-2,#B-0,#E2-0").fadeIn(),
            $("#gc_inf_1").html("Em7/<sub>add</sub>11 <sup>[3]</sup>"),
            $("#gc_inf_2").html("Em7/11"),
            $("#gc_inf_3").html("(D  E  G  A  B) : minor triad, minor 7th, plus 11th");
    });
    $("#gc-n-Em9-1").click(function() {
        $(".gc-note").hide(),
            $("#E-0,#A-2,#D-0,#G-0,#B-0,#E2-2").fadeIn(),
            $("#gc_inf_1").html("Em9 <sup>[1]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  E  Gb G  B) : minor triad, minor 7th plus 9th");
    });
    $("#gc-n-Em9-2").click(function() {
        $(".gc-note").hide(),
            $("#E-0,#A-2,#D-0,#G-0,#B-3,#E2-2").fadeIn(),
            $("#gc_inf_1").html("Em9 <sup>[2]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  E  Gb G  B) : minor triad, minor 7th plus 9th");
    });
    $("#gc-n-Em9-3").click(function() {
        $(".gc-note").hide(),
            $("#E-2,#A-2,#D-0,#G-0,#B-0,#E2-0").fadeIn(),
            $("#gc_inf_1").html("Em9 <sup>[3]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  E  Gb G  B) : minor triad, minor 7th plus 9th");
    });
    $("#gc-n-Emaj7-1").click(function() {
        $(".gc-note").hide(),
            $("#E-0,#A-2,#D-1,#G-1,#B-0,#E2-0").fadeIn(),
            $("#gc_inf_1").html("Emaj7 <sup>[1]</sup>"),
            $("#gc_inf_2").html("E<sup>#</sup>7"),
            $("#gc_inf_3").html("(Eb E  Ab B) : major triad, major 7th");
    });
    $("#gc-n-Emaj7-2").click(function() {
        $(".gc-note").hide(),
            $("#E-0,#A-X,#D-6,#G-4,#B-4,#E2-0").fadeIn(),
            $("#gc_inf_1").html("Emaj7 <sup>[2]</sup>"),
            $("#gc_inf_2").html("E<sup>#</sup>7"),
            $("#gc_inf_3").html("(Eb E  Ab B) : major triad, major 7th");
    });
    $("#gc-n-Emaj7-3").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-1,#G-1,#B-0,#E2-0").fadeIn(),
            $("#gc_inf_1").html("Emaj7 <sup>[3]</sup>"),
            $("#gc_inf_2").html("E<sup>#</sup>7"),
            $("#gc_inf_3").html("(Eb E  Ab B) : major triad, major 7th");
    });
    $("#gc-n-Emaj9-1").click(function() {
        $(".gc-note").hide(),
            $("#E-0,#A-2,#D-1,#G-1,#B-0,#E2-2").fadeIn(),
            $("#gc_inf_1").html("Emaj9 <sup>[1]</sup>"),
            $("#gc_inf_2").html("E9 (<sup>#</sup>7)"),
            $("#gc_inf_3").html("(Eb E  Gb Ab B) : major triad, major 7th plus 9th");
    });
    $("#gc-n-Emaj9-2").click(function() {
        $(".gc-note").hide(),
            $("#E-4,#A-X,#D-4,#G-4,#B-4,#E2-0").fadeIn(),
            $("#gc_inf_1").html("Emaj9 <sup>[2]</sup>"),
            $("#gc_inf_2").html("E9 (<sup>#</sup>7)"),
            $("#gc_inf_3").html("(Eb E  Gb Ab B) : major triad, major 7th plus 9th");
    });
    $("#gc-n-Emin-maj7-1").click(function() {
        $(".gc-note").hide(),
            $("#E-3,#A-X,#D-1,#G-0,#B-0,#E2-0").fadeIn(),
            $("#gc_inf_1").html("Emin/maj7 <sup>[1]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(Eb E  G  B) : minor triad, major 7th");
    });
    $("#gc-n-Emin-maj7-2").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-1,#G-0,#B-0,#E2-0").fadeIn(),
            $("#gc_inf_1").html("Emin/maj7 <sup>[2]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(Eb E  G  B) : minor triad, major 7th");
    });
    $("#gc-n-Emin-maj9").click(function() {
        $(".gc-note").hide(),
            $("#E-0,#A-6,#D-4,#G-0,#B-0,#E2-0").fadeIn(),
            $("#gc_inf_1").html("Emin/maj9"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(Eb E  Gb G  B) : minor triad, major 7th plus 9th");
    });
    $("#gc-n-Esus-1").click(function() {
        $(".gc-note").hide(),
            $("#E-0,#A-0,#D-2,#G-2,#B-0,#E2-0").fadeIn(),
            $("#gc_inf_1").html("E<sub>sus</sub> <sup>[1]</sup>"),
            $("#gc_inf_2").html("E<sub>sus</sub>4"),
            $("#gc_inf_3").html("(E  A  B) : no 3rd but a 4th from a major triad");
    });
    $("#gc-n-Esus-2").click(function() {
        $(".gc-note").hide(),
            $("#E-0,#A-0,#D-2,#G-4,#B-0,#E2-0").fadeIn(),
            $("#gc_inf_1").html("E<sub>sus</sub> <sup>[2]</sup>"),
            $("#gc_inf_2").html("E<sub>sus</sub>4"),
            $("#gc_inf_3").html("(E  A  B) : no 3rd but a 4th from a major triad");
    });
    $("#gc-n-Esus-3").click(function() {
        $(".gc-note").hide(),
            $("#E-0,#A-2,#D-2,#G-2,#B-0,#E2-0").fadeIn(),
            $("#gc_inf_1").html("E<sub>sus</sub> <sup>[3]</sup>"),
            $("#gc_inf_2").html("E<sub>sus</sub>4"),
            $("#gc_inf_3").html("(E  A  B) : no 3rd but a 4th from a major triad");
    });
    $("#gc-n-Esus-4").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-0,#D-2,#G-2,#B-0,#E2-0").fadeIn(),
            $("#gc_inf_1").html("E<sub>sus</sub> <sup>[4]</sup>"),
            $("#gc_inf_2").html("E<sub>sus</sub>4"),
            $("#gc_inf_3").html("(E  A  B) : no 3rd but a 4th from a major triad");
    });
    $("#gc-n-Esus-5").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-2,#G-2,#B-0,#E2-0").fadeIn(),
            $("#gc_inf_1").html("E<sub>sus</sub> <sup>[5]</sup>"),
            $("#gc_inf_2").html("E<sub>sus</sub>4"),
            $("#gc_inf_3").html("(E  A  B) : no 3rd but a 4th from a major triad");
    });
    $("#gc-n-Esus2-1").click(function() {
        $(".gc-note").hide(),
            $("#E-7,#A-9,#D-9,#G-X,#B-X,#E2-0").fadeIn(),
            $("#gc_inf_1").html("E<sub>sus</sub>2 <sup>[1]</sup>"),
            $("#gc_inf_2").html("Eadd9 (no3)"),
            $("#gc_inf_3").html("(E  Gb B): no 3rd but a 2nd from a major triad");
    });
    $("#gc-n-Esus2-2").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-2,#D-4,#G-4,#B-X,#E2-0").fadeIn(),
            $("#gc_inf_1").html("E<sub>sus</sub>2 <sup>[2]</sup>"),
            $("#gc_inf_2").html("Eadd9 (no3)"),
            $("#gc_inf_3").html("(E  Gb B): no 3rd but a 2nd from a major triad");
    });
    $("#gc-n-Esus2-A-1").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-0,#D-4,#G-4,#B-0,#E2-0").fadeIn(),
            $("#gc_inf_1").html("E<sub>sus</sub>2/A <sup>[1]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(E  Gb A  B) : sus2 triad (altered bass)");
    });
    $("#gc-n-Esus2-A-2").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-2,#D-4,#G-2,#B-5,#E2-2").fadeIn(),
            $("#gc_inf_1").html("E<sub>sus</sub>2/A <sup>[2]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(E  Gb A  B) : sus2 triad (altered bass)");
    });
    $("#gc-n-Esus2-Ab-1").click(function() {
        $(".gc-note").hide(),
            $("#E-0,#A-2,#D-2,#G-1,#B-0,#E2-2").fadeIn(),
            $("#gc_inf_1").html("E<sub>sus</sub>2/A<sup>b</sup> <sup>[1]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(E  Gb Ab B) : sus2 triad (altered bass)");
    });
    $("#gc-n-Esus2-Ab-2").click(function() {
        $(".gc-note").hide(),
            $("#E-0,#A-X,#D-4,#G-1,#B-0,#E2-0").fadeIn(),
            $("#gc_inf_1").html("E<sub>sus</sub>2/A<sup>b</sup> <sup>[2]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(E  Gb Ab B) : sus2 triad (altered bass)");
    });
    $("#gc-n-Esus2-Ab-3").click(function() {
        $(".gc-note").hide(),
            $("#E-2,#A-2,#D-2,#G-1,#B-0,#E2-0").fadeIn(),
            $("#gc_inf_1").html("E<sub>sus</sub>2/A<sup>b</sup> <sup>[3]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(E  Gb Ab B) : sus2 triad (altered bass)");
    });
    $("#gc-n-Esus2-Db").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-4,#D-4,#G-4,#B-X,#E2-0").fadeIn(),
            $("#gc_inf_1").html("E<sub>sus</sub>2/D<sup>b</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(Db E  Gb B) : sus2 triad (altered bass)");
    });
    $("#gc-n-Esus2-Eb-1").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-2,#D-2,#G-4,#B-4,#E2-2").fadeIn(),
            $("#gc_inf_1").html("E<sub>sus</sub>2/E<sup>b</sup> <sup>[1]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(Eb E  Gb B) : sus2 triad (altered bass)");
    });
    $("#gc-n-Esus2-Eb-2").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-4,#G-4,#B-4,#E2-0").fadeIn(),
            $("#gc_inf_1").html("E<sub>sus</sub>2/E<sup>b</sup> <sup>[2]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(Eb E  Gb B) : sus2 triad (altered bass)");
    });
    $("#gc-n-Esus2-G-1").click(function() {
        $(".gc-note").hide(),
            $("#E-0,#A-2,#D-2,#G-0,#B-0,#E2-2").fadeIn(),
            $("#gc_inf_1").html("E<sub>sus</sub>2/G <sup>[1]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(E  Gb G  B) : sus2 triad (altered bass)");
    });
    $("#gc-n-Esus2-G-2").click(function() {
        $(".gc-note").hide(),
            $("#E-0,#A-2,#D-4,#G-0,#B-0,#E2-0").fadeIn(),
            $("#gc_inf_1").html("E<sub>sus</sub>2/G <sup>[2]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(E  Gb G  B) : sus2 triad (altered bass)");
    });
    $("#gc-n-Esus2-G-3").click(function() {
        $(".gc-note").hide(),
            $("#E-0,#A-X,#D-4,#G-0,#B-0,#E2-0").fadeIn(),
            $("#gc_inf_1").html("E<sub>sus</sub>2/G <sup>[3]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(E  Gb G  B) : sus2 triad (altered bass)");
    });
    $("#gc-n-Esus2-G-4").click(function() {
        $(".gc-note").hide(),
            $("#E-2,#A-2,#D-2,#G-0,#B-0,#E2-0").fadeIn(),
            $("#gc_inf_1").html("E<sub>sus</sub>2/G <sup>[4]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(E  Gb G  B) : sus2 triad (altered bass)");
    });
    $("#gc-n-Esus4-Ab").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-0,#D-2,#G-1,#B-0,#E2-0").fadeIn(),
            $("#gc_inf_1").html("E<sub>sus</sub>4/A<sup>b</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(E  Ab A  B) : sus4 triad (altered bass)");
    });
    $("#gc-n-Esus4-C-1").click(function() {
        $(".gc-note").hide(),
            $("#E-0,#A-0,#D-7,#G-5,#B-0,#E2-0").fadeIn(),
            $("#gc_inf_1").html("E<sub>sus</sub>4/C <sup>[1]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(C  E  A  B) : sus4 triad (altered bass)");
    });
    $("#gc-n-Esus4-C-2").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-3,#D-2,#G-2,#B-0,#E2-0").fadeIn(),
            $("#gc_inf_1").html("E<sub>sus</sub>4/C <sup>[2]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(C  E  A  B) : sus4 triad (altered bass)");
    });
    $("#gc-n-Esus4-D-1").click(function() {
        $(".gc-note").hide(),
            $("#E-0,#A-2,#D-0,#G-2,#B-0,#E2-0").fadeIn(),
            $("#gc_inf_1").html("E<sub>sus</sub>4/D <sup>[1]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  E  A  B) : sus4 triad (altered bass)");
    });
    $("#gc-n-Esus4-D-2").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-2,#D-0,#G-2,#B-3,#E2-0").fadeIn(),
            $("#gc_inf_1").html("E<sub>sus</sub>4/D <sup>[2]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  E  A  B) : sus4 triad (altered bass)");
    });
    $("#gc-n-Esus4-Db-1").click(function() {
        $(".gc-note").hide(),
            $("#E-0,#A-0,#D-2,#G-4,#B-2,#E2-0").fadeIn(),
            $("#gc_inf_1").html("E<sub>sus</sub>4/D<sup>b</sup> <sup>[1]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(Db E  A  B) : sus4 triad (altered bass)");
    });
    $("#gc-n-Esus4-Db-2").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-0,#D-7,#G-6,#B-0,#E2-0").fadeIn(),
            $("#gc_inf_1").html("E<sub>sus</sub>4/D<sup>b</sup> <sup>[2]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(Db E  A  B) : sus4 triad (altered bass)");
    });
    $("#gc-n-Esus4-Eb").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-2,#D-1,#G-2,#B-0,#E2-0").fadeIn(),
            $("#gc_inf_1").html("E<sub>sus</sub>4/E<sup>b</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(Eb E  A  B) : sus4 triad (altered bass)");
    });
    $("#gc-n-Esus4-F").click(function() {
        $(".gc-note").hide(),
            $("#E-0,#A-0,#D-3,#G-2,#B-0,#E2-0").fadeIn(),
            $("#gc_inf_1").html("E<sub>sus</sub>4/F"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(E  F  A  B) : sus4 triad (altered bass)");
    });
    $("#gc-n-Esus4-G-1").click(function() {
        $(".gc-note").hide(),
            $("#E-3,#A-X,#D-2,#G-2,#B-0,#E2-0").fadeIn(),
            $("#gc_inf_1").html("E<sub>sus</sub>4/G <sup>[1]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(E  G  A  B) : sus4 triad (altered bass)");
    });
    $("#gc-n-Esus4-G-2").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-0,#D-2,#G-0,#B-0,#E2-0").fadeIn(),
            $("#gc_inf_1").html("E<sub>sus</sub>4/G <sup>[2]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(E  G  A  B) : sus4 triad (altered bass)");
    });
    $("#gc-n-Esus4-G-3").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-0,#D-5,#G-4,#B-5,#E2-0").fadeIn(),
            $("#gc_inf_1").html("E<sub>sus</sub>4/G <sup>[3]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(E  G  A  B) : sus4 triad (altered bass)");
    });
    $("#gc-n-Esus4-Gb-1").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-0,#D-4,#G-4,#B-0,#E2-0").fadeIn(),
            $("#gc_inf_1").html("E<sub>sus</sub>4/G<sup>b</sup> <sup>[1]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(E  Gb A  B) : sus4 triad (altered bass)");
    });
    $("#gc-n-Esus4-Gb-2").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-2,#D-4,#G-2,#B-5,#E2-2").fadeIn(),
            $("#gc_inf_1").html("E<sub>sus</sub>4/G<sup>b</sup> <sup>[2]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(E  Gb A  B) : sus4 triad (altered bass)");
    });
    $("#gc-n-F-1").click(function() {
        $(".gc-note").hide(),
            $("#E-1,#A-3,#D-3,#G-2,#B-1,#E2-1").fadeIn(),
            $("#gc_inf_1").html("F <sup>[1]</sup>"),
            $("#gc_inf_2").html("Fmaj"),
            $("#gc_inf_3").html("(C  F  A) : major triad");
    });
    $("#gc-n-F-2").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-0,#D-3,#G-2,#B-1,#E2-1").fadeIn(),
            $("#gc_inf_1").html("F <sup>[2]</sup>"),
            $("#gc_inf_2").html("Fmaj"),
            $("#gc_inf_3").html("(C  F  A) : major triad");
    });
    $("#gc-n-F-3").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-3,#D-3,#G-2,#B-1,#E2-1").fadeIn(),
            $("#gc_inf_1").html("F <sup>[3]</sup>"),
            $("#gc_inf_2").html("Fmaj"),
            $("#gc_inf_3").html("(C  F  A) : major triad");
    });
    $("#gc-n-F-4").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-3,#G-2,#B-1,#E2-1").fadeIn(),
            $("#gc_inf_1").html("F <sup>[4]</sup>"),
            $("#gc_inf_2").html("Fmaj"),
            $("#gc_inf_3").html("(C  F  A) : major triad");
    });
    $("#gc-n-F-sharp5-1").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-0,#D-3,#G-2,#B-2,#E2-1").fadeIn(),
            $("#gc_inf_1").html("F<sup>#</sup>5 <sup>[1]</sup>"),
            $("#gc_inf_2").html("F<sub>aug</sub>"),
            $("#gc_inf_3").html("(Db F  A) : augmented triad");
    });
    $("#gc-n-F-sharp5-2").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-0,#D-X,#G-2,#B-2,#E2-1").fadeIn(),
            $("#gc_inf_1").html("F<sup>#</sup>5 <sup>[2]</sup>"),
            $("#gc_inf_2").html("F<sub>aug</sub>"),
            $("#gc_inf_3").html("(Db F  A) : augmented triad");
    });
    $("#gc-n-F-D-1").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-5,#D-7,#G-5,#B-6,#E2-5").fadeIn(),
            $("#gc_inf_1").html("F/D <sup>[1]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(C  D  F  A) : major triad (altered bass)");
    });
    $("#gc-n-F-D-2").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-0,#G-2,#B-1,#E2-1").fadeIn(),
            $("#gc_inf_1").html("F/D <sup>[2]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(C  D  F  A) : major triad (altered bass)");
    });
    $("#gc-n-F-D-3").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-0,#G-5,#B-6,#E2-5").fadeIn(),
            $("#gc_inf_1").html("F/D <sup>[3]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(C  D  F  A) : major triad (altered bass)");
    });
    $("#gc-n-F-E-1").click(function() {
        $(".gc-note").hide(),
            $("#E-0,#A-0,#D-3,#G-2,#B-1,#E2-0").fadeIn(),
            $("#gc_inf_1").html("F/E <sup>[1]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(C  E  F  A) : major triad (altered bass)");
    });
    $("#gc-n-F-E-2").click(function() {
        $(".gc-note").hide(),
            $("#E-1,#A-3,#D-3,#G-2,#B-1,#E2-0").fadeIn(),
            $("#gc_inf_1").html("F/E <sup>[2]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(C  E  F  A) : major triad (altered bass)");
    });
    $("#gc-n-F-E-3").click(function() {
        $(".gc-note").hide(),
            $("#E-1,#A-X,#D-2,#G-2,#B-1,#E2-0").fadeIn(),
            $("#gc_inf_1").html("F/E <sup>[3]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(C  E  F  A) : major triad (altered bass)");
    });
    $("#gc-n-F-E-4").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-2,#G-2,#B-1,#E2-1").fadeIn(),
            $("#gc_inf_1").html("F/E <sup>[4]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(C  E  F  A) : major triad (altered bass)");
    });
    $("#gc-n-F-E-5").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-3,#G-2,#B-1,#E2-0").fadeIn(),
            $("#gc_inf_1").html("F/E <sup>[5]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(C  E  F  A) : major triad (altered bass)");
    });
    $("#gc-n-F-Eb-1").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-1,#G-2,#B-1,#E2-1").fadeIn(),
            $("#gc_inf_1").html("F/E<sup>b</sup> <sup>[1]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(C  Eb F  A) : major triad (altered bass)");
    });
    $("#gc-n-F-Eb-2").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-3,#G-5,#B-4,#E2-5").fadeIn(),
            $("#gc_inf_1").html("F/E<sup>b</sup> <sup>[2]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(C  Eb F  A) : major triad (altered bass)");
    });
    $("#gc-n-F-G-1").click(function() {
        $(".gc-note").hide(),
            $("#E-3,#A-X,#D-3,#G-2,#B-1,#E2-1").fadeIn(),
            $("#gc_inf_1").html("F/G <sup>[1]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(C  F  G  A) : major triad (altered bass)");
    });
    $("#gc-n-F-G-2").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-3,#G-2,#B-1,#E2-3").fadeIn(),
            $("#gc_inf_1").html("F/G <sup>[2]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(C  F  G  A) : major triad (altered bass)");
    });
    $("#gc-n-F5-1").click(function() {
        $(".gc-note").hide(),
            $("#E-1,#A-3,#D-3,#G-X,#B-X,#E2-1").fadeIn(),
            $("#gc_inf_1").html("F5 <sup>[1]</sup>"),
            $("#gc_inf_2").html("F (no 3rd)"),
            $("#gc_inf_3").html("(C  F): root and 5th (power chord)");
    });
    $("#gc-n-F5-2").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-8,#D-1,#G-0,#B-10,#E2-X").fadeIn(),
            $("#gc_inf_1").html("F5 <sup>[2]</sup>"),
            $("#gc_inf_2").html("F (no 3rd)"),
            $("#gc_inf_3").html("x] (C  F): root and 5th (power chord)");
    });
    $("#gc-n-F6-1").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-5,#D-7,#G-5,#B-6,#E2-5").fadeIn(),
            $("#gc_inf_1").html("F6 <sup>[1]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(C  D  F  A) : major triad plus 6th");
    });
    $("#gc-n-F6-2").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-0,#G-2,#B-1,#E2-1").fadeIn(),
            $("#gc_inf_1").html("F6 <sup>[2]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(C  D  F  A) : major triad plus 6th");
    });
    $("#gc-n-F6-3").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-0,#G-5,#B-6,#E2-5").fadeIn(),
            $("#gc_inf_1").html("F6 <sup>[3]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(C  D  F  A) : major triad plus 6th");
    });
    $("#gc-n-F6-add9").click(function() {
        $(".gc-note").hide(),
            $("#E-3,#A-X,#D-0,#G-2,#B-1,#E2-1").fadeIn(),
            $("#gc_inf_1").html("F6/<sub>add</sub>9"),
            $("#gc_inf_2").html("F6/9"),
            $("#gc_inf_3").html("(C  D  F  G  A) : major triad plus 6th and 9th");
    });
    $("#gc-n-F7-1").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-1,#G-2,#B-1,#E2-1").fadeIn(),
            $("#gc_inf_1").html("F7 <sup>[1]</sup>"),
            $("#gc_inf_2").html("F<sub>dom</sub> 7"),
            $("#gc_inf_3").html("(C  Eb F  A) : major triad, minor 7th");
    });
    $("#gc-n-F7-2").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-3,#G-5,#B-4,#E2-5").fadeIn(),
            $("#gc_inf_1").html("F7 <sup>[2]</sup>"),
            $("#gc_inf_2").html("F<sub>dom</sub> 7"),
            $("#gc_inf_3").html("(C  Eb F  A) : major triad, minor 7th");
    });
    $("#gc-n-Fadd9-1").click(function() {
        $(".gc-note").hide(),
            $("#E-3,#A-X,#D-3,#G-2,#B-1,#E2-1").fadeIn(),
            $("#gc_inf_1").html("F<sub>add</sub>9 <sup>[1]</sup>"),
            $("#gc_inf_2").html("F2"),
            $("#gc_inf_3").html("(C  F  G  A) : major triad plus 9th");
    });
    $("#gc-n-Fadd9-2").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-3,#G-2,#B-1,#E2-3").fadeIn(),
            $("#gc_inf_1").html("F<sub>add</sub>9 <sup>[2]</sup>"),
            $("#gc_inf_2").html("F2"),
            $("#gc_inf_3").html("(C  F  G  A) : major triad plus 9th");
    });
    $("#gc-n-Faug-D").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-0,#G-2,#B-2,#E2-1").fadeIn(),
            $("#gc_inf_1").html("F<sub>aug</sub>/D"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(Db D  F  A) : augmented triad (altered bass)");
    });
    $("#gc-n-Faug-G").click(function() {
        $(".gc-note").hide(),
            $("#E-1,#A-0,#D-3,#G-0,#B-2,#E2-1").fadeIn(),
            $("#gc_inf_1").html("F<sub>aug</sub>/G"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(Db F  G  A) : augmented triad (altered bass)");
    });
    $("#gc-n-Fdim-D-1").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-2,#D-0,#G-1,#B-0,#E2-1").fadeIn(),
            $("#gc_inf_1").html("F<sub>dim</sub>/D <sup>[1]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  F  Ab B) : diminished triad (altered bass)");
    });
    $("#gc-n-Fdim-D-2").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-0,#G-1,#B-0,#E2-1").fadeIn(),
            $("#gc_inf_1").html("F<sub>dim</sub>/D <sup>[2]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  F  Ab B) : diminished triad (altered bass)");
    });
    $("#gc-n-Fdim-D-3").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-3,#G-4,#B-3,#E2-4").fadeIn(),
            $("#gc_inf_1").html("F<sub>dim</sub>/D <sup>[3]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  F  Ab B) : diminished triad (altered bass)");
    });
    $("#gc-n-Fdim-Db").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-4,#D-3,#G-4,#B-0,#E2-4").fadeIn(),
            $("#gc_inf_1").html("F<sub>dim</sub>/D<sup>b</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(Db F  Ab B) : diminished triad (altered bass)");
    });
    $("#gc-n-Fdim7-1").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-2,#D-0,#G-1,#B-0,#E2-1").fadeIn(),
            $("#gc_inf_1").html("F<sub>dim</sub>7 <sup>[1]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  F  Ab B) : diminished triad, diminished 7th");
    });
    $("#gc-n-Fdim7-2").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-0,#G-1,#B-0,#E2-1").fadeIn(),
            $("#gc_inf_1").html("F<sub>dim</sub>7 <sup>[2]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  F  Ab B) : diminished triad, diminished 7th");
    });
    $("#gc-n-Fdim7-3").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-3,#G-4,#B-3,#E2-4").fadeIn(),
            $("#gc_inf_1").html("F<sub>dim</sub>7 <sup>[3]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  F  Ab B) : diminished triad, diminished 7th");
    });
    $("#gc-n-Fm-1").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-3,#D-3,#G-1,#B-1,#E2-1").fadeIn(),
            $("#gc_inf_1").html("Fm <sup>[1]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(C  F  Ab) : minor triad");
    });
    $("#gc-n-Fm-2").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-3,#G-1,#B-1,#E2-1").fadeIn(),
            $("#gc_inf_1").html("Fm <sup>[2]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(C  F  Ab) : minor triad");
    });
    $("#gc-n-Fm-D").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-0,#G-1,#B-1,#E2-1").fadeIn(),
            $("#gc_inf_1").html("Fm/D"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(C  D  F  Ab) : minor triad (altered bass)");
    });
    $("#gc-n-Fm-Db-1").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-3,#D-3,#G-1,#B-2,#E2-1").fadeIn(),
            $("#gc_inf_1").html("Fm/D<sup>b</sup> <sup>[1]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(C  Db F  Ab) : minor triad (altered bass)");
    });
    $("#gc-n-Fm-Db-2").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-4,#D-6,#G-5,#B-6,#E2-4").fadeIn(),
            $("#gc_inf_1").html("Fm/D<sup>b</sup> <sup>[2]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(C  Db F  Ab) : minor triad (altered bass)");
    });
    $("#gc-n-Fm-Eb-1").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-8,#D-10,#G-8,#B-9,#E2-8").fadeIn(),
            $("#gc_inf_1").html("Fm/E<sup>b</sup> <sup>[1]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(C  Eb F  Ab) : minor triad (altered bass)");
    });
    $("#gc-n-Fm-Eb-2").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-1,#G-1,#B-1,#E2-1").fadeIn(),
            $("#gc_inf_1").html("Fm/E<sup>b</sup> <sup>[2]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(C  Eb F  Ab) : minor triad (altered bass)");
    });
    $("#gc-n-Fm6").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-0,#G-1,#B-1,#E2-1").fadeIn(),
            $("#gc_inf_1").html("Fm6"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(C  D  F  Ab) : minor triad plus 6th");
    });
    $("#gc-n-Fm7-1").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-8,#D-10,#G-8,#B-9,#E2-8").fadeIn(),
            $("#gc_inf_1").html("Fm7 <sup>[1]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(C  Eb F  Ab) : minor triad, minor 7th");
    });
    $("#gc-n-Fm7-2").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-1,#G-1,#B-1,#E2-1").fadeIn(),
            $("#gc_inf_1").html("Fm7 <sup>[2]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(C  Eb F  Ab) : minor triad, minor 7th");
    });
    $("#gc-n-Fmaj7-1").click(function() {
        $(".gc-note").hide(),
            $("#E-0,#A-0,#D-3,#G-2,#B-1,#E2-0").fadeIn(),
            $("#gc_inf_1").html("Fmaj7 <sup>[1]</sup>"),
            $("#gc_inf_2").html("F<sup>#</sup>7"),
            $("#gc_inf_3").html("(C  E  F  A) : major triad, major 7th");
    });
    $("#gc-n-Fmaj7-2").click(function() {
        $(".gc-note").hide(),
            $("#E-1,#A-3,#D-3,#G-2,#B-1,#E2-0").fadeIn(),
            $("#gc_inf_1").html("Fmaj7 <sup>[2]</sup>"),
            $("#gc_inf_2").html("F<sup>#</sup>7"),
            $("#gc_inf_3").html("(C  E  F  A) : major triad, major 7th");
    });
    $("#gc-n-Fmaj7-3").click(function() {
        $(".gc-note").hide(),
            $("#E-1,#A-X,#D-2,#G-2,#B-1,#E2-0").fadeIn(),
            $("#gc_inf_1").html("Fmaj7 <sup>[3]</sup>"),
            $("#gc_inf_2").html("F<sup>#</sup>7"),
            $("#gc_inf_3").html("(C  E  F  A) : major triad, major 7th");
    });
    $("#gc-n-Fmaj7-4").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-2,#G-2,#B-1,#E2-1").fadeIn(),
            $("#gc_inf_1").html("Fmaj7 <sup>[4]</sup>"),
            $("#gc_inf_2").html("F<sup>#</sup>7"),
            $("#gc_inf_3").html("(C  E  F  A) : major triad, major 7th");
    });
    $("#gc-n-Fmaj7-5").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-3,#G-2,#B-1,#E2-0").fadeIn(),
            $("#gc_inf_1").html("Fmaj7 <sup>[5]</sup>"),
            $("#gc_inf_2").html("F<sup>#</sup>7"),
            $("#gc_inf_3").html("(C  E  F  A) : major triad, major 7th");
    });
    $("#gc-n-Fmaj7-sharp11-1").click(function() {
        $(".gc-note").hide(),
            $("#E-0,#A-2,#D-3,#G-2,#B-1,#E2-0").fadeIn(),
            $("#gc_inf_1").html("Fmaj7/<sup>#</sup>11 <sup>[1]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(C  E  F  A  B) : major triad, major 7th, augmented 11th");
    });
    $("#gc-n-Fmaj7-sharp11-2").click(function() {
        $(".gc-note").hide(),
            $("#E-1,#A-3,#D-3,#G-2,#B-0,#E2-0").fadeIn(),
            $("#gc_inf_1").html("Fmaj7/<sup>#</sup>11 <sup>[2]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(C  E  F  A  B) : major triad, major 7th, augmented 11th");
    });
    $("#gc-n-Fmaj9").click(function() {
        $(".gc-note").hide(),
            $("#E-0,#A-0,#D-3,#G-0,#B-1,#E2-3").fadeIn(),
            $("#gc_inf_1").html("Fmaj9"),
            $("#gc_inf_2").html("F9 (<sup>#</sup>7)"),
            $("#gc_inf_3").html("(C  E  F  G  A) : major triad, major 7th plus 9th");
    });
    $("#gc-n-Fsus").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-3,#G-3,#B-1,#E2-1").fadeIn(),
            $("#gc_inf_1").html("F<sub>sus</sub>"),
            $("#gc_inf_2").html("F<sub>sus</sub>4"),
            $("#gc_inf_3").html("(C  F  Bb) : no 3rd but a 4th from a major triad");
    });
    $("#gc-n-Fsus2-1").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-3,#D-3,#G-0,#B-1,#E2-1").fadeIn(),
            $("#gc_inf_1").html("F<sub>sus</sub>2 <sup>[1]</sup>"),
            $("#gc_inf_2").html("Fadd9 (no3)"),
            $("#gc_inf_3").html("(C  F  G) : no 3rd but a 2nd from a major triad");
    });
    $("#gc-n-Fsus2-2").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-3,#G-0,#B-1,#E2-1").fadeIn(),
            $("#gc_inf_1").html("F<sub>sus</sub>2 <sup>[2]</sup>"),
            $("#gc_inf_2").html("Fadd9 (no3)"),
            $("#gc_inf_3").html("(C  F  G) : no 3rd but a 2nd from a major triad");
    });
    $("#gc-n-Fsus2-A-1").click(function() {
        $(".gc-note").hide(),
            $("#E-3,#A-X,#D-3,#G-2,#B-1,#E2-1").fadeIn(),
            $("#gc_inf_1").html("F<sub>sus</sub>2/A <sup>[1]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(C  F  G  A) : sus2 triad (altered bass)");
    });
    $("#gc-n-Fsus2-A-2").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-3,#G-2,#B-1,#E2-3").fadeIn(),
            $("#gc_inf_1").html("F<sub>sus</sub>2/A <sup>[2]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(C  F  G  A) : sus2 triad (altered bass)");
    });
    $("#gc-n-Fsus2-B").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-3,#D-3,#G-0,#B-0,#E2-3").fadeIn(),
            $("#gc_inf_1").html("F<sub>sus</sub>2/B"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(C  F  G  B) : sus2 triad (altered bass)");
    });
    $("#gc-n-Fsus2-Bb").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-3,#D-5,#G-3,#B-6,#E2-3").fadeIn(),
            $("#gc_inf_1").html("F<sub>sus</sub>2/B<sup>b</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(C  F  G  Bb) : sus2 triad (altered bass)");
    });
    $("#gc-n-Fsus2-D").click(function() {
        $(".gc-note").hide(),
            $("#E-3,#A-3,#D-0,#G-0,#B-1,#E2-1").fadeIn(),
            $("#gc_inf_1").html("F<sub>sus</sub>2/D"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(C  D  F  G) : sus2 triad (altered bass)");
    });
    $("#gc-n-Fsus2-E-1").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-3,#D-3,#G-0,#B-1,#E2-0").fadeIn(),
            $("#gc_inf_1").html("F<sub>sus</sub>2/E <sup>[1]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(C  E  F  G) : sus2 triad (altered bass)");
    });
    $("#gc-n-Fsus2-E-2").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-3,#G-0,#B-1,#E2-0").fadeIn(),
            $("#gc_inf_1").html("F<sub>sus</sub>2/E <sup>[2]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(C  E  F  G) : sus2 triad (altered bass)");
    });
    $("#gc-n-Fsus4-G").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-3,#D-5,#G-3,#B-6,#E2-3").fadeIn(),
            $("#gc_inf_1").html("F<sub>sus</sub>4/G"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(C  F  G  Bb) : sus4 triad (altered bass)");
    });
    $("#gc-n-G-1").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-10,#D-12,#G-12,#B-12,#E2-10").fadeIn(),
            $("#gc_inf_1").html("G <sup>[1]</sup>"),
            $("#gc_inf_2").html("Gmaj"),
            $("#gc_inf_3").html("(D  G  B): major triad");
    });
    $("#gc-n-G-2").click(function() {
        $(".gc-note").hide(),
            $("#E-3,#A-2,#D-0,#G-0,#B-0,#E2-3").fadeIn(),
            $("#gc_inf_1").html("G <sup>[2]</sup>"),
            $("#gc_inf_2").html("Gmaj"),
            $("#gc_inf_3").html("(D  G  B) : major triad");
    });
    $("#gc-n-G-3").click(function() {
        $(".gc-note").hide(),
            $("#E-3,#A-2,#D-0,#G-0,#B-3,#E2-3").fadeIn(),
            $("#gc_inf_1").html("G <sup>[3]</sup>"),
            $("#gc_inf_2").html("Gmaj"),
            $("#gc_inf_3").html("(D  G  B) : major triad");
    });
    $("#gc-n-G-4").click(function() {
        $(".gc-note").hide(),
            $("#E-3,#A-5,#D-5,#G-4,#B-3,#E2-3").fadeIn(),
            $("#gc_inf_1").html("G <sup>[4]</sup>"),
            $("#gc_inf_2").html("Gmaj"),
            $("#gc_inf_3").html("(D  G  B) : major triad");
    });
    $("#gc-n-G-5").click(function() {
        $(".gc-note").hide(),
            $("#E-3,#A-X,#D-0,#G-0,#B-0,#E2-3").fadeIn(),
            $("#gc_inf_1").html("G <sup>[5]</sup>"),
            $("#gc_inf_2").html("Gmaj"),
            $("#gc_inf_3").html("(D  G  B) : major triad");
    });
    $("#gc-n-G-6").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-5,#D-5,#G-4,#B-3,#E2-3").fadeIn(),
            $("#gc_inf_1").html("G <sup>[6]</sup>"),
            $("#gc_inf_2").html("Gmaj"),
            $("#gc_inf_3").html("(D  G  B) : major triad");
    });
    $("#gc-n-G-7").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-0,#G-4,#B-3,#E2-3").fadeIn(),
            $("#gc_inf_1").html("G <sup>[7]</sup>"),
            $("#gc_inf_2").html("Gmaj"),
            $("#gc_inf_3").html("(D  G  B) : major triad");
    });
    $("#gc-n-G-8").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-0,#G-7,#B-8,#E2-7").fadeIn(),
            $("#gc_inf_1").html("G <sup>[8]</sup>"),
            $("#gc_inf_2").html("Gmaj"),
            $("#gc_inf_3").html("(D  G  B) : major triad");
    });
    $("#gc-n-G-sharp5-1").click(function() {
        $(".gc-note").hide(),
            $("#E-3,#A-2,#D-1,#G-0,#B-0,#E2-3").fadeIn(),
            $("#gc_inf_1").html("G<sup>#</sup>5 <sup>[1]</sup>"),
            $("#gc_inf_2").html("G<sub>aug</sub>"),
            $("#gc_inf_3").html("(Eb G  B) : augmented triad");
    });
    $("#gc-n-G-sharp5-2").click(function() {
        $(".gc-note").hide(),
            $("#E-3,#A-X,#D-1,#G-0,#B-0,#E2-3").fadeIn(),
            $("#gc_inf_1").html("G<sup>#</sup>5 <sup>[2]</sup>"),
            $("#gc_inf_2").html("G<sub>aug</sub>"),
            $("#gc_inf_3").html("(Eb G  B) : augmented triad");
    });
    $("#gc-n-G-A-1").click(function() {
        $(".gc-note").hide(),
            $("#E-3,#A-0,#D-0,#G-0,#B-0,#E2-3").fadeIn(),
            $("#gc_inf_1").html("G/A <sup>[1]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  G  A  B) : major triad (altered bass)");
    });
    $("#gc-n-G-A-2").click(function() {
        $(".gc-note").hide(),
            $("#E-3,#A-2,#D-0,#G-2,#B-0,#E2-3").fadeIn(),
            $("#gc_inf_1").html("G/A <sup>[2]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  G  A  B) : major triad (altered bass)");
    });
    $("#gc-n-G-C-1").click(function() {
        $(".gc-note").hide(),
            $("#E-3,#A-3,#D-0,#G-0,#B-0,#E2-3").fadeIn(),
            $("#gc_inf_1").html("G/C <sup>[1]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(C  D  G  B) : major triad (altered bass)");
    });
    $("#gc-n-G-C-2").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-3,#D-0,#G-0,#B-0,#E2-3").fadeIn(),
            $("#gc_inf_1").html("G/C <sup>[2]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(C  D  G  B) : major triad (altered bass)");
    });
    $("#gc-n-G-E-1").click(function() {
        $(".gc-note").hide(),
            $("#E-0,#A-2,#D-0,#G-0,#B-0,#E2-0").fadeIn(),
            $("#gc_inf_1").html("G/E <sup>[1]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  E  G  B) : major triad (altered bass)");
    });
    $("#gc-n-G-E-2").click(function() {
        $(".gc-note").hide(),
            $("#E-0,#A-2,#D-0,#G-0,#B-3,#E2-0").fadeIn(),
            $("#gc_inf_1").html("G/E <sup>[2]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  E  G  B) : major triad (altered bass)");
    });
    $("#gc-n-G-E-3").click(function() {
        $(".gc-note").hide(),
            $("#E-0,#A-2,#D-2,#G-0,#B-3,#E2-0").fadeIn(),
            $("#gc_inf_1").html("G/E <sup>[3]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  E  G  B) : major triad (altered bass)");
    });
    $("#gc-n-G-E-4").click(function() {
        $(".gc-note").hide(),
            $("#E-0,#A-2,#D-2,#G-0,#B-3,#E2-3").fadeIn(),
            $("#gc_inf_1").html("G/E <sup>[4]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  E  G  B) : major triad (altered bass)");
    });
    $("#gc-n-G-E-5").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-0,#G-12,#B-12,#E2-12").fadeIn(),
            $("#gc_inf_1").html("G/E <sup>[5]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  E  G  B) : major triad (altered bass)");
    });
    $("#gc-n-G-E-6").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-0,#G-9,#B-8,#E2-7").fadeIn(),
            $("#gc_inf_1").html("G/E <sup>[6]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  E  G  B) : major triad (altered bass)");
    });
    $("#gc-n-G-E-7").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-2,#G-4,#B-3,#E2-3").fadeIn(),
            $("#gc_inf_1").html("G/E <sup>[7]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  E  G  B) : major triad (altered bass)");
    });
    $("#gc-n-G-E-8").click(function() {
        $(".gc-note").hide(),
            $("#E-0,#A-X,#D-0,#G-0,#B-0,#E2-0").fadeIn(),
            $("#gc_inf_1").html("G/E <sup>[8]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  E  G  B) : major triad (altered bass)");
    });
    $("#gc-n-G-E-9").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-10,#D-12,#G-12,#B-12,#E2-0").fadeIn(),
            $("#gc_inf_1").html("G/E <sup>[9]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  E  G  B) : major triad (altered bass)");
    });
    $("#gc-n-G-F-1").click(function() {
        $(".gc-note").hide(),
            $("#E-1,#A-X,#D-0,#G-0,#B-0,#E2-3").fadeIn(),
            $("#gc_inf_1").html("G/F <sup>[1]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  F  G  B) : major triad (altered bass)");
    });
    $("#gc-n-G-F-2").click(function() {
        $(".gc-note").hide(),
            $("#E-3,#A-2,#D-0,#G-0,#B-0,#E2-1").fadeIn(),
            $("#gc_inf_1").html("G/F <sup>[2]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  F  G  B) : major triad (altered bass)");
    });
    $("#gc-n-G-F-3").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-0,#G-0,#B-0,#E2-1").fadeIn(),
            $("#gc_inf_1").html("G/F <sup>[3]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  F  G  B) : major triad (altered bass)");
    });
    $("#gc-n-G-Gb-1").click(function() {
        $(".gc-note").hide(),
            $("#E-2,#A-2,#D-0,#G-0,#B-0,#E2-3").fadeIn(),
            $("#gc_inf_1").html("G/G<sup>b</sup> <sup>[1]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  Gb G  B) : major triad (altered bass)");
    });
    $("#gc-n-G-Gb-2").click(function() {
        $(".gc-note").hide(),
            $("#E-2,#A-2,#D-0,#G-0,#B-3,#E2-3").fadeIn(),
            $("#gc_inf_1").html("G/G<sup>b</sup> <sup>[2]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  Gb G  B) : major triad (altered bass)");
    });
    $("#gc-n-G-Gb-3").click(function() {
        $(".gc-note").hide(),
            $("#E-3,#A-2,#D-0,#G-0,#B-0,#E2-2").fadeIn(),
            $("#gc_inf_1").html("G/G<sup>b</sup> <sup>[3]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  Gb G  B) : major triad (altered bass)");
    });
    $("#gc-n-G-Gb-4").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-4,#G-4,#B-3,#E2-3").fadeIn(),
            $("#gc_inf_1").html("G/G<sup>b</sup> <sup>[4]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  Gb G  B) : major triad (altered bass)");
    });
    $("#gc-n-G5-1").click(function() {
        $(".gc-note").hide(),
            $("#E-3,#A-5,#D-5,#G-X,#B-X,#E2-3").fadeIn(),
            $("#gc_inf_1").html("G5 <sup>[1]</sup>"),
            $("#gc_inf_2").html("G (no 3rd)"),
            $("#gc_inf_3").html("(D  G): root and 5th (power chord)");
    });
    $("#gc-n-G5-2").click(function() {
        $(".gc-note").hide(),
            $("#E-3,#A-X,#D-0,#G-0,#B-3,#E2-3").fadeIn(),
            $("#gc_inf_1").html("G5 <sup>[2]</sup>"),
            $("#gc_inf_2").html("G (no 3rd)"),
            $("#gc_inf_3").html("(D  G) : root and 5th (power chord)");
    });
    $("#gc-n-G6-1").click(function() {
        $(".gc-note").hide(),
            $("#E-0,#A-2,#D-0,#G-0,#B-0,#E2-0").fadeIn(),
            $("#gc_inf_1").html("G6 <sup>[1]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  E  G  B) : major triad plus 6th");
    });
    $("#gc-n-G6-2").click(function() {
        $(".gc-note").hide(),
            $("#E-0,#A-2,#D-0,#G-0,#B-3,#E2-0").fadeIn(),
            $("#gc_inf_1").html("G6 <sup>[2]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  E  G  B) : major triad plus 6th");
    });
    $("#gc-n-G6-3").click(function() {
        $(".gc-note").hide(),
            $("#E-0,#A-2,#D-2,#G-0,#B-3,#E2-0").fadeIn(),
            $("#gc_inf_1").html("G6 <sup>[3]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  E  G  B) : major triad plus 6th");
    });
    $("#gc-n-G6-4").click(function() {
        $(".gc-note").hide(),
            $("#E-0,#A-2,#D-2,#G-0,#B-3,#E2-3").fadeIn(),
            $("#gc_inf_1").html("G6 <sup>[4]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  E  G  B) : major triad plus 6th");
    });
    $("#gc-n-G6-5").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-0,#G-12,#B-12,#E2-12").fadeIn(),
            $("#gc_inf_1").html("G6 <sup>[5]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  E  G  B) : major triad plus 6th");
    });
    $("#gc-n-G6-6").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-0,#G-9,#B-8,#E2-7").fadeIn(),
            $("#gc_inf_1").html("G6 <sup>[6]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  E  G  B) : major triad plus 6th");
    });
    $("#gc-n-G6-7").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-2,#G-4,#B-3,#E2-3").fadeIn(),
            $("#gc_inf_1").html("G6 <sup>[7]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  E  G  B) : major triad plus 6th");
    });
    $("#gc-n-G6-8").click(function() {
        $(".gc-note").hide(),
            $("#E-0,#A-X,#D-0,#G-0,#B-0,#E2-0").fadeIn(),
            $("#gc_inf_1").html("G6 <sup>[8]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  E  G  B) : major triad plus 6th");
    });
    $("#gc-n-G6-9").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-10,#D-12,#G-12,#B-12,#E2-0").fadeIn(),
            $("#gc_inf_1").html("G6 <sup>[9]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  E  G  B) : major triad plus 6th");
    });
    $("#gc-n-G6-add9-1").click(function() {
        $(".gc-note").hide(),
            $("#E-0,#A-0,#D-0,#G-0,#B-0,#E2-0").fadeIn(),
            $("#gc_inf_1").html("G6/<sub>add</sub>9 <sup>[1]</sup>"),
            $("#gc_inf_2").html("G6/9"),
            $("#gc_inf_3").html("(D  E  G  A  B) : major triad plus 6th and 9th");
    });
    $("#gc-n-G6-add9-2").click(function() {
        $(".gc-note").hide(),
            $("#E-0,#A-0,#D-0,#G-0,#B-0,#E2-3").fadeIn(),
            $("#gc_inf_1").html("G6/<sub>add</sub>9 <sup>[2]</sup>"),
            $("#gc_inf_2").html("G6/9"),
            $("#gc_inf_3").html("(D  E  G  A  B) : major triad plus 6th and 9th");
    });
    $("#gc-n-G6-add9-3").click(function() {
        $(".gc-note").hide(),
            $("#E-3,#A-X,#D-0,#G-2,#B-0,#E2-0").fadeIn(),
            $("#gc_inf_1").html("G6/<sub>add</sub>9 <sup>[3]</sup>"),
            $("#gc_inf_2").html("G6/9"),
            $("#gc_inf_3").html("(D  E  G  A  B) : major triad plus 6th and 9th");
    });
    $("#gc-n-G7-1").click(function() {
        $(".gc-note").hide(),
            $("#E-1,#A-X,#D-0,#G-0,#B-0,#E2-3").fadeIn(),
            $("#gc_inf_1").html("G7 <sup>[1]</sup>"),
            $("#gc_inf_2").html("G<sub>dom</sub> 7"),
            $("#gc_inf_3").html("(D  F  G  B) : major triad, minor 7th");
    });
    $("#gc-n-G7-2").click(function() {
        $(".gc-note").hide(),
            $("#E-3,#A-2,#D-0,#G-0,#B-0,#E2-1").fadeIn(),
            $("#gc_inf_1").html("G7 <sup>[2]</sup>"),
            $("#gc_inf_2").html("G<sub>dom</sub> 7"),
            $("#gc_inf_3").html("(D  F  G  B) : major triad, minor 7th");
    });
    $("#gc-n-G7-3").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-0,#G-0,#B-0,#E2-1").fadeIn(),
            $("#gc_inf_1").html("G7 <sup>[3]</sup>"),
            $("#gc_inf_2").html("G<sub>dom</sub> 7"),
            $("#gc_inf_3").html("(D  F  G  B) : major triad, minor 7th");
    });
    $("#gc-n-G7-add11").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-3,#D-0,#G-0,#B-0,#E2-1").fadeIn(),
            $("#gc_inf_1").html("G7/<sub>add</sub>11"),
            $("#gc_inf_2").html("G7/11"),
            $("#gc_inf_3").html("(C  D  F  G  B) : major triad, minor 7th, plus 11th");
    });
    $("#gc-n-G7sus4").click(function() {
        $(".gc-note").hide(),
            $("#E-3,#A-3,#D-0,#G-0,#B-1,#E2-1").fadeIn(),
            $("#gc_inf_1").html("G7<sub>sus</sub>4"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(C  D  F  G) : sus4 triad, minor 7th");
    });
    $("#gc-n-G9-1").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-0,#D-0,#G-0,#B-0,#E2-1").fadeIn(),
            $("#gc_inf_1").html("G9 <sup>[1]</sup>"),
            $("#gc_inf_2").html("G<sub>dom</sub> 9"),
            $("#gc_inf_3").html("(D  F  G  A  B) : major triad, minor 7th plus 9th");
    });
    $("#gc-n-G9-2").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-2,#D-3,#G-2,#B-3,#E2-3").fadeIn(),
            $("#gc_inf_1").html("G9 <sup>[2]</sup>"),
            $("#gc_inf_2").html("G<sub>dom</sub> 9"),
            $("#gc_inf_3").html("(D  F  G  A  B) : major triad, minor 7th plus 9th");
    });
    $("#gc-n-Gadd9-1").click(function() {
        $(".gc-note").hide(),
            $("#E-3,#A-0,#D-0,#G-0,#B-0,#E2-3").fadeIn(),
            $("#gc_inf_1").html("G<sub>add</sub>9 <sup>[1]</sup>"),
            $("#gc_inf_2").html("G2"),
            $("#gc_inf_3").html("(D  G  A  B) : major triad plus 9th");
    });
    $("#gc-n-Gadd9-2").click(function() {
        $(".gc-note").hide(),
            $("#E-3,#A-2,#D-0,#G-2,#B-0,#E2-3").fadeIn(),
            $("#gc_inf_1").html("G<sub>add</sub>9 <sup>[2]</sup>"),
            $("#gc_inf_2").html("G2"),
            $("#gc_inf_3").html("(D  G  A  B) : major triad plus 9th");
    });
    $("#gc-n-Gaug-E-1").click(function() {
        $(".gc-note").hide(),
            $("#E-3,#A-X,#D-1,#G-0,#B-0,#E2-0").fadeIn(),
            $("#gc_inf_1").html("G<sub>aug</sub>/E <sup>[1]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(Eb E  G  B) : augmented triad (altered bass)");
    });
    $("#gc-n-Gaug-E-2").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-1,#G-0,#B-0,#E2-0").fadeIn(),
            $("#gc_inf_1").html("G<sub>aug</sub>/E <sup>[2]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(Eb E  G  B) : augmented triad (altered bass)");
    });
    $("#gc-n-Gb-1").click(function() {
        $(".gc-note").hide(),
            $("#E-2,#A-4,#D-4,#G-3,#B-2,#E2-2").fadeIn(),
            $("#gc_inf_1").html("G<sup>b</sup> <sup>[1]</sup>"),
            $("#gc_inf_2").html("G<sup>b</sup>maj"),
            $("#gc_inf_3").html("(Db Gb Bb) : major triad");
    });
    $("#gc-n-Gb-2").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-4,#D-4,#G-3,#B-2,#E2-2").fadeIn(),
            $("#gc_inf_1").html("G<sup>b</sup> <sup>[2]</sup>"),
            $("#gc_inf_2").html("G<sup>b</sup>maj"),
            $("#gc_inf_3").html("(Db Gb Bb) : major triad");
    });
    $("#gc-n-Gb-3").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-4,#G-3,#B-2,#E2-2").fadeIn(),
            $("#gc_inf_1").html("G<sup>b</sup> <sup>[3]</sup>"),
            $("#gc_inf_2").html("G<sup>b</sup>maj"),
            $("#gc_inf_3").html("(Db Gb Bb) : major triad");
    });
    $("#gc-n-Gb-sharp5").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-0,#G-3,#B-3,#E2-2").fadeIn(),
            $("#gc_inf_1").html("G<sup>b</sup><sup>#</sup>5"),
            $("#gc_inf_2").html("G<sup>b</sup><sub>aug</sub>"),
            $("#gc_inf_3").html("(D  Gb Bb) : augmented triad");
    });
    $("#gc-n-Gb-Ab").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-4,#G-3,#B-2,#E2-4").fadeIn(),
            $("#gc_inf_1").html("G<sup>b</sup>/A<sup>b</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(Db Gb Ab Bb) : major triad (altered bass)");
    });
    $("#gc-n-Gb-E-1").click(function() {
        $(".gc-note").hide(),
            $("#E-2,#A-4,#D-2,#G-3,#B-2,#E2-2").fadeIn(),
            $("#gc_inf_1").html("G<sup>b</sup>/E <sup>[1]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(Db E  Gb Bb) : major triad (altered bass)");
    });
    $("#gc-n-Gb-E-2").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-4,#G-3,#B-2,#E2-0").fadeIn(),
            $("#gc_inf_1").html("G<sup>b</sup>/E <sup>[2]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(Db E  Gb Bb) : major triad (altered bass)");
    });
    $("#gc-n-Gb-Eb").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-1,#G-3,#B-2,#E2-2").fadeIn(),
            $("#gc_inf_1").html("G<sup>b</sup>/E<sup>b</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(Db Eb Gb Bb) : major triad (altered bass)");
    });
    $("#gc-n-Gb-F").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-3,#G-3,#B-2,#E2-2").fadeIn(),
            $("#gc_inf_1").html("G<sup>b</sup>/F"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(Db F  Gb Bb) : major triad (altered bass)");
    });
    $("#gc-n-Gb6").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-1,#G-3,#B-2,#E2-2").fadeIn(),
            $("#gc_inf_1").html("G<sup>b</sup>6"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(Db Eb Gb Bb) : major triad plus 6th");
    });
    $("#gc-n-Gb7-1").click(function() {
        $(".gc-note").hide(),
            $("#E-2,#A-4,#D-2,#G-3,#B-2,#E2-2").fadeIn(),
            $("#gc_inf_1").html("G<sup>b</sup>7 <sup>[1]</sup>"),
            $("#gc_inf_2").html("G<sup>b</sup><sub>dom</sub> 7"),
            $("#gc_inf_3").html("(Db E  Gb Bb) : major triad, minor 7th");
    });
    $("#gc-n-Gb7-2").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-4,#G-3,#B-2,#E2-0").fadeIn(),
            $("#gc_inf_1").html("G<sup>b</sup>7 <sup>[2]</sup>"),
            $("#gc_inf_2").html("G<sup>b</sup><sub>dom</sub> 7"),
            $("#gc_inf_3").html("(Db E  Gb Bb) : major triad, minor 7th");
    });
    $("#gc-n-Gb7--sharp5--").click(function() {
        $(".gc-note").hide(),
            $("#E-2,#A-X,#D-4,#G-3,#B-3,#E2-0").fadeIn(),
            $("#gc_inf_1").html("G<sup>b</sup>7(<sup>#</sup>5)"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  E  Gb Bb) : minor 7th, sharp 5th");
    });
    $("#gc-n-Gb7-sharp9").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-0,#D-4,#G-3,#B-2,#E2-0").fadeIn(),
            $("#gc_inf_1").html("G<sup>b</sup>7/<sup>#</sup>9"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(Db E  Gb A  Bb) : major triad, minor 7th augmented 9th");
    });
    $("#gc-n-Gb7sus4").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-4,#D-4,#G-4,#B-X,#E2-0").fadeIn(),
            $("#gc_inf_1").html("G<sup>b</sup>7<sub>sus</sub>4"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(Db E  Gb B) : sus4 triad, minor 7th");
    });
    $("#gc-n-Gbadd9").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-4,#G-3,#B-2,#E2-4").fadeIn(),
            $("#gc_inf_1").html("G<sup>b</sup><sub>add</sub>9"),
            $("#gc_inf_2").html("G<sup>b</sup>2"),
            $("#gc_inf_3").html("(Db Gb Ab Bb) : major triad plus 9th");
    });
    $("#gc-n-Gbaug-E").click(function() {
        $(".gc-note").hide(),
            $("#E-2,#A-X,#D-4,#G-3,#B-3,#E2-0").fadeIn(),
            $("#gc_inf_1").html("G<sup>b</sup><sub>aug</sub>/E"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  E  Gb Bb) : augmented triad (altered bass)");
    });
    $("#gc-n-Gbdim-D-1").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-5,#D-7,#G-5,#B-7,#E2-2").fadeIn(),
            $("#gc_inf_1").html("G<sup>b</sup><sub>dim</sub>/D <sup>[1]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(C  D  Gb A): diminished triad (altered bass)");
    });
    $("#gc-n-Gbdim-D-2").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-0,#D-0,#G-2,#B-1,#E2-2").fadeIn(),
            $("#gc_inf_1").html("G<sup>b</sup><sub>dim</sub>/D <sup>[2]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(C  D  Gb A) : diminished triad (altered bass)");
    });
    $("#gc-n-Gbdim-D-3").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-3,#D-X,#G-2,#B-3,#E2-2").fadeIn(),
            $("#gc_inf_1").html("G<sup>b</sup><sub>dim</sub>/D <sup>[3]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(C  D  Gb A) : diminished triad (altered bass)");
    });
    $("#gc-n-Gbdim-D-4").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-5,#D-7,#G-5,#B-7,#E2-5").fadeIn(),
            $("#gc_inf_1").html("G<sup>b</sup><sub>dim</sub>/D <sup>[4]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(C  D  Gb A) : diminished triad (altered bass)");
    });
    $("#gc-n-Gbdim-E-1").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-0,#D-2,#G-2,#B-1,#E2-2").fadeIn(),
            $("#gc_inf_1").html("G<sup>b</sup><sub>dim</sub>/E <sup>[1]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(C  E  Gb A) : diminished triad (altered bass)");
    });
    $("#gc-n-Gbdim-E-2").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-2,#G-2,#B-1,#E2-2").fadeIn(),
            $("#gc_inf_1").html("G<sup>b</sup><sub>dim</sub>/E <sup>[2]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(C  E  Gb A) : diminished triad (altered bass)");
    });
    $("#gc-n-Gbdim-Eb").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-1,#G-2,#B-1,#E2-2").fadeIn(),
            $("#gc_inf_1").html("G<sup>b</sup><sub>dim</sub>/E<sup>b</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(C  Eb Gb A) : diminished triad (altered bass)");
    });
    $("#gc-n-Gbdim7").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-1,#G-2,#B-1,#E2-2").fadeIn(),
            $("#gc_inf_1").html("G<sup>b</sup><sub>dim</sub>7"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(C  Eb Gb A) : diminished triad, diminished 7th");
    });
    $("#gc-n-Gbm-1").click(function() {
        $(".gc-note").hide(),
            $("#E-2,#A-4,#D-4,#G-2,#B-2,#E2-2").fadeIn(),
            $("#gc_inf_1").html("G<sup>b</sup>m <sup>[1]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(Db Gb A) : minor triad");
    });
    $("#gc-n-Gbm-2").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-4,#D-4,#G-2,#B-2,#E2-2").fadeIn(),
            $("#gc_inf_1").html("G<sup>b</sup>m <sup>[2]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(Db Gb A) : minor triad");
    });
    $("#gc-n-Gbm-3").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-4,#G-2,#B-2,#E2-2").fadeIn(),
            $("#gc_inf_1").html("G<sup>b</sup>m <sup>[3]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(Db Gb A) : minor triad");
    });
    $("#gc-n-Gbm-D-1").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-0,#G-14,#B-14,#E2-14").fadeIn(),
            $("#gc_inf_1").html("G<sup>b</sup>m/D <sup>[1]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(Db D  Gb A) : minor triad (altered bass)");
    });
    $("#gc-n-Gbm-D-2").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-0,#G-2,#B-2,#E2-2").fadeIn(),
            $("#gc_inf_1").html("G<sup>b</sup>m/D <sup>[2]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(Db D  Gb A) : minor triad (altered bass)");
    });
    $("#gc-n-Gbm-E-1").click(function() {
        $(".gc-note").hide(),
            $("#E-0,#A-0,#D-2,#G-2,#B-2,#E2-2").fadeIn(),
            $("#gc_inf_1").html("G<sup>b</sup>m/E <sup>[1]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(Db E  Gb A) : minor triad (altered bass)");
    });
    $("#gc-n-Gbm-E-2").click(function() {
        $(".gc-note").hide(),
            $("#E-0,#A-X,#D-4,#G-2,#B-2,#E2-0").fadeIn(),
            $("#gc_inf_1").html("G<sup>b</sup>m/E <sup>[2]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(Db E  Gb A) : minor triad (altered bass)");
    });
    $("#gc-n-Gbm-E-3").click(function() {
        $(".gc-note").hide(),
            $("#E-2,#A-X,#D-2,#G-2,#B-2,#E2-0").fadeIn(),
            $("#gc_inf_1").html("G<sup>b</sup>m/E <sup>[3]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(Db E  Gb A) : minor triad (altered bass)");
    });
    $("#gc-n-Gbm-E-4").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-0,#D-4,#G-2,#B-2,#E2-0").fadeIn(),
            $("#gc_inf_1").html("G<sup>b</sup>m/E <sup>[4]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(Db E  Gb A) : minor triad (altered bass)");
    });
    $("#gc-n-Gbm-E-5").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-2,#G-2,#B-2,#E2-2").fadeIn(),
            $("#gc_inf_1").html("G<sup>b</sup>m/E <sup>[5]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(Db E  Gb A) : minor triad (altered bass)");
    });
    $("#gc-n-Gbm7-1").click(function() {
        $(".gc-note").hide(),
            $("#E-0,#A-0,#D-2,#G-2,#B-2,#E2-2").fadeIn(),
            $("#gc_inf_1").html("G<sup>b</sup>m7 <sup>[1]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(Db E  Gb A) : minor triad, minor 7th");
    });
    $("#gc-n-Gbm7-2").click(function() {
        $(".gc-note").hide(),
            $("#E-0,#A-X,#D-4,#G-2,#B-2,#E2-0").fadeIn(),
            $("#gc_inf_1").html("G<sup>b</sup>m7 <sup>[2]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(Db E  Gb A) : minor triad, minor 7th");
    });
    $("#gc-n-Gbm7-3").click(function() {
        $(".gc-note").hide(),
            $("#E-2,#A-X,#D-2,#G-2,#B-2,#E2-0").fadeIn(),
            $("#gc_inf_1").html("G<sup>b</sup>m7 <sup>[3]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(Db E  Gb A) : minor triad, minor 7th");
    });
    $("#gc-n-Gbm7-4").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-0,#D-4,#G-2,#B-2,#E2-0").fadeIn(),
            $("#gc_inf_1").html("G<sup>b</sup>m7 <sup>[4]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(Db E  Gb A) : minor triad, minor 7th");
    });
    $("#gc-n-Gbm7-5").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-2,#G-2,#B-2,#E2-2").fadeIn(),
            $("#gc_inf_1").html("G<sup>b</sup>m7 <sup>[5]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(Db E  Gb A) : minor triad, minor 7th");
    });
    $("#gc-n-Gbm7--b5---1").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-0,#D-2,#G-2,#B-1,#E2-2").fadeIn(),
            $("#gc_inf_1").html("G<sup>b</sup>m7(b5) <sup>[1]</sup>"),
            $("#gc_inf_2").html("G<sup>b</sup>o7"),
            $("#gc_inf_3").html("(C  E  Gb A) : diminished triad, minor 7th : half-diminished 7th");
    });
    $("#gc-n-Gbm7--b5---2").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-2,#G-2,#B-1,#E2-2").fadeIn(),
            $("#gc_inf_1").html("G<sup>b</sup>m7(b5) <sup>[2]</sup>"),
            $("#gc_inf_2").html("G<sup>b</sup>o7"),
            $("#gc_inf_3").html("(C  E  Gb A) : diminished triad, minor 7th : half-diminished 7th");
    });
    $("#gc-n-Gbm7-b9").click(function() {
        $(".gc-note").hide(),
            $("#E-0,#A-0,#D-2,#G-0,#B-2,#E2-2").fadeIn(),
            $("#gc_inf_1").html("G<sup>b</sup>m7/b9"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(Db E  Gb G  A) : minor triad, minor 7th flat 9th");
    });
    $("#gc-n-Gbmaj7").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-3,#G-3,#B-2,#E2-2").fadeIn(),
            $("#gc_inf_1").html("G<sup>b</sup>maj7"),
            $("#gc_inf_2").html("G<sup>b</sup><sup>#</sup>7"),
            $("#gc_inf_3").html("(Db F  Gb Bb) : major triad, major 7th");
    });
    $("#gc-n-Gbsus").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-4,#D-4,#G-4,#B-2,#E2-2").fadeIn(),
            $("#gc_inf_1").html("G<sup>b</sup><sub>sus</sub>"),
            $("#gc_inf_2").html("G<sup>b</sup><sub>sus</sub>4"),
            $("#gc_inf_3").html("(Db Gb B) : no 3rd but a 4th from a major triad");
    });
    $("#gc-n-Gbsus2-Bb").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-4,#G-3,#B-2,#E2-4").fadeIn(),
            $("#gc_inf_1").html("G<sup>b</sup><sub>sus</sub>2/B<sup>b</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(Db Gb Ab Bb) : sus2 triad (altered bass)");
    });
    $("#gc-n-Gbsus4-E").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-4,#D-4,#G-4,#B-X,#E2-0").fadeIn(),
            $("#gc_inf_1").html("G<sup>b</sup><sub>sus</sub>4/E"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(Db E  Gb B) : sus4 triad (altered bass)");
    });
    $("#gc-n-Gdim-E-1").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-1,#D-2,#G-0,#B-2,#E2-0").fadeIn(),
            $("#gc_inf_1").html("G<sub>dim</sub>/E <sup>[1]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(Db E  G  Bb) : diminished triad (altered bass)");
    });
    $("#gc-n-Gdim-E-2").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-2,#G-3,#B-2,#E2-3").fadeIn(),
            $("#gc_inf_1").html("G<sub>dim</sub>/E <sup>[2]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(Db E  G  Bb) : diminished triad (altered bass)");
    });
    $("#gc-n-Gdim-Eb-1").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-1,#D-1,#G-3,#B-2,#E2-3").fadeIn(),
            $("#gc_inf_1").html("G<sub>dim</sub>/E<sup>b</sup> <sup>[1]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(Db Eb G  Bb) : diminished triad (altered bass)");
    });
    $("#gc-n-Gdim-Eb-2").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-6,#D-8,#G-6,#B-8,#E2-6").fadeIn(),
            $("#gc_inf_1").html("G<sub>dim</sub>/E<sup>b</sup> <sup>[2]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(Db Eb G  Bb) : diminished triad (altered bass)");
    });
    $("#gc-n-Gdim-Eb-3").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-1,#G-3,#B-2,#E2-3").fadeIn(),
            $("#gc_inf_1").html("G<sub>dim</sub>/E<sup>b</sup> <sup>[3]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(Db Eb G  Bb) : diminished triad (altered bass)");
    });
    $("#gc-n-Gdim7-1").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-1,#D-2,#G-0,#B-2,#E2-0").fadeIn(),
            $("#gc_inf_1").html("G<sub>dim</sub>7 <sup>[1]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(Db E  G  Bb) : diminished triad, diminished 7th");
    });
    $("#gc-n-Gdim7-2").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-2,#G-3,#B-2,#E2-3").fadeIn(),
            $("#gc_inf_1").html("G<sub>dim</sub>7 <sup>[2]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(Db E  G  Bb) : diminished triad, diminished 7th");
    });
    $("#gc-n-Gm-1").click(function() {
        $(".gc-note").hide(),
            $("#E-3,#A-5,#D-5,#G-3,#B-3,#E2-3").fadeIn(),
            $("#gc_inf_1").html("Gm <sup>[1]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  G  Bb) : minor triad");
    });
    $("#gc-n-Gm-2").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-0,#G-3,#B-3,#E2-3").fadeIn(),
            $("#gc_inf_1").html("Gm <sup>[2]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  G  Bb) : minor triad");
    });
    $("#gc-n-Gm-E").click(function() {
        $(".gc-note").hide(),
            $("#E-3,#A-X,#D-0,#G-3,#B-3,#E2-0").fadeIn(),
            $("#gc_inf_1").html("Gm/E"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  E  G  Bb) : minor triad (altered bass)");
    });
    $("#gc-n-Gm-Eb").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-6,#D-8,#G-7,#B-8,#E2-6").fadeIn(),
            $("#gc_inf_1").html("Gm/E<sup>b</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  Eb G  Bb) : minor triad (altered bass)");
    });
    $("#gc-n-Gm-F-1").click(function() {
        $(".gc-note").hide(),
            $("#E-3,#A-5,#D-3,#G-3,#B-3,#E2-3").fadeIn(),
            $("#gc_inf_1").html("Gm/F <sup>[1]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  F  G  Bb) : minor triad (altered bass)");
    });
    $("#gc-n-Gm-F-2").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-3,#G-3,#B-3,#E2-3").fadeIn(),
            $("#gc_inf_1").html("Gm/F <sup>[2]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  F  G  Bb) : minor triad (altered bass)");
    });
    $("#gc-n-Gm13").click(function() {
        $(".gc-note").hide(),
            $("#E-0,#A-0,#D-3,#G-3,#B-3,#E2-3").fadeIn(),
            $("#gc_inf_1").html("Gm13"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  E  F  G  A  Bb) : minor triad, minor 7th, plus 9th and 13th");
    });
    $("#gc-n-Gm6").click(function() {
        $(".gc-note").hide(),
            $("#E-3,#A-X,#D-0,#G-3,#B-3,#E2-0").fadeIn(),
            $("#gc_inf_1").html("Gm6"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  E  G  Bb) : minor triad plus 6th");
    });
    $("#gc-n-Gm7-1").click(function() {
        $(".gc-note").hide(),
            $("#E-3,#A-5,#D-3,#G-3,#B-3,#E2-3").fadeIn(),
            $("#gc_inf_1").html("Gm7 <sup>[1]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  F  G  Bb) : minor triad, minor 7th");
    });
    $("#gc-n-Gm7-2").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-3,#G-3,#B-3,#E2-3").fadeIn(),
            $("#gc_inf_1").html("Gm7 <sup>[2]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  F  G  Bb) : minor triad, minor 7th");
    });
    $("#gc-n-Gm7-add11").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-3,#D-3,#G-3,#B-3,#E2-3").fadeIn(),
            $("#gc_inf_1").html("Gm7/<sub>add</sub>11"),
            $("#gc_inf_2").html("Gm7/11"),
            $("#gc_inf_3").html("(C  D  F  G  Bb) : minor triad, minor 7th, plus 11th");
    });
    $("#gc-n-Gm9").click(function() {
        $(".gc-note").hide(),
            $("#E-3,#A-5,#D-3,#G-3,#B-3,#E2-5").fadeIn(),
            $("#gc_inf_1").html("Gm9"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  F  G  A  Bb) : minor triad, minor 7th plus 9th");
    });
    $("#gc-n-Gmaj7-1").click(function() {
        $(".gc-note").hide(),
            $("#E-2,#A-2,#D-0,#G-0,#B-0,#E2-3").fadeIn(),
            $("#gc_inf_1").html("Gmaj7 <sup>[1]</sup>"),
            $("#gc_inf_2").html("G<sup>#</sup>7"),
            $("#gc_inf_3").html("(D  Gb G  B) : major triad, major 7th");
    });
    $("#gc-n-Gmaj7-2").click(function() {
        $(".gc-note").hide(),
            $("#E-2,#A-2,#D-0,#G-0,#B-3,#E2-3").fadeIn(),
            $("#gc_inf_1").html("Gmaj7 <sup>[2]</sup>"),
            $("#gc_inf_2").html("G<sup>#</sup>7"),
            $("#gc_inf_3").html("(D  Gb G  B) : major triad, major 7th");
    });
    $("#gc-n-Gmaj7-3").click(function() {
        $(".gc-note").hide(),
            $("#E-3,#A-2,#D-0,#G-0,#B-0,#E2-2").fadeIn(),
            $("#gc_inf_1").html("Gmaj7 <sup>[3]</sup>"),
            $("#gc_inf_2").html("G<sup>#</sup>7"),
            $("#gc_inf_3").html("(D  Gb G  B) : major triad, major 7th");
    });
    $("#gc-n-Gmaj7-4").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-4,#G-4,#B-3,#E2-3").fadeIn(),
            $("#gc_inf_1").html("Gmaj7 <sup>[4]</sup>"),
            $("#gc_inf_2").html("G<sup>#</sup>7"),
            $("#gc_inf_3").html("(D  Gb G  B) : major triad, major 7th");
    });
    $("#gc-n-Gsus-1").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-10,#D-12,#G-12,#B-13,#E2-3").fadeIn(),
            $("#gc_inf_1").html("G<sub>sus</sub> <sup>[1]</sup>"),
            $("#gc_inf_2").html("G<sub>sus</sub>4"),
            $("#gc_inf_3").html("(C  D  G): no 3rd but a 4th from a major triad");
    });
    $("#gc-n-Gsus-2").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-3,#D-0,#G-0,#B-3,#E2-3").fadeIn(),
            $("#gc_inf_1").html("G<sub>sus</sub> <sup>[2]</sup>"),
            $("#gc_inf_2").html("G<sub>sus</sub>4"),
            $("#gc_inf_3").html("(C  D  G) : no 3rd but a 4th from a major triad");
    });
    $("#gc-n-Gsus-3").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-3,#D-5,#G-5,#B-3,#E2-3").fadeIn(),
            $("#gc_inf_1").html("G<sub>sus</sub> <sup>[3]</sup>"),
            $("#gc_inf_2").html("G<sub>sus</sub>4"),
            $("#gc_inf_3").html("(C  D  G) : no 3rd but a 4th from a major triad");
    });
    $("#gc-n-Gsus-4").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-5,#D-5,#G-5,#B-3,#E2-3").fadeIn(),
            $("#gc_inf_1").html("G<sub>sus</sub> <sup>[4]</sup>"),
            $("#gc_inf_2").html("G<sub>sus</sub>4"),
            $("#gc_inf_3").html("(C  D  G) : no 3rd but a 4th from a major triad");
    });
    $("#gc-n-Gsus2-1").click(function() {
        $(".gc-note").hide(),
            $("#E-5,#A-X,#D-0,#G-0,#B-3,#E2-5").fadeIn(),
            $("#gc_inf_1").html("G<sub>sus</sub>2 <sup>[1]</sup>"),
            $("#gc_inf_2").html("Gadd9 (no3)"),
            $("#gc_inf_3").html("(D  G  A): no 3rd but A 2nd from a major triad");
    });
    $("#gc-n-Gsus2-2").click(function() {
        $(".gc-note").hide(),
            $("#E-3,#A-0,#D-0,#G-0,#B-3,#E2-3").fadeIn(),
            $("#gc_inf_1").html("G<sub>sus</sub>2 <sup>[2]</sup>"),
            $("#gc_inf_2").html("Gadd9 (no3)"),
            $("#gc_inf_3").html("(D  G  A) : no 3rd but A 2nd from a major triad");
    });
    $("#gc-n-Gsus2-3").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-0,#D-0,#G-0,#B-3,#E2-3").fadeIn(),
            $("#gc_inf_1").html("G<sub>sus</sub>2 <sup>[3]</sup>"),
            $("#gc_inf_2").html("Gadd9 (no3)"),
            $("#gc_inf_3").html("(D  G  A) : no 3rd but A 2nd from a major triad");
    });
    $("#gc-n-Gsus2-4").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-0,#G-2,#B-3,#E2-3").fadeIn(),
            $("#gc_inf_1").html("G<sub>sus</sub>2 <sup>[4]</sup>"),
            $("#gc_inf_2").html("Gadd9 (no3)"),
            $("#gc_inf_3").html("(D  G  A) : no 3rd but A 2nd from a major triad");
    });
    $("#gc-n-Gsus2-B-1").click(function() {
        $(".gc-note").hide(),
            $("#E-3,#A-0,#D-0,#G-0,#B-0,#E2-3").fadeIn(),
            $("#gc_inf_1").html("G<sub>sus</sub>2/B <sup>[1]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  G  A  B) : sus2 triad (altered bass)");
    });
    $("#gc-n-Gsus2-B-2").click(function() {
        $(".gc-note").hide(),
            $("#E-3,#A-2,#D-0,#G-2,#B-0,#E2-3").fadeIn(),
            $("#gc_inf_1").html("G<sub>sus</sub>2/B <sup>[2]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  G  A  B) : sus2 triad (altered bass)");
    });
    $("#gc-n-Gsus2-C-1").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-5,#D-7,#G-5,#B-8,#E2-3").fadeIn(),
            $("#gc_inf_1").html("G<sub>sus</sub>2/C <sup>[1]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(C  D  G  A): sus2 triad (altered bass)");
    });
    $("#gc-n-Gsus2-C-2").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-0,#G-2,#B-1,#E2-3").fadeIn(),
            $("#gc_inf_1").html("G<sub>sus</sub>2/C <sup>[2]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(C  D  G  A) : sus2 triad (altered bass)");
    });
    $("#gc-n-Gsus2-E-1").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-0,#D-2,#G-0,#B-3,#E2-0").fadeIn(),
            $("#gc_inf_1").html("G<sub>sus</sub>2/E <sup>[1]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  E  G  A) : sus2 triad (altered bass)");
    });
    $("#gc-n-Gsus2-E-2").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-0,#D-2,#G-0,#B-3,#E2-3").fadeIn(),
            $("#gc_inf_1").html("G<sub>sus</sub>2/E <sup>[2]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  E  G  A) : sus2 triad (altered bass)");
    });
    $("#gc-n-Gsus2-E-3").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-0,#D-2,#G-2,#B-3,#E2-3").fadeIn(),
            $("#gc_inf_1").html("G<sub>sus</sub>2/E <sup>[3]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  E  G  A) : sus2 triad (altered bass)");
    });
    $("#gc-n-Gsus2-E-4").click(function() {
        $(".gc-note").hide(),
            $("#E-5,#A-0,#D-0,#G-0,#B-3,#E2-0").fadeIn(),
            $("#gc_inf_1").html("G<sub>sus</sub>2/E <sup>[4]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  E  G  A) : sus2 triad (altered bass)");
    });
    $("#gc-n-Gsus2-Gb-1").click(function() {
        $(".gc-note").hide(),
            $("#E-5,#A-X,#D-4,#G-0,#B-3,#E2-5").fadeIn(),
            $("#gc_inf_1").html("G<sub>sus</sub>2/G<sup>b</sup> <sup>[1]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  Gb G  A): sus2 triad (altered bass)");
    });
    $("#gc-n-Gsus2-Gb-2").click(function() {
        $(".gc-note").hide(),
            $("#E-3,#A-X,#D-0,#G-2,#B-3,#E2-2").fadeIn(),
            $("#gc_inf_1").html("G<sub>sus</sub>2/G<sup>b</sup> <sup>[2]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(D  Gb G  A) : sus2 triad (altered bass)");
    });
    $("#gc-n-Gsus4-A-1").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-5,#D-7,#G-5,#B-8,#E2-3").fadeIn(),
            $("#gc_inf_1").html("G<sub>sus</sub>4/A <sup>[1]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(C  D  G  A): sus4 triad (altered bass)");
    });
    $("#gc-n-Gsus4-A-2").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-0,#G-2,#B-1,#E2-3").fadeIn(),
            $("#gc_inf_1").html("G<sub>sus</sub>4/A <sup>[2]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(C  D  G  A) : sus4 triad (altered bass)");
    });
    $("#gc-n-Gsus4-B-1").click(function() {
        $(".gc-note").hide(),
            $("#E-3,#A-3,#D-0,#G-0,#B-0,#E2-3").fadeIn(),
            $("#gc_inf_1").html("G<sub>sus</sub>4/B <sup>[1]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(C  D  G  B) : sus4 triad (altered bass)");
    });
    $("#gc-n-Gsus4-B-2").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-3,#D-0,#G-0,#B-0,#E2-3").fadeIn(),
            $("#gc_inf_1").html("G<sub>sus</sub>4/B <sup>[2]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(C  D  G  B) : sus4 triad (altered bass)");
    });
    $("#gc-n-Gsus4-E-1").click(function() {
        $(".gc-note").hide(),
            $("#E-3,#A-X,#D-0,#G-0,#B-1,#E2-0").fadeIn(),
            $("#gc_inf_1").html("G<sub>sus</sub>4/E <sup>[1]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(C  D  E  G) : sus4 triad (altered bass)");
    });
    $("#gc-n-Gsus4-E-2").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-3,#D-0,#G-0,#B-1,#E2-0").fadeIn(),
            $("#gc_inf_1").html("G<sub>sus</sub>4/E <sup>[2]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(C  D  E  G) : sus4 triad (altered bass)");
    });
    $("#gc-n-Gsus4-E-3").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-3,#D-2,#G-0,#B-3,#E2-0").fadeIn(),
            $("#gc_inf_1").html("G<sub>sus</sub>4/E <sup>[3]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(C  D  E  G) : sus4 triad (altered bass)");
    });
    $("#gc-n-Gsus4-E-4").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-3,#D-2,#G-0,#B-3,#E2-3").fadeIn(),
            $("#gc_inf_1").html("G<sub>sus</sub>4/E <sup>[4]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(C  D  E  G) : sus4 triad (altered bass)");
    });
    $("#gc-n-Gsus4-E-5").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-0,#G-0,#B-1,#E2-0").fadeIn(),
            $("#gc_inf_1").html("G<sub>sus</sub>4/E <sup>[5]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(C  D  E  G) : sus4 triad (altered bass)");
    });
    $("#gc-n-Gsus4-E-6").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-X,#D-0,#G-5,#B-5,#E2-3").fadeIn(),
            $("#gc_inf_1").html("G<sub>sus</sub>4/E <sup>[6]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(C  D  E  G) : sus4 triad (altered bass)");
    });
    $("#gc-n-Gsus4-E-7").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-10,#D-12,#G-12,#B-13,#E2-0").fadeIn(),
            $("#gc_inf_1").html("G<sub>sus</sub>4/E <sup>[7]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(C  D  E  G) : sus4 triad (altered bass)");
    });
    $("#gc-n-Gsus4-E-8").click(function() {
        $(".gc-note").hide(),
            $("#E-X,#A-5,#D-5,#G-5,#B-X,#E2-0").fadeIn(),
            $("#gc_inf_1").html("G<sub>sus</sub>4/E <sup>[8]</sup>"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(C  D  E  G) : sus4 triad (altered bass)");
    });
    $("#gc-n-Gsus4-F").click(function() {
        $(".gc-note").hide(),
            $("#E-3,#A-3,#D-0,#G-0,#B-1,#E2-1").fadeIn(),
            $("#gc_inf_1").html("G<sub>sus</sub>4/F"),
            $("#gc_inf_2").html("<sub>N/A</sub>"),
            $("#gc_inf_3").html("(C  D  F  G) : sus4 triad (altered bass)");
    });

});

编译

CSS

/* width:calc((1562px/2) + 50px); height:calc((382px/2) + 50px); */

#gc-wrap {
    position: absolute;
    width: 100%;
    font-family: Lato;
    font-size: 20px;
}
#gc-bg {
    border: 1px #666 solid;
    border-radius: 20px;
    width: 781px;
    height: 300px;
    margin-left: auto;
    margin-right: auto;
    background-image: url('http://www.joeltbennett.com/chords2/img/bg.jpg');
    background-position: 0px 66px;
}
#gc-btn-men {
    position: absolute;
    top: 0;
    width: 600px;
    height: 40px;
    padding: 12px 0 0 0;
    margin-left: 90px;
}
#gc-info-bar {
    position: absolute;
    bottom: 15px;
    width: 781px;
    height: 50px;
    padding: 0;
    margin: 0;
}
.gc-info {
    height: 50px;
    display: inline-block;
    float: left;
    line-height: 60px;
    font-size: 20px;
    text-align: center;
    font-weight: bold;
    color: #c44c4c;
}
.gc-info sub,
.gc-info sup {
    line-height: 12px;
    font-size: 12px;
}
.gc-info-title {
    position: absolute;
    top: 0px;
    margin-left: 10px;
    font-size: 10px;
    height: 12px;
    line-height: 10px;
    border-bottom: 1px #ccc solid;
    color: #ccc;
    font-weight: normal;
}
#gc-info1 {
    width: 28%;
}
#gc-info2 {
    width: 28%;
}
#gc-info3 {
    width: 43%;
    font-size: 12px;
}
.gc-string {
    position: absolute;
    width: 781px;
    height: 16px;
}
.gc-note {
    position: absolute;
    height: 16px;
    width: 16px;
}
#gc-string-E {
    top: 189px;
    -moz-transform: rotate(.6deg);
    -webkit-transform: rotate(.6deg);
    -o-transform: rotate(.6deg);
    -ms-transform: rotate(.6deg);
    transform: rotate(.6deg);
}
#gc-string-A {
    top: 171px;
    -moz-transform: rotate(.28deg);
    -webkit-transform: rotate(.28deg);
    -o-transform: rotate(.28deg);
    -ms-transform: rotate(.28deg);
    transform: rotate(.28deg);
}
#gc-string-D {
    top: 153px;
    -moz-transform: rotate(-.02deg);
    -webkit-transform: rotate(-.02deg);
    -o-transform: rotate(-.02deg);
    -ms-transform: rotate(-.02deg);
    transform: rotate(-.02deg);
}
#gc-string-G {
    top: 136px;
    -moz-transform: rotate(-.25deg);
    -webkit-transform: rotate(-.25deg);
    -o-transform: rotate(-.25deg);
    -ms-transform: rotate(-.25deg);
    transform: rotate(-.25deg);
}
#gc-string-B {
    top: 119px;
    -moz-transform: rotate(-.55deg);
    -webkit-transform: rotate(-.55deg);
    -o-transform: rotate(-.55deg);
    -ms-transform: rotate(-.55deg);
    transform: rotate(-.55deg);
}
#gc-string-E2 {
    top: 101px;
    -moz-transform: rotate(-.95deg);
    -webkit-transform: rotate(-.95deg);
    -o-transform: rotate(-.95deg);
    -ms-transform: rotate(-.95deg);
    transform: rotate(-.95deg);
}
.fret-0 {
    left: 0;
}
.fret-1 {
    left: 42px;
}
.fret-2 {
    left: 119px;
}
.fret-3 {
    left: 190px;
}
.fret-4 {
    left: 257px;
}
.fret-5 {
    left: 321px;
}
.fret-6 {
    left: 378px;
}
.fret-7 {
    left: 434px;
}
.fret-8 {
    left: 486px;
}
.fret-9 {
    left: 536px;
}
.fret-10 {
    left: 582px;
}
.fret-11 {
    left: 627px;
}
.fret-12 {
    left: 669px;
}
.fret-13 {
    left: 710px;
}
.fret-14 {
    left: 747px;
}
.note-X {
    background-image: url('http://www.joeltbennett.com/chords2/img/X.png');
}
.note-A {
    background-image: url('http://www.joeltbennett.com/chords2/img/A.png');
}
.note-As {
    background-image: url('http://www.joeltbennett.com/chords2/img/As.png');
}
.note-B {
    background-image: url('http://www.joeltbennett.com/chords2/img/B.png');
}
.note-C {
    background-image: url('http://www.joeltbennett.com/chords2/img/C.png');
}
.note-Cs {
    background-image: url('http://www.joeltbennett.com/chords2/img/Cs.png');
}
.note-D {
    background-image: url('http://www.joeltbennett.com/chords2/img/D.png');
}
.note-Ds {
    background-image: url('http://www.joeltbennett.com/chords2/img/Ds.png');
}
.note-E {
    background-image: url('http://www.joeltbennett.com/chords2/img/E.png');
}
.note-F {
    background-image: url('http://www.joeltbennett.com/chords2/img/F.png');
}
.note-Fs {
    background-image: url('http://www.joeltbennett.com/chords2/img/Fs.png');
}
.note-G {
    background-image: url('http://www.joeltbennett.com/chords2/img/G.png');
}
.note-Gs {
    background-image: url('http://www.joeltbennett.com/chords2/img/Gs.png');
}
.gc-btn-1 {
    color: #666;
    display: inline-block;
    width: 70px;
    height: 26px;
    border: 1px #666 solid;
    border-radius: 5px;
    text-align: center;
    line-height: 26px;
    font-weight: bold;
    margin: 0 5px;
    box-shadow: 1px 1px 1px #ccc;
    cursor: pointer;
}
.gc-btn-1:hover {
    color: #c44c4c;
    border: 1px #c44c4c solid;
    box-shadow: 1px 1px 1px #666;
    background: #fff;
}
.gc-btn-1:active {
    box-shadow: 1px 1px 1px #ccc inset;
}
.gc-main-men {
    position: absolute;
    top: 50px;
    width: 767px;
    margin-left: 6px;
    height: 238px;
    border: 1px #ccc solid;
    border-radius: 20px;
    padding: 0;
    background: rgba(255, 255, 255, .8);
    z-index: 200;
}
.gc-btn-exit-mm {
    height: 22px;
    width: 45px;
    position: absolute;
    right: 20px;
    bottom: 7px;
    border: 1px #333 solid;
    font-size: 11px;
    font-weight: bolder;
    text-align: center;
    line-height: 22px;
    background: #fff;
    border-radius: 5px;
    box-shadow: 1px 1px 1px #ccc;
    cursor: pointer;
    color: #333;
}
.gc-btn-exit-mm:hover {
    border: 1px #c44c4c solid;
    color: #c44c4c;
    box-shadow: 1px 1px 1px #666;
}
.gc-btn-exit-mm:active {
    box-shadow: 1px 1px 1px #ccc inset;
}
.bg {
    background-size: contain;
    background-repeat: no-repeat;
}
.gc-btn-pager {
    position: absolute;
    bottom: 5px;
    left: calc(50% - 40px);
    font-size: 12px;
    width: 80px;
    text-align: center;
    cursor: pointer;
    font-weight: bolder;
}
.gc-btn-pager:hover {
    color: #c44c4c;
}
.gc-btn-pager:active {
    color: #ccc;
}
.gc-n-btn {
    display: inline-block;
    border: 1px #333 solid;
    color: #333;
    font-size: 16px;
    width: 80px;
    height: 22px;
    margin: 10px 0 0 12px;
    line-height: 22px;
    padding: 2px 0;
    text-align: center;
    border-radius: 4px;
    cursor: pointer;
    box-shadow: 1px 1px 1px #ccc;
}
.gc-n-btn:hover {
    border: 1px #c44c4c solid;
    color: #c44c4c
}
.gc-n-btn:active {
    box-shadow: 1px 1px 1px #ccc inset;
}
.gc-n-btn sub,
.gc-n-btn sup {
    line-height: 0px;
    font-size: 12px;
    margin: 2px;
}
#gc-cw {
    position: absolute;
    bottom: 0;
    margin-left: 10px;
    margin-bottom: 2px;
    font-size: 8px;
    text-transform: uppercase;
    width: 100px;
    text-align: center;
}
#gc-cw a {
    text-decoration: none;
    color: #ccc;
}
#gc-cw a:hover {
    color: #c44c4c;
}
#gc-cw a:active {
    color: #000;
}
#EH_link {
    width: 10%;
    text-align: center;
    position: absolute;
    bottom: 0;
    left: 0;
}
a.EH_link {
    text-decoration: none;
    font-family: Lato;
    font-variant: small-caps;
    color: #000;
    font-size: 12px;
}
a.EH_link:hover {
    color: #c44c4c;
}
a.EH_link:active {
    color: #000;
}

HTML

<div id="gc-A-men-1" class="gc-main-men">
            <div class="gc-btn-exit-mm">CLOSE</div>
            <div id="gc-xxn-A-pg1" class="gc-main-note-page">
                <div id="gc-xn-pg-btn-A" class="gc-n-btn">A</div>
                <div id="gc-xn-pg-btn-A-sharp5" class="gc-n-btn">A<sup>#</sup>5</div>
                <div id="gc-n-A-Ab" class="gc-n-btn gc-n-btn-F gc-pg-notes-A-Ab">A/A<sup>b</sup>
                </div>
                <div id="gc-xn-pg-btn-A-B" class="gc-n-btn">A/B</div>
                <div id="gc-xn-pg-btn-A-D" class="gc-n-btn">A/D</div>
                <div id="gc-xn-pg-btn-A-G" class="gc-n-btn">A/G</div>
                <div id="gc-xn-pg-btn-A-Gb" class="gc-n-btn">A/G<sup>b</sup>
                </div>
                <div id="gc-xn-pg-btn-A5" class="gc-n-btn">A5</div>
                <div id="gc-xn-pg-btn-A6" class="gc-n-btn">A6</div>
                <div id="gc-n-A6-7" class="gc-n-btn gc-n-btn-F gc-pg-notes-A6-7">A6/7</div>
                <div id="gc-xn-pg-btn-A6-7-sus" class="gc-n-btn">A6/7 <sub>sus</sub>
                </div>
                <div id="gc-xn-pg-btn-A7" class="gc-n-btn">A7</div>
                <div id="gc-n-A7--sharp5--" class="gc-n-btn gc-n-btn-F gc-pg-notes-A7--sharp5--">A7(<sup>#</sup>5)</div>
                <div id="gc-n-A7-add11" class="gc-n-btn gc-n-btn-F gc-pg-notes-A7-add11">A7/<sub>add</sub>11</div>
                <div id="gc-xn-pg-btn-A7sus4" class="gc-n-btn">A7<sub>sus</sub>4</div>
                <div id="gc-xn-pg-btn-Aadd9" class="gc-n-btn">A<sub>add</sub>9</div>
                <div id="gc-n-Aaug-D" class="gc-n-btn gc-n-btn-F gc-pg-notes-Aaug-D">Aaug/D</div>
                <div id="gc-n-Aaug-G" class="gc-n-btn gc-n-btn-F gc-pg-notes-Aaug-G">Aaug/G</div>
                <div id="gc-n-Ab" class="gc-n-btn gc-n-btn-F gc-pg-notes-Ab">A<sup>b</sup>
                </div>
                <div id="gc-n-Ab-sharp5" class="gc-n-btn gc-n-btn-F gc-pg-notes-Ab-sharp5">A<sup>b</sup><sup>#</sup>5</div>
                <div id="gc-n-Ab-A" class="gc-n-btn gc-n-btn-F gc-pg-notes-Ab-A">A<sup>b</sup>/A</div>
                <div id="gc-xn-pg-btn-Ab-F" class="gc-n-btn">A<sup>b</sup>/F</div>
                <div id="gc-xn-pg-btn-Ab-Gb" class="gc-n-btn">A<sup>b</sup>/G<sup>b</sup>
                </div>
                <div id="gc-n-Ab5" class="gc-n-btn gc-n-btn-F gc-pg-notes-Ab5">A<sup>b</sup>5</div>
                <div id="gc-xn-pg-btn-Ab6" class="gc-n-btn">A<sup>b</sup>6</div>
                <div id="gc-xn-pg-btn-Ab7" class="gc-n-btn">A<sup>b</sup>7</div>
                <div id="gc-xn-pg-btn-Abdim-E" class="gc-n-btn">A<sup>b</sup><sub>dim</sub>/E</div>
                <div id="gc-n-Abdim-Eb" class="gc-n-btn gc-n-btn-F gc-pg-notes-Abdim-Eb">A<sup>b</sup><sub>dim</sub>/E<sup>b</sup>
                </div>
                <div id="gc-xn-pg-btn-Abdim-F" class="gc-n-btn">A<sup>b</sup><sub>dim</sub>/F</div>
                <div id="gc-xn-pg-btn-Abdim7" class="gc-n-btn">A<sup>b</sup><sub>dim</sub>7</div>
                <div id="gc-n-Abm" class="gc-n-btn gc-n-btn-F gc-pg-notes-Abm">A<sup>b</sup>m</div>
                <div id="gc-n-Abm-D" class="gc-n-btn gc-n-btn-F gc-pg-notes-Abm-D">A<sup>b</sup>m/D</div>
                <div id="gc-xn-pg-btn-Abm-E" class="gc-n-btn">A<sup>b</sup>m/E</div>
                <div id="gc-n-Abm-Gb" class="gc-n-btn gc-n-btn-F gc-pg-notes-Abm-Gb">A<sup>b</sup>m/G<sup>b</sup>
                </div>
                <div id="gc-n-Abm7" class="gc-n-btn gc-n-btn-F gc-pg-notes-Abm7">A<sup>b</sup>m7</div>
                <div id="gc-n-Absus" class="gc-n-btn gc-n-btn-F gc-pg-notes-Absus">A<sup>b</sup><sub>sus</sub>
                </div>
                <div id="gc-n-Absus2-F" class="gc-n-btn gc-n-btn-F gc-pg-notes-Absus2-F">A<sup>b</sup><sub>sus</sub>2/F</div>
                <div id="gc-n-Adim-Ab" class="gc-n-btn gc-n-btn-F gc-pg-notes-Adim-Ab">A<sub>dim</sub>/A<sup>b</sup>
                </div>
                <div id="gc-n-Adim-E" class="gc-n-btn gc-n-btn-F gc-pg-notes-Adim-E">A<sub>dim</sub>/E</div>
                <div id="gc-xn-pg-btn-Adim-F" class="gc-n-btn">A<sub>dim</sub>/F</div>
                <div id="gc-pager-btn-A1" class="gc-btn-pager">NEXT PAGE ></div>
            </div>

</div>
                <div id="gc-n-A-1" class="gc-n-btn gc-n-btn-F gc-pg-notes-A gc-note-xxx">A <sup>[1]</sup>
                </div>
                <div id="gc-n-A-2" class="gc-n-btn gc-n-btn-F gc-pg-notes-A gc-note-xxx">A <sup>[2]</sup>
                </div>
                <div id="gc-n-A-3" class="gc-n-btn gc-n-btn-F gc-pg-notes-A gc-note-xxx">A <sup>[3]</sup>
                </div>
                <div id="gc-n-A-4" class="gc-n-btn gc-n-btn-F gc-pg-notes-A gc-note-xxx">A <sup>[4]</sup>
                </div>
                <div id="gc-n-A-5" class="gc-n-btn gc-n-btn-F gc-pg-notes-A gc-note-xxx">A <sup>[5]</sup>
                </div>
                <div id="gc-n-A-sharp5-1" class="gc-n-btn gc-n-btn-F gc-pg-notes-A-sharp5 gc-note-xxx">A<sup>#</sup>5 <sup>[1]</sup>
                </div>
                <div id="gc-n-A-sharp5-2" class="gc-n-btn gc-n-btn-F gc-pg-notes-A-sharp5 gc-note-xxx">A<sup>#</sup>5 <sup>[2]</sup>
                </div>

<div id="gc-B-men-1" class="gc-main-men">
                <div class="gc-btn-exit-mm">CLOSE</div>
                <div id="gc-xxn-B-pg1" class="gc-main-note-page">
                    <div id="gc-n-B" class="gc-n-btn gc-n-btn-F gc-pg-notes-B">B</div>
                    <div id="gc-xn-pg-btn-B-sharp5" class="gc-n-btn">B<sup>#</sup>5</div>
                    <div id="gc-xn-pg-btn-B-A" class="gc-n-btn">B/A</div>
                    <div id="gc-n-B-Ab" class="gc-n-btn gc-n-btn-F gc-pg-notes-B-Ab">B/A<sup>b</sup>
                    </div>
                    <div id="gc-xn-pg-btn-B-E" class="gc-n-btn">B/E</div>
                    <div id="gc-xn-pg-btn-B5" class="gc-n-btn">B5</div>
                    <div id="gc-n-B6" class="gc-n-btn gc-n-btn-F gc-pg-notes-B6">B6</div>
                    <div id="gc-xn-pg-btn-B7" class="gc-n-btn">B7</div>
                    <div id="gc-xn-pg-btn-B7-add11" class="gc-n-btn">B7/<sub>add</sub>11</div>
                    <div id="gc-xn-pg-btn-B7sus4" class="gc-n-btn">B7<sub>sus</sub>4</div>
                    <div id="gc-xn-pg-btn-Baug-E" class="gc-n-btn">Baug/E</div>
                    <div id="gc-xn-pg-btn-Bb" class="gc-n-btn">B<sup>b</sup>
                    </div>
                    <div id="gc-n-Bb-sharp5" class="gc-n-btn gc-n-btn-F gc-pg-notes-Bb-sharp5">B<sup>b</sup><sup>#</sup>5</div>
                    <div id="gc-n-Bb-b5" class="gc-n-btn gc-n-btn-F gc-pg-notes-Bb-b5">B<sup>b</sup> b5</div>
                    <div id="gc-n-Bb-A" class="gc-n-btn gc-n-btn-F gc-pg-notes-Bb-A">B<sup>b</sup>/A</div>
                    <div id="gc-xn-pg-btn-Bb-Ab" class="gc-n-btn">B<sup>b</sup>/A<sup>b</sup>
                    </div>
                    <div id="gc-n-Bb-Db" class="gc-n-btn gc-n-btn-F gc-pg-notes-Bb-Db">B<sup>b</sup>/D<sup>b</sup>
                    </div>
                    <div id="gc-n-Bb-E" class="gc-n-btn gc-n-btn-F gc-pg-notes-Bb-E">B<sup>b</sup>/E</div>
                    <div id="gc-xn-pg-btn-Bb-G" class="gc-n-btn">B<sup>b</sup>/G</div>
                    <div id="gc-xn-pg-btn-Bb5" class="gc-n-btn">B<sup>b</sup>5</div>
                    <div id="gc-xn-pg-btn-Bb6" class="gc-n-btn">B<sup>b</sup>6</div>
                    <div id="gc-n-Bb6-add9" class="gc-n-btn gc-n-btn-F gc-pg-notes-Bb6-add9">B<sup>b</sup>6/<sub>add</sub>9</div>
                    <div id="gc-xn-pg-btn-Bb7" class="gc-n-btn">B<sup>b</sup>7</div>
                    <div id="gc-n-Bb7sus4" class="gc-n-btn gc-n-btn-F gc-pg-notes-Bb7sus4">B<sup>b</sup>7<sub>sus</sub>4</div>
                    <div id="gc-n-Bbaddsharp11" class="gc-n-btn gc-n-btn-F gc-pg-notes-Bbaddsharp11">B<sup>b</sup><sub>add</sub><sup>#</sup>11</div>
                    <div id="gc-n-Bbaug-E" class="gc-n-btn gc-n-btn-F gc-pg-notes-Bbaug-E">B<sup>b</sup>aug/E</div>
                    <div id="gc-n-Bbdim-C" class="gc-n-btn gc-n-btn-F gc-pg-notes-Bbdim-C">B<sup>b</sup><sub>dim</sub>/C</div>
                    <div id="gc-n-Bbdim-D" class="gc-n-btn gc-n-btn-F gc-pg-notes-Bbdim-D">B<sup>b</sup><sub>dim</sub>/D</div>
                    <div id="gc-xn-pg-btn-Bbdim-G" class="gc-n-btn">B<sup>b</sup><sub>dim</sub>/G</div>
                    <div id="gc-xn-pg-btn-Bbdim-Gb" class="gc-n-btn">B<sup>b</sup><sub>dim</sub>/G<sup>b</sup>
                    </div>
                    <div id="gc-xn-pg-btn-Bbdim7" class="gc-n-btn">B<sup>b</sup><sub>dim</sub>7</div>
                    <div id="gc-n-Bbm" class="gc-n-btn gc-n-btn-F gc-pg-notes-Bbm">B<sup>b</sup>m</div>
                    <div id="gc-n-Bbm-Ab" class="gc-n-btn gc-n-btn-F gc-pg-notes-Bbm-Ab">B<sup>b</sup>m/A<sup>b</sup>
                    </div>
                    <div id="gc-n-Bbm-D" class="gc-n-btn gc-n-btn-F gc-pg-notes-Bbm-D">B<sup>b</sup>m/D</div>
                    <div id="gc-n-Bbm-Gb" class="gc-n-btn gc-n-btn-F gc-pg-notes-Bbm-Gb">B<sup>b</sup>m/G<sup>b</sup>
                    </div>
                    <div id="gc-n-Bbm7" class="gc-n-btn gc-n-btn-F gc-pg-notes-Bbm7">B<sup>b</sup>m7</div>
                    <div id="gc-n-Bbmaj7" class="gc-n-btn gc-n-btn-F gc-pg-notes-Bbmaj7">B<sup>b</sup>maj7</div>
                    <div id="gc-n-Bbmaj9" class="gc-n-btn gc-n-btn-F gc-pg-notes-Bbmaj9">B<sup>b</sup>maj9</div>
                    <div id="gc-n-Bbsus2" class="gc-n-btn gc-n-btn-F gc-pg-notes-Bbsus2">B<sup>b</sup><sub>sus</sub>2</div>
                    <div id="gc-n-Bbsus2-G" class="gc-n-btn gc-n-btn-F gc-pg-notes-Bbsus2-G">B<sup>b</sup><sub>sus</sub>2/G</div>
                    <div id="gc-pager-btn-B1" class="gc-btn-pager">NEXT PAGE ></div>
                </div>

<div id="gc-C-men-1" class="gc-main-men">
                    <div class="gc-btn-exit-mm">CLOSE</div>
                    <div id="gc-xxn-C-pg1" class="gc-main-note-page">
                        <div id="gc-xn-pg-btn-C" class="gc-n-btn">C</div>
                        <div id="gc-n-C-sharp5" class="gc-n-btn gc-n-btn-F gc-pg-notes-C-sharp5">C<sup>#</sup>5</div>
                        <div id="gc-n-C-b5" class="gc-n-btn gc-n-btn-F gc-pg-notes-C-b5">C b5</div>
                        <div id="gc-xn-pg-btn-C-A" class="gc-n-btn">C/A</div>
                        <div id="gc-xn-pg-btn-C-B" class="gc-n-btn">C/B</div>
                        <div id="gc-n-C-Bb" class="gc-n-btn gc-n-btn-F gc-pg-notes-C-Bb">C/B<sup>b</sup>
                        </div>
                        <div id="gc-xn-pg-btn-C-D" class="gc-n-btn">C/D</div>
                        <div id="gc-xn-pg-btn-C-F" class="gc-n-btn">C/F</div>
                        <div id="gc-n-C5" class="gc-n-btn gc-n-btn-F gc-pg-notes-C5">C5</div>
                        <div id="gc-xn-pg-btn-C6" class="gc-n-btn">C6</div>
                        <div id="gc-n-C6-add9" class="gc-n-btn gc-n-btn-F gc-pg-notes-C6-add9">C6/<sub>add</sub>9</div>
                        <div id="gc-n-C7" class="gc-n-btn gc-n-btn-F gc-pg-notes-C7">C7</div>
                        <div id="gc-n-C7sus4" class="gc-n-btn gc-n-btn-F gc-pg-notes-C7sus4">C7<sub>sus</sub>4</div>
                        <div id="gc-n-C9--b5--" class="gc-n-btn gc-n-btn-F gc-pg-notes-C9--b5--">C9(b5)</div>
                        <div id="gc-xn-pg-btn-Cadd9" class="gc-n-btn">C<sub>add</sub>9</div>
                        <div id="gc-n-Cdim-A" class="gc-n-btn gc-n-btn-F gc-pg-notes-Cdim-A">C<sub>dim</sub>/A</div>
                        <div id="gc-xn-pg-btn-Cdim-Ab" class="gc-n-btn">C<sub>dim</sub>/A<sup>b</sup>
                        </div>
                        <div id="gc-n-Cdim-D" class="gc-n-btn gc-n-btn-F gc-pg-notes-Cdim-D">C<sub>dim</sub>/D</div>
                        <div id="gc-n-Cdim7" class="gc-n-btn gc-n-btn-F gc-pg-notes-Cdim7">C<sub>dim</sub>7</div>
                        <div id="gc-xn-pg-btn-Cm" class="gc-n-btn">Cm</div>
                        <div id="gc-n-Cm-A" class="gc-n-btn gc-n-btn-F gc-pg-notes-Cm-A">Cm/A</div>
                        <div id="gc-n-Cm-Bb" class="gc-n-btn gc-n-btn-F gc-pg-notes-Cm-Bb">Cm/B<sup>b</sup>
                        </div>
                        <div id="gc-n-Cm6" class="gc-n-btn gc-n-btn-F gc-pg-notes-Cm6">Cm6</div>
                        <div id="gc-n-Cm7" class="gc-n-btn gc-n-btn-F gc-pg-notes-Cm7">Cm7</div>
                        <div id="gc-xn-pg-btn-Cmaj7" class="gc-n-btn">Cmaj7</div>
                        <div id="gc-n-Cmaj9" class="gc-n-btn gc-n-btn-F gc-pg-notes-Cmaj9">Cmaj9</div>
                        <div id="gc-xn-pg-btn-Csus" class="gc-n-btn">C<sub>sus</sub>
                        </div>
                        <div id="gc-xn-pg-btn-Csus2" class="gc-n-btn">C<sub>sus</sub>2</div>
                        <div id="gc-xn-pg-btn-Csus2-A" class="gc-n-btn">C<sub>sus</sub>2/A</div>
                        <div id="gc-xn-pg-btn-Csus2-B" class="gc-n-btn">C<sub>sus</sub>2/B</div>
                        <div id="gc-xn-pg-btn-Csus2-E" class="gc-n-btn">C<sub>sus</sub>2/E</div>
                        <div id="gc-n-Csus2-F" class="gc-n-btn gc-n-btn-F gc-pg-notes-Csus2-F">C<sub>sus</sub>2/F</div>
                        <div id="gc-xn-pg-btn-Csus4-A" class="gc-n-btn">C<sub>sus</sub>4/A</div>
                        <div id="gc-n-Csus4-B" class="gc-n-btn gc-n-btn-F gc-pg-notes-Csus4-B">C<sub>sus</sub>4/B</div>
                        <div id="gc-n-Csus4-Bb" class="gc-n-btn gc-n-btn-F gc-pg-notes-Csus4-Bb">C<sub>sus</sub>4/B<sup>b</sup>
                        </div>
                        <div id="gc-n-Csus4-D" class="gc-n-btn gc-n-btn-F gc-pg-notes-Csus4-D">C<sub>sus</sub>4/D</div>
                        <div id="gc-xn-pg-btn-Csus4-E" class="gc-n-btn">C<sub>sus</sub>4/E</div>
                    </div>
                    <div id="gc-n-C-1" class="gc-n-btn gc-n-btn-F gc-pg-notes-C gc-note-xxx">C <sup>[1]</sup>
                    </div>
                    <div id="gc-n-C-2" class="gc-n-btn gc-n-btn-F gc-pg-notes-C gc-note-xxx">C <sup>[2]</sup>
                    </div>
                    <div id="gc-n-C-3" class="gc-n-btn gc-n-btn-F gc-pg-notes-C gc-note-xxx">C <sup>[3]</sup>
                    </div>
                    <div id="gc-n-C-4" class="gc-n-btn gc-n-btn-F gc-pg-notes-C gc-note-xxx">C <sup>[4]</sup>
                    </div>
                    <div id="gc-n-C-5" class="gc-n-btn gc-n-btn-F gc-pg-notes-C gc-note-xxx">C <sup>[5]</sup>
                    </div>
                    <div id="gc-n-C-6" class="gc-n-btn gc-n-btn-F gc-pg-notes-C gc-note-xxx">C <sup>[6]</sup>
                    </div>

<div id="gc-D-men-1" class="gc-main-men">
                    <div class="gc-btn-exit-mm">CLOSE</div>
                    <div id="gc-xxn-D-pg1" class="gc-main-note-page">
                        <div id="gc-xn-pg-btn-D" class="gc-n-btn">D</div>
                        <div id="gc-n-D-sharp5" class="gc-n-btn gc-n-btn-F gc-pg-notes-D-sharp5">D<sup>#</sup>5</div>
                        <div id="gc-xn-pg-btn-D-B" class="gc-n-btn">D/B</div>
                        <div id="gc-xn-pg-btn-D-C" class="gc-n-btn">D/C</div>
                        <div id="gc-xn-pg-btn-D-Db" class="gc-n-btn">D/D<sup>b</sup>
                        </div>
                        <div id="gc-xn-pg-btn-D-E" class="gc-n-btn">D/E</div>
                        <div id="gc-xn-pg-btn-D-G" class="gc-n-btn">D/G</div>
                        <div id="gc-xn-pg-btn-D5" class="gc-n-btn">D5</div>
                        <div id="gc-xn-pg-btn-D6" class="gc-n-btn">D6</div>
                        <div id="gc-xn-pg-btn-D6-add9" class="gc-n-btn">D6/<sub>add</sub>9</div>
                        <div id="gc-xn-pg-btn-D7" class="gc-n-btn">D7</div>
                        <div id="gc-xn-pg-btn-D7sus4" class="gc-n-btn">D7<sub>sus</sub>4</div>
                        <div id="gc-xn-pg-btn-D9" class="gc-n-btn">D9</div>
                        <div id="gc-n-D9--sharp5--" class="gc-n-btn gc-n-btn-F gc-pg-notes-D9--sharp5--">D9(<sup>#</sup>5)</div>
                        <div id="gc-xn-pg-btn-Dadd9" class="gc-n-btn">D<sub>add</sub>9</div>
                        <div id="gc-n-Daug-E" class="gc-n-btn gc-n-btn-F gc-pg-notes-Daug-E">Daug/E</div>
                        <div id="gc-xn-pg-btn-Db" class="gc-n-btn">D<sup>b</sup>
                        </div>
                        <div id="gc-xn-pg-btn-Db-sharp5" class="gc-n-btn">D<sup>b</sup><sup>#</sup>5</div>
                        <div id="gc-n-Db-b5" class="gc-n-btn gc-n-btn-F gc-pg-notes-Db-b5">D<sup>b</sup> b5</div>
                        <div id="gc-n-Db-B" class="gc-n-btn gc-n-btn-F gc-pg-notes-Db-B">D<sup>b</sup>/B</div>
                        <div id="gc-n-Db-Bb" class="gc-n-btn gc-n-btn-F gc-pg-notes-Db-Bb">D<sup>b</sup>/B<sup>b</sup>
                        </div>
                        <div id="gc-xn-pg-btn-Db-C" class="gc-n-btn">D<sup>b</sup>/C</div>
                        <div id="gc-n-Db5" class="gc-n-btn gc-n-btn-F gc-pg-notes-Db5">D<sup>b</sup>5</div>
                        <div id="gc-n-Db6" class="gc-n-btn gc-n-btn-F gc-pg-notes-Db6">D<sup>b</sup>6</div>
                        <div id="gc-n-Db7" class="gc-n-btn gc-n-btn-F gc-pg-notes-Db7">D<sup>b</sup>7</div>
                        <div id="gc-n-Dbaug-D" class="gc-n-btn gc-n-btn-F gc-pg-notes-Dbaug-D">D<sup>b</sup>aug/D</div>
                        <div id="gc-n-Dbaug-G" class="gc-n-btn gc-n-btn-F gc-pg-notes-Dbaug-G">D<sup>b</sup>aug/G</div>
                        <div id="gc-xn-pg-btn-Dbdim-A" class="gc-n-btn">D<sup>b</sup><sub>dim</sub>/A</div>
                        <div id="gc-n-Dbdim-B" class="gc-n-btn gc-n-btn-F gc-pg-notes-Dbdim-B">D<sup>b</sup><sub>dim</sub>/B</div>
                        <div id="gc-xn-pg-btn-Dbdim-Bb" class="gc-n-btn">D<sup>b</sup><sub>dim</sub>/B<sup>b</sup>
                        </div>
                        <div id="gc-xn-pg-btn-Dbdim-D" class="gc-n-btn">D<sup>b</sup><sub>dim</sub>/D</div>
                        <div id="gc-xn-pg-btn-Dbdim7" class="gc-n-btn">D<sup>b</sup><sub>dim</sub>7</div>
                        <div id="gc-xn-pg-btn-Dbm" class="gc-n-btn">D<sup>b</sup>m</div>
                        <div id="gc-n-Dbm-A" class="gc-n-btn gc-n-btn-F gc-pg-notes-Dbm-A">D<sup>b</sup>m/A</div>
                        <div id="gc-xn-pg-btn-Dbm-B" class="gc-n-btn">D<sup>b</sup>m/B</div>
                        <div id="gc-xn-pg-btn-Dbm7" class="gc-n-btn">D<sup>b</sup>m7</div>
                        <div id="gc-n-Dbm7--b5--" class="gc-n-btn gc-n-btn-F gc-pg-notes-Dbm7--b5--">D<sup>b</sup>m7(b5)</div>
                        <div id="gc-xn-pg-btn-Dbmaj7" class="gc-n-btn">D<sup>b</sup>maj7</div>
                        <div id="gc-n-Dbsus2--o" class="gc-n-btn gc-n-btn-F gc-pg-notes-Dbsus2--o">D<sup>b</sup><sub>sus</sub>2 o</div>
                        <div id="gc-n-Dbsus4-Bb" class="gc-n-btn gc-n-btn-F gc-pg-notes-Dbsus4-Bb">D<sup>b</sup><sub>sus</sub>4/B<sup>b</sup>
                        </div>
                        <div id="gc-pager-btn-D1" class="gc-btn-pager">NEXT PAGE ></div>
                    </div>

<div id="gc-E-men-1" class="gc-main-men">
                        <div class="gc-btn-exit-mm">CLOSE</div>
                        <div id="gc-xxn-E-pg1" class="gc-main-note-page">
                            <div id="gc-xn-pg-btn-E" class="gc-n-btn">E</div>
                            <div id="gc-n-E-sharp5" class="gc-n-btn gc-n-btn-F gc-pg-notes-E-sharp5">E<sup>#</sup>5</div>
                            <div id="gc-n-E-A" class="gc-n-btn gc-n-btn-F gc-pg-notes-E-A">E/A</div>
                            <div id="gc-xn-pg-btn-E-D" class="gc-n-btn">E/D</div>
                            <div id="gc-xn-pg-btn-E-Db" class="gc-n-btn">E/D<sup>b</sup>
                            </div>
                            <div id="gc-xn-pg-btn-E-Eb" class="gc-n-btn">E/E<sup>b</sup>
                            </div>
                            <div id="gc-xn-pg-btn-E-Gb" class="gc-n-btn">E/G<sup>b</sup>
                            </div>
                            <div id="gc-n-E11-b9" class="gc-n-btn gc-n-btn-F gc-pg-notes-E11-b9">E11/b9</div>
                            <div id="gc-xn-pg-btn-E5" class="gc-n-btn">E5</div>
                            <div id="gc-xn-pg-btn-E6" class="gc-n-btn">E6</div>
                            <div id="gc-xn-pg-btn-E7" class="gc-n-btn">E7</div>
                            <div id="gc-n-E7-add11" class="gc-n-btn gc-n-btn-F gc-pg-notes-E7-add11">E7/<sub>add</sub>11</div>
                            <div id="gc-n-E7-b9--b5--" class="gc-n-btn gc-n-btn-F gc-pg-notes-E7-b9--b5--">E7/b9(b5)</div>
                            <div id="gc-n-E7sus4" class="gc-n-btn gc-n-btn-F gc-pg-notes-E7sus4">E7<sub>sus</sub>4</div>
                            <div id="gc-xn-pg-btn-E9" class="gc-n-btn">E9</div>
                            <div id="gc-xn-pg-btn-Eadd9" class="gc-n-btn">E<sub>add</sub>9</div>
                            <div id="gc-xn-pg-btn-Eb" class="gc-n-btn">E<sup>b</sup>
                            </div>
                            <div id="gc-xn-pg-btn-Eb-sharp5" class="gc-n-btn">E<sup>b</sup><sup>#</sup>5</div>
                            <div id="gc-n-Eb-C" class="gc-n-btn gc-n-btn-F gc-pg-notes-Eb-C">E<sup>b</sup>/C</div>
                            <div id="gc-n-Eb-D" class="gc-n-btn gc-n-btn-F gc-pg-notes-Eb-D">E<sup>b</sup>/D</div>
                            <div id="gc-xn-pg-btn-Eb-Db" class="gc-n-btn">E<sup>b</sup>/D<sup>b</sup>
                            </div>
                            <div id="gc-n-Eb-E" class="gc-n-btn gc-n-btn-F gc-pg-notes-Eb-E">E<sup>b</sup>/E</div>
                            <div id="gc-n-Eb5" class="gc-n-btn gc-n-btn-F gc-pg-notes-Eb5">E<sup>b</sup>5</div>
                            <div id="gc-n-Eb6" class="gc-n-btn gc-n-btn-F gc-pg-notes-Eb6">E<sup>b</sup>6</div>
                            <div id="gc-xn-pg-btn-Eb7" class="gc-n-btn">E<sup>b</sup>7</div>
                            <div id="gc-xn-pg-btn-Ebaug-E" class="gc-n-btn">E<sup>b</sup>aug/E</div>
                            <div id="gc-xn-pg-btn-Ebdim-B" class="gc-n-btn">E<sup>b</sup><sub>dim</sub>/B</div>
                            <div id="gc-n-Ebdim-C" class="gc-n-btn gc-n-btn-F gc-pg-notes-Ebdim-C">E<sup>b</sup><sub>dim</sub>/C</div>
                            <div id="gc-n-Ebdim7" class="gc-n-btn gc-n-btn-F gc-pg-notes-Ebdim7">E<sup>b</sup><sub>dim</sub>7</div>
                            <div id="gc-n-Ebm" class="gc-n-btn gc-n-btn-F gc-pg-notes-Ebm">E<sup>b</sup>m</div>
                            <div id="gc-n-Ebm-Db" class="gc-n-btn gc-n-btn-F gc-pg-notes-Ebm-Db">E<sup>b</sup>m/D<sup>b</sup>
                            </div>
                            <div id="gc-n-Ebm7" class="gc-n-btn gc-n-btn-F gc-pg-notes-Ebm7">E<sup>b</sup>m7</div>
                            <div id="gc-n-Ebmaj7" class="gc-n-btn gc-n-btn-F gc-pg-notes-Ebmaj7">E<sup>b</sup>maj7</div>
                            <div id="gc-n-Ebsus2-Ab" class="gc-n-btn gc-n-btn-F gc-pg-notes-Ebsus2-Ab">E<sup>b</sup><sub>sus</sub>2/A<sup>b</sup>
                            </div>
                            <div id="gc-n-Ebsus4-F" class="gc-n-btn gc-n-btn-F gc-pg-notes-Ebsus4-F">E<sup>b</sup><sub>sus</sub>4/F</div>
                            <div id="gc-n-Edim-C" class="gc-n-btn gc-n-btn-F gc-pg-notes-Edim-C">E<sub>dim</sub>/C</div>
                            <div id="gc-n-Edim-D" class="gc-n-btn gc-n-btn-F gc-pg-notes-Edim-D">E<sub>dim</sub>/D</div>
                            <div id="gc-xn-pg-btn-Edim-Db" class="gc-n-btn">E<sub>dim</sub>/D<sup>b</sup>
                            </div>
                            <div id="gc-n-Edim-Eb" class="gc-n-btn gc-n-btn-F gc-pg-notes-Edim-Eb">E<sub>dim</sub>/E<sup>b</sup>
                            </div>
                            <div id="gc-xn-pg-btn-Edim7" class="gc-n-btn">E<sub>dim</sub>7</div>
                            <div id="gc-pager-btn-E1" class="gc-btn-pager">NEXT PAGE ></div>
                        </div>

<div id="gc-F-men-1" class="gc-main-men">
                            <div class="gc-btn-exit-mm">CLOSE</div>
                            <div id="gc-xxn-F-pg1" class="gc-main-note-page">
                                <div id="gc-xn-pg-btn-F" class="gc-n-btn">F</div>
                                <div id="gc-xn-pg-btn-F-sharp5" class="gc-n-btn">F<sup>#</sup>5</div>
                                <div id="gc-xn-pg-btn-F-D" class="gc-n-btn">F/D</div>
                                <div id="gc-xn-pg-btn-F-E" class="gc-n-btn">F/E</div>
                                <div id="gc-xn-pg-btn-F-Eb" class="gc-n-btn">F/E<sup>b</sup>
                                </div>
                                <div id="gc-xn-pg-btn-F-G" class="gc-n-btn">F/G</div>
                                <div id="gc-xn-pg-btn-F5" class="gc-n-btn">F5</div>
                                <div id="gc-xn-pg-btn-F6" class="gc-n-btn">F6</div>
                                <div id="gc-n-F6-add9" class="gc-n-btn gc-n-btn-F gc-pg-notes-F6-add9">F6/<sub>add</sub>9</div>
                                <div id="gc-xn-pg-btn-F7" class="gc-n-btn">F7</div>
                                <div id="gc-xn-pg-btn-Fadd9" class="gc-n-btn">F<sub>add</sub>9</div>
                                <div id="gc-n-Faug-D" class="gc-n-btn gc-n-btn-F gc-pg-notes-Faug-D">Faug/D</div>
                                <div id="gc-n-Faug-G" class="gc-n-btn gc-n-btn-F gc-pg-notes-Faug-G">Faug/G</div>
                                <div id="gc-xn-pg-btn-Fdim-D" class="gc-n-btn">F<sub>dim</sub>/D</div>
                                <div id="gc-n-Fdim-Db" class="gc-n-btn gc-n-btn-F gc-pg-notes-Fdim-Db">F<sub>dim</sub>/D<sup>b</sup>
                                </div>
                                <div id="gc-xn-pg-btn-Fdim7" class="gc-n-btn">F<sub>dim</sub>7</div>
                                <div id="gc-xn-pg-btn-Fm" class="gc-n-btn">Fm</div>
                                <div id="gc-n-Fm-D" class="gc-n-btn gc-n-btn-F gc-pg-notes-Fm-D">Fm/D</div>
                                <div id="gc-xn-pg-btn-Fm-Db" class="gc-n-btn">Fm/D<sup>b</sup>
                                </div>
                                <div id="gc-xn-pg-btn-Fm-Eb" class="gc-n-btn">Fm/E<sup>b</sup>
                                </div>
                                <div id="gc-n-Fm6" class="gc-n-btn gc-n-btn-F gc-pg-notes-Fm6">Fm6</div>
                                <div id="gc-xn-pg-btn-Fm7" class="gc-n-btn">Fm7</div>
                                <div id="gc-xn-pg-btn-Fmaj7" class="gc-n-btn">Fmaj7</div>
                                <div id="gc-xn-pg-btn-Fmaj7-sharp11" class="gc-n-btn">Fmaj7/<sup>#</sup>11</div>
                                <div id="gc-n-Fmaj9" class="gc-n-btn gc-n-btn-F gc-pg-notes-Fmaj9">Fmaj9</div>
                                <div id="gc-n-Fsus" class="gc-n-btn gc-n-btn-F gc-pg-notes-Fsus">F<sub>sus</sub>
                                </div>
                                <div id="gc-xn-pg-btn-Fsus2" class="gc-n-btn">F<sub>sus</sub>2</div>
                                <div id="gc-xn-pg-btn-Fsus2-A" class="gc-n-btn">F<sub>sus</sub>2/A</div>
                                <div id="gc-n-Fsus2-B" class="gc-n-btn gc-n-btn-F gc-pg-notes-Fsus2-B">F<sub>sus</sub>2/B</div>
                                <div id="gc-n-Fsus2-Bb" class="gc-n-btn gc-n-btn-F gc-pg-notes-Fsus2-Bb">F<sub>sus</sub>2/B<sup>b</sup>
                                </div>
                                <div id="gc-n-Fsus2-D" class="gc-n-btn gc-n-btn-F gc-pg-notes-Fsus2-D">F<sub>sus</sub>2/D</div>
                                <div id="gc-xn-pg-btn-Fsus2-E" class="gc-n-btn">F<sub>sus</sub>2/E</div>
                                <div id="gc-n-Fsus4-G" class="gc-n-btn gc-n-btn-F gc-pg-notes-Fsus4-G">F<sub>sus</sub>4/G</div>
                            </div>

<div id="gc-G-men-1" class="gc-main-men">
                            <div class="gc-btn-exit-mm">CLOSE</div>
                            <div id="gc-xxn-G-pg1" class="gc-main-note-page">
                                <div id="gc-xn-pg-btn-G" class="gc-n-btn">G</div>
                                <div id="gc-xn-pg-btn-G-sharp5" class="gc-n-btn">G<sup>#</sup>5</div>
                                <div id="gc-xn-pg-btn-G-A" class="gc-n-btn">G/A</div>
                                <div id="gc-xn-pg-btn-G-C" class="gc-n-btn">G/C</div>
                                <div id="gc-xn-pg-btn-G-E" class="gc-n-btn">G/E</div>
                                <div id="gc-xn-pg-btn-G-F" class="gc-n-btn">G/F</div>
                                <div id="gc-xn-pg-btn-G-Gb" class="gc-n-btn">G/G<sup>b</sup>
                                </div>
                                <div id="gc-xn-pg-btn-G5" class="gc-n-btn">G5</div>
                                <div id="gc-xn-pg-btn-G6" class="gc-n-btn">G6</div>
                                <div id="gc-xn-pg-btn-G6-add9" class="gc-n-btn">G6/<sub>add</sub>9</div>
                                <div id="gc-xn-pg-btn-G7" class="gc-n-btn">G7</div>
                                <div id="gc-n-G7-add11" class="gc-n-btn gc-n-btn-F gc-pg-notes-G7-add11">G7/<sub>add</sub>11</div>
                                <div id="gc-n-G7sus4" class="gc-n-btn gc-n-btn-F gc-pg-notes-G7sus4">G7<sub>sus</sub>4</div>
                                <div id="gc-xn-pg-btn-G9" class="gc-n-btn">G9</div>
                                <div id="gc-xn-pg-btn-Gadd9" class="gc-n-btn">G<sub>add</sub>9</div>
                                <div id="gc-xn-pg-btn-Gaug-E" class="gc-n-btn">Gaug/E</div>
                                <div id="gc-xn-pg-btn-Gb" class="gc-n-btn">G<sup>b</sup>
                                </div>
                                <div id="gc-n-Gb-sharp5" class="gc-n-btn gc-n-btn-F gc-pg-notes-Gb-sharp5">G<sup>b</sup><sup>#</sup>5</div>
                                <div id="gc-n-Gb-Ab" class="gc-n-btn gc-n-btn-F gc-pg-notes-Gb-Ab">G<sup>b</sup>/A<sup>b</sup>
                                </div>
                                <div id="gc-xn-pg-btn-Gb-E" class="gc-n-btn">G<sup>b</sup>/E</div>
                                <div id="gc-n-Gb-Eb" class="gc-n-btn gc-n-btn-F gc-pg-notes-Gb-Eb">G<sup>b</sup>/E<sup>b</sup>
                                </div>
                                <div id="gc-n-Gb-F" class="gc-n-btn gc-n-btn-F gc-pg-notes-Gb-F">G<sup>b</sup>/F</div>
                                <div id="gc-n-Gb6" class="gc-n-btn gc-n-btn-F gc-pg-notes-Gb6">G<sup>b</sup>6</div>
                                <div id="gc-xn-pg-btn-Gb7" class="gc-n-btn">G<sup>b</sup>7</div>
                                <div id="gc-n-Gb7--sharp5--" class="gc-n-btn gc-n-btn-F gc-pg-notes-Gb7--sharp5--">G<sup>b</sup>7(<sup>#</sup>5)</div>
                                <div id="gc-n-Gb7-sharp9" class="gc-n-btn gc-n-btn-F gc-pg-notes-Gb7-sharp9">G<sup>b</sup>7/<sup>#</sup>9</div>
                                <div id="gc-n-Gb7sus4" class="gc-n-btn gc-n-btn-F gc-pg-notes-Gb7sus4">G<sup>b</sup>7<sub>sus</sub>4</div>
                                <div id="gc-n-Gbadd9" class="gc-n-btn gc-n-btn-F gc-pg-notes-Gbadd9">G<sup>b</sup><sub>add</sub>9</div>
                                <div id="gc-n-Gbaug-E" class="gc-n-btn gc-n-btn-F gc-pg-notes-Gbaug-E">G<sup>b</sup>aug/E</div>
                                <div id="gc-xn-pg-btn-Gbdim-D" class="gc-n-btn">G<sup>b</sup><sub>dim</sub>/D</div>
                                <div id="gc-xn-pg-btn-Gbdim-E" class="gc-n-btn">G<sup>b</sup><sub>dim</sub>/E</div>
                                <div id="gc-n-Gbdim-Eb" class="gc-n-btn gc-n-btn-F gc-pg-notes-Gbdim-Eb">G<sup>b</sup><sub>dim</sub>/E<sup>b</sup>
                                </div>
                                <div id="gc-n-Gbdim7" class="gc-n-btn gc-n-btn-F gc-pg-notes-Gbdim7">G<sup>b</sup><sub>dim</sub>7</div>
                                <div id="gc-xn-pg-btn-Gbm" class="gc-n-btn">G<sup>b</sup>m</div>
                                <div id="gc-xn-pg-btn-Gbm-D" class="gc-n-btn">G<sup>b</sup>m/D</div>
                                <div id="gc-xn-pg-btn-Gbm-E" class="gc-n-btn">G<sup>b</sup>m/E</div>
                                <div id="gc-xn-pg-btn-Gbm7" class="gc-n-btn">G<sup>b</sup>m7</div>
                                <div id="gc-xn-pg-btn-Gbm7--b5--" class="gc-n-btn">G<sup>b</sup>m7(b5)</div>
                                <div id="gc-n-Gbm7-b9" class="gc-n-btn gc-n-btn-F gc-pg-notes-Gbm7-b9">G<sup>b</sup>m7/b9</div>
                                <div id="gc-n-Gbmaj7" class="gc-n-btn gc-n-btn-F gc-pg-notes-Gbmaj7">G<sup>b</sup>maj7</div>
                                <div id="gc-pager-btn-G1" class="gc-btn-pager">NEXT PAGE ></div>
                            </div>

<div id="gc-info-bar">
                                <div id="gc-info1" class="gc-info">
                                    <div class="gc-info-title">CHORD</div>
                                    <div id="gc_inf_1"></div>
                                </div>
                                <div id="gc-info2" class="gc-info">
                                    <div class="gc-info-title">ALTERNATE(S)</div>
                                    <div id="gc_inf_2"></div>
                                </div>
                                <div id="gc-info3" class="gc-info">
                                    <div class="gc-info-title">STRUCTURE</div>
                                    <div id="gc_inf_3"></div>
                                </div>
                            </div>
                            
                        </div>
                        
                    </div>

使用HTML5构建一把在线电子吉他。

html5, music, Guitar

编辑器支持Emmet

快捷键

使用HTML5构建一把在线电子吉他。

html5, music, Guitar

HTML5 迷你电子钢琴 | 在线作曲

HTML5电子吉他调音器

编辑器支持Emmet

快捷键

语言：

语言：

导入代码模板：