var ge;
    var fullScreenState = false;
    var noFullScreenIcon = null;
    var fullScreenIcon = null;
    google.load("earth", "1");
    google.load("maps", "2");
    
    function init() {
      // Create a button and input box.
      var content = document.getElementById('content');
      google.earth.createInstance('content', initCB, failureCB);
    }
    
    function initCB(instance) {
      ge = instance;
      ge.getWindow().setVisibility(true);
    
      // add a navigation control
      ge.getNavigationControl().setVisibility(ge.VISIBILITY_AUTO);
    
      // add some layers
      ge.getLayerRoot().enableLayerById(ge.LAYER_BORDERS, true);
      ge.getLayerRoot().enableLayerById(ge.LAYER_ROADS, true);
      
      createFullScreenIcon();
      createNormalScreenIcon();
      
      google.earth.addEventListener(ge.getWindow(), "click", handleMouseClick);
    }
    
    function failureCB(errorCode) {
    }
    
      function buttonClick() {
    var geocodeLocation = document.getElementById('location').value;
    
    var geocoder = new google.maps.ClientGeocoder();
    geocoder.getLatLng(geocodeLocation, function(point) {
      if (point) {
        var lookAt = ge.createLookAt('');
        lookAt.set(point.y, point.x, 60, ge.ALTITUDE_RELATIVE_TO_GROUND, 
        0, 40, 800);
        ge.getView().setAbstractView(lookAt);
      }
    });
    }

    function handleMouseClick(event){
      var INSET_PIXELS_X = document.getElementById("content").offsetWidth - event.getClientX();
      var INSET_PIXELS_Y = event.getClientY();
      if (INSET_PIXELS_X < 32){
        if (INSET_PIXELS_Y < 32){ toggleFullScreen();}
      }
    }

    function toggleFullScreen(){
      if (fullScreenState == true) {makeNormalScreen();}
      else {makeFullScreen();}
    }

    function makeFullScreen(){
       var samplecontainer = document.getElementById('fullscreencontainer');
       var container = document.getElementById('content');
       container.style.left = 0; 
       container.style.top = 0;
       container.style.width = samplecontainer.offsetWidth + 'px'; 
       container.style.height = samplecontainer.offsetHeight + 'px';
       fullScreenState = true;
       noFullScreenIcon.setVisibility(fullScreenState);
       fullScreenIcon.setVisibility(!fullScreenState);  
    }

    function makeNormalScreen(){
       var samplecontainer = document.getElementById('sizecontainer');
       var container = document.getElementById('content');
       container.style.left = samplecontainer.style.left; 
       container.style.top = samplecontainer.style.top;
       container.style.width = samplecontainer.offsetWidth + 'px'; 
       container.style.height = samplecontainer.offsetHeight + 'px';
       fullScreenState = false;
       noFullScreenIcon.setVisibility(fullScreenState);
       fullScreenIcon.setVisibility(!fullScreenState);
    }

    function createFullScreenIcon() {
        // create an image for the screen overlay
        var icon = ge.createIcon('');
        icon.setHref('http://findtail.com/img/max.png');
        // create the screen overlay
        fullScreenIcon = ge.createScreenOverlay('');
        fullScreenIcon.setDrawOrder(60);
        fullScreenIcon.setIcon(icon);
        // anchor point in top left of icon.
        fullScreenIcon.getScreenXY().setXUnits(ge.UNITS_FRACTION);
        fullScreenIcon.getScreenXY().setYUnits(ge.UNITS_FRACTION);
        fullScreenIcon.getScreenXY().setX(1);
        fullScreenIcon.getScreenXY().setY(1);
        // place icon in top left of screen.
        fullScreenIcon.getOverlayXY().setXUnits(ge.UNITS_INSET_PIXELS);
        fullScreenIcon.getOverlayXY().setYUnits(ge.UNITS_INSET_PIXELS);
        fullScreenIcon.getOverlayXY().setX(2);
        fullScreenIcon.getOverlayXY().setY(4);
        // Set icon size.
        fullScreenIcon.getSize().setXUnits(ge.UNITS_PIXELS);
        fullScreenIcon.getSize().setYUnits(ge.UNITS_PIXELS);
        fullScreenIcon.getSize().setY(32);
        fullScreenIcon.getSize().setX(32);
        // add the screen overlay to Earth
        ge.getFeatures().appendChild(fullScreenIcon);
    }

    function createNormalScreenIcon() {
        // create an image for the screen overlay
        var icon = ge.createIcon('');
        icon.setHref('http://findtail.com/img/min.png');
        // create the screen overlay
        noFullScreenIcon = ge.createScreenOverlay('');
        noFullScreenIcon.setDrawOrder(62);
        noFullScreenIcon.setIcon(icon);
        // anchor point in top left of icon.
        noFullScreenIcon.getScreenXY().setXUnits(ge.UNITS_FRACTION);
        noFullScreenIcon.getScreenXY().setYUnits(ge.UNITS_FRACTION);
        noFullScreenIcon.getScreenXY().setX(1);
        noFullScreenIcon.getScreenXY().setY(1);
        // place icon in top right of screen.
        noFullScreenIcon.getOverlayXY().setXUnits(ge.UNITS_INSET_PIXELS);
        noFullScreenIcon.getOverlayXY().setYUnits(ge.UNITS_INSET_PIXELS);
        noFullScreenIcon.getOverlayXY().setX(2);
        noFullScreenIcon.getOverlayXY().setY(4);
        // Set icon size.
        noFullScreenIcon.getSize().setXUnits(ge.UNITS_PIXELS);
        noFullScreenIcon.getSize().setYUnits(ge.UNITS_PIXELS);
        noFullScreenIcon.getSize().setY(32);
        noFullScreenIcon.getSize().setX(32);
        noFullScreenIcon.setVisibility(false);
        // add the screen overlay to Earth
        ge.getFeatures().appendChild(noFullScreenIcon);
    }

    function handleFullScreen(){
      if (window.innerWidth == screen.width){
        if (window.innerHeight > screen.height - 10){
          //this is likely caused by pressing F11 on the browser
          makeFullScreen();
        } else if (fullScreenState == true) { makeNormalScreen();}
      } else {makeNormalScreen();}
    }
    
    google.setOnLoadCallback(init);