function connectBtns()
    {
        document.querySelector('#btnDivMeasure').addEventListener('click', function(e)
        {                                                              
            document.querySelector('#x-rfpanafall-1').toolMode(modeEnum.MEASURE);
        });
        
        document.querySelector('#btnDivMagnify').addEventListener('click', function(e)
        {                                                              
            document.querySelector('#x-rfpanafall-1').toolMode(modeEnum.MAGGLASS);
        });
        
        document.querySelector('#btnDivDraw').addEventListener('click', function(e)
        {                                                              
            document.querySelector('#x-rfpanafall-1').toolMode(modeEnum.DRAW);
        });
        
        document.querySelector('#btnDivReset').addEventListener('click', function(e)
        {                                                              
            document.querySelector('#x-rfpanafall-1').toolMode(modeEnum.RESET);
        });
        
        document.querySelector('#btnDivHideAll').addEventListener('click', function(e)
        {                                                              
            document.querySelector('#x-rfpanafall-1').hideAll();
        });
        
        document.querySelector('#btnDivClearAll').addEventListener('click', function(e)
        {                                                              
            document.querySelector('#x-rfpanafall-1').clearAll();
        });
        
        document.querySelector('#btnDivShowAll').addEventListener('click', function(e)
        {                                                              
            document.querySelector('#x-rfpanafall-1').showAll();
        });
        
        document.querySelector('#btnDivPrintCurrent').addEventListener('click', function(e)
        {                                                              
            document.querySelector('#x-rfpanafall-1').printCurrent();
        });
        
        document.querySelector('#btnDivPrintAll').addEventListener('click', function(e)
        {                                                              
            document.querySelector('#x-rfpanafall-1').printAll();
        });
        // Set the id of the canvas to show the zoomed region
        document.querySelector('#x-rfpanafall-1').frameDiv.extView =  document.querySelector('#asideMagCanvas');
        // set initial mode
        document.querySelector('#x-rfpanafall-1').toolMode(modeEnum.DRAW);
    }
// function to connect the interface buttons to the object when the map page is done loading.
function to connect the interface buttons to the object when the map page is done loading.
function to connect the interface buttons to the object when the map page is done loading .
function connectBtns()
    {
        document.querySelector('#btnDivMeasure').addEventListener('click', function(e)
        {                                                              
            document.querySelector('#x-rfpanafall-1').toolMode(modeEnum.MEASURE);
        });
        document.querySelector('#btnDivMagnify').addEventListener('click', function(e)
        {                                                              
            document.querySelector('#x-rfpanafall-1').toolMode(modeEnum.MAGGLASS);
        });
        document.querySelector('#btnDivDraw').addEventListener('click', function(e)
        {                                                              
            document.querySelector('#x-rfpanafall-1').toolMode(modeEnum.DRAW);
        });
        document.querySelector('#btnDivReset').addEventListener('click', function(e)
        {                                                              
            document.querySelector('#x-rfpanafall-1').toolMode(modeEnum.RESET);
        });
        document.querySelector('#btnDivHideAll').addEventListener('click', function(e)
        {                                                              
            document.querySelector('#x-rfpanafall-1').hideAll();
        });
        document.querySelector('#btnDivClearAll').addEventListener('click', function(e)
        {                                                              
            document.querySelector('#x-rfpanafall-1').clearAll();
        });
        document.querySelector('#btnDivShowAll').addEventListener('click', function(e)
        {                                                              
            document.querySelector('#x-rfpanafall-1').showAll();
        });
        document.querySelector('#btnDivPrintCurrent').addEventListener('click', function(e)
        {                                                              
            document.querySelector('#x-rfpanafall-1').printCurrent();
        });
        document.querySelector('#btnDivPrintAll').addEventListener('click', function(e)
        {                                                              
            document.querySelector('#x-rfpanafall-1').printAll();
        });
        document.querySelector('#x-rfpanafall-1').frameDiv.extView =  document.querySelector('#asideMagCanvas');
        document.querySelector('#x-rfpanafall-1').toolMode(modeEnum.DRAW);
    }
function connectBtns ( ) { document . querySelector ( '#btnDivMeasure' ) . addEventListener ( 'click' , function ( e ) { document . querySelector ( '#x-rfpanafall-1' ) . toolMode ( modeEnum . MEASURE ) ; } ) ; document . querySelector ( '#btnDivMagnify' ) . addEventListener ( 'click' , function ( e ) { document . querySelector ( '#x-rfpanafall-1' ) . toolMode ( modeEnum . MAGGLASS ) ; } ) ; document . querySelector ( '#btnDivDraw' ) . addEventListener ( 'click' , function ( e ) { document . querySelector ( '#x-rfpanafall-1' ) . toolMode ( modeEnum . DRAW ) ; } ) ; document . querySelector ( '#btnDivReset' ) . addEventListener ( 'click' , function ( e ) { document . querySelector ( '#x-rfpanafall-1' ) . toolMode ( modeEnum . RESET ) ; } ) ; document . querySelector ( '#btnDivHideAll' ) . addEventListener ( 'click' , function ( e ) { document . querySelector ( '#x-rfpanafall-1' ) . hideAll ( ) ; } ) ; document . querySelector ( '#btnDivClearAll' ) . addEventListener ( 'click' , function ( e ) { document . querySelector ( '#x-rfpanafall-1' ) . clearAll ( ) ; } ) ; document . querySelector ( '#btnDivShowAll' ) . addEventListener ( 'click' , function ( e ) { document . querySelector ( '#x-rfpanafall-1' ) . showAll ( ) ; } ) ; document . querySelector ( '#btnDivPrintCurrent' ) . addEventListener ( 'click' , function ( e ) { document . querySelector ( '#x-rfpanafall-1' ) . printCurrent ( ) ; } ) ; document . querySelector ( '#btnDivPrintAll' ) . addEventListener ( 'click' , function ( e ) { document . querySelector ( '#x-rfpanafall-1' ) . printAll ( ) ; } ) ; document . querySelector ( '#x-rfpanafall-1' ) . frameDiv . extView = document . querySelector ( '#asideMagCanvas' ) ; document . querySelector ( '#x-rfpanafall-1' ) . toolMode ( modeEnum . DRAW ) ; }
function to connect the interface buttons to the object when the map page is done loading.
function to connect the interface buttons to the object when the map page is done loading .
// Set the id of the canvas to show the zoomed region // set initial mode