I'd like to change the text on the add to cart button based on certain criteria.  We are a charity that sponsors kids and has other donation items so I'd like button to say Sponsor Me for the kids and Donate for other items. 

I'd like to use javascript to define the text but I can't seem to get the script and input HTML to play nicely together.  Any help would be most appreciated.

The input html goes like this:

<INPUT type='button' class='btn-BuyOff' value='cfhi_button_name' id='addtocart' name='addtocart' onMouseOver="this.className='btn-BuyOn'; return true;" onMouseOut="this.className='btn-BuyOff'; return true;" onkeypress="window.event.cancelBubble=true;" onclick="<%=getCurrentAttribute('item','addtocartclickscript')%>">