Hide single/multiple ModalPopup on Esc key and outside the popup area using Javascript

<script type="text/javascript">
    function pageLoad() {
        var mpe = $find("MPE");
        mpe.add_shown(onShown); //Outside the PopUp Area
       var mpe2 = $find("MPE2");
        mpe2.add_shown(onShown2);
        $addHandler(document, 'keydown', onKeypress); //For ESC Key
    }
    function onShown() {
        var background = $find("MPE")._backgroundElement;
        background.onclick = function () { $find("MPE").hide(); }
    }
 function onShown2() {
        var background = $find("MPE2")._backgroundElement;
        background.onclick = function () {
            $find("MPE2").hide();
        }
    }
    function onKeypress(args) {
        if (args.keyCode == Sys.UI.Key.esc)
{
             var mdl = $find('MPE');
             var md2 = $find('MPE2');
             if(md1!=null || md2!=null)
             {
            mdl.hide();
            md2.hide();
             }
        }
    }
    </script>




<cc1:ModalPopupExtender ID="ModalPopupExtender1" runat="server"
    BackgroundCssClass="ModalBackground" CancelControlID="btnCancel" TargetControlID="hpldwn" PopupControlID="panOpen" 
    PopupDragHandleControlID="panOpen" BehaviorID="MPE"  Enabled="false"> </cc1:ModalPopupExtender>