[MellDixX]

Здравствуйте. Такая ситуация: есть на странице две картинки, полученные по своим временным ссылкам. Эти картинки являются ссылками и могут меняться местами друг с другом.

<table>
<tbody>
<tr><td>
<a class="active_s" href="/hunting/955?r=1357817950.5097"><img src="/hunting/image/955?r=1357817950.5097" width="110" height="15" alt="[картинка]"></a>
</td><td width="50%">
</td><td>
<a class="active_s" href="/hunting/54?r=1357817950.5097"><img src="/hunting/image/54?r=1357817950.5097" width="110" height="15" alt="[картинка]"></a>
</td></tr>
</tbody>
</table>

По хтмл-коду неясно, какая где, их пиксельные размеры одинаковы - то есть просто так их не отличишь. Нужно как-нибудь идентифицировать эти картинки: узнать их размер в битах, проверить цвет определённого пикселя или "прочитать" их как текст (а-ля виндовый блокнот) или даже как двоичный/хекс код. Всё, что нашел в гугле либо не работает, либо не подходит, либо я не понял (в основном). Надеюсь на вашу помощь в реализации одного из способов.
Картинки прикрепляю.
По идее, скрипт должен быть такой:

var data = [], canvas = document.createElement('canvas'), context = canvas.getContext('2d');
(function (i) {
    if (i <= 1) {
        data.push(document.getElementsByClassName('active_s')[i].getElementsByTagName('img')[0]);
        var image = new Image(), args = arguments;
        image.src = data[i].src;
        image.onload = function () {
            context.clearRect(0, 0, canvas.width, canvas.height)
            context.drawImage(image, 0, 0);
            if (context.getImageData(5, 9, 1, 1).data[0]) {
                data[i].parentNode.click(); // Клацаем по "Искать путь"
            } else args.callee(++i);
        };
    };
})(0);

НО он не подходит.. в нем ошибка есть... Помогите пожалуйста!