$(document).ready(function () {

    var slides = $(".slide").length; // כמה שקופיות
    var slidewidth = $(".slide").outerWidth(); // רוחב שקופית
    var currentslide = 1; // אתחול שקופית
    var posstart = slidewidth * -1 * slides + slidewidth; // מיקום קיצון
    var posmax = 0; // מיקום התחלה

    //$("#comments").empty();
    //var leftpos = $("#slides").position();
    //$("#comments").append(leftpos.left);
    // $("#comments").append("------");
    // $("#comments").append(posmax);

    $("#slides").css({ "width": slides * slidewidth });
    $("#but1").attr({ "class": "butselected" });


    $("#buttonnext").click(function () {
        if (currentslide == slides) {
            $("#slides").animate({ right: "0px" }, 600);
            currentslide = 1;
        }
        else {
            $("#slides").animate({ right: "-=" + slidewidth + "px" }, 600);
            currentslide = currentslide + 1;
        }
        $(".butselected").attr({ "class": "but" });
        $("#but" + currentslide).attr({ "class": "butselected" });
    });




    $("#buttonprev").click(function () {
        if (currentslide == 1) {
            $("#slides").animate({ right: +posmax + "px" }, 600);
            currentslide = slides;
        }
        else {
            $("#slides").animate({ right: "+=" + slidewidth + "px" }, 600);
            currentslide = currentslide - 1;
        }
        $(".butselected").attr({ "class": "but" });
        $("#but" + currentslide).attr({ "class": "butselected" });
    });





    $(".but , .butselected").click(function () {

        var butid = $(this).attr('id');
        butid = butid.substr(3, 3);
        butid = parseInt(butid);
        currentslide = butid;
        var animleft = slidewidth - (butid * slidewidth)
        $("#slides").animate({ right: animleft + "px" }, 600);
        $(".butselected").attr({ "class": "but" });
        $(this).attr({ "class": "butselected" });

    });





    var timer = setInterval(function () {
        if (currentslide == slides) {
            $("#slides").animate({ right: "0px" }, 600);
            currentslide = 1;
        }
        else {
            $("#slides").animate({ right: "-=" + slidewidth + "px" }, 600);
            currentslide = currentslide + 1;
        }

        $(".butselected").attr({ "class": "but" });

        $("#but" + currentslide).attr({ "class": "butselected" });
    }, 5000);





    var togle = 2;
    $("#buttonpose").click(function () {

        if (togle % 2 == 0) {
                            clearInterval(timer);
                            $("#buttonpose").attr({ "class": "play" });
                            togle = togle + 1
        }
        else {


            //--------------
             timer = setInterval(function () {
                if (currentslide == slides) {
                    $("#slides").animate({ right: "0px" }, 600);
                    currentslide = 1;
                }
                else {
                    $("#slides").animate({ right: "-=" + slidewidth + "px" }, 600);
                    currentslide = currentslide + 1;
                }

                $(".butselected").attr({ "class": "but" });

                $("#but" + currentslide).attr({ "class": "butselected" });
            }, 5000);
            //--------------

            $("#buttonpose").attr({ "class": "pose" });
            togle = togle + 1
        }





    });



});