var swapimagens = $('#swapimagens');
var botoesswapli = $(".botoesswap li");
var thumb1 = $('#thumb1');
var thumb2 = $('#thumb2');
var thumb3 = $('#thumb3');

$(document).ready(function () {
    swapimagens.cycle({
        fx: 'fade', // name of transition effect (or comma separated names, ex: fade,scrollUp,shuffle)
        timeout: 8000, // milliseconds between slide transitions (0 to disable auto advance)
        speed: 500, // speed of the transition (any valid fx speed value)
        slideExpr: 'div',
        before: function () { // deselect all slides
            botoesswapli.removeClass('clicado');
        },
        after: function (foo, bar, opts) { // select current slide
            var i = opts.currSlide + 1;
            $("#thumb" + i).addClass('clicado').delay(500);
        },
        cssBefore: {
            display: 'none',
            top: -1000,
            left: 0,
            opacity: 1,
            zIndex: 1
        },
        cssAfter: {
            display: 'none',
            opacity: .2,
            zIndex: 0
        }
    }).cycle("resume").hover(function () {
        $(this).cycle('pause');
    }, function () {
        $(this).cycle('resume');
    });
});

$(function () {
    thumb1.click(function () {
        swapimagens.cycle(0);
        return false;
    });
    thumb2.click(function () {
        swapimagens.cycle(1);
        return false;
    });
    thumb3.click(function () {
        swapimagens.cycle(2);
        return false;
    });
});
$(function () {
    botoesswapli.hover(
        function () {
            swapimagens.cycle('pause');
        },
        function () {
            swapimagens.cycle('resume');
    });
});