var $page_content_list = $('.page-content-list');
var $sub_media_list = $('#submediacontainer');
$('button',$page_content_list).keydown(function(e){
    var id = $($(this)[0]).attr('id') ;
    var next_index = null;
    switch(e.which) {
        case 13:
        break;

        case 37:
            next_index = Number(id) - 1;
            var next_button  = $('button',$sub_media_list)[next_index];
            $($(this)[0]).blur();
            $(next_button).focus();
        break;

        case 38:
            next_index = Number(id) - 4;
            var next_button  = $('button',$sub_media_list)[next_index];
            $($(this)[0]).blur();
            $(next_button).focus();
        break;

        case 39:
            next_index = Number(id) + 1;
            var next_button  = $('button',$sub_media_list)[next_index];
            $($(this)[0]).blur();
            $(next_button).focus();

            console.log("Id: "+id);
            console.log("next_index: "+next_index);
        break;

        case 40: // down
            next_index = Number(id) + 4;
            var next_button  = $('button',$sub_media_list)[next_index];
            $($(this)[0]).blur();
            $(next_button).focus();
        break;

        default:
            return;
    }
});