Navigation Problem beim Hovern - Javascript

    Guten Tag liebe Community,

    Ich habe eine "Div Navigation" erstellt, diese ebenfalls in "Css" angepasst.
    Beim Hovern der "Main-Navigation" soll sich eine "Sub-Navigation" ausfahren.
    Diese liegt über dem "Slider" aber unter der "Main-Navigation".

    Mein Problem ist folgendes :

    Wenn Ich nun den ersten "Main-Navigationspunkt" Hovere fährt sich die "Sub-Navigation" aus, aber sobald Ich die "Main-Navigation" mit der Maus verlasse und versuche die "Sub-Navigation" auszuwählen verschwindet diese wieder.
    Sie soll aber nur verschwinden wenn Ich nicht mit der Maus den "Main-Navigationspunkt" oder die jeweilige "Sub-Navigation" berühre.

    Javascript Code : http://pastebin.com/qfHhSiXc

    Link zum Problem (In Bearbeitung die Seite) : http://my-alina.de/anpassung/1/Sitrion.html


    Über eine Antwort würde Ich mich sehr freuen,

    Freundliche Grüße
    Azr

    Ähm, wieviele Threads willst du noch zu diesem Thema aufmachen???

    Wieso mit diesem Thema, in den anderen Treaths ging es ausschließlich um:

    -Html 5 Doctype,
    -Logo an fester stelle positionieren, dank z-index erfolgreich gelöst,
    -Um die suche nach einer Subnavigation.Ebenfalls gelöst.
    -Imageslider ( noch nicht gelöst).

    Nun frage Ich nach einem Problem was neu ist und Ich nicht gelöst habe, da Ich keine große Ahnung von Javascripts bisher habe.

    Nunja, dann tut es mir leid, sagtest aber ja auch das das Javascript-Topic nicht um sonst da ist.
    Ist ja nun auch zu spät, also bitte nicht weiter über den Fehler des neu eröffnen´s schreiben.
    Wäre sehr dankbar wenn jemand etwas über meinen Fehler weiß.