content.js

// content.js

chrome.storage.sync.get('display_mode', function(data) {
    // console.log('display: ' + data.display_mode);
    extensionMode = data.display_mode;
    decoratePage(extensionMode);
});

function decoratePage(extensionMode) {

    // console.log('extensionMode: ' + extensionMode);

    if(extensionMode != 'disabled') {

        // get all images
        var allImages = $('img');

        var regex = /\/full\/[\!0-9]*,[\!0-9]*\/\d*\/.*\.jpg/;
        var iconPNG = chrome.extension.getURL("images/eye32.png");
        var iconSVG = chrome.extension.getURL("images/eye.svg");

        // loop over images and check for iiif pattern in src
        $.each( allImages, function( index, image ){

            var src = $(image).attr('src');

            if (src.match(regex)) {

                // replace with info json
                var infoJSON = src.replace(regex, "/info.json");

                // is parent an 'a' tag?
                var parentElement = $(image).parent();

                // add the link to the DOM
                if($(parentElement).is("a")) {

                    $(parentElement).after("<a id='slowlookinglink_" + index + "' class='slowlookinglink' href='http://slowlooking.cogapp.com/?image=" + infoJSON + "' target='_blank'><img src='" + iconPNG + "' /></a>");
                }
                else {

                    $(image).after("<a id='slowlookinglink_" + index + "' class='slowlookinglink' href='http://slowlooking.cogapp.com/?image=" + infoJSON + "' target='_blank'><img src='" + iconPNG + "' /></a>");
                }


                if(extensionMode == 'unobtrusive') {

                    $("#slowlookinglink_" + index).hide();

                    $(image).mouseenter(function() {
                        $("#slowlookinglink_" + index).show();
                    });

                    $("#slowlookinglink_" + index).mouseenter(function() {
                        $("#slowlookinglink_" + index).show();
                    });

                    $(image).mouseleave(function() {
                        $("#slowlookinglink_" + index).hide();
                    });

                    $("#slowlookinglink_" + index).mouseleave(function() {
                        $("#slowlookinglink_" + index).hide();
                    });


                }
            }

        });

    }

}