<a href="http://www.maryjanesfarm.org"><img id="btnMJF" src="*your button location/mjf_button.gif*" width="180" height="73" alt="MaryJanesFarm Button" class="" style="border: 0px; margin: 50px;" onmouseover="initBtnVars(this)" onmousedown="buttonPress(this)" onkeydown="buttonPress(this)" onmouseup="buttonRelease(this)" onkeyup="buttonRelease(this)" onmouseout="buttonRelease(this)"></a>
<script type="text/javascript">
<!--script hiding for older browsers
var imgOriginalURL = "";
var imgActiveURL = "";
function initBtnVars(imgElement) {
imgOriginalURL = imgElement.src.toLowerCase();
imgActiveURL = imgOriginalURL.replace(/mjf_button.gif/,"mjf_button-active.gif");
}
function buttonPress(imgElement) {
imgElement.src = imgActiveURL;
}
function buttonRelease(imgElement) {
imgElement.src = imgOriginalURL;
}
//end script hiding-->
</script>