(function($){
    function slide_banner(){
        var $active;
        
        $("#destaqueInteiro .paging").show()
        $("#destaqueInteiro .paging li:first a").addClass("on");

        var imageWidth = $("#destaqueInteiro").width();
        var imageSum = $("#destaqueInteiro .image_reel img").size();
        var imageReelWidth = imageWidth * imageSum;

        $("#destaqueInteiro .image_reel").css({
            'width' : imageReelWidth
        });

        var rotate = function($active){
            var triggerID = $active.attr("rel") - 1;
            var image_reelPosition = triggerID * imageWidth;

            $("#destaqueInteiro .paging a").removeClass('on');
            $active.addClass('on');

            //Slider Animation
            $("#destaqueInteiro .image_reel").animate({
                left: -image_reelPosition
            }, 500 );

        };

        var play = null;
        var rotateSwitch = function(){
            play = setInterval(function(){
                $active = $('#destaqueInteiro .paging li a.on').parent().next().children("a");
                if ( $active.length === 0) {
                    $active = $('#destaqueInteiro .paging li:first a');
                }
                rotate($active);
            }, 7000);
        };

        rotateSwitch();

        $("#destaqueInteiro .image_reel a").hover(function() {
            clearInterval(play);
        }, function() {
            rotateSwitch();
        });

        $("#destaqueInteiro .paging a").click(function() {
            $active = $(this);
            clearInterval(play); 
            rotate($active);
            rotateSwitch(); 
            return false;
        });
    }

    function slide_personalizados(){
        var current = 0;

        var imageWidth = $("#personalizados").width();
        var imageSum = $("#personalizados .image_reel li").size();
        var imageReelWidth = imageWidth * imageSum;

        $("#personalizados .image_reel").css({
            'width' : imageReelWidth
        });

        var rotate = function(){
            var triggerID = current;

            var image_reelPosition = triggerID * imageWidth;

            $("#personalizados .image_reel").animate({
                left: image_reelPosition
            }, 500 );

        };

        $("a.setaEsquerda").click(function() {
            if(current != 0){
                current++;
            }
            rotate();
            return false;
        });

        $("a.setaDireita").click(function() {
            current--;
            if(-imageSum == current) {
                current = 0;
            }
            
            rotate();
            return false;
        });
    }

    $(document).ready(function() {
        slide_banner();
        slide_personalizados();
    });

})(jQuery);