$(function() {
    var parent = $(".gg"),
        title = $(".the_time", parent),
        content = $(".imaage img", parent),
        i = 0,
        len = title.length,
        timer;
    title.each(function(indx, element) {
        $(this).mouseenter(function() {
            i = indx;
            show(true)
        })
    });

    function show(hold) {
        window.clearTimeout(timer);
        title.removeClass("active").eq(i).addClass("active");
        content.hide().eq(i).show();
        if (!hold) {
            i = ++i % len;
            timer = window.setTimeout(show, 3E3)
        }
    }
    show();
    parent.mouseleave(function() {
        show(false)
    })
});