1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130

/**
 * jQuery bcarousel plugin 0.1
 *
 * Copyright (c) 2010 Maciej Wilgucki
 *
 * Dual licensed under the MIT and GPL licenses:
 *   http://www.opensource.org/licenses/mit-license.php
 *   http://www.gnu.org/licenses/gpl.html
 */
(function($) {
	// domsylne ustawienia plugina
	var defaults = {
		carouselClass: "b-carousel", // klasa css z karuzelą
		navigationClass: "b-navi", // klasa css z nawigacją do karuzeli
		prevClass: "b-prev", // klasa css elementu poprzedni
		nextClass: "b-next", // klasa css elementu poprzedni
		autoplay: false, // czy ma samo się oddtwarzać
		duration: 3000 // czas, przez który wyświetlany jest dany element
	};

	var options = {};
	var t = null;

	// funkcje odpowiedzialne za zachowanie plugina
	var controlls = {
		start: function() {
			// jesli autoplay nie jest uruchomione, rozpocznij automatyczne odtwarzanie
			if(t == null) runAutoplay();
		},
		stop: function() {
			clearInterval(t);
			t = null;
		},
		prev: function() {
			if(options.autoplay) {
				clearInterval(t);
				runAutoplay();
			}
			showPrevItem();
		},
		next: function() {
			if(options.autoplay) {
				clearInterval(t);
				runAutoplay();
			}
			showNextItem();
		}
	};

	function runAutoplay()
	{
		t = setInterval(function() {
			showNextItem();
		}, options.duration);
	}

	function showPrevItem()
	{
		var index = $("." + options.carouselClass + " .item.active").index();

		$("." + options.navigationClass + " a").removeClass("active");

		// jesli pierwszy element jest aktywny, to przejdz do ostatniego elementu
		if(index == 0) {
			$("." + options.carouselClass + " .item.active").removeClass("active").hide();
			$("." + options.carouselClass + " .item:last").addClass("active").show();
			$("." + options.navigationClass + " a:last").addClass("active");
		}
		else {
			$("." + options.carouselClass + " .item.active").removeClass("active").hide().prev().addClass("active").show();
			$("." + options.navigationClass + " a").eq(index).prev().addClass("active");
		}
	}

	function showNextItem()
	{
		var index = $("." + options.carouselClass + " .item.active").index();
		var length = ($("." + options.carouselClass + " .item").length - 1);

		$("." + options.navigationClass + " a").removeClass("active");

		// jesli ostatni element jest aktywny, to przejdz do pierwszego elementu
		if(index == length) {
			$("." + options.carouselClass + " .item.active").removeClass("active").hide();
			$("." + options.carouselClass + " .item:first").addClass("active").show();
			$("." + options.navigationClass + " a:first").addClass("active");
		}
		else {
			$("." + options.carouselClass + " .item.active").removeClass("active").hide().next().addClass("active").show();
			$("." + options.navigationClass + " a").eq(index).next().addClass("active");
		}
	}

	$.extend($.fn, {
		bcarousel: function(params) {
			// pobierz parametry plugina od uzytkownika i polacz z wartosciami domyslnymi
			options = $.extend(defaults, params);

			// ustawienie pierwszego elementu jako aktywnego
			$("." + options.carouselClass + " .item").hide().removeClass("active");
			$("." + options.carouselClass + " .item:first").show().addClass("active");
			$("." + options.navigationClass + " a:first").show().addClass("active");

			if(options.autoplay) runAutoplay();

			$("." + options.navigationClass + " a").click(function() {
				$("." + options.carouselClass + " .item").removeClass("active").hide().eq($(this).attr("rel")).addClass("active").show();
				$("." + options.navigationClass + " a").removeClass("active");
				$(this).addClass("active");
				if(options.autoplay) {
					clearInterval(t);
					runAutoplay();
				}
				return false;
			});

			$("a." + options.prevClass).click(function() {
				showPrevItem();
				return false;
			});

			$("a." + options.nextClass).click(function() {
				showNextItem();
				return false;
			});

			return controlls;
		}
	});
})(jQuery);