Wykop

                         <script>
            var currentChildId = "192896";
            var currentLanguageId = 0;

            var ENG_LANG_ID = 1;
            var ORT_LANG_ID = 4;

            function nl2br(str) {
                return str.replace(/\\n/g, '<br />');
            }

            function initSession() {
                setAudioEmpty();
                playAudio();
                $.ajax({
                    url: '../server/actions/init_session.php',
                    type: "POST",
                    dataType: 'json',
                    data: {child_id:currentChildId}
                }).done(function(data) {
                    $("#loading").hide();
                    if ( data.is_new ) {
                        startSessionPage("start_session_page", "start_session_button", data.language_id, data.characters);
                    } else {
                        startSessionPage("continue_session_page", "continue_session_button", data.language_id, data.characters);
                    }
                }).error(alertError);
            }

            function startSessionPage(page_id, button_id, language_id, characters) {
                $("#" + page_id).show();
                $("#" + button_id).off("click").click(function() {
                    setAudioEmpty();
                    playAudio();
                    startLearningPage(language_id, characters);
                });
            }

            function startLearningPage(language_id, lang_chars) {
                currentLanguageId = language_id;
                $("#special_characters").empty();

                $("#special_characters").append($("<div/>").html("&nbsp;"));

                for ( var i = 0; i < lang_chars.length; ++i ){
                    $("#special_characters").append($("<div/>").text(lang_chars[i]).addClass("special_character_button").click(function(i){
                        return function() {
                            $("#answer").val($("#answer").val() + lang_chars[i]);
                            $("#answer").focus();
                        }
                    }(i)));
                }
                $("#special_characters").append($("<div/>").html("&nbsp;"));
                $('#start_session_page').hide();
                $('#continue_session_page').hide();
                $('#loading').show();
                getNextWord();
            }

            function setAudio(word) {
                var url;
                var file = word + ".mp3";
                url = "/mp3/" + currentLanguageId + "/";
                loadAudio(url + file);
            }

            function setAudioEmpty(){
                loadAudio("/mp3/_empty.mp3");
            }

            function loadAudio(url){
                $('#jquery_audioPlayer').jPlayer("setMedia", { mp3: url });
                $("#jquery_audioPlayer").jPlayer("load");
            }


            function playAudio() {
                $('#jquery_audioPlayer').jPlayer("play");
            }

            function learningPageShow(id, speechPart, usageExample, translations, word, has_audio, audio_file_name, is_new_word, is_marketing) {
                $('.speaker').hide();
                $('#question_speaker').hide();
                $('#question_speaker').off('click');
                $('#answer').off('keyup');
                $('body').off('keyup');
                $('#answer').off('enterKey');
                $('.speaker').off('click');
                $('#check').off('click');
                $('#show').off('click');
                $("#new_word_form .big_button").off("click");

                $('.translations').html(translations);
                $('.usage_example').html(usageExample);
                $('.speech_part').html(speechPart);

                $('#loading').hide();
                $('.back').show();
                $('#learning_page').show();

                if ( is_new_word || is_marketing ){
                    $("#learning_form").hide();
                    $("#new_word_form").show();
                    $("#know_new").click(function() {
                        if ( is_marketing )
                            possibleWordPageShow(translations);
                        else
                            show_learning_form(id);
                    });
                    $("#dont_know_new").click(function() {
                        if ( is_marketing )
                            possibleWordPageShow(translations);
                        else
                            ask_for_answer(id);
                    });
                    $('body').off('keyup');
                    $("body").keyup(function(e){
                        if (e.keyCode == 13) {
                            $('#know_new').trigger('click');
                        }
                    });
                } else {
                    show_learning_form(id);
                }



                if (has_audio) {
                    setAudio(audio_file_name);
                }
                if ( currentLanguageId == ORT_LANG_ID && has_audio ) {
                    playAudio();
                    $("#question_speaker").show();
                    $("#question_speaker").click(function() { playAudio(); });
                }
            }

            function possibleWordPageShow(word) {
                $('#loading').hide();
                $("#learning_page").hide();
                $("#possible_word_page").show();
                $("#possible_word").text(word);
                $(".back").show();
                $("#skip").off("click").click(function(){
                    $("#possible_word_page").hide();
                    $('#loading').show();
                    getNextWord();
                });
                $('body').off('keyup').keyup(function(e){
                    if (e.keyCode == 13) {
                        $('#skip').trigger('click');
                    }
                });
            }

            function show_learning_form(id){
                $("#new_word_form").hide();
                $("#learning_form").show();
                $('#answer').keyup(function(e){
                    if(e.keyCode == 13) {
                        $(this).trigger("enterKey");
                    }
                });
                $('#answer').bind("enterKey", function(e){
                    checkAnswer(id, $('input[id=answer]').val());
                });

                $('#check').click(function() {
                    checkAnswer(id, $('input[id=answer]').val());
                });
                $('input[id=answer]').val('');
                $('input[id=answer]').focus();
            }

            function ask_for_answer(id){
                $('#learning_page').hide();
                $('#loading').show();
                updateParams(id, '', false);
            }

            function checkAnswer(id, answer) {
                $('#learning_page').hide();
                $('#loading').show();
                updateParams(id, answer, true);
            }

            function showAnswerPage(id, answer, usageExample, translations, grade, word, answer_show, has_audio, show_grade) {
                resultCommentMessage(true);
                if ( show_grade ) {
                    if (grade == 1) { // Correct Answer
                        $('#answer_result').html('<div class="green">Dobrze</div>');
                    } else if (grade == 2) { // Synonym Answer
                        $('#answer_result').html('<div class="blue">Synonim</div>');
                    } else { // Wrong answer
                        $('#answer_result').html('<div class="red">Niepoprawnie</div>');
                    }
                } else {
                    $('#answer_result').html('<div>&nbsp;</div>');
                }
                $('#answer_translations').html(translations);
                if (grade != 2) {
                    $('#word').html(word);
                } else {
                    $('#word').html('');
                }

                $('.usage_example_answer').html(usageExample);

                if (has_audio && grade != 2) {
                    if ( currentLanguageId != ORT_LANG_ID )
                        playAudio();
                    $('.speaker').click(function() {
                        playAudio();
                    });
                    $('.speaker').show();
                } else {
                    $('.speaker').hide();
                }

                $('#next_word').html('Następne');
                $('#answer').off('keyup');
                $('body').off('keyup');
                $("body").keyup(function(e){
                    if (e.keyCode == 13) {
                        $('#nextword').trigger('click');
                    }
                });
                $('#nextword').off('click');
                $('#nextword').click(function() {
                    $('#answer_page').hide();
                    $('#loading').show();
                    getNextWord();
                });

                $('#report_error').off('click');
                $('#report_error').click(function() {
                    commentPageShow(id, word, answer_show, answer);
                });

                $('#loading').hide();
                $('.back').show();
                $('#answer_page').show();
            }

            function resultCommentMessage(show) {
                if (show) {
                    $('#comment_result_fieldset').hide();
                    $('#answer_result_fieldset').show();
                } else {
                    $('#answer_result_fieldset').hide();
                    $('#comment_result_fieldset').show();
                }
            }

            function commentPageShow(id, word, answer_show, answer) {
                $('#answer_page').hide();
                $('textarea[id=comment_field]').val('');
                $('#comment_answer').text(answer);
                $('#comment_word').text(word);
                if (word != answer_show) {
                    $('#comment_connective').text(' lub ');
                    $('#comment_answer_show').text(answer_show);
                } else {
                    $('#comment_connective').text('');
                    $('#comment_answer_show').text('');
                }
                $('#comment_page').show();
                $('#comment_button').off('click');
                $('#comment_button').click(function (){
                    var comment = $('textarea[id=comment_field]').val();
                    $('#comment_page').hide();
                    $('#loading').show();
                    saveComment(id, comment);
                });
                $('body').off('keyup');
            }

            function finishPageShow(summary) {
                $('#answer').off('keyup');
                $('body').off('keyup');
                $('#return_mainpage').off('click');
                $("body").keyup(function(e){
                    if (e.keyCode == 13) {
                        $('body').off('keyup');
                        $('.back').trigger('click');
                    }
                });
                $('#return_mainpage').click(function (){
                    $('body').off('keyup');
                    $('.back').trigger('click');
                });
                $('#session_result').html(nl2br(summary));
                $('#grade_report_button').click(getGradeReport);
                $('#loading').hide();
                $('.back').show();
                $('#finish_page').show();
            }

            function getGradeReport(){
                $('#finish_page').hide();
                $('.back').hide();
                $('#loading').show();
                $.ajax({
                    url: '../server/actions/grade_report.php',
                    type: "POST",
                    dataType: 'json',
                    data: {child_id:currentChildId,date:new Date().getTime()}
                }).done(function(data) {

                    if ( "prev_mark" in data )
                        $('#prev_mark').text(data.prev_mark);
                    else {
                        $('#prev_mark').hide();
                        $('#prev_mark_label').hide();
                    }
                    $("#work_week_days").text(data.work_week_days);
                    $("#parent_words_extra").text("+" + data.parent_words_extra);
                    $("#teacher_words").text(data.teacher_words);
                    $("#parent_words").text(data.parent_words);
                    $("#current_mark").text(data.current_mark);
                    $("#week_remaining_days").text(data.week_remaining_days);

                    $('#loading').hide();
                    $('.back').show();
                    $('#grade_page').show();
                }).error(alertError);
            }

            function alertError(){
                alert("Błąd połączenia");
            }

            function getNextWord() {
                $.ajax({
                    url: '../server/actions/generate_next_word.php',
                    type: "POST",
                    dataType: 'json',
                    data: {child_id:currentChildId, date:new Date().getTime()}
                }).done(function(data) {
                    if (typeof data.id == 'undefined') {
                        finishPageShow(data.summary);
                    } else{
                        learningPageShow(data.id, data.speech_part, data.usage_example, data.translations, data.word, data.has_audio, data.audio_file_name, data.is_new_word, data.type == 'marketing');
                    }
                }).error(function() {
                    alert("Błąd połączenia");
                });
            }

            function updateParams(id, answer, show_grade) {
                $.ajax({
                    url: '../server/actions/save_answer.php',
                    type: "POST",
                    dataType: 'json',
                    data: {child_id:currentChildId, word_id: id, answer:answer}
                }).done(function(data) {
                    showAnswerPage(id, answer, data.usage_example, data.translations, data.grade, data.word,
                        data.answershow, data.has_audio, show_grade);
                }).error(function() {
                    alert("Błąd połączenia");
                });
            }

            function saveComment(wordId, comment) {
                $.ajax({
                    url: '../server/actions/save_comment.php',
                    type: "POST",
                    dataType: 'json',
                    data: {child_id:currentChildId, word_id: wordId, comment:comment}
                }).done(function(data) {
                    resultCommentMessage(false);
                    $('#comment_result').html('<div class="green">Komentarz zapisany</div>');
                    saveCommentEnd();

                }).error(function() {
                    resultCommentMessage(false);
                    $('#comment_result').html('<div class="red">Komentarz niezapisany</div>');
                    saveCommentEnd();
                });
            }

            function saveCommentEnd() {
                $('#loading').hide();
                $('#answer_page').show();
                $('body').off('keyup');
                $("body").keyup(function(e){
                    if (e.keyCode == 13) {
                        $('#nextword').trigger('click');
                    }
                });
            }

            function getSessionExpiredHandler(okHandler){
                return function(data){
                    if ( data.error )
                        window.location.href = "../../teacher2/logout.php?expired=1";
                    else
                        return okHandler(data.ok);
                }
            }

            $(window).load(function(){
                $('.back').click(function() {
                    if ($('#comment_page').is(':visible')) {
                        $('#comment_page').hide();
                        $('#answer_page').show();
                    } else if($('#grade_page').is(':visible')){
                        $('#grade_page').hide();
                        $('#finish_page').show();
                    } else {
                        window.location.href = "../../ling_dispatcher.php";
                    }
                });
                //$('#start_session_button').off('click').click(initSession);
                //$('#start_session_page').show();
                setWindowDimensions();
                //$("#loading").hide();
            });

            function setWindowDimensions() {
                $("#allpage").each(function() {
                    var head = $(this).find("#title");
                    var foot = $(this).find("#footer");
                    var loading = $(this).find("#loading");
                    var learning_page = $(this).find("#learning_page");
                    var answer_page = $(this).find("#answer_page");
                    var finish_page = $(this).find("#finish_page");
                    var comment_page = $(this).find("#comment_page");
                    var answerInput = $(this).find("#answer");
                    var commentInput = $(this).find("#comment_field");
                    var commentButton = $(this).find("#comment");
                    var start_session_page = $(this).find("#start_session_page");
                    var windowHeight = $(window).height() - 20;
                    loading.css("min-height", windowHeight - head.height() - foot.height());
                    learning_page.css("min-height", windowHeight - head.height() - foot.height());
                    answer_page.css("min-height", windowHeight - head.height() - foot.height());
                    finish_page.css("min-height", windowHeight - head.height() - foot.height());
                    comment_page.css("min-height", windowHeight - head.height() - foot.height());
                    start_session_page.css("min-height", windowHeight - head.height() - foot.height());
                    $(this).find("#continue_session_page").css("min-height", 4 * (windowHeight - head.height() - foot.height()) / 5);
                    $(this).find("#continue_session_page").css("margin-top", (windowHeight - head.height() - foot.height() - 4 * (windowHeight - head.height() - foot.height()) / 5));
                    $(this).find("#possible_word_page").css("min-height", windowHeight - head.height() - foot.height());
                    answerInput.css("width", learning_page.width() - 20);
                    commentInput.css("width", comment_page.width() - 20);
                });
            }
            $(window).bind('resize', function (e) {
                setWindowDimensions();
            });

            $(document).ready(function(){
                $("#jquery_audioPlayer").jPlayer({
                    swfPath: "../../lib/jQuery.jPlayer.2.4.0",
                    supplied: "mp3",
                    wmode: "window"
                });
                initSession();
            });
        </script>