//google.load("jquery", "1.6.4");

var botaoControle = 'controleVideos';
var botaoControleAberto = true;

$(document).ready(function() {
    $(".linkInstitucional").click(function() {
        $('#institucional div').hide(150);
        $('#' + $(this).attr('rel')).show(150);
    })

    $(".linkRegrasDoJogo").click(function() {
        $('#regrasDoJogo div.regras').hide(150);
        $('#' + $(this).attr('rel')).show(150);
    })

    $(".botaoControle").click(function() {
        $('.controleIndividual').hide(150);

        var botaoControleAtual = $(this).attr('rel');

        if (botaoControle == botaoControleAtual) {
            if (botaoControleAberto) {
                $('#' + botaoControleAtual).hide(150);
                botaoControleAberto = false;
            }
            else {
                $('#' + botaoControleAtual).show(150);
                botaoControleAberto = true;
            }
        }
        else {
            $('#' + botaoControleAtual).show(150);
            botaoControleAberto = true;
            botaoControle = botaoControleAtual;
        }
    })

    $(".fotoGaleria").click(function() {
        //alert('oi');
        //alert($(this).attr("rel"));//
        $("#fotoGaleria").attr("src", $(this).attr("rel"));
        $("#descricaoFotoGaleria").html($(this).attr("title"));
    })

    //how much items per page to show   
    var show_per_page = 8;
    //getting the amount of elements inside content div   
    var number_of_items = $('#content').children().size();
    //calculate the number of pages we are going to have   
    var number_of_pages = Math.ceil(number_of_items / show_per_page);

    //set the value of our hidden input fields   
    $('#current_page').val(0);
    $('#show_per_page').val(show_per_page);

    //now when we got all we need for the navigation let's make it '   

    /*  
    what are we going to have in the navigation?  
    - link to previous page  
    - links to specific pages  
    - link to next page  
    */
    var navigation_html = ''; //'<A class=previous_link href="javascript:previous();">anterior&nbsp;</A>';
    var current_link = 0;

    while (number_of_pages > current_link) {
        navigation_html += '<A class=page_link href="javascript:IrParaPagina(' + current_link + ')" longdesc="' + current_link + '">' + (current_link + 1) + '&nbsp;</A>';
        current_link++;
    }

    navigation_html += ''; //'<A class=next_link href="javascript:next();">próxima</A>';

    $('#page_navigation').html(navigation_html);

    //add active_page class to the first page link   
    $('#page_navigation .page_link:first').addClass('active_page');

    //hide all the elements inside content div   
    $('#content').children().css('display', 'none');

    //and show the first n (show_per_page) elements
    $('#content').children().slice(0, show_per_page).css('display', 'block');

    //alert($("#content li img")[0].attr('src'));

    //$("#fotoGaleria").attr('src') = 
});

function contaCaracteres(val, field, max) {
    var len = val.value.length;
    if (len >= max) {
        val.value = val.value.substring(0, max);
    } else {
        $('#' + field).text(max - len);
    }
};

function previous(){   
  
    new_page = parseInt($('#current_page').val()) - 1;   
    //if there is an item before the current active link run the function
    if($('.active_page').prev('.page_link').length==true){
        IrParaPagina(new_page);   
    }  
}   
  
function next(){   
    new_page = parseInt($('#current_page').val()) + 1;   
    //if there is an item after the current active link run the function   
    if($('.active_page').next('.page_link').length==true){   
        IrParaPagina(new_page);   
    }
}   

function IrParaPagina(page_num){   
    //get the number of items shown per page   
    var show_per_page = parseInt($('#show_per_page').val());   
  
    //get the element number where to start the slice from   
    start_from = page_num * show_per_page;   
  
    //get the element number where to end the slice   
    end_on = start_from + show_per_page;   
  
    //hide all children elements of content div, get specific items and show them   
    $('#content').children().css('display', 'none').slice(start_from, end_on).css('display', 'block');   
  
    /*get the page link that has longdesc attribute of the current page and add active_page class to it  
    and remove that class from previously active page link*/  
    $('.page_link[longdesc=' + page_num +']').addClass('active_page').siblings('.active_page').removeClass('active_page');   
  
    //update the current page input field   
    $('#current_page').val(page_num);   
}  

//var arr = new Array();

//window.onload = function() {
//    if (arr.length > 0)
//        AbaInicial();
//}

//function Add(p_Label) {
//    arr[arr.length] = p_Label;
//}

//function AbaInicial() {
//    var aba = GetId(arr[0]);

//    Hide();
//    Show(aba);
//    Set(aba);
//}

//function GetId(p_Label) {
//    return p_Label.toString().replace(/\s/g, '').toLowerCase().replace('\/', '');
//}

//function Initialize(p_Abas) {
//    Initialize(p_Abas, true);
//}

//function Initialize(p_Abas, p_Write) {
//    var abas = p_Abas.toString().split(',');

//    for (var x = 0; x < abas.length; x++) {
//        Add(abas[x]);
//    }

//    if (p_Write) Write();
//}

//function SetAba() { 
//    
//}

//function Write() {
//    var html = '';
//    var div = document.getElementById('area');

//    for (var x = 0; x < arr.length; x++) {
//        var label = arr[x];
//        var id = label.toString().toLowerCase().replace(/\s/g, '').replace('\/', '');

//        //alert(id);

//        html += '<span id="span' + id + '"><a href="javascript:Change(\'' + id + '\');">' + label + '</a></span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;';
//    }

//    div.innerHTML = html;
//}

//function Hide() {
//    for (var x = 0; x < arr.length; x++) {
//        var id = arr[x].toString().replace(/\s/g, '').toLowerCase().replace('\/', '');
//        var obj = document.getElementById(id);
//        
//        if (null != obj)
//            obj.style.display = 'none';
//    }
//}

//function Show(p_Aba) {
//    var obj = document.getElementById(p_Aba);

//    if (null != obj)
//        obj.style.display = 'block';
//}

//function Set(p_Aba) {
//    var span = document.getElementById(p_Aba);

//    Write();
//    
//    for (var x = 0; x < arr.length; x++) {
//        var label = arr[x];
//        var id = label.toString().replace(/\s/g, '').toLowerCase().replace('\/', '');
//        var obj = document.getElementById('span' + id);
//        
//        if(id == p_Aba) {
//            obj.innerHTML = '<strong>' + label + '</strong>';
//        }
//    }    
//}

//function Change(p_Aba) {
//    Hide();
//    Show(p_Aba);
//    Set(p_Aba);
//}

//function setField(p_Tipo, p_Text, p_Drop) {
//    var text = document.getElementById(p_Text);
//    var drop = document.getElementById(p_Drop);

//    switch (p_Tipo) {
//        case 0:
//            break;                
//        case 1:
//            break;
//    }
//}