How to close CalendarExtender on lost focus or mouse out

CalendarExtender control will not close automatically once opened without selecing a date. This small code snippets helps to achive the control to close once its loses the focus.

<script language="javascript" type="text/javascript">
   var blnflag = false;
   document.onmouseout = function(sender, args)
   {
      if (event.srcElement.tagName.toLowerCase() == "div" && event.srcElement.outerHTML.indexOf("ajax__calendar") > 0) blnflag = true;
      if (blnflag && event.srcElement.tagName.toLowerCase() != "div")
      {
         blnflag = false;
         $find("CEBID1").hide();
      }
   }
</script>






<asp:TextBox id="txtFrom" onkeypress="return false;" onkeydown="return false;" onmouseover="return false;" runat="server" style="width: 100px" />
<img id="img1" runat="server" alt="Date" src="images/cal.gif" temp_src="images/cal.gif" />
<cc1:CalendarExtender BehaviorID="CEBID1" runat="server" ID="cl1" TargetControlID="txtFrom" PopupButtonID="img1" Format="dd-MMM-yyyy"></cc1:CalendarExtender>