Many thanks Pecinko
After following your suggestion and much trial and error i finally got what i want sort of lol
Code:
<!--Highlight-->
<control type="image">
<posx>10</posx>
<posy>70</posy>
<width>1260</width>
<height>60</height>
<texture>Highlight.png</texture>
<animation effect="slide" end="0,0" time="10" condition="Container(9000).HasFocus(10)">conditional</animation>
<animation effect="slide" end="0,70" time="10" condition="Container(9000).HasFocus(11)">conditional</animation>
<animation effect="slide" end="0,140" time="10" condition="Container(9000).HasFocus(3)">conditional</animation>
<animation effect="slide" end="0,210" time="10" condition="Container(9000).HasFocus(6)">conditional</animation>
<animation effect="slide" end="0,280" time="10" condition="Container(9000).HasFocus(1)">conditional</animation>
<animation effect="slide" end="0,350" time="10" condition="Container(9000).HasFocus(4)">conditional</animation>
<animation effect="slide" end="0,420" time="10" condition="Container(9000).HasFocus(2)">conditional</animation>
<animation effect="slide" end="0,490" time="10" condition="Container(9000).HasFocus(7)">conditional</animation>
<animation effect="slide" end="0,490" time="10" condition="Container(9000).HasFocus(5)">conditional</animation>
</control>
The highlight now highlights the relevant menu item as i hover over them or use the arrows to navigate them. I haven't figured out how to get the highlight to slide in from the left but this is close enough until my knowledge improves
My next problem is how do i ensure the menu text and the focus text stay above the highlight?
Ive tried Google and looking at the wiki but i couldn't find anything to do with layers, maybe I'm looking in the wrong place or using the wrong keywords.
Pointers appreciated please.
Thanks again, getting a there slowly.