Outputting Navigation I need some help with coding the navigation.

This is the markup:

&lt;ul&gt;
    &lt;li class="active"&gt;&lt;a href="#"&gt;home&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href="#"&gt;about&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href="#"&gt;services&lt;/a&gt;
        &lt;div class="drop"&gt;
            &lt;ul&gt;
                &lt;li&gt;&lt;a href="#"&gt;signs&lt;/a&gt;&lt;/li&gt;
                &lt;li&gt;&lt;a href="#"&gt;printed decals&lt;/a&gt;&lt;/li&gt;
                &lt;li&gt;&lt;a href="#"&gt;vehicle &amp;amp; fleet graphics&lt;/a&gt;&lt;/li&gt;
                &lt;li&gt;&lt;a href="#"&gt;banners &amp;amp; posters&lt;/a&gt;&lt;/li&gt;
                &lt;li&gt;&lt;a href="#"&gt;magnetics&lt;/a&gt;&lt;/li&gt;
                &lt;li&gt;&lt;a href="#"&gt;vinyl graphics&lt;/a&gt;&lt;/li&gt;
                &lt;li&gt;&lt;a href="#"&gt;construction and job site signs&lt;/a&gt;&lt;/li&gt;
                &lt;li&gt;&lt;a href="#"&gt;business cards &amp;amp; flyers&lt;/a&gt;&lt;/li&gt;
                &lt;li&gt;&lt;a href="#"&gt;sign hardware&lt;/a&gt;&lt;/li&gt;
            &lt;/ul&gt;
        &lt;/div&gt;
    &lt;/li&gt;
&lt;/ul&gt;
&lt;ul&gt;
    &lt;li&gt;&lt;a href="#"&gt;testimonials&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href="#"&gt;contact&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href="#"&gt;get quote&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;


And here's a sample of my entries, channels and structures: http://grab.by/Awx8

This is what I have so far, but it's not really working at all:

{# get menu items #}
{# {% set pageItems = craft.entries.section('services').level('&lt;= 2') %} #}

{% set pageItems = craft.entries.level('&lt;= 2') %}

{# Output the sub menu #}
&lt;ul&gt;
    &lt;li&gt;&lt;a href="{{ siteUrl }}"&gt;Home&lt;/a&gt;&lt;/li&gt;

    {% nav page in pageItems %}
        &lt;li&gt;
            &lt;a href="{{ page.navigationUrlOverride ? page.navigationUrlOverride : page.url }}"&gt;
                {% if page.navigationTitle %}
                    {{ page.navigationTitle|nl2br }}
                {% else %}
                    {{ page.title }}
                {% endif %}
            &lt;/a&gt;

            {% ifchildren %}
                &lt;div class="drop"&gt;
                    &lt;ul&gt;
                        {% children %}
                    &lt;/ul&gt;
                &lt;/div&gt;
            {% endifchildren %}
        &lt;/li&gt;
    {% endnav %}
&lt;/ul&gt;
&lt;ul&gt;
    &lt;li&gt;&lt;a href="#"&gt;testimonials&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href="#"&gt;contact&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href="#"&gt;get quote&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;


Any help is much appreciated.
My Solution uses:
1. LJ Dynamic Fields Plugin
2. 1 Structure I called SiteMenu

What I did is:
1. Install LJ Dynamic Fields
2. Setup a MenuLinkPage Field of fieldType Dynamic DropDown
    - In the Drop Down Options is like this because am pulling links from entries and category 


{% set menuIds = craft.entries.section('siteMenu').ids()%}
{% set menuIdsString = menuIds | join(', not ') %}

{ "value":"#","label":"Select Page"},
{%for category in craft.categories.limit(null) %}
      { "value":"{{category.id}}" , "label":"category-{{category.group}}--{{category.title}}"},
{%endfor%}
{%for entry in craft.entries.limit(null).id('and, not '~menuIdsString).order('type ASC')%}
      { "value":"{{ entry.id }}" , "label":"{{entry.type}} - {{ entry | raw }}"  
      }
      {% if not loop.last %},{% endif %}
{%endfor%}
    


Setup a SiteMenu Structure on its layout I added MenuLink Field.
Then added Pages I need for my Menu by selecting from MenuLinkPage field.
Call the menu in my _layout template like this

{% block menu %}

{% set pages = craft.entries.section('siteMenu').level('&lt;=2') %}



&lt;ul&gt;
&lt;li class="mobile-close"&gt;&lt;a href="#close" class="mobile-menu-trigger"&gt;&lt;i class="fa fa-times"&gt;&lt;/i&gt; close menu&lt;/a&gt;&lt;/li&gt;
{% cache %}  
  {% nav page in pages %}

        {% set entryId = page.menuLinkPage %}

        {% if entryId &gt; 0 %}
          {% if craft.categories.id(entryId)|length %}
            &lt;li&gt;&lt;a href="{{siteUrl}}index.php/{{ craft.categories.id(entryId).first().uri }}"&gt;{{page.title}}&lt;/a&gt;
          {% else %}
            &lt;li&gt;&lt;a href="{{siteUrl}}index.php/{{ craft.entries.id(entryId).first().uri }}"&gt;{{page.title}}&lt;/a&gt;
          {% endif %}    
{% else %}
            &lt;li&gt;&lt;a href="{{siteUrl}}"&gt;{{page.title}}&lt;/a&gt;

        {% endif %}

            {% ifchildren %}
                &lt;ul class="sub-menu"&gt;
                    {% children %}
                &lt;/ul&gt;
            {% endifchildren %}
        &lt;/li&gt;
    {% endnav %}


{% endcache %}
    

{% endblock menu %}


I hope this helps