[Seasar-user:4897] imgタグのid属性について

[wasabi]

お疲れ様です。

一覧内の画像にマウスカーソルが乗ったとき、離れたときに画像を切り替える
という処理を実装しています。
一覧を作成するforEachのindexを利用してimgタグのid属性を指定したいのですが、

『id="detail_btn#{index}"』のようにid属性を指定すると落ちてしまいます。

<img m:inject="h:graphicImage"
	 m:url="/images/detail_btn.jpg"
	 src="../images/detail_btn.jpg"
     id="detail_btn#{index}"
     onMouseOver="SetOverimage('xxxxxx','detail_btn#{index}')"
     onMouseOut="SetOutimage('xxxxxx','detail_btn#{index}')" >

↓↓↓発生する例外
java.lang.IllegalArgumentException: Subsequent character is invalid
	javax.faces.component.UIComponentBase.validateId(UIComponentBase.java:666)
	javax.faces.component.UIComponentBase.setId(UIComponentBase.java:144)
	javax.faces.webapp.UIComponentTag.createComponent(UIComponentTag.java:375)
	javax.faces.webapp.UIComponentTag.createChild(UIComponentTag.java:382)
	javax.faces.webapp.UIComponentTag.findComponent(UIComponentTag.java:261)
	javax.faces.webapp.UIComponentTag.doStartTag(UIComponentTag.java:138)
	org.seasar.jsf.processor.TagProcessorImpl.processTag(TagProcessorImpl.java:224)
	org.seasar.jsf.processor.TagProcessorImpl.process(TagProcessorImpl.java:217)
・・・・・続く

id属性にもindexが使用できるようにしていただくことは可能でしょうか。
以上ご回答の程よろしくお願い致します。