$(document).ready(function () {
    $('a').has('img').addClass('linknounderline');
    var $imgs = $('a img');
    var $body = $('body');
    $imgs.each(function (index) {
        var $img = $(this);
        var src = $img.attr('src');
        var dot = src.lastIndexOf('.');
        var hoverSrc = src.substring(0, dot) + '-hover' + src.substr(dot);
        var clickSrc = src.substring(0, dot) + '-click' + src.substr(dot);
        var hoverSuccess = false;
        $.ajax({
            url: hoverSrc,
            type: 'HEAD',
            success:
                function () {
                    hoverSuccess = true;
                    $body.append('<img src="' + hoverSrc + '" height="0" width="0" />');
                    $img.hover(
                        function () {
                            $img.attr('src', hoverSrc);
                        },
                        function () {
                            $img.attr('src', src);
                        });
                }
            });
        $.ajax({
            url: clickSrc,
            type: 'HEAD',
            success:
                function () {
                    $body.append('<img src="' + clickSrc + '" height="0" width="0" />');
                    $img.mousedown(function () {
                        $img.attr('src', clickSrc);
                    });
                    if (hoverSuccess) {
                        $img.mouseup(function () {
                            $img.attr('src', hoverSrc);
                        });
                    }
                    else {
                        $img.mouseup(function () {
                            $img.attr('src', src);
                        });
                    }
                }
            });
        });
});