Ознакомьтесь www.w3schools.com/tags/ref_av_dom.asp
Логика такова - При клике запускаете одну дорожку, и смотрите событие ended, после чего запускаете вторую. Создавать 2 функции нет никакого смысла.
Вам нужно задать высоту 100% не только body но и html и .wrapper + footer абсолютным позиционированием привязать вниз (bottom:0), а в блоке контента делаете отступ снизу в высоту футера.
А Вы уверены что тормозит именно из-за навешивания событий, я ставил на mouseover qtip и тоже был бесконечный скролл и все работало нормально.
После показа контент Вы убиваете?