Slidershow

$(document).ready(function() {
    addidslider();
    $("#load").addClass("progresAutoplay");
    var setinter = setInterval(transition, 5000);
    $(".back").click(function() {
        clearInterval(setinter);
        $(".autoplay").attr('id', "play");
        $(".autoplay").removeClass("autoplay_pause");
        $(".autoplay").addClass("autoplay_play");
        var id = parseInt($(".active").attr('id'));
        if (id == 1) {
            removeclassall();
            var sliderlast = getidlast();
            $("#" + sliderlast).addClass('active');
            $("#trontron" + sliderlast).addClass('trontronactive');
        } else {
            removeclassall();
            $("#" + (id - 1)).addClass('active');
            $("#trontron" + (id - 1)).addClass('trontronactive');
        }

    });
    $(".next").click(function() {
        clearInterval(setinter);
        $(".autoplay").attr('id', "play");
        $(".autoplay").removeClass("autoplay_pause");
        $(".autoplay").addClass("autoplay_play");
        var id = parseInt($(".active").attr('id'));
        var sliderlast = getidlast();

        if (id == sliderlast) {
            removeclassall();
            $("#1").addClass('active');
            $("#trontron1").addClass('trontronactive');
        } else {
            removeclassall();
            $("#" + (id + 1)).addClass('active');
            $("#trontron" + (id + 1)).addClass('trontronactive');
        }

    });
    $(".autoplay").click(function() {
        autoplay();

    });
});
function autoplay() {
    var flagInterval = $(".autoplay").attr('id');
    if (flagInterval == "pause") {
        clearInterval(setinter);
        $(".autoplay").attr('id', "play");
        $(".autoplay").removeClass("autoplay_pause");
        $(".autoplay").addClass("autoplay_play");
    } else {
        setinter = setInterval(transition, 5000);
        $(".autoplay").attr('id', "pause");
        $(".autoplay").removeClass("autoplay_play");
        $(".autoplay").addClass("autoplay_pause");
    }
}
function removeclassall() {
    $("#slider li").removeClass("active");
    $(".listtrontrol li").removeClass("trontronactive");
}
function addidslider() {
    var index = parseInt(1);
    $('#slider li').each(function() {

        if (index == 1) {
            $(this).addClass("active");
            $(".listtrontrol").append('<li id="trontron' + index + '" class="trontronactive" onclick="trontronclick(' + index + ');"></li>');
        } else {
            $(".listtrontrol").append('<li id="trontron' + index + '" onclick="trontronclick(' + index + ');"></li>');
        }
        $(this).attr("id", index);
        index++;
    });
}
function getidlast() {
    var idlast = "";
    $('#slider li').each(function() {
        idlast = $(this).attr('id');
    });
    return idlast;
}
function trontronclick(flagindex) {
    removeclassall();
    $("#" + flagindex).addClass('active');
    $("#trontron" + flagindex).addClass('trontronactive');
}
var countflag = 2;
function transition() {
    if (countflag == 2) {
        $("#load").removeClass("progresAutoplay");
        countflag = 1;
    } else {
        $("#load").addClass("progresAutoplay");

        countflag = 2;
    }
    var id = parseInt($(".active").attr('id'));
    removeclassall();
    var lastid = getidlast();
    if (id == lastid) {
        id = 0;
    }
    $("#" + (id + 1)).addClass('active');
    $("#trontron" + (id + 1)).addClass('trontronactive');
}