var NumberOfChild = 0;
var CurrentChild = 1;
var NewChildToDisplay = 1;
var ImpairChild = false;
var TOut = null;
var IsClicked = 0;
var timer1;

$("document").ready(function () {
    slider();
});

function slider() {
    $("#visionneuse li").hide();

    NumberOfChild = $("#visionneuse li").length
    ImpairChild = (NumberOfChild % 2)

    callback('left', 200);

    $("#visionneuse_left, #visionneuse_right").bind("click", function (e) {
        e.preventDefault();
        var direction = 'left'
        if (this.id == 'visionneuse_right') { direction = 'right'; }
        if (!IsClicked) {
            IsClicked = 1;
            SlideCategory(direction);
            setTimeout("IsClicked = 0", 750);
            clearTimeout(timer1);
            timer1 = window.setTimeout(function () { SlideAction(); }, 8000);
        }
    });

    timer1 = window.setTimeout(function () { SlideAction(); }, 8000);
}

function SlideAction() {
    SlideCategory('left');
    timer1 = window.setTimeout(function () { SlideAction(); }, 8000);
}

function SlideCategory(Direction) {
    var DisplayDirection = GetNewElement(Direction)

    //$("#visionneuse li:visible").hide("slide", { direction: Direction }, 500);
    //            $("#visionneuse li:visible").hide("blind", 500);
    $("#visionneuse li:visible").hide();

    callback(DisplayDirection, 1000);
    CurrentChild = NewChildToDisplay;
}

function GetNewElement(Direction) {
    var DisplayDirection = 'right';
    if (Direction == 'left') {
        if (CurrentChild == 1) {
            NewChildToDisplay = (NumberOfChild - 1);
            if (ImpairChild) { NewChildToDisplay = NumberOfChild; }
        }
        else if (CurrentChild <= NumberOfChild && CurrentChild != 1) {
            NewChildToDisplay -= 2;
        }
        else if (CurrentChild == NumberOfChild && CurrentChild == 1) {
            NewChildToDisplay = CurrentChild;
        }
        else {
            // NewChildToDisplay -= 2;
        }
    }
    else {
        DisplayDirection = 'left'
        if (CurrentChild >= 1 && CurrentChild < (NumberOfChild - 1)) {
            NewChildToDisplay += 2;
        }
        else if (CurrentChild == 1 && CurrentChild == NumberOfChild) {
            NewChildToDisplay = CurrentChild;
        }
        else if ((CurrentChild == NumberOfChild) || ((CurrentChild + 1) == NumberOfChild)) {
            NewChildToDisplay = 1;
        }
        else {
            // NewChildToDisplay += 2;
        }
    }
    return DisplayDirection;
}

function callback(Direction, timeout) {

    $($.format("#visionneuse li:nth-child({0})", NewChildToDisplay)).show();
    if (NewChildToDisplay + 1 <= NumberOfChild) { $($.format("#visionneuse li:nth-child({0})", (NewChildToDisplay + 1))).show(); }

    //            $($.format("#visionneuse li:nth-child({0})", NewChildToDisplay)).show("blind", timeout);
    //            if (NewChildToDisplay + 1 <= NumberOfChild) { $($.format("#visionneuse li:nth-child({0})", (NewChildToDisplay + 1))).show("blind", timeout); }
};