goog.require('goog.debug.Console');
goog.require('goog.debug.Logger');
goog.require('goog.debug.Logger.Level');
goog.require('ol3.CoordinateFormat');
goog.require('ol3.RendererHint');
goog.require('ol3.control.Attribution');
goog.require('ol3.control.MousePosition');
goog.require('ol3.createMap');
goog.require('ol3.interaction.Keyboard');
goog.require('ol3.layer.MapQuestOpenAerial');


if (goog.DEBUG) {
  goog.debug.Console.autoInstall();
  goog.debug.Logger.getLogger('ol').setLevel(goog.debug.Logger.Level.INFO);
}



var layer = new ol3.layer.MapQuestOpenAerial();

var layers = new ol3.Collection();
layers.push(layer);

var domMap = ol3.createMap(
    document.getElementById('domMap'),
    {'layers': layers},
    ol3.RendererHint.DOM);
domMap.setCenter(new ol3.Coordinate(0, 0));
domMap.setResolution(layer.getStore().getResolutions()[0]);

var webglMap = ol3.createMap(
    document.getElementById('webglMap'),
    {},
    ol3.RendererHint.WEBGL);
if (!goog.isNull(webglMap)) {
  webglMap.bindTo('center', domMap);
  webglMap.bindTo('layers', domMap);
  webglMap.bindTo('resolution', domMap);
  webglMap.bindTo('rotation', domMap);
}

var attributionControl = new ol3.control.Attribution(domMap);
document.getElementById('attribution').appendChild(
    attributionControl.getElement());

var domMousePositionControl = new ol3.control.MousePosition(domMap,
    ol3.Projection.getFromCode('EPSG:4326'), ol3.CoordinateFormat.hdms,
    ' ');
document.getElementById('domMousePosition').appendChild(
    domMousePositionControl.getElement());

var webglMousePositionControl = new ol3.control.MousePosition(webglMap,
    ol3.Projection.getFromCode('EPSG:4326'), ol3.CoordinateFormat.hdms,
    ' ');
document.getElementById('webglMousePosition').appendChild(
    webglMousePositionControl.getElement());

var keyboardInteraction = new ol3.interaction.Keyboard();
keyboardInteraction.addCallback('0', function() {
  layer.setBrightness(0);
  layer.setContrast(0);
  layer.setHue(0);
  layer.setSaturation(0);
  layer.setOpacity(1);
  layer.setVisible(true);
});
keyboardInteraction.addCallback('b', function() {
  layer.setBrightness(layer.getBrightness() - 0.1);
});
keyboardInteraction.addCallback('B', function() {
  layer.setBrightness(layer.getBrightness() + 0.1);
});
keyboardInteraction.addCallback('c', function() {
  layer.setContrast(layer.getContrast() - 0.1);
});
keyboardInteraction.addCallback('C', function() {
  layer.setContrast(layer.getContrast() + 0.1);
});
keyboardInteraction.addCallback('h', function() {
  layer.setHue(layer.getHue() - 0.1);
});
keyboardInteraction.addCallback('H', function() {
  layer.setHue(layer.getHue() + 0.1);
});
keyboardInteraction.addCallback('o', function() {
  layer.setOpacity(layer.getOpacity() - 0.1);
});
keyboardInteraction.addCallback('O', function() {
  layer.setOpacity(layer.getOpacity() + 0.1);
});
keyboardInteraction.addCallback('r', function() {
  webglMap.setRotation(0);
});
keyboardInteraction.addCallback('s', function() {
  layer.setSaturation(layer.getSaturation() - 0.1);
});
keyboardInteraction.addCallback('S', function() {
  layer.setSaturation(layer.getSaturation() + 0.1);
});
keyboardInteraction.addCallback('vV', function() {
  layer.setVisible(!layer.getVisible());
});
domMap.getInteractions().push(keyboardInteraction);

goog.exportSymbol('layer', layer);
goog.exportSymbol('layers', layers);
goog.exportSymbol('domMap', domMap);
goog.exportSymbol('webglMap', webglMap);