$(document).ready(function(){
    carregarImages(false);
    changeImagens();
});

carregarImages = function(fade){
    var page = $('#pageImg').val();
    $.ajax({
        url: 'index.php?r=site/loadImages',
        data: 'page='+page,
        async: true,
        dataType: 'json',
        success: function(data) {
            if (fade){
                $('.cont-portfolio div a img').fadeOut(2000, function(){
                    changeHtml(data);
                    $('.cont-portfolio div a img').fadeIn(2000);
                });
            }else{
                changeHtml(data);
            }
            var QTD_IMG = 4;
            var pageImg = 0;
            if (data.length >= QTD_IMG){
                pageImg = parseInt(page) + 4;
            }
            $('#pageImg').val(pageImg);           
        }   
    });
}

changeImagens = function(){
    play = setInterval(function(){
        carregarImages(true);
    }, 10000);
};

changeHtml = function(data){
    for(var i = data.length-1; i >= 0; i--){
        $('.cont-portfolio .div-'+i+' a').attr('href', 'index.php?r=site/showAlbum&id_album='+data[i][0]);
        $('.cont-portfolio .div-'+i+' a').attr('title', data[i][2]);
        $('.cont-portfolio .div-'+i+' a img').attr('title', data[i][2]).attr('src', data[i][1]);
    }
}