Hi Adam,

For the sorting, I would suggest using Umbraco's built-in sort order.  Right-click your parent node and click Sort, and put the nodes in the order you like.

If not, you could add a navOrder numeric field to your doctype if you wanted, and sort it in XSLT using:

<xsl:for-each select="..your code..">
    <xsl:sort select="navOrder" data-type="number" order="ascending" />
    .....

Another, probably better, option might be to use a Multiple Content Picker to select/define your navigation items and order.  This would allow you to choose the nodes to show in the navigation and sort them all in one view.  Check out the Multi Node Tree Picker datatype from uComponents to achieve this.  You could add the datatype to your Home node or in a "Backoffice"/Settings node if you have one.

With regard to the separators, you can test for the last position in your for-each loop in XSLT using the code below.  Chriztian might get upset, but this is a simple way to get started :)

<xsl:if test="position() != last()">
    <span class="pipe">&#124;</span>
</xsl:if>

There are a few ways to go about this, just let us know what works for you and if you have any questions!

Also, FYI - typically the norm is to set the pages you DON'T want in your navigation, using a "Hide in navigation" checkbox, rather than specifying the ones to include.  But if you have a lot of nodes at the same level that shouldn't be included, your way may be the way to go.

-Tom