///
/// This is relying purely on the dijit created by ESRI
///

function overview(){
  var overviewWindow = new Ext.Window({
    html: '<div id="overview-control" style="width: 300px; height: 200px;"></div>',
    title: 'Overview',
    id: 'overviewWindow',
    width: 313,
    height: 230,
    initHidden: true,
    closable: true,
    closeAction: 'hide',
    collapsible: true,
    resizable: false	  
  });    

  Ext.getCmp('overviewWindow').on('show',function(){
      var xOffset = Ext.getCmp('masterViewport').getBox().width - Ext.getCmp('overviewWindow').width - 5;
      var yOffset = Ext.getCmp('masterViewport').getBox().height - Ext.getCmp('overviewWindow').height - 10;
      Ext.getCmp('overviewWindow').setPosition(
        [parseInt(xOffset),yOffset]
      );
    });
}
var overviewStarted = false;
var overviewBaseLayer = new esri.layers.ArcGISDynamicMapServiceLayer(overviewDataLayer, {id: 'baseLayer'});
// Setup overview map
function startOverviewMap(){
  overviewMapDijit = 
    new dijits.overview.OverviewMap({ 
      map: map, 
      baseLayer: overviewBaseLayer 
      }, dojo.byId("overview-control")
  );
  overviewMapDijit.startup();
  overviewStarted = true;
}

function showOverviewMap(){
  Ext.getCmp('overviewWindow').show();
  Ext.getCmp('overviewWindow').setActive(true);
  if(!overviewStarted){
    startOverviewMap();
  }
}