﻿
      function displayModal(player) {

          $('[name = ' + player + ']').modal({
             containerCss: {
                padding: 0,
                width: 700,
                height:650
             },
              overflow: 'auto',
              autoResize : true
          });

          return false;

      }

      // xml rockStars
      $(document).ready(function() {
      if (teamXmlFile != "") 
          {
              var i = 1;
              var outPut = "";
              var hiddenPlayerOutPut = "";
              $.ajax({
                  type: "GET",
                  url: teamXmlFile,
                  dataType: "xml",
                  success: function(xml) {
                      var count = $(xml).find('player').length;

                      $(xml).find('player').each(function() {
                          var playerName = $(this).find('playerName').text();
                          var tagline = $(this).find('tagline').text();
                          var bio = $(this).find('bio').text();
                          var img = $(this).find('img').text();
                          var link = $(this).find('link').text();


                          var playerNameOut = '<a href="javascript:void(0);"  onclick="javascript:displayModal(\'player' + i + '\');"><div id="playerRowWrapper"><div>' + playerName + '</div>'
                          var imgOut = '<div><img src="' + img + '"/></div></div></a>'

                          outPut = outPut + playerNameOut + imgOut;

                          if (i % 4 == 0) // 5th
                          {
                              //create row
                              $('<li>' + outPut + '</li>').appendTo('ul#TravelTeam');
                              outPut = "";
                          } else if (i == count)// last row
                          {
                              //create row
                              $('<li>' + outPut + '</li>').appendTo('ul#TravelTeam');
                              outPut = "";
                          }

                          //build modelflyouts

                          hiddenPlayerOutPut += ('<div id="basic-modal-content" name="player' + i + '">');
                          hiddenPlayerOutPut += ('<img src="' + img + '" />');
                          hiddenPlayerOutPut += ('<p class="playerName">' + playerName + '</p>');
                          hiddenPlayerOutPut += ('<p>' + tagline + '</p>');
                          hiddenPlayerOutPut += ('<span >');
                          hiddenPlayerOutPut += bio;
                          hiddenPlayerOutPut += ('</span>');
                          hiddenPlayerOutPut += ('</div>')

                          $('#hiddenPlayers').append(hiddenPlayerOutPut);

                          hiddenPlayerOutPut = '';


                          i++

                      });


                      $('#paging_container3').pajinate({
                          items_per_page: 1,
                          item_container_id: '.alt_content',
                          nav_panel_id: '.alt_page_navigation'

                      });
                  }
              });
          }
      });

