openNavigator : function() {
        var loadRooms = false;
        if ($('#navigator').length < 1) {
            $('#game').append(
                '<div id="navigator" class="navigator"><div class="top"><div id="close" onclick="$(this).parent().parent().css(\'display\', \'none\');"></div></div><div class="header"><div id="off" onclick="if (game.naviPage != 2) { game.openNavigatorPage(2); }"></div><div id="pop" onclick="if (game.naviPage > 1) { game.openNavigatorPage(1); }"></div><div id="ev" onclick="if (game.naviPage != 3) { game.openNavigatorPage(3); }"></div><div id="mine" onclick="if (game.naviPage != 4) { game.openNavigatorPage(4); }"></div><div id="search" onclick="if (game.naviPage != 5) { game.openNavigatorPage(5); }"></div><div id="htlview"></div></div><div class="content"><div id="searchbox"><input type="text" value=""><input type="submit" value=""></div><div id="roomListing"></div></div><div class="bottom"><div class="resize"></div></div></div>'
            );
            $('#navigator').drag('start',function( ev, dd ){
                $( this ).css('zIndex', z++);
                dd.height = $( this ).height();
            }).drag(function( ev, dd ){
                $( this ).css({
                    top: dd.offsetY,
                    left: dd.offsetX
                });
            }, { handle:".top", not:"#close" });
            $('#navigator .header #htlview').click(function(){
                clearTimeout(window.htlviewInfoTimeout);
                $('#htlview_info').remove();
            });
            $('#navigator .header #htlview').hover(function(){
                window.htlviewInfoTimeout = setTimeout(function(){
                    $('#game').append(
                        '<div id="htlview_info"></div>'
                    );
                    $('#htlview_info').css({
                        left:  (cursorX + 25) + 'px',
                        top:   (cursorY + 20) + 'px'
                    });
                    $(document).on('mousemove', function(e){
                        $('#htlview_info').css({
                            left:  (e.pageX + 25) + 'px',
                            top:   (e.pageY + 20) + 'px'
                        });
                    });
                }, 700);
            }, function() {
                clearTimeout(window.htlviewInfoTimeout);
                $('#htlview_info').remove();
            });
            loadRooms = true;
        } else {
            if ($('#navigator').css('display') == 'none') {
                $('#navigator').css('display', 'block');
                loadRooms = true;
            } else {
                $('#navigator').css('display', 'none');
            }
        }
        if (loadRooms) this.openNavigatorPage(this.naviPage);
    },
    openNavigatorPage : function (pId) {
        if (pId != this.naviPage) {
            if (this.naviPage == 2) {
                $('#navigator .header #off').css({'cursor':'pointer','background-image':'url(./img/navigator/off_button.png)'});
            } else if(this.naviPage < 2) {
                $('#navigator .header #pop').css({'cursor':'pointer','background-image':'url(./img/navigator/pop_button.png)'});
            } else if(this.naviPage == 3) {
                $('#navigator .header #ev').css({'cursor':'pointer','background-image':'url(./img/navigator/ev_button.png)'});
            } else if(this.naviPage == 4) {
                $('#navigator .header #mine').css({'cursor':'pointer','background-image':'url(./img/navigator/mine_button.png)'});
            } else if(this.naviPage == 5) {
                $('#navigator .header #search').css({'cursor':'pointer','background-image':'url(./img/navigator/search_button.png)'});
            }
            if (pId == 2) {
                $('#navigator .header #off').css({'cursor':'default','background-image':'url(./img/navigator/off_button_hover.png)'});
            } else if(pId < 2) {
                $('#navigator .header #pop').css({'cursor':'default','background-image':'url(./img/navigator/pop_button_hover.png)'});
            } else if(pId == 3) {
                $('#navigator .header #ev').css({'cursor':'default','background-image':'url(./img/navigator/ev_button_hover.png)'});
            } else if(pId == 4) {
                $('#navigator .header #mine').css({'cursor':'default','background-image':'url(./img/navigator/mine_button_hover.png)'});
            } else if(pId == 5) {
                $('#navigator .header #search').css({'cursor':'default','background-image':'url(./img/navigator/search_button_hover.png)'});
            }
            this.naviPage = pId;
        }
        clearInterval(window.navLoadingBlink);
        $('#navigator #roomListing').empty();
        $('#navigator #roomListing').append(
            '<span id="navLoading" style="display:block;cursor:default">L&auml;dt..</span>'
        );
        var composer = MessageComposer(5); // roomlist request
        composer.pushInteger(this.naviPage);
        this.serverMessage(composer);
        window.navLoadingBlink = setInterval(function(){
            $('#navLoading').css('display', $('#navLoading').css('display') == 'none' ? 'block' : 'none');
        }, 500);
    },
    sendNotif : function(txt) {
        logging.logConsole('Send notif \'' + txt + '\'');
        var id = ++this.alerts;
        $('#game').append(
            '<div id="alert' + id + '" class="alert"><div class="top"><div id="title">Nachricht vom Habbo Staff</div><div id="close" onclick="$(this).parent().parent().remove();"></div></div><div class="content"><span>' + txt + '</span><button onclick="$(this).parent().parent().remove();"></button></div><div class="bottom"></div>'
        );
        $('#alert' + id).drag('start',function(){
            $( this ).css('zIndex', z++);
        }).drag(function( ev, dd ){
            $( this ).css({
                top: dd.offsetY,
                left: dd.offsetX
            });
        }, { handle:".top", not:"#close" });
    }