Joomla dropdown menu horizontal/vertical

Joomla dropdown menu horizontal/vertical

I’ve made own Joomla template, but I don’t know how to create a superfish horizontal menu bar. What I found in is it understandable for me. I still dont’t how to use e.g. in„top” module positon.So I need some detailed process
1. link to the head tag:
<script type="text/javascript" src="superfish.js"></script>
(Probably this javascript has been called in template/xxl/index.php)

2.It says „Call superfish() on the containing ul element”. How?
$(document).ready(function() { 

The linked modification in css, not a problem, but the structure most important, what way can I call the javascript and why?

This is the actual main navbar

Main navbar with sub menu"What's New in 1.5?"

What I'd like to get

Could anybody guide me, how can I solve this ?
Thanks in advance,
Peter Hurvinyek