Thanks for the fast reply, I'm very impressed.
I tried to leave out specifics for this question to make it more generally accessible to other users, but I'll elaborate on my intent.
I want to create a wheel based navigation menu. This menu has the position:fixed attribute. The HTML looks something like this:
<ul class="nav">
<li><div class="item"></div></li>
<li><div class="item"></div></li>
<li><div class="item"></div></li>
<li><div class="item"></div></li>
<li><div class="item"></div></li>
</ul>
The CSS for the ul.nav element is similar to the following:
ul.nav {
position: fixed;
top: 35%;
left:0%;
}
Straight away its apparent that only the "right half" of the list will be visible. Each <li> elements child div is only 30% of its parents width, with the other 70% a left-margin. This gives me a nice radial offset and lets me properly spiral the elements around a fixed point.
The idea is that the li elements initially fan out (this works) On a given user action, they rotate out of the screen (to the hidden "left" side) bar the element that is bound to the event. Using the "compass" in post 1, the easy solution would be to set the angle of rotation to 270*. The other, more verbose way, is to use each elements current position and index value to calculate the required rotation; however if this ability existed I didn't want to duplicate it.
I only picked up GS an hour or two ago, so apologies if this question is stupid.
Once again, thanks for the incredibly rapid response.
Regards,
Jamie.