anchor.diff:          <script src="/resources/js/game_tutorial/loadingState.js"></script>
           <script src="/resources/js/game_tutorial/questionState.js"> </script>
           <script src="/resources/js/game_tutorial/mainState.js"> </script>
  -        <script type="text/javascript" src="/resources/js/game_tutorial/gameMain.js">
  +        <script type="text/javascript" src="/resources/js/game_tutorial/gameMain.js"></script>
  +        <script src="/resources/js/misc/questionLoader.js"></script>
  +        <script type="text/javascript">
  +            // questions answering logic required here
  +
  +            var selectedNPC = null;
  +            var selectedNPCQuestion = null;
  +            var currentScore = 0;
  +
  +            $(document).ready(function() {
  +                $('#NPC1Start').on('click', function() {
  +                    selectedNPC = 1;
  +                    selectedNPCQuestion = 0;
  +                    loadNpcQuestions(selectedNPC, selectedNPCQuestion);
  +                });
  +
  +                $('#NPC2Start').on('click', function() {
  +                    selectedNPC = 2;
  +                    selectedNPCQuestion = 0;
  +                    loadNpcQuestions(selectedNPC, selectedNPCQuestion);
  +                });
  +
  +                $('#NPC3Start').on('click', function() {
  +                    selectedNPC = 3;
  +                    selectedNPCQuestion = 0;
  +                    loadNpcQuestions(selectedNPC, selectedNPCQuestion);
  +                });
  +
  +                $('#NPC4Start').on('click', function() {
  +                    selectedNPC = 4;
  +                    selectedNPCQuestion = 0;
  +                    loadNpcQuestions(selectedNPC, selectedNPCQuestion);
  +                });
  +
  +                $('#questionsPaneOption1').on('click', function() {
  +
  +                    console.log('Question 1');
  +
  +                    if (isOptionCorrect(selectedNPC, selectedNPCQuestion, 0)) {
  +                        $('#questionsPaneOption1').css({'color': 'green'});
  +                        $('#questionsPaneOption2').css({'color': 'red'});
  +                        $('#questionsPaneOption3').css({'color': 'red'});
  +                        currentScore += 1;
  +                    } else if (isOptionCorrect(selectedNPC, selectedNPCQuestion, 1)) {
  +                        $('#questionsPaneOption1').css({'color': 'red'});
  +                        $('#questionsPaneOption2').css({'color': 'green'});
  +                        $('#questionsPaneOption3').css({'color': 'red'});
  +                    } else if (isOptionCorrect(selectedNPC, selectedNPCQuestion, 2)) {
  +                        $('#questionsPaneOption1').css({'color': 'red'});
  +                        $('#questionsPaneOption2').css({'color': 'red'});
  +                        $('#questionsPaneOption3').css({'color': 'green'});
  +                    }
  +                    $('#nextQuestion').show();
  +                });
  +
  +                $('#questionsPaneOption2').on('click', function() {
  +
  +                    console.log('question 2');
  +
  +                    if (isOptionCorrect(selectedNPC, selectedNPCQuestion, 0)) {
  +                        $('#questionsPaneOption1').css({'color': 'green'});
  +                        $('#questionsPaneOption2').css({'color': 'red'});
  +                        $('#questionsPaneOption3').css({'color': 'red'});
  +                    } else if (isOptionCorrect(selectedNPC, selectedNPCQuestion, 1)) {
  +                        $('#questionsPaneOption1').css({'color': 'red'});
  +                        $('#questionsPaneOption2').css({'color': 'green'});
  +                        $('#questionsPaneOption3').css({'color': 'red'});
  +                        currentScore += 1;
  +
  +                    } else if (isOptionCorrect(selectedNPC, selectedNPCQuestion, 2)) {
  +                        $('#questionsPaneOption1').css({'color': 'red'});
  +                        $('#questionsPaneOption2').css({'color': 'red'});
  +                        $('#questionsPaneOption3').css({'color': 'green'});
  +                    }
  +                    $('#nextQuestion').show();
  +                });
  +
  +                $('#questionsPaneOption3').on('click', function() {
  +
  +                    console.log('question 3');
  +
  +                    if (isOptionCorrect(selectedNPC, selectedNPCQuestion, 0)) {
  +                        $('#questionsPaneOption1').css({'color': 'green'});
  +                        $('#questionsPaneOption2').css({'color': 'red'});
  +                        $('#questionsPaneOption3').css({'color': 'red'});
  +                    } else if (isOptionCorrect(selectedNPC, selectedNPCQuestion, 1)) {
  +                        $('#questionsPaneOption1').css({'color': 'red'});
  +                        $('#questionsPaneOption2').css({'color': 'green'});
  +                        $('#questionsPaneOption3').css({'color': 'red'});
  +                    } else if (isOptionCorrect(selectedNPC, selectedNPCQuestion, 2)){
  +                        $('#questionsPaneOption1').css({'color': 'red'});
  +                        $('#questionsPaneOption2').css({'color': 'red'});
  +                        $('#questionsPaneOption3').css({'color': 'green'});
  +                        currentScore += 1;
  +                    }
  +                    $('#nextQuestion').show();
  +                });
  +
  +                $('#questionPaneClose').on('click', function() {
  +                    $('#questionsPaneOption1').css({'color': 'black'});
  +                    $('#questionsPaneOption2').css({'color': 'black'});
  +                    $('#questionsPaneOption3').css({'color': 'black'});
  +                    currentScore = 0;
  +                });
  +
  +                $('#nextQuestion').on('click', function() {
  +                    selectedNPCQuestion += 1;
  +                    if (hasNextQuestion(selectedNPC, selectedNPCQuestion)) {
  +                        loadNpcQuestions(selectedNPC, selectedNPCQuestion);
  +                        $('#nextQuestion').hide();
  +                    } else {
  +
  +                        $('#scorePaneMain').text(currentScore);
  +
  +                        $('#scorePane').modal('show');
  +                        $('#questionsPane').modal('hide');
  +                    }
  +
  +                    $('#questionsPaneOption1').css({'color': 'black'});
  +                    $('#questionsPaneOption2').css({'color': 'black'});
  +                    $('#questionsPaneOption3').css({'color': 'black'});
  +
  +                });
  +
  +            });
           </script>
  -
       </body>
   </html>
  
positive.code:             <!-- Trigger the modal with a button -->
  
              <!-- Modal -->
              <div class="modal fade" id="myModal" role="dialog">
                  <div class="modal-dialog">
  
                      <!-- Modal content-->
                      <div class="modal-content">
  
                          <div class="modal-body">
                              <button type="button" class="close" data-dismiss="modal">&times;</button>
                              <h1 id="title">Test your Web Technologies skills!</h1>
  
                              <ul class = "question"> What is HTML?
                                  <li class = "answer"> Lorem ipsum </li>
                                  <li class = "answer"> Lorem ipsum </li>
                                  <li class = "answer"> Lorem ipsum </li>
                              </ul>
  
                              <div id="yourscore"><p>Score: <span id="score"></span></p></div>
                          </div>
  
                      </div>
  
                  </div>
  
negative.code:         </div>
  
          <script type="text/javascript">
  //            $(window).on('load',function(){
  //                $('#myModal').modal('show');
  //            });
          </script>
  
          <script src="/resources/js/generic/question.js"></script>
  