$(document).ready(

  function() { // Wait until the DOM is loaded, then go nuts

    var selectField   = $('#competition');
    var sectionField  = $('#section');
    var home_team     = $('#home_team');
    var away_team     = $('#away_team');

    var juniorSection = $('#junior_section');
    var team          = $('#team');

    selectField.change(

      function (eventReference) {

        $('#waitingStatus').empty();
        $('#waitingStatus').show();
        $('#waitingStatus').prepend('<span style="background-color:#FFFFE1;color:red;padding:20px;">LOADING. PLEASE WAIT...</span>') ;

        var query = this.value;

        $.get('returnSelect.cgi', { 'q' : query, 'element' : 'comp' },

          function (data) {

            sectionField.empty() ;
            sectionField.prepend(data) ;
            $("#section option:first").attr("selected","selected");

          }

        );

        $('#waitingStatus').fadeOut(2000, function(){
          $(this).html("Please ensure <strong><em>ALL</em></strong> form fields are fully completed").fadeIn('slow');
        });



      }

    ) ;

    sectionField.change(

      function (eventReference) {

        $('#waitingStatus').empty();
        $('#waitingStatus').show();
        $('#waitingStatus').prepend('<span style="background-color:#FFFFE1;color:red;padding:20px;">LOADING. PLEASE WAIT...</span>') ;

        var selection = selectField[0].selectedIndex;

        var query = this.value;

        $.get('returnSelect.cgi', { 'q' : query, 'element' : 'section', 'comp_id' : selection },

          function (data) {

            home_team.empty() ;
            away_team.empty() ;

            home_team.prepend(data) ;
            away_team.prepend(data) ;         

            $("#home_team option:first").attr("selected","selected");
            $("#away_team option:first").attr("selected","selected");

          }

        );

        $('#waitingStatus').fadeOut(2000, function(){
          $(this).html("Please ensure <strong><em>ALL</em></strong> form fields are fully completed").fadeIn('slow');
        });

      }

    ) ;

    juniorSection.change (

      function (eventReference) {

        $('#waitingStatus').empty();
        $('#waitingStatus').show();
        $('#waitingStatus').prepend('<span style="background-color:#FFFFE1;color:red;padding:20px;">LOADING. PLEASE WAIT...</span>') ;

        var selection = juniorSection[0].selectedIndex;

        var query = this.value;

        $.get('returnSelect.cgi', { 'q' : query, 'element' : 'section', 'comp_id' : selection },

          function (data) {

            team.empty() ;

            team.prepend(data) ;      

            $("#team option:first").attr("selected","selected");

          }

        );

        $('#waitingStatus').fadeOut(2000, function(){
          $(this).html("Please ensure <strong><em>ALL</em></strong> form fields are fully completed").fadeIn('slow');
        });

      }

    ) ;

    team.change(

      function (eventReference) {

        var query = this.value;

        $.getJSON('returnSelect.cgi', { 'q' : query, 'element' : 'team' },

          function (data) {

            if (data.player1) {

              $('#player_1').empty() ;
              $('#player_1').prepend(data.player1) ;
              $("#player_1 option:first").attr("selected","selected");

              $('#player_2').empty() ;
              $('#player_2').prepend(data.player2) ;
              $("#player_2 option:first").attr("selected","selected");

              $('#player_3').empty() ;
              $('#player_3').prepend(data.player3) ;
              $("#player_3 option:first").attr("selected","selected");

              $('#player_4').empty() ;
              $('#player_4').prepend(data.player4) ;
              $("#player_4 option:first").attr("selected","selected");

              $('#no_player_names').empty() ;

            } else {

              $('#player_1').empty() ;
              $('#player_2').empty() ;
              $('#player_3').empty() ;
              $('#player_4').empty() ;

              // Allows them to enter the player names by the page redirecting and/or clicking on a link
              $('#no_player_names').html('Click <a href="addPlayers.cgi?team=' + query + '">here</a> to enter player names') ;
              top.location = 'addPlayers.cgi?team=' + query ;

            }

          }

        );

      }

    ) ;

    $('#MRTA_Results').submit(

      function (eventRef) {

        //eventRef.preventDefault();

        if ($('#home_team').val() == $('#away_team').val()) {
          $('#home_away_dupe').val('') ;
          //alert ('Home and Away teams cannot be the same.') ;
          $("form").bind("submit", function() { return false; })
        } else {
          $('#home_away_dupe').val('1') ;
        }

      }

    ); // end form submit

    // Reset the dynamic elements of the form
    $('#resetme').click(

      function (eventRef) {

        $('#SearchStartDate').empty() ;

      }

    );


  } // end document.ready function

);