Getting a user control's property's value on the client side

Hello,

I am creating a c# asp.net ascx control which I want to use in my applications.
The control has a textbox and 2 images and a  property "UpDownMaxValue" which I would like to get its value on the client side, when clicking one of the images.

 I know I can get the control's value, for example,  by using:
document.getElementById('<%= txtUpDown.ClientID %>').value

How can I get the "UpDownMaxValue" on client side?

Thank you

ascx code
----------
 
<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="updown.ascx.cs" Inherits="ControlsTests.updown" %>
<script language="javascript">
    function increment()
    {
       var currentVal = document.getElementById('<%= txtUpDown.ClientID %>').value
       if(!isNaN(parseInt(currentVal)))
       {
            document.getElementById('<%= txtUpDown.ClientID %>').value = Number(currentVal) + 1;
       }
    }
    
    function decrement()
    {
       var currentVal = document.getElementById('<%= txtUpDown.ClientID %>').value
       if(!isNaN(parseInt(currentVal)))
       {
            document.getElementById('<%= txtUpDown.ClientID %>').value = Number(currentVal) - 1;
       }
    }
</script>
 
<table>
    <tr>
        <td>
            <asp:TextBox ID="txtUpDown" runat="server" Width="30px"></asp:TextBox>
             <img src="images/arrUp.gif" onclick="javascript:increment()" style="position:relative; left: -4px; top: -8px;" />
             <img src="images/arrDown.gif" onclick="javascript:decrement()" style="position:relative; left: -19px; top: 3px;"/>
        </td>
    </tr>
</table>
 
cs code
--------
 public int UpDownMaxValue
        {
            get
            {
                return this.MaxVal;
            }
            set
            {
                this.MaxVal = value;
            }
        }

Select allOpen in new window