Javascript / JQuery замедление при переключении на полный экран

У меня есть странное поведение от firefox, я строю портфолио на одной странице, а в качестве графического дизайнера кодирование было сложным. Я хотел плавно управлять навигацией, а затем добавил масштабирование ко всем элементам (первоначально для полноэкранного 1920x1080). Лектор уронил бомбу, что ей тоже нужно было прокручивать вертикально, я пытаюсь заставить вертикальную навигацию работать.

Проблема в том, что, когда я переключаюсь на полноэкранный режим, большинство навигационных кодов, похоже, задерживаются до того, как они выполняются. Это происходит только при переключении на полный экран. Если я переключаюсь и обновляюсь, тогда это нормально. Я действительно хочу знать, что замедляет все это.

Я пробовал безопасный режим без плагинов. Я использую Firefox 24.0 с Firebug, чтобы получить кусочки.

Я создал скрипт кода (мой первый и он уже сломан): http://jsfiddle.net/jeffreyknipe/xfjmC/1/

Код прокрутки выглядит следующим образом:

    function navTo(horizontal, vertical) {
        browserWidth = $(window).innerWidth();
        browserHeight = $(window).innerHeight();
        newRatio = browserWidth / 1920;

        $('html body div#full_site section#pages_section').animate({
            marginLeft: '-' + browserWidth * horizontal,
            marginTop: (browserWidth / 16 * 9) * vertical
        }, 1000);
        if (horizontal == 0) {
            $('#menuspace #floating_topbar #menuzone').animate({
                marginRight: 0
            });
        } else {
            $('#menuspace #floating_topbar #menuzone').animate({
                marginRight: (newRatio * (-340))
            });
        };
    };

Я знаю, что кодеры там будут недовольны тем, насколько неэффективен код, но любые советы будут оценены. Самое главное, что полный экранный код замедляется.

Благодарю.