#set ($imageOn  = "$contextPath/download/attachments/$page.id/$brikitCore.urlEncode($hover)")
#set ($imageOff = "$contextPath/download/attachments/$page.id/$brikitCore.urlEncode($image)")
#set ($urlHtml = $url)
#if($accessible)<div class="image-replace">#{end}<span class="image-wrap #if ($class)${class}#end"
	#if ($id) id="$id" #end
	#if ($align == "left" || $align == "right") style="float: $align" #end
	#if ($align == "center") style="display: block; text-align: $align" #end
><a 
	href="$!{urlHtml}"
	#if ($new-window) target="_blank" #end 
	#if ($title) title="$title" #end
	class="rollover-image-link #if ($externalLink) external-link #end $!class"
	#if ($id) id="$id" #end
	#if ($brikitCore.isSet($selector))
      onclick='if (jQuery("$selector").length) jQuery("$selector")[0].click(); else ThemePress.Dialog2.alert("<p>Link target not found: <strong>$selector</strong></p>", {title:"Rollover Image Link"}); return false;'
    #end
	><img src="$imageOff" 
		  class="rollover-image #if(!$url)$!class#end"
		#if ($hover)
		  onmouseover="this.src='$imageOn'" 
		  onmouseout="this.src='$imageOff'" 
		#end
		  #if ($title) alt="$title" #end
		  border="0" 
		  #if ($imageWidth) width="$imageWidth" #end
		  #if ($imageHeight) height="$imageHeight" #end
		  style="#if($margin)margin:$htmlUtil.htmlEncode($margin);#end"
/></a></span>#if($accessible)<h1>$htmlUtil.htmlEncode($accessible)</h1></div>#{end}#if($hover)<script type="text/javascript">new Image().src="$imageOn";</script>#end