$(function(){
    var rdAtual = true;
    var indRd = 1;
    var totalRod = 22;
    $.ajax({
       type: "GET",
       url: "xml/campeonato_pernambucano_2012.xml",
       dataType: "xml",
       success: function(xml){
            $(xml).find("rodada").each(function(){
               var nomeRodada = $(this).attr("nome");
               var rodada = $('<div class="rodada"></div>').appendTo("#rodadas");
               var jogos = $(this).find('jogo');
           
               var datas = Array();
               
               var ind = 0;
               
               jogos.each(function(){
                    if(datas.has($(this).attr('data')) == -1)
                    {
                        datas[ind] = $(this).attr('data');
                        ind++;
                    }
               });
               
               var dataAtual = new Date($('#dtAtual').val());
               var primeiroJogoRodada = new Date(datas[ind-1]);
               
               if(rdAtual)
               {
                    if(primeiroJogoRodada >= dataAtual || indRd == totalRod)
                    {
                        rodada.addClass('rodadaAtual');
                        rdAtual = false;
                    }
               }
               
               rodada.addClass(indRd + "_rodada");
               indRd++;
               
               for(var i=0; i<datas.length; i++)
               {
                    var olJogo = $('<ol></ol>').appendTo(rodada);
                    if(i == datas.length-1)
                    {
                        olJogo.addClass('semBorda');
                    }
                    var liDataJogo = $('<li class="dataJogo"></li>').html(datas[i].split('/').reverse().join('/')).appendTo(olJogo);
                    jogos.each(function(){
                       if($(this).attr('data') == datas[i])
                       {
                            var liJogo = $('<li></li>').appendTo(olJogo);
                            if($(this).attr('finalizado') != 'S')
                            {
                                var span1 = $('<span class="jogo1"></span>').html($(this).children('mandante').attr('time') + '&nbsp;').appendTo(liJogo);
                                $('<span></span>').html('x').appendTo(liJogo);
                                var span2 = $('<span class="jogo2"></span>').appendTo(liJogo);
                                span2.append('&nbsp;' + $(this).children('visitante').attr('time'));
                                var span3 = $('<span class="dataRodada"></span>').html($(this).attr('hora') + 'h').appendTo(liJogo);                        
                            }
                            else
                            {
                                var span1 = $('<span class="jogo1"></span>').html($(this).children('mandante').attr('time')).appendTo(liJogo);
                                $('<strong></strong>').html('&nbsp;' + $(this).children('mandante').attr('gols') + '&nbsp;').appendTo(span1);
                                $('<span></span>').html('x').appendTo(liJogo);
                                var span2 = $('<span class="jogo2"></span>').appendTo(liJogo);
                                $('<strong></strong>').html('&nbsp;' + $(this).children('visitante').attr('gols') + '&nbsp;').appendTo(span2);
                                span2.append($(this).children('visitante').attr('time'));
                                var span3 = $('<span class="dataRodada"></span>').html($(this).attr('hora') + 'h').appendTo(liJogo);
                            }
                       } 
                    });
                    var liEnd = $('<li></li>').appendTo(olJogo);
                    liEnd.addClass('end');
               }
            });
            $('.rodada').hide();
            $('.rodadaAtual').fadeIn(500);
            $('#rodadas span#numRodada').text($('#rodadas div.rodada').index($('#rodadas div.rodadaAtual'))+1);

            var numRodadas = 22;
            
            var rodadaAgora=$('div.rodada:visible'); 
            var indice = $('div.rodada').index(rodadaAgora) + 1; 
            
            $('#rodadas ul#paginacaoRodada a.rddPrimeira').click(function(){
                if(indice > 1)
                {
                    var divAtual = $('#rodadas div.rodada:visible'); 
                    divAtual.fadeOut(100,function(){
                       $('#rodadas div.rodada:first').fadeIn(100);
                       indice = 1;
                       $('#rodadas span#numRodada').text(indice);
                       $('#rodadas span#numRodada').parent().html('<span id="numRodada">' + indice + '</span>&ordf;Rodada');
                    });
                }       
            });
            
            $('#rodadas ul#paginacaoRodada a.rddProxima').click(function(){
                if(indice+1 >= 1 && indice+1 <= numRodadas)
                {
                    var divAtual = $('#rodadas div.rodada:visible'); 
                    divAtual.fadeOut(100,function(){
                       $(this).next().fadeIn(100);
                       indice = indice + 1;
                       $('#rodadas span#numRodada').text(indice);
                    });
                }
            });
            
            $('#rodadas ul#paginacaoRodada a.rddUltima').click(function(){
                if(indice >= 1 && indice < $('div.rodada').length)
                {
                    var divAtual = $('#rodadas div.rodada:visible'); 
                    divAtual.fadeOut(100,function(){
                       $('#rodadas div.rodada:last').fadeIn(100);
                       indice = $('div.rodada').length;
                       $('#rodadas span#numRodada').text(indice);
                    });
                }
                       
            });
            
            $('#rodadas ul#paginacaoRodada a.rddAnterior').click(function(){
                if(indice > 1 && indice-1 <= numRodadas)
                {
                    var divAtual = $('#rodadas div.rodada:visible'); 
                    divAtual.fadeOut(100,function(){
                       $(this).prev().fadeIn(100);
                       indice = indice - 1;
                       $('#rodadas span#numRodada').text(indice);
                       $('#rodadas span#numRodada').parent().html('<span id="numRodada">' + indice + '</span>&ordf;Rodada');
                    });
                }   
            });
            
    }});

});