AjaxLoadingPanel explicit show/hide in RadGrid problem in IE9

[Peter]

Hi all!

I have a RadGrid with rows and each row contains a RadNumericTextBox. When I edit the value of this RadNumericTextbox (using the spinbuttons) I have a AjaxLoadingPanel over the RadNumericTextbox which is edited (according to this demo). This is working fine in compatibility mode in IE9, but not in normal mode. This is the code:

.cs

RadAjaxManager.GetCurrent(Page).ClientEvents.OnRequestStart = "RequestStart";
RadAjaxManager.GetCurrent(Page).ClientEvents.OnResponseEnd = "ResponseEnd";

.ascx

<telerik:RadAjaxManagerProxy ID="RadAjaxManagerProxy1" runat="server">
    <AjaxSettings>
        <telerik:AjaxSetting AjaxControlID="grdItems">
        <UpdatedControls>
            <telerik:AjaxUpdatedControl ControlID="grdItems" />
        </UpdatedControls>
        </telerik:AjaxSetting>
    </AjaxSettings>
</telerik:RadAjaxManagerProxy>

<script type="text/javascript">
    var currentLoadingPanel = null;
    var currentUpdatedControl = null;
    function RequestStart(sender, args) {
        currentLoadingPanel = $find("<%= RadAjaxLoadingPanel1.ClientID %>");
        currentUpdatedControl = args.get_eventTarget();
        currentLoadingPanel.show(currentUpdatedControl);
    }
    function ResponseEnd() {
        //hide the loading panel and clean up the global variables
        if (currentLoadingPanel != null)
            currentLoadingPanel.hide(currentUpdatedControl);

        currentUpdatedControl = null;
        currentLoadingPanel = null;
    }
</script>

What can I do so that it works fine in IE9?

Thanks in advance.

Regards,
Peter