Logowechsel nach dem scrollen

Hallo zusammen,
ich bin gerade dabei ein neues Theme zu erstellen, als Ausgangspunkt benutze ich FoundationPress. Ich würde gerne das Logo in der Top Bar nach etwas scrollen austauschen. Ich bin leider nicht so fit in Sachen JavaScript und bitte daher an dieser Stelle in dieser Form um Hilfe.
Hier ist meine Lösung: http://jsfiddle.net/9tdrpfb9/ funktioniert soweit auch genau so wie gewünscht, allerdings möchte ich auf der Seite später den Revolution-Slider einsetzen und der scheint mir ein Strich durch die Rechnung machen: http://52.11.22.104/ Zum einen funktioniert der der Bildaustausch nicht mehr und zum anderen überdeckt der Slider das Logo welches eigentlich über der Top Bar rausragen sollte (siehe jsfiddle-Link weiter oben).
Bin um jeden Tipp dankbar!!
Gruß
Gabriel