$(document).ready(function(){
    $('#home-block .banner').cycle({
        fx:     'fade',
        timeout:  6500,
        speed:    1500,
        prev:    '.prev',
        next:    '.next'
    });

    $('#home-block .banner').mouseover(function(){
        displayOptions();
    });
    $(".prev").animate({opacity: "0.0"});
    $(".next").animate({opacity: "0.0"});


    //  Se sai de cima dos banners com o mouse, oculta as opções de próximo e anterior
    var idProcess;
    $("#home-block .banner img").mouseout(function(){
        hideOptions();
    }).mouseover(function(){
        //  Se ocorreu um mouseover, cancela a remoção das flexas
        clearTimeout(idProcess);
    });
    $(".prev").mouseover(function(){
        displayOptions();
        clearTimeout(idProcess);
    }).mouseout(function(){
        hideOptions();
    });
    $(".next").mouseover(function(){
        displayOptions();
        clearTimeout(idProcess);
    }).mouseout(function(){
        hideOptions();
    });



    /**
     *  Exibe opções de próximo e anterior
     */
    function displayOptions(){
        if ($(".prev").css("opacity") != "0.5"){
            //  Altera a opacidade das flexas em específico
            $("#img-opt-prev").animate({opacity: "0.5"},200);
            $("#img-opt-next").animate({opacity: "0.5"},200);
        }
    }

    /**
     * Oculta opções de próximo e anterior e salva a id do processo
     */
    function hideOptions(){
        idProcess = setTimeout(function(){
            $(".prev").animate({opacity: "0.0"}, 200);
            $(".next").animate({opacity: "0.0"}, 200);
        },200);
    }
});