// On Document Ready

var Slider = function (pars) {

	this.sliderID;
	this.sliderObject;
	this.slideWidth = 			150;
	this.slideHeight = 			150;
	this.sliderPadding = 		10;
	this.currentSlide =  		0;
	this.imagesOnly = 			false; // false | true
	this.autoPlay = 				false; // false | true
	this.autoPlayDelay = 		0; // 0 | 1 | 2
	this.pagination = 			false; // false | true
	this.liveView = 				"image"; // false | "image" | "static" | "dynamic"
	this.liveViewPos = 			"bottom"; // "bottom" | "top"
	this.liveViewMask = 		'rgba(0,0,0,0.9)';
	this.liveViewMode = 		"box"; // "box" | "layer" | "popup"
	this.liveViewShowFirst = false; // false | true
	this.liveViewSlide = 		true; // false | true
	this.liveViewClose = 		true; // false | true
	this.opacityEffect = 		false; // false | true
	this.orientation = 			"horizontal"; // "horizontal" | "vertical"
	this.multiRow = 				false; // false | true
	this.shuffle = 					false; // false | true
	this.loop =							true; // false | true
	this.visible =					4;
	this.slideTime = 				200;
	this.jump = 						1;

	//console.log('Przepisuje parametry ----------------------');
	for(var i in pars) { this[i] = pars[i]; }
	//for(var i in this) { console.log(i," = ",this[i]); }

	if (this.sliderID) {
		var slider = WP.$('#' + this.sliderID);
		if (!slider) {
			throw("Nie istnieje slider o podanym ID!");
			return;
		}
	} else if (this.sliderObject) {
		var slider = this.sliderObject;
	} else {
		throw("Brakuje ID slidera!");
		return;
	}

	var sldrHldr = slider.find('.sliderHolder');
	var sldsCntnr = slider.find('.slidesContainer');
	var slds = slider.find('.slide');

	var sldrBtns = slider.find('.sliderNavi');
	var btnPrv = slider.find('.sliderButtonPrev');
	var btnNxt = slider.find('.sliderButtonNext');
	var pgnBtns;

	var sldrVw;
	var sldrVwImg;
	var sldrVwVsbl = false;
	var sldrVwCls;
	var sldrVwClsBtn;

	var dirNxt = 1;
	var dirPrv = -1;
	var dirChngd;
	var lastDir = 1;
	var dir = 0;

	switch(this.orientation) {
		case "horizontal":
			var cssPosPar = 'left';
			var cssDimPar = 'width';
			var cssDimParOrt = 'height';
			var sldDim = this.slideWidth;
			var sldDimOrt = this.slideHeight;
			break;
		case "vertical":
			var cssPosPar = 'top';
			var cssDimPar = 'height';
			var cssDimParOrt = 'width';
			var sldDim = this.slideHeight;
			var sldDimOrt = this.slideWidth;
			break;
	}

	var liveView = this.liveView;
	var liveViewPos = this.liveViewPos;
	var liveViewMask = this.liveViewMask;
	var liveViewMode = this.liveViewMode;
	var liveViewShowFirst = this.liveViewShowFirst;
	var liveViewClose = this.liveViewClose;
	var liveViewSlide = this.liveViewSlide;

	var queue = new Array();
	var visible = this.visible;
	var pagination = this.pagination;
	var autoPlay = this.autoPlay;
	var autoPlayBtn;
	var autoPlayDelay = this.autoPlayDelay;
	var autoDelays = [15000,10000,7000]; // w milisekundach
	var autoPlayStatus  = false;
	var slideTime = this.slideTime;
	var sliderPadding = this.sliderPadding;
	var imagesOnly = this.imagesOnly;
	var jump = this.jump;
	var loop = this.loop;
	var shuffle = this.shuffle;
	var vIndx;
	var bIndx = 0;
	var sIndx = this.currentSlide-1;
	var multiRow = this.multiRow;
	var opacityEffect = this.opacityEffect;
	var sldsNmbr = slds.length;
	var queLmt = sldsNmbr - visible;
	var strtd = false;

	var onNaviClick = function(e)
	{
		//console.log("onNaviClick",e);
		if (WP.$(e.target).hasClass('sliderButtonPrev')) {
			if (queue.length < queLmt) queue.push(dirPrv);
			vIndx = vIndx > 0 ? vIndx - 1 : slds.size()-1;
		}
		if (WP.$(e.target).hasClass('sliderButtonNext')) {
			if (queue.length < queLmt) queue.push(dirNxt);
			vIndx = vIndx < slds.size()-1 ? vIndx + 1 : 0;
		}
		if (!strtd) onComplete();
		if (liveViewSlide && sldrVwVsbl)  slds.eq(vIndx).click();

		e.preventDefault();
		e.stopPropagation();
	};


	var onComplete = function ()
	{
		//console.log("---------- onComplete",sIndx,jump,dir);
		initControls();
		normalizePosition();
		updatePagination();
		if (queue.length)
		{
			strtd = true;
			var newDir = queue.pop();
			if (lastDir != newDir) dirChngd = true;
			else dirChngd = false;
			lastDir = dir = newDir;
			sIndx += jump * dir;
			bIndx = (slds.size() + sIndx) % slds.size();
			rangePosition();
			slide();
		} else {
			strtd = false;
			dir = 0;
		}
	}

	var slide = function ()
	{
		//console.log("slide", sIndx, sldDim);
		preparePosition();
		upadePosition();
		var pars = new Object();
		pars[cssPosPar] = -sIndx * sldDim;
		sldsCntnr.animate( pars, slideTime, onComplete);
	};

	var preparePosition = function ()
	{
		//console.log("preparePosition");
		if (dirChngd) {
			if (dir == dirPrv) appendSlide(sldsCntnr.find('.slide').first());
			if (dir == dirNxt) prependSlide(sldsCntnr.find('.slide').last());
		}
	};

	var upadePosition = function ()
	{
		//console.log("upadePosition");
		if (dir == dirNxt) appendSlide(sldsCntnr.find('.slide').first());
		if (dir == dirPrv) prependSlide(sldsCntnr.find('.slide').last());
	};

	var appendSlide = function (itemSlide , newPos)
	{
		//console.log("appendSlide",itemSlide , newPos);
		if (newPos) itemSlide.css(cssPosPar, newPos);
		else itemSlide.css(cssPosPar, parseInt(itemSlide.css(cssPosPar)) + sldDim * sldsNmbr);
		sldsCntnr.append(itemSlide);
	};

	var prependSlide = function (itemSlide, newPos)
	{
		//console.log("prependSlide",itemSlide, newPos);
		if (newPos) itemSlide.css(cssPosPar, newPos);
		else itemSlide.css(cssPosPar, parseInt(itemSlide.css(cssPosPar)) - sldDim * sldsNmbr);
		sldsCntnr.prepend(itemSlide);
	};

	var rangePosition = function ()
	{
		//console.log("rangePosition");
		if (!loop) sIndx = Math.max(Math.min(sIndx, sldsNmbr-visible), 0);
	};

	var normalizePosition = function ()
	{
		//console.log("normalizePosition");
		if (Math.abs(parseInt(sldsCntnr.css('left'))) >= parseInt(sldsCntnr.width()))
		{
			sldsCntnr.css('left',0);
			sIndx = 0;
			lastDir = 1;
			initPositions();
		}
	};

	var initControls = function()
	{
		//console.log("initControls",sldsNmbr , visible);
		if (!loop) {
			if (sIndx == 0)  btnPrv.removeClass('active').unbind('click')
			else btnPrv.addClass('active').unbind('click').bind('click', onNaviClick);
			if (sIndx == sldsNmbr - visible) btnNxt.removeClass('active').unbind('click')
			else  btnNxt.addClass('active').unbind('click').bind('click', onNaviClick);
		}
	};


	var initLiveView = function ()
	{
		//console.log("initLiveView");
		if (liveView)
		{
			sldrVw = WP.$("<div/>");
			sldrVw.hide();
			sldrVw.addClass('sliderView');

			switch (liveViewMode)
			{
				case "layer":
					sldrVw.css({
						'position':'fixed',
						'z-index':'1000',
						'left':'0px',
						'top':'0px',
						'width':'100%',
						'height':'100%',
						'background-color': liveViewMask
					});
					WP.$("body").append(sldrVw);
					break;
				case "popup":
					break;
				case "box":
				case false:

					if (!liveViewPos || liveViewPos == "bottom") {
						sldrVw.appendTo(slider);
					} else if (liveViewPos == "top") {
						sldrVw.insertBefore(slider);
					}
					sldrVw.css({'position':'relative'});
					break;
			}
			switch (liveView)
			{
				case "image": initLiveViewImage(); break;
				case "static": initLiveViewStatic(); break;
				case "dynamic": initLiveViewDynamic(); break;
			}
		}
	};

	var initLiveViewDynamic = function ()
	{
		// TODO
	};

	var initLiveViewStatic = function ()
	{
		// TODO
	};

	var hideLayer = function()
	{
		//console.log("hideLayer");
		WP.$("body").unbind('keyup',onLiveKeyUp).css('overflow','visible');
		sldrVwImg.unbind('mouseover',onLiveMouseOver);
		sldrVwImg.unbind('mousemove',onLiveMouseMove);
		sldrVwImg.unbind('mouseout',onLiveMouseOut);
		slds.find('a').removeClass('active');
		slds.removeClass('active');

		if (liveViewSlide) {
			btnPrv.appendTo(slider);
			btnNxt.appendTo(slider);
			autoPlayBtn.appendTo(slider);
		}

		sldrVw.fadeOut();
		sldrVwVsbl = false;
	};

	var onLiveKeyUp = function(e) { if (e.keyCode == 27) hideLayer(); };
	var onLiveMouseOver = function(e) { sldrVwCls.show(); };
	var onLiveMouseOut = function(e) { sldrVwCls.hide(); };
	var onLiveMouseMove = function(e) { sldrVwCls.css({left:e.pageX + 10, top:e.pageY - 10}); };

	var initLiveViewImage = function ()
	{
		//console.log("initLiveViewImage");
		if (liveViewClose) {
			sldrVwCls = WP.$("<div/>");
			sldrVwCls.addClass("sliderViewClose");
			sldrVwCls.css({'display':'block', 'position':'absolute'});
			sldrVwCls.append("zamknij [ESC]");
			sldrVwClsBtn = WP.$("<div/>");
			sldrVwClsBtn.addClass("sliderViewCloseButton");
			sldrVwClsBtn.css({'display':'block', 'position':'absolute'});
			sldrVwClsBtn.append("X");
		}

		sldrVwImg = WP.$("<img/>");
		sldrVwImg.addClass("sliderViewImg");
		sldrVwImg.appendTo(sldrVw);
		sldrVwImg.css({'display':'block', 'position':'absolute', 'top':'50%', 'left':'50%'});
		sldrVwImg.error(function() { throw("sliderViewImg.error: Brak pliku do pobrania."); });
		sldrVw.click(hideLayer);
		sldrVwImg.click(hideLayer);
		sldrVwImg.load(function ()
		{
			sldrVw.removeClass('loading');
			sldrVwImg.appendTo(sldrVw);
			if (liveViewClose) {
				sldrVwClsBtn.appendTo(sldrVw);
				sldrVwCls.appendTo(sldrVw).hide();
				sldrVwImg.bind('mouseover',onLiveMouseOver);
				sldrVwImg.bind('mousemove',onLiveMouseMove);
				sldrVwImg.bind('mouseout',onLiveMouseOut);
			}
			sldrVwImg.mousemove();
			sldrVwImg.css({ marginTop : (-sldrVwImg.height()*0.5), marginLeft : (-sldrVwImg.width()*0.5) });
			sldrVwImg.fadeIn();
		});

		/*if (multiRow) {
			slds.find('a').click(function(e){

				var sldItm = WP.$(this);
				if ( sldItm.hasClass('active') ) return false;

				WP.$("body").bind('keyup',onLiveKeyUp).css('overflow','hidden');

				if (liveViewSlide) {
					btnPrv.appendTo(sldrVw);
					btnNxt.appendTo(sldrVw);
					autoPlayBtn.appendTo(sldrVw);
				}

				sldrVwImg.hide();
				sldrVwImg.attr('src', sldItm.attr('href') + "?" + Math.random());

				sldrVw.addClass('loading');
				sldrVw.fadeIn();

				sldrVwVsbl = true;

				slds.find('a').removeClass('active');
				sldItm.addClass('active');

				e.preventDefault();
				e.stopPropagation();
			});
		} else {
			slds.click(function(e)
			{
				var sldItm = WP.$(this);
				vIndx = slds.index(this);

				if ( sldItm.hasClass('active') ) return false;

				WP.$("body").bind('keyup',onLiveKeyUp).css('overflow','hidden');

				if (liveViewSlide) {
					btnPrv.appendTo(sldrVw);
					btnNxt.appendTo(sldrVw);
					autoPlayBtn.appendTo(sldrVw);
				}

				sldrVwImg.hide();
				sldrVwImg.attr('src', sldItm.find('a').attr('href') + "?" + Math.random());

				sldrVw.addClass('loading');
				sldrVw.fadeIn();

				sldrVwVsbl = true;

				slds.removeClass('active');
				sldItm.addClass('active');

				e.preventDefault();
				e.stopPropagation();
			});
		}*/

		if (liveViewShowFirst) {
			if (multiRow) {
				slds.find('a').eq(0).click();
			} else {
				slds.eq(0).click();
			}
		}
	};

	var initOpacityEffect = function ()
	{
		if (opacityEffect) {
			slds.hover(
				function () { WP.$(this).css('opacity','0.9'); },
				function () { WP.$(this).css('opacity','1'); }
			);
		}
	}

	var initSlides = function ()
	{
		// tasuje slajdy jezeli trzeba
		if (shuffle) slds = slds.detach().shuffle().appendTo(sldsCntnr);
		initPositions();
	}

	var initPositions = function()
	{
		// pozycjonuje slajdy
		slds.each( function (i, v) {
				var item = WP.$(v).css(cssPosPar, i * sldDim);
				if (imagesOnly) {
					var itemA = item.find("a");
					var itemImg = itemA.find("img");
					itemImg.css({marginTop: - itemImg.height()/2, marginLeft: -itemImg.width()/2 });
					itemA.height(itemA.width()*itemImg.height()/itemImg.width());
					if (itemA.height()>slider.height()-sliderPadding*2) itemA.height(slider.height()-sliderPadding*2);
					itemA.css({marginTop: (slider.height()-itemA.height())/2});
				}
		});
		// ostatnie przesuwam na poczatek
		var j;
		console.log("zmiana");
		//for ( j=0  ; j<sIndx; j++) { console.log(j);	 prependSlide( slds.eq( sldsNmbr-j-1 ) , -(j+1)*sldDim ); }
		for ( j=0 ; j<queLmt - sIndx; j++) { console.log(j);	 prependSlide( slds.eq( sldsNmbr-j-1 ) , -(j+1)*sldDim ); }
	}

	var initContainer = function ()
	{
		//console.log("initContainer");
		// ustawiam rozmiary kontenera slajdera
		sldrHldr.css(cssDimPar , sldDim * visible ).css(cssDimParOrt , sldDimOrt );
		sldsCntnr.css(cssDimPar , sldDim * sldsNmbr ).css(cssDimParOrt , sldDimOrt );

		// ustawiam poczatkowa pozycje kontenera
		sldsCntnr.css(cssPosPar , -sIndx * sldDim);

		// ustawiam nawigacje
		sldrBtns.noSelect().removeClass('inactive').addClass('active').click(onNaviClick);
	}

	var updatePagination = function ()
	{
		//console.log("updatePagination");
		if (visible == 1) {
			var btnItm = pgnBtns.eq(bIndx);
			if (!btnItm.hasClass('active')) {
				pgnBtns.removeClass('active');
				btnItm.addClass('active');
			}
		}
	};

	var initPagination = function ()
	{
		//console.log("initPagination");
		if (pagination || visible == 1) {
			var pgnHldr = WP.$("<div/>").addClass("sliderPagination").noSelect();

			for (var i=0; i < slds.length; i++ )
				WP.$("<span/>").addClass('paginButton').text(i+1).appendTo(pgnHldr);

			pgnBtns = pgnHldr.find("span");
			updatePagination();

			if (visible == 1) {
				pgnHldr.appendTo(slider);
				pgnBtns.click(function(e){

					var btnItm = WP.$(this);
					var index = pgnBtns.index(this);
					if (btnItm.hasClass('active')) return false;

					pgnBtns.removeClass('active');
					btnItm.addClass('active');

					if (bIndx < index) for (var i =0 ; i < index-bIndx ; i++) queue.push(dirNxt);
					if (bIndx > index) for (var i =0 ; i < bIndx-index ; i++) queue.push(dirPrv);
					if (!strtd) onComplete();

					e.preventDefault();
					e.stopPropagation();
				});

				if (pagination)
				{
					pgnHldr.appendTo(slider);
					pgnBtns.click(function(e){

						var sldItm = slds.eq(pgnBtns.index(this));
						if ( sldItm.hasClass('active') ) return false;

						if (liveView) {
							sldrVwImg.hide();
							sldrVwImg.attr('src', sldItm.find('a').attr('href') + "?" + Math.random());
							sldrVw.addClass('loading');
							sldrVw.fadeIn();
						}

						slds.removeClass('active');
						sldItm.addClass('active');

						e.preventDefault();
						e.stopPropagation();
					});
				}
			}
		}
	};

	var onEnter = function()
	{
		if (autoPlayStatus) {
			slider.stop(true);
		}
	}

	var onLeave = function()
	{
		if (autoPlayStatus) {
			slider.wait(autoDelays[autoPlayDelay], function() {
				btnNxt.click();
				slider.mouseleave();
			});
		}
	}

	var initAutoPlay = function()
	{
		//console.log("initAutoPlay");
		if (autoPlay)
		{
			slider.mouseleave(onLeave).mouseenter(onEnter);
			sldrBtns.mouseleave(onLeave).mouseenter(onEnter);

			autoPlayBtn = WP.$("<div>")
			.text("PLAY")
			.addClass("autoPlayButton")
			.appendTo(slider)
			.click( function (e) {
				if (autoPlayStatus) {
					WP.$(this).text("PLAY")
					slider.mouseenter();
					autoPlayStatus = false;
				} else {
					WP.$(this).text("STOP")
					autoPlayStatus = true;
					btnNxt.click();
					slider.mouseleave();
				}
				e.preventDefault();
				e.stopPropagation();
			});
		}
	}

	this.run = function ()
	{
		//console.log("run");
		initContainer ();
		initSlides();
		initLiveView ();
		initPagination ();
		initOpacityEffect ();
		initControls ();
		initAutoPlay ();
	};
};





(function($){
	$.fn.noSelect = function() {
		return this.each(function() {
			if ($.browser.mozilla) {
				$(this).css('MozUserSelect','none');
			} else if ($.browser.msie) {
				$(this).bind('selectstart', function() {
					return false;
				});
			} else {
				$(this).mousedown(function() {
					return false;
				});
			}
		});
	};

	$.fn.wait = function (MiliSeconds,cb) {
		$(this).animate({ opacity: '+=0' }, MiliSeconds, cb);
		return this;
	}

	$.fn.shuffle = function() {
			var slds = WP.$(this);
			var newSlds = WP.$();
			var allLen = slds.size();
			do {
				var elem = slds.eq(Math.floor(Math.random()*(slds.size()-1)));
				slds = slds.not(elem);
				newSlds = newSlds.add(elem.clone());
			}	while (newSlds.size() < allLen);
			return newSlds;
	};
})(WP.$);