gistfile1.js

            // HTML structure
            for( var i = 0; i < AMOUNTOFCOLORS; i++ ) {
                $('#colors').append('<li> \
                        <input style="width: 1em; height: 1em;" class="clickableColor" /> \
                    </li>');
            }

            $('.clickableColor :first').addClass('activeColor');

            // shortcuts for changing color. XXX: selector fails!
            shortcut.add('q', function(e) {
var prev = $(".activeColor").prev();
prev.length && prev.focus();

            });

            shortcut.add('w', function(e) {
 var next = $(".activeColor").next();
next.length && next.focus();

            });