$(function() {
     //parametry
     var changeTime = 9000
     var timeSlid = 1500
     var curSlid = 1
     var widthSlid = 1000

     //ilosc slidow
     var iloscSlid = $('.slid').length

     //wykrycie ostatniego i pierwszego i ich sklonowanie
     var ostatni = $('.slid:last').html()
     var pierwszy = $('.slid:first').html()
     $('#sliderContainer').append('<div class="slid">' + pierwszy + '</div>')
     $('#sliderContainer').prepend('<div class="slid">' + ostatni + '</div>')

     //ilosc po sklonowaniu
     var amountSlid = $('.slid').length
     var widthContainer = widthSlid * amountSlid

     //narysowanie nawigacji
     for (i=1;i<=iloscSlid;i++) {
        $('#sliderMenu').append('<p>' + i + '</p>')
     }

     //obsługa menu nawigacyjnego
     var allLinks = $('#sliderMenu p')
     allLinks.each(function(i, v) {
        $(this).click(function(){
            change(i+1)
        })
     })

     //nadanie odpowiednich parametrow css dla div
     $('#sliderContainer').css({
            'width': widthContainer + 'px',
            'left': curSlid * -widthSlid + 'px'
     })

     //ustawienie braku animacji
     $("#slider").data("onmove", false);

     //funkcja obsługujaca zdarzenia
     function change(nr) {
            if (!$("#slider").data("onmove")) {
                    var leftSlid = nr * -widthSlid
                    $("#slider").data("onmove", true);
                    $('#sliderContainer').animate({
                            left: leftSlid + 'px'
                    }, timeSlid, function() {
                            $("#slider").data("onmove", false);
                            curSlid = nr
                            if (curSlid == (iloscSlid + 1)) {
                                $('#sliderContainer').css({
                                    'left' : -widthSlid
                                })
                                curSlid = 1
                            }
                            allLinks.css('background','#eeebe7').eq(curSlid-1).css({'background':'#ddd7cf'})
                    })
                    clearTimeout(czas)
                    czas = setTimeout(function() {
                            change(curSlid + 1)
                    }, changeTime)
            }
     }
     var czas = setTimeout(function() {
                    change(curSlid + 1)
     }, changeTime)
})


/*
 *
 * $(function() {
 	 var widthSlid = 1000
 	 var amountSlid = $('.slid').size()
	 var widthContainer = widthSlid * amountSlid
 	 var timeSlid = 1500
 	 var changeTime = 6000
 	 var curSlid = 0
 	 var allLinks = $('#sliderMenu p')

 	 $('#sliderContainer').css({
		'width': widthContainer + 'px'
	 })
 	 $("#slider").data("onmove", false);

 	 allLinks.each(function(i, v) {
            $(this).click(function(){
                change(i)
            })
 	 })

 	 function change(nr) {
 	 	if (!$("#slider").data("onmove")) {
 	 		var leftSlid = nr * -widthSlid
 	 		if (nr == amountSlid) {
				leftSlid = 0
				nr = 0
			}
			$("#slider").data("onmove", true);
			$('#sliderContainer').animate({
				left: leftSlid + 'px'
			}, timeSlid, function() {
				$("#slider").data("onmove", false);
				curSlid = nr
				allLinks.css('background','#eeebe7').eq(nr).css({'background':'#ddd7cf'})
			})
			clearTimeout(czas)
			czas = setTimeout(function() {
	 			change(curSlid + 1)
			}, changeTime)
 	 	}
 	 }

	 var czas = setTimeout(function() {
	 		change(curSlid + 1)
	 }, changeTime)
})
 */