/// <reference path="jquery.min.js" />

/*http://www.queness.com/post/844/create-a-thumbnail-with-fading-caption-using-jquery*/

$(document).ready(function () {
    $(window).load(function () {

        /* ===================
        Efeito hover em projetos destaque
        =================== */

        $('.item').hover(function () {

            //Exibe a legenda
            $(this).find('div.caption').stop(false, true).fadeIn(200);
        },
        function () {

            //Esconde a legenda
            $(this).find('div.caption').stop(false, true).fadeOut(200);
        });

        /* ===================
        Barra de rolagem horizontal
        =================== */

        //Verifica a resolução do navegador ao carregar a página e ao redimensionar
        resolucao();
        $(window).resize(resolucao);

        function resolucao() {
            $('html').css('overflow-x', ($(window).width() >= 989) ? 'hidden' : '');
        }

        /* ===================
        Banner
        =================== */

        $('#banner ul li span').css('opacity', 0);

        $('#banner ul').bxSlider({
            auto: true,
            controls: false,
            pager: true,
            mode: 'fade',
            pause: 4000,
            onBeforeSlide: function (currentSlideNumber, totalSlideQty, currentSlideHtmlObject) {
                $('span', currentSlideHtmlObject).each(function () {
                    var direcao = $(this).attr('class');
                    var size = parseInt($(this).css(direcao));
                    $(this).css('opacity', 0).css(direcao, size - 10);
                });
            },
            onAfterSlide: function (currentSlideNumber, totalSlideQty, currentSlideHtmlObject) {
                fading(currentSlideHtmlObject);
            }
        });

        function fading(object) {
            $('span', object).each(function (index) {
                var tipo = $(this).attr('class');

                var anim = { opacity: 1 };
                if (tipo != 'fade')
                    anim[tipo] = "+=10";

                $(this).delay((index + 1) * 150).animate(anim, (600 - ((index) * 100)));
            });
        }
    });
});