Forms Data Controls :: Scrolling Of Div With Javascript?

I'm trying to control the scrolling of a div containing a gridview using some js code I found at [URL] Intent is to stop the gridview in the div from scrolling to the top after the select in the gridview is operated. Prior to adding the ajax extentions the detail would display when the select image was operated. Now the grid appears ok but when the select is operated nothing happens - perhaps the nSelectedIndexChanging="DetailsView1_Show" code behind is no longer firing? Perhaps I am missusing the ajax extentions? Using VS 2010. My code is as below,

<asp:ScriptManager ID="ScriptManager1" runat="server"/>
<script type="text/javascript">
var xPos, yPos;
var prm = Sys.WebForms.PageRequestManager.getInstance();
prm.add_beginRequest(BeginRequestHandler);
prm.add_endRequest(EndRequestHandler);
function BeginRequestHandler(sender, args) {
xPos = $get('serviceorders').scrollLeft;
yPos = $get('serviceorders').scrollTop;
}
function EndRequestHandler(sender, args) {
$get('serviceorders').scrollLeft = xPos;
$get('serviceorders').scrollTop = yPos;
}
</script>
<asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Conditional">
<ContentTemplate>
<input type="hidden" id="hdnScrollTop" runat="server" value="0" />
<div id="serviceorders" style="position: absolute; left:300px; top:180px; height:100px; width:700px;
font-family: Arial; font-size: small; color:black; overflow:auto">
<asp:GridView ID="sobydate2GridView1" runat="server"
AllowSorting="True" AutoGenerateColumns="False" DataKeyNames="SOSONO"
DataSourceID="sobydate2gridview1SqlDataSource" AllowPaging="false" HeaderStyle-Wrap="True"
GridLines="None" OnSelectedIndexChanged="DetailsView1_Show"
OnSelectedIndexChanging="DetailsView1_Show">
<Columns>
<asp:CommandField ShowSelectButton="True" ButtonType="Image" SelectImageUrl="linkimage.gif" />
<asp:BoundField DataField="SOSONO" HeaderText="Service Order" ReadOnly="True"
<asp:BoundField DataField="SORSP" HeaderText="RSP" SortExpression="SORSP" />