Simple seeming script used on Habbox

[vito201-:D]

Right, it looks simple but i can't seem to get it to work

so tell me, how exactly does the pop-out hover Navigator work?

Any complete answer not telling me just to rip code will get some Rep ^^

Cheers ;]

It seems to be javascript:

<!--
function importStyleSheet(shtName){
// add style sheet via javascript
var link = document.createElement( 'link' );
link.setAttribute( 'href', shtName );
link.setAttribute( 'type', 'text/css' );
link.setAttribute( 'rel', 'stylesheet' );
var head = document.getElementsByTagName('head').item(0);
head.appendChild(link);
}
-->

--------------And----------------

<!--
// create init function
function infinity_menu_1_init(){eval("var infinity_menu_1 = new DropDownMenuX('infinity_menu_1');infinity_menu_1.t ype = 'vertical';infinity_menu_1.delay.show = 20;infinity_menu_1.delay.hide = 400;infinity_menu_1.position.level1.left = 0;infinity_menu_1.position.levelX.left = 0;infinity_menu_1.fitWidth = 0;infinity_menu_1.init();");}
// add init function to onload event
if (document.body.currentStyle){
//ie code
window.attachEvent('onload', infinity_menu_1_init);
} else {
//mozilla code
window.addEventListener("load", infinity_menu_1_init, false);
}
-->
</script>


"importStyleSheet('http://www.habbox.com/site//modules/infinity_menus/css/dropdown/academic.css');"
/\ Is it to do with a script sheet?
Edit: The sheet seems to control both the shape and picture aswells as the pop-out menu...


Edit: Edit: Just looked through the .css file found this:

.academic .subItem_1, .academic .subItem_1:hover, .academic .subItem_1-active, .academic .subItem_1-active:hover {
border : 1px solid #bbbbbb;
}

.academic .subItem_2, .academic .subItem_2:hover, .academic .subItem_2-active, .academic .subItem_2-active:hover {
border : 1px solid #ffffff;
}

.academic .subItem_1, .academic .subItem_2{
color : #000000;
}
.academic .subItem_1:hover, .academic .subItem_2:hover{
color : #000000 !important;
}