$(function(){
    var rdAtual = true;
    var indRd = 1;
    
    $.ajax({
       type: "GET",
       url: "xml/campeonato_pernambucano_2011.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('2012/02/05');
               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') + '&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');
               }
            });
            
           $.ajax({
           type: "GET",
           url: "xml/fase_final__pernambucano_2011.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('2012/02/05');
                   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') + '&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 = $('#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);
                    });
                }       
            });
            }                
        });
        
        */
            
                $('.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.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);
                        });
                    } 
                    else if(indice+1 == 23)
                    {
                        var divAtual = $('#rodadas div.rodada:visible'); 
                        divAtual.fadeOut(100,function(){
                           $(this).next().fadeIn(100);
                           indice = indice + 1;
                           $('#rodadas span#numRodada').text("");
                           $('#rodadas span#numRodada').parent().html('<span id="numRodada">Semifinal</span>')
                       
                           
                        });     
                    }
                    else if(indice+1 == 24)
                    {
                        var divAtual = $('#rodadas div.rodada:visible'); 
                        divAtual.fadeOut(100,function(){
                           $(this).next().fadeIn(100);
                           indice = indice + 1;
                           $('#rodadas span#numRodada').text("");
                           $('#rodadas span#numRodada').parent().html('<span id="numRodada">Semifinal</span>')
                           
                        });     
                    }
                    else if(indice+1 == 25)
                    {
                        var divAtual = $('#rodadas div.rodada:visible'); 
                        divAtual.fadeOut(100,function(){
                           $(this).next().fadeIn(100);
                           indice = indice + 1;
                           $('#rodadas span#numRodada').text('Final');
                           
                        });     
                    }
                    else if(indice+1 == 26)
                    {
                        var divAtual = $('#rodadas div.rodada:visible'); 
                        divAtual.fadeOut(100,function(){
                           $(this).next().fadeIn(100);
                           indice = indice + 1;
                           $('#rodadas span#numRodada').text('Final');
                           
                        });     
                    }
                });
                
                $('#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;
                       if(indice == 24)
                       {
                            $('#rodadas span#numRodada').text("");
                            $('#rodadas span#numRodada').parent().html('<span id="numRodada">Semifinal</span>')
                       }
                       else if(indice == 25)
                       {
                            $('#rodadas span#numRodada').text("");
                        $('#rodadas span#numRodada').parent().html('<span id="numRodada">Semifinal</span>')
                       }
                       else if(indice == 26)
                       {
                            $('#rodadas span#numRodada').text("");
                        $('#rodadas span#numRodada').parent().html('<span id="numRodada">Final</span>')
                       }
                       else if(indice == 27)
                       {
                            $('#rodadas span#numRodada').text("");
                        $('#rodadas span#numRodada').parent().html('<span id="numRodada">Final</span>')
                       }
                       else
                       {
                            $('#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');
                    });
                }
                else if(indice-1 == 23)
                {
                    var divAtual = $('#rodadas div.rodada:visible'); 
                    divAtual.fadeOut(100,function(){
                       $(this).prev().fadeIn(100);
                       indice = indice - 1;
                       $('#rodadas span#numRodada').text("");
                       $('#rodadas span#numRodada').parent().html('<span id="numRodada">Semifinal</span>')
                       
                    });     
                }
                else if(indice-1 == 24)
                {
                    var divAtual = $('#rodadas div.rodada:visible'); 
                    divAtual.fadeOut(100,function(){
                       $(this).prev().fadeIn(100);
                       indice = indice - 1;
                       $('#rodadas span#numRodada').text("");
                       $('#rodadas span#numRodada').parent().html('<span id="numRodada">Semifinal</span>');
                       
                       
                    });     
                }
                else if(indice-1 == 25)
                {
                    var divAtual = $('#rodadas div.rodada:visible'); 
                    divAtual.fadeOut(100,function(){
                       $(this).prev().fadeIn(100);
                       indice = indice - 1;
                       $('#rodadas span#numRodada').text("");
                       $('#rodadas span#numRodada').parent().html('<span id="numRodada">Final</span>');
                       
                    });     
                }
                else if(indice-1 == 26)
                {
                    var divAtual = $('#rodadas div.rodada:visible'); 
                    divAtual.fadeOut(100,function(){
                       $(this).prev().fadeIn(100);
                       indice = indice - 1;
                       $('#rodadas span#numRodada').text("");
                       $('#rodadas span#numRodada').parent().html('<span id="numRodada">Final</span>');
                       
                    });     
                }       
            });
            
            $('#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');
                    });
                }       
            });
            
            if(indice == 23)
                {
                    $('#rodadas span#numRodada').text("");
                    $('#rodadas span#numRodada').parent().html('<span id="numRodada">Semifinal</span>');     
                }
                else if(indice == 24)
                {
                    $('#rodadas span#numRodada').text("");
                    $('#rodadas span#numRodada').parent().html('<span id="numRodada">Semifinal</span>');      
                }
                else if(indice == 25)
                {
                    $('#rodadas span#numRodada').text("");
                    $('#rodadas span#numRodada').parent().html('<span id="numRodada">Final</span>');     
                }
                else if(indice == 26)
                {
                    $('#rodadas span#numRodada').text("");
                    $('#rodadas span#numRodada').parent().html('<span id="numRodada">Final</span>');    
                }     
        
        }               
    });
            
            
}});

});