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 http://users.tpg.com.au/j_birch/plugins/superfish/#getting-started 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?
<script> 
$(document).ready(function() { 
$('ul.sf-menu').superfish(); 
}); 
</script>



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