Thanks everybody for your input..
I decided to go with Fabian - avenue of the Spamspan but did some alterations so I could replace with an image as well (this was just as a user interface reason).
So I installed the Drupal module SpamSpan - I then added this piece of code to my node.tpl.php
<?php
if ( $node->type == 'directory' ) {
// Has this page got a main image?
$emailAdd = $node->field_email[0]['value'];
if (strlen($emailAdd) > 0)
{
$arrEmail = explode("@", $emailAdd);
$emailAdd = '<span class="spamspan">
<span class="u">'.$arrEmail[0].'</span>
[at]
<span class="d">' . str_replace(".","[dot]",$arrEmail[1] ) . '</span></span>';
print $emailAdd;
}
}
?>
Then within spamspan.compressed.js I added in the functionaility of displaying an image by replacing the .html function with .html('<img src="' + Drupal.settings.basePath + 'themes/zen/zen-internals/images/btnContactBus.gif">')
Hope this helps somebody else - and thanks again for you guys helping me.
Shane