$(document).ready(function(){         
    $('.board .board_div').eq(0).addClass('active').fadeIn(1000);
    var id = $('.board .board_div').eq(0).attr('data-id');
    $('#iconamaiser span').removeClass("active");
    $('span[data-id="'+id+'"]').addClass("active");
    $('span.slider').on("click", function() {
        var id = $(this).attr('data-id');
        var div_current = $('div.board_div.active');
        var span_current = $('span.slider.active');        
        div_current.removeClass('active').fadeOut(1000);
        $('div[data-id="'+id+'"]').addClass('active').fadeIn(1000);
        span_current.removeClass("active");
        $(this).addClass("active");
        return false;
    });   
    //iconamaiser
    
    setInterval('blockAnimate();' , 5000);
    
    });
    
    function blockAnimate() {
        if ($('.board').is(':hover')) {
                
        } else {
                var length = $('.board .board_div').length - 1;
                $('.board .board_div').each(function(index) {
                    if($(this).hasClass('active') && index != length) {
                        $(this).removeClass('active').fadeOut(1000).next('div.board_div').addClass('active').fadeIn(1000);
                        var id = $(this).next('.board_div').attr('data-id');
                        $('#iconamaiser span').removeClass("active");
                        $('span[data-id="'+id+'"]').addClass("active");                        
                        return false;
                    } else if (index == length) {
                        $(this).removeClass('active').fadeOut(1000);
                        $('.board .board_div').eq(0).addClass('active').fadeIn(1000);
                        var id = $('.board .board_div').eq(0).attr('data-id');
                        $('#iconamaiser span').removeClass("active");
                        $('span[data-id="'+id+'"]').addClass("active");    
                        return false;
                    }
                });
        }
    };