MapWarper Enlarger

background.js

// this is the background code...

// listen for our browerAction to be clicked
chrome.browserAction.onClicked.addListener(function (tab) {
	// for the current tab, inject the "inject.js" file & execute it
	chrome.tabs.executeScript(tab.ib, {
		file: 'enlarge.js'
	});
});

enlarge.js

// this is the code which will be injected into a given page...

(function() {

	//window.onresize = resizeMaps();
	resizeMaps();

    function resizeMaps () {
    	console.log('resizing..');
        if ( document.getElementById('unmap') ){
        	document.getElementById('unmap').style.height = Number(window.innerHeight - 350) + "px";
        }
        
        if (document.getElementById('from_map') ){
        	document.getElementById('from_map').style.height = Number(window.innerHeight - 470) + "px";
        	document.getElementById('to_map').style.height = Number(window.innerHeight - 470) + "px";
        }
        
		if (document.getElementById('clipmap') ){
        	document.getElementById('clipmap').style.height = Number(window.innerHeight - 470) + "px";
        }

        if (document.getElementById('warpedmap') ){
        	document.getElementById('warpedmap').style.height = Number(window.innerHeight - 370) + "px";
        }

        window.scrollTo(0, 150);
        
    }


})();

manifest.json

{
  "name": "MapWarper Enlarger",
  "version": "0.0.1",
  "manifest_version": 2,
  "description": "Increase the working area of the NYPL MapWarper",
  "homepage_url": "http://maps.nypl.org/warper",
  "background": {
    "scripts": [
      "background.js"
    ],
    "persistent": true
  },
  "browser_action": {
    "default_title": "Enlarge Map Area"
  },
  "permissions": [
    "https://*/*",
    "http://*/*",
    "tabs"
  ]
}