or
<telerik:RadButton ID="showInputButton" runat="server" ButtonType="StandardButton" ToggleType="CustomToggle" AutoPostBack="False" ForeColor="Black" CommandArgument='<%# Eval("pdrid") %>' OnClientClicking="OnToggleInputClicking"> <ToggleStates> <telerik:RadButtonToggleState PrimaryIconCssClass="rbAdd" Text="Show" /> <telerik:RadButtonToggleState PrimaryIconCssClass="rbRemove" Text="Hide" /> </ToggleStates> </telerik:RadButton><Menu> <Group> <Item Text='Home' NavigateUrl='default.aspx' /> <Item Text='Work Order Status' NavigateUrl='wosearch.aspx' /> <Item Text='Device Info' NavigateUrl='devsearch.aspx' /> <Item Text='Reports'> <Group> <Item Text='Inventory'> <Group> <Item Text='By Cost Center' NavigateUrl='rptInvByCostCtr.aspx' /> <Item Text='By Description' NavigateUrl='rptInvByDevice.aspx' /> <Item Text='By Manufacturer' NavigateUrl='rptInvByManf.aspx' /> </Group> </Item> <Item Text='Work Orders'> <Group> <Item Text='CMs By Cost Center' NavigateUrl='rptWOByCostCtr.aspx' /> <Item Text='PM Scheduling' NavigateUrl='rptPMScheduling.aspx' /> </Group> </Item> </Group> </Item> </Group> </Menu>

<telerik:RadRotator runat="server" ID="imageSlider" RotatorType="AutomaticAdvance" ScrollDirection="Left" FrameDuration="300" ScrollDuration="1" Width="640px" ItemWidth="640px" Height="640px" ItemHeight="640px" PauseOnMouseOver="False" OnClientLoad="onRotatorLoadHandler" > <ItemTemplate> <asp:Image ID="Image1" ImageUrl='<%# "~/" + Eval("Path") %>' runat="server" /> </ItemTemplate> </telerik:RadRotator><table> <tr> <td> <asp:ImageButton ID="cmdStepBack" runat="server" ImageUrl="~/App_Themes/Default/Images/360Controls/first.png" OnClientClick="return stepBackward();" ToolTip="Step Backwards" /> </td> <td> <asp:ImageButton ID="cmdPause" runat="server" ImageUrl="~/App_Themes/Default/Images/360Controls/pause.png" OnClientClick="return pauseRotator();" ToolTip="Pause Animation" /> <asp:ImageButton ID="cmdPlay" runat="server" ImageUrl="~/App_Themes/Default/Images/360Controls/play.png" OnClientClick="return startRotator();" Style="display: none;" ToolTip="Play Animation" /> </td> <td> <asp:ImageButton ID="cmdStepForward" runat="server" ImageUrl="~/App_Themes/Default/Images/360Controls/last.png" OnClientClick="return stepForward();" ToolTip="Step Forward" /> </td> </tr> </table><script language="javascript" type="text/javascript"> var oRotator; function onRotatorLoadHandler(sender, args) { oRotator = sender; } function pauseRotator() { document.getElementById("cmdPause").style.display = "none"; document.getElementById("cmdPlay").style.display = ""; oRotator.pause(); return false; } function startRotator() { document.getElementById("cmdPause").style.display = ""; document.getElementById("cmdPlay").style.display = "none"; oRotator.resume(); return false; } function stepBackward() { oRotator.showNext(Telerik.Web.UI.RotatorScrollDirection.Right); pauseRotator(); return false; } function stepForward() { oRotator.showNext(Telerik.Web.UI.RotatorScrollDirection.Left); pauseRotator(); return false; } </script>