Need Help: js/ css active login-window setTimeout

[delicjous]

Hi everybody,

I need help with a small javascript.
I wanna activate the login-window at pageload and set a timeout to deactivate it again after a few seconds.

I try somthing like this but it didn't work:

<vb:if condition="$page['channelid'] == 1">
<vb:if condition="!$user OR $user['userid'] < 1">
<script type="text/javascript">
$(document).ready(function() {
    $("#main-navbar .username-container").addClass("b_menu__dropdown--active");, function(){
        setTimeout("$('#main-navbar .username-container').removeClass("b_menu__dropdown--active");", 5000);
    });
});
</script>
</vb:if>
</vb:if>

This script is in a template and the template is loading at the hook footer_before_body_end.
The template is loading but it isn't doing what it should do...

Would be nice to get some help.

Thanks