$(function(){
    var rdAtual = true;
    var indRd = 1;
    
    $.ajax({
       type: "GET",
       url: "xml/campeonato_pernambucano_2010.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('2010/03/13');
               var primeiroJogoRodada = new Date(datas[0]);
               
               if(rdAtual)
               {
                    if(primeiroJogoRodada >= dataAtual)
                    {
                        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')).appendTo(liJogo);
                                $('<span></span>').html('x').appendTo(liJogo);
                                var span2 = $('<span class="jogo2"></span>').appendTo(liJogo);
                                span2.append($(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(' ' + $(this).children('mandante').attr('gols') + ' ').appendTo(span1);
                                $('<span></span>').html('x').appendTo(liJogo);
                                var span2 = $('<span class="jogo2"></span>').appendTo(liJogo);
                                $('<strong></strong>').html(' ' + $(this).children('visitante').attr('gols') + ' ').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 = $('#rodadas div.rodada').length;
            
            var indice = parseInt($('#rodadas span#numRodada').text());
            
            $('#rodadas ul#paginacaoRodada a.rddProxima').click(function(){
                if(indice >= 1 && indice < 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 < numRodadas)
            {
                var divAtual = $('#rodadas div.rodada:visible'); 
                divAtual.fadeOut(100,function(){
                   $('#rodadas div.rodada:last').fadeIn(100);
                   indice = numRodadas;
                   $('#rodadas span#numRodada').text(indice);
                });
            }       
        });
        
        $('#rodadas ul#paginacaoRodada a.rddAnterior').click(function(){
            if(indice > 1 && indice <= numRodadas)
            {
                var divAtual = $('#rodadas div.rodada:visible'); 
                divAtual.fadeOut(100,function(){
                   $(this).prev().fadeIn(100);
                   indice = indice - 1;
                   $('#rodadas span#numRodada').text(indice);
                });
            }       
        });
        
        $('#rodadas ul#paginacaoRodada a.rddPrimeira').click(function(){
            if(indice > 1 && indice <= numRodadas)
            {
                var divAtual = $('#rodadas div.rodada:visible'); 
                divAtual.fadeOut(100,function(){
                   $('#rodadas div.rodada:first').fadeIn(100);
                   indice = 1;
                   $('#rodadas span#numRodada').text(indice);
                });
            }       
        });
        }                
    });
});