HI every one. 

umbraco v 4.11.3

I have this small challenge, im sure it is quiet simple, but i cant see how

I have this structure of my site.

Each product has a media picker. It is used ti select an image presenting the category

I set the image here

My problem is i get the same picture on all the categories, even if i choose different images. 
It displays only the one from the first. 

I quiet sure i should add (@id) to the xslt on this line

<img src="{$mediaNode/umbracoFile}" alt="[image]" height="{umbracoHeight}" width="{umbracoWidth}"/>

But i cant get it to work :-(

<xsl:variable name="level" select="2"/>
<xsl:template match="/">
    <ul id="ts-display-pf-filterable" class="image-grid">
        <xsl:for-each select="$currentPage/ancestor-or-self::* [@level=$level]/* [@isDoc and string(umbracoNaviHide) != '1']">
            <li class="shapes">
                <div class="ts-display-pf-img">
                    <a class="image" href="{umbraco.library:NiceUrl(@id)}">
                    <span class="rollover" disable-output-escaping="yes">&nbsp;</span>
                        <xsl:variable name="mediaId" select="number($currentPage/categoryImage)" />
                        <xsl:if test="$mediaId > 0">
                            <xsl:variable name="mediaNode" select="umbraco.library:GetMedia($mediaId, 0)" />
                            <xsl:if test="$mediaNode/umbracoFile">
                                <img src="{$mediaNode/umbracoFile}" alt="[image]" height="{umbracoHeight}" width="{umbracoWidth}"/>
                            </xsl:if>
                        </xsl:if>
                    </a>                          
                </div>
                <div class="ts-display-pf-text">
                    <h3><a href="{umbraco.library:NiceUrl(@id)}">
                        <xsl:value-of select="@nodeName"/>
                        </a></h3>
                    <span><xsl:value-of select="categoryTeaser" disable-output-escaping="yes"/></span>
                </div>
                <div class="ts-display-clear"></div>
            </li>
        </xsl:for-each>
    </ul>     
</xsl:template>