var goToPage = function(p) {
    var selector = $(".selector");
    selector.removeClass("s" + selector.data("page"));
    selector.addClass("s" + p);
    selector.data("page", p);
    startTimer();
};

$(document).ready(function() {


    var selector = $(".selector");
    selector.data("page", 1);

    var createClick = function(i, timer) {
        return function(ev) {
            if (ev.which == 1) {
                //ev.preventDefault()
                //ev.stopPropagation();
                goToPage(i, timer);
            }
        };
    };
    var createHover = function(elem, i) {
        $(elem).hover(function() {
            $(".selector .pointer").addClass("s" + i);
        }, function() {
            $(".selector .pointer").removeClass("s" + i);
        });
    };
    for (var i = 1; i <= 4; i++) {
        var articleElem = $(".selector .article.s" + i);
        articleElem.hover(createClick(i));
        //createHover(articleElem, i);
    }
    startTimer();
});
var timerId;
var startTimer = function() {
    timerId = clearInterval(timerId);
    timerId = setInterval(function() {
        var page = $(".selector").data("page");
        if (page == 4)
            goToPage(1)
        else
            goToPage(page + 1);
    }, 7000);
};