change logo image on hover

[Trover]

How could I go about doing this ?

 

[Jake Bunce]

Admin CP -> Appearance -> Templates -> logo_block

<div id="logoBlock">
	<div class="pageWidth">
		<div class="pageContent">
			<xen:include template="ad_header" />
			<xen:hook name="header_logo">
			<div id="logo"><a href="{$logoLink}">
				<span><xen:comment>This span fixes IE vertical positioning</xen:comment></span>
				<img onmouseover="this.src='styles/default/xenforo/node-sprite.png';" onmouseout="this.src='@headerLogoPath';" src="@headerLogoPath" alt="{$xenOptions.boardTitle}" />
			</a></div>
			</xen:hook>
			<span class="helper"></span>
		</div>
	</div>
</div>

 

[Trover]

you da man jake