var stepSlider = 0;
var LisSlider;
var widthLi=0;
var ulSlider;
var next;
var prev;
$(document).ready(function() {

    LisSlider = $("div.slider li").length;
    if (LisSlider == 0)
        return;

    ulSlider = $("div.slider > div > ul");
    next = $("div.slider > span.next");
    prev = $("div.slider > span.prev");

    next.click(function() {
        ShowNext();
        Rotating = false;
    });
    prev.click(function() {
        ShowPrev();
        Rotating = false;
    })
    setTimeout('ShowNext()', 5000);
})
var Rotating = true;
function ShowNext() {
    if (widthLi == 0)
        widthLi = $("div.slider li").width();
    prev.removeClass("notActive");
    stepSlider++;
    if (stepSlider >= LisSlider - 1) {
        next.addClass("notActive");
        stepSlider = LisSlider - 1
    }
    if (stepSlider < LisSlider) {
        ulSlider.animate({ "marginLeft": -stepSlider * widthLi + "px" }, 500)
    }
    if (stepSlider >= LisSlider - 1) {
        if (Rotating) {
            Rotating = false;
            stepSlider = 1;
            setTimeout('ShowPrev()', 5000);
        }
    }
    else
        if (Rotating)
        setTimeout('ShowNext()', 5000);
}

function ShowPrev() {
    next.removeClass("notActive");
    if (stepSlider > 0) {
        stepSlider--;
        ulSlider.animate({ "marginLeft": -stepSlider * widthLi + "px" }, 500);
    }
    if (stepSlider == 0) {
        prev.addClass("notActive");
    }
}