﻿$(document).ready(function() {
		//opcje( 1 - włączony , 0 - wyłączony)
		var auto_slide = 1;
			var hover_pause = 1;
		var key_slide = 1;
		//prędkość przewijania
		var auto_slide_seconds = 5000;
		//UWAGA: wartości czasowe podajemy w milisekundach
		//przesuń obiekt z ostatniego miejsca na miejsce przed pierwszym. Chodzi o to, żeby użytkownik widział wszystkie pozycje ze slidera bez przerwy.
		$('#slider_lista li:first').before($('#slider_lista li:last'));
		//sprawdzenie czy auto-sliding jest włączony
		if(auto_slide == 1){
			var timer = setInterval('slide("right")', auto_slide_seconds);
			$('#hidden_auto_slide_seconds').val(auto_slide_seconds);
		}
		//sprawdzenie czy pauza w efekcie hover jest włączona
		if(hover_pause == 1){
			$('#slider_lista').hover(function(){
				//zatrzymanie przesuwania gdy :hover
				clearInterval(timer)
			},function(){
				//włączenie ruchu
				timer = setInterval('slide("right")', auto_slide_seconds);
			});
		}
		//sprawdzenie czy obsługa klawiszy jest włączona
		if(key_slide == 1){
			//ustawianie przycisków do interakcji
			$(document).bind('keypress', function(e) {
				//kod przycisku "strzałka w lewo" to: 37, a "strzałka w prawo" to: 39
				if(e.keyCode==37){
						//przesuń w lewo
						slide('left');
				}else if(e.keyCode==39){
						//przesuń w prawo
						slide('right');
				}
			});
		}
  });
//funkcja przesuwania
function slide(where){
			//pobieranie szerokości pojedynczego obiektu
			var item_width = $('#slider_lista li').outerWidth() + 10;
			//sprawdzenie czy animacja ma iść w prawo czy w lewo
			if(where == 'left'){
				//kalkulacja ruchu w lewo
				var left_indent = parseInt($('#slider_lista').css('left')) + item_width;
			}else{
				//kalkulacja ruchu w prawo
				var left_indent = parseInt($('#slider_lista').css('left')) - item_width;
			}
			//efekt przesuwania z użyciem biblioteki jQuery
			$('#slider_lista:not(:animated)').animate({'left' : left_indent},500,function(){
				//tworzenie iluzji nieskończonej prezentacji
				if(where == 'left'){
					$('#slider_lista li:first').before($('#slider_lista li:last'));
				}else{
					$('#slider_lista li:last').after($('#slider_lista li:first'));
				}
				$('#slider_lista').css({'left' : '-237px'});
			});
}



