<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>