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

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ß.