/*
 * Changebox - jQuery plugin
 *
 * vytvori box s prepinanim polozek
 *
 * autor: Daniel Repa
 *
 * verze: 1.1 (23/08/2010)
 * vyzaduje: jQuery v1.4+
 */

(function($) {

	function Changebox(node,options) {
		this.defaults = {
			'arrows'			: true, // zobrazit prepinaci sipky
			'numbers'			: true, // zobrazit prepinaci cisilka
			'play_pause'		: true, // zobrazit tlacitko play/pause
			'play'				: true, // zacit automaticky prepinat
			'time'				: 6000, // cas mezi prepinanim v milisekundach
			'delay'				: 0, // spozdeni zacatku prepinani v milisekundach
			'pause_on_hover'	: true, // pri prejeti mysi nad prolinackou pozastavit prepinani
			'previous_text'		: '<', // text tlacitka prechozi
			'next_text'			: '>', // text tlacitka dalsi
			'play_text'			: 'play', // text tlacitka play/pause - spustit
			'pause_text'		: 'pause', // text tlacitka play/pause - zastavit
			'isPlaying'			: false // priznak, ze je prolinacka prave spustena
		};

		this.options = $.extend({},this.defaults,options);
		this.node = node;
		this.timer = null;
	};

	$.extend(Changebox.prototype, {
		init: function() {
			var thisObj = this;
			if ($(".item", this.node).length < 2) {
				return;
			}
			// zobrazit ovladaci prvky?
			if (this.options['arrows'] || this.options['numbers'] || this.options['play_pause']) {
				// listicka
				var control_cont = $("<ul>", {
					'class' : 'controls'
				});
				// polozky seznamu
				var li = null;
				var href = null;
				var text = null;
				// zobrazit sipku zpet
				if (this.options['arrows']) {
					li = $("<li>", {
						'class' : 'previous'
					});
					text = this.options['previous_text'];
					href = $("<a>", {
						'href' : '#prev',
						'text' : text,
						click : function(){
							thisObj.change('prev');
							return false;
						}
					});
					li.append(href);
					control_cont.append(li);
				}
				// zobrazit cisilka
				if (this.options['numbers']) {
					$(".item", this.node).each(function(j, item){
						li = $("<li>", {
							'class' : 'number' + (!j ? ' act' : '')
							});
						href = $("<a>", {
							'href' : '#' + (j + 1),
							'text' : (j + 1),
							click : function(){
								// pokud je jiz cislo aktivni, nemusime na nej prepinat
								if (!$(this).parent("li").hasClass('act')) {
									thisObj.change(j);
									thisObj.stop();
								}
								return false;
							}
						});
						li.append(href);
						control_cont.append(li);
					});
				}

				// zobrazit sipku next
				if (this.options['arrows']) {
					li = $("<li>", {
						'class' : 'next'
					});
					text = this.options['next_text'];
					href = $("<a>", {
						'href' : '#next',
						'text' : text,
						click : function(){
							thisObj.change('next');
							return false;
						}
					});
					li.append(href);
					control_cont.append(li);
				}

				//zobrazit tlacitko play/pause
				if (this.options['play_pause']) {
					li = $("<li>", {
						'class' : 'play_pause play'
					});
					text = ((this.options.play == false)? this.options.pause_text : thisObj.options.play_text);
					href = $("<a>", {
						'href' : "#",
						'text' : text,
						click : function(){
							if (this.options.isPlaying)
								thisObj.stop();
							else
								thisObj.play();
							return false;
						}
					});
					li.append(href);
					control_cont.append(li);
				}
				this.node.append(control_cont);
			}
			// skryjeme vsechny elementy pro animaci
			$(".item", this.node).hide();
			// zobrazime prvni
			$(".item:first", this.node).show();
			// pridame prvnimu itemu tridu act
			$(".item:first", this.node).addClass("act");

			// pokud se ma automaticky zacit prepinat
			if (this.options['play']) {
				// prepinani spustit se spozdenim delay (pokud je nastaveno) */
				if (this.options['delay'])
					setTimeout(function() {
						thisObj.play();
					},
					thisObj.options['delay']
					);
				else
					thisObj.play();
			}

			// pri najeti mysi pozastavit prepinani
			if (this.options['pause_on_hover']) {
				$(".item", this.node).hover(
					function () {
						thisObj.stop();
					},
					function () {
						thisObj.play();
					}
					);
			}
			return true;
		},
		play: function() {
			var thisObj = this;
			// priznak isPlaying a objekt timeru ulozime do daneho nodu */
			if (!this.options.isPlaying) {
				function intervalCallback() {
					thisObj.change('next');
				};
				this.timer = window.setInterval(intervalCallback, this.options['time']);
				this.options.isPlaying = true;
				$("li.play_pause", this.node).removeClass('play').addClass('stop');
				$("li.play_pause a", this.node).text(this.options['pause_text'])
			}
			return true;
		},
		stop: function() {
			if (this.timer) {
				//smazeme timer
				window.clearInterval(this.timer);
				$("li.play_pause", this.node).removeClass('stop').addClass('play');
				$("li.play_pause a", this.node).text(this.options['play_text'])
			}
			//a prepneme priznak
			this.options.isPlaying = false;
			return true;
		},
		change: function(to) {
			//ziskame aktualni item a aktualni cisilko
			var act_item = $(".item.act", this.node);
			var act_ctl = $(".number.act", this.node);
			var to_element = null;
			var ctl = null;
			//skryt vsechny viditelne itemy */
			var visible = $(".item:visible", this.node);
			visible.fadeOut('slow');
			visible.removeClass('act');

			// odaktivnit aktivni cisilko */
			$(".number", this.node).removeClass('act');

			// prepnout na dalsi item */
			if (to == 'next'){
				to_element = act_item.next(".item");
				ctl = act_ctl.next(".number");
				if (!to_element.length){
					to_element = $(".item:first", this.node);
					ctl = $(".number:first", this.node);
				}
				ctl.addClass('act');
			}
			// prepnout na predchozi item */
			else if (to == 'prev') {
				to_element = act_item.prev(".item");
				ctl = act_ctl.prev(".number");
				if (! to_element.length){
					to_element = $(".item:last", this.node);
					ctl = $(".number:last", node);
				}
				ctl.addClass('act');
			}
			// prepnout na n-ty item (pocitano od nuly) */
			else {
				to_element = $(".item:eq(" + to + ")", this.node);
				$(".controls .number:eq(" + to + ")", this.node).addClass('act');
			}
			// zobrazit pozadovany item a zaktivnit ho */
			to_element.fadeIn('slow');
			to_element.addClass('act');
			return true;
		}
	});

	$.fn.changebox = function(options) {
		var changebox = null;
		return this.each(function(){
			changebox = new Changebox($(this),options);
			changebox.init();
		});
	}
})(jQuery);