/** ----------------------------------------- **
	 *                  SliGallery                 *
	 * ------------------------------------------- *
	 * File : sli_gallery_0.2-fu.js                *
	 * Plugin jQuery oprogramowujący galerię       *
	 * elementów wraz z przyciskami                *
	 * Special FU version [beta]                   *
	 * @author Reo  reo.fox@gmail.com              *
	 * @version 0.2 fu <2011-08-23>                *
	 * @license Open Source                        *
	 ** ----------------------------------------- **
	 ** Changelog:                                **
	 **  - teraz to plugin jQuery                 **
	 **  - aktualnie otwarty element nie jest     **
	 **    otwierany ponownie                     **
	 ** ----------------------------------------- **
	*/
	
	
	jQuery.fn.extend ({ 
	
		SliGallery: function (sgConfig)
		{
			// - Konfiguracja domyślna -
			
			var config = {
				pagerItemIdPrefix:     "pbn",          // - Prefix id linków w pagerze -
				contentsItem:          "a",            // - Element w galerii -
				contentsItemIdPrefix:  "baner",        // - Prefix id elementów galerii -
				contents:              "div.contents", // - Element zawierający zawartość galerii -
				itemTimeout:           5000,
				
				pager:                 "div.pager",    // - Element zawierający pager -
				pagerItemSelClass:     "on",           // - Klasa aktywnego linku w pagerze -
			
				pauseAtHover:          true,
				changeOn:              "click",
				fastClickChange:       false,
				withoutRotation:       false,
				rotationInterval:      null,
			
				// - Typy przejść i ich czasy trwania -
				showType:     "fade",
				showDuration: "slow",
				hideType:     "fade",
				hideDuration: 300
			};
			

			var elementId = jQuery(this).attr("id");
			
			jQuery.extend(config, sgConfig);
			
			var items = new Array();
			var selectedPagerId = config.pagerItemSelClass + "1";
			
			
			function loadItemsArray ()
			{
				jQuery("#" + elementId + " " + config.contents + " > " + config.contentsItem).each( function(index, dom) {
					if ( jQuery(this).attr("id") == "" )
						jQuery(this).attr("id", config.contentsItemIdPrefix + (index + 1));
					items[index] = jQuery(this).attr("id");
				});
				
				jQuery("#" + elementId + " " + config.pager + " a").each( function(index, dom) {
					if ( jQuery(this).attr("id") == "" )
						jQuery(this).attr("id", config.pagerItemIdPrefix + (index + 1));
					
					// - Element z klasą config.pagerItemSelClass zawierający link do zakładki
					// - wskazuje na otwartą zakładkę
					//if ( jQuery(this).parent().hasClass(config.pagerItemSelClass) )
					//	selectedPagerId = jQuery(this).attr("id");
				});
			};
			
			// --- Odświeża pagera banerów ---
			function refreshPager (pagerNum)
			{
				jQuery("#" + elementId + " " + config.pager + " a").removeClass(config.pagerItemSelClass);
				jQuery("#" + elementId + " " + config.pager + " a#" + config.pagerItemIdPrefix + pagerNum).addClass(config.pagerItemSelClass);
				
				selectedPagerId = config.pagerItemIdPrefix + pagerNum;
			};
			
			// --- Pokazuje kolejny lub dany baner ---
			function toggleElement (elId, fastToggle)
			{
				var item = "";
					
				var i = 0;
				var exitLoop = false;
					
				while ( i < items.length && exitLoop == false )
				{
					item = items.shift();
					items.push(item);
					if ( typeof elId == "undefined" )
						exitLoop = true;
						
					else if ( elId == item.substring(config.contentsItemIdPrefix.length, config.contentsItemIdPrefix.length + 2) )
						exitLoop = true;
						
					i++;
				}
				//alert(item.substring(config.contentsItemIdPrefix.length, config.contentsItemIdPrefix.length + 2));
					
				jQuery("#" + elementId + " " + config.contents + " > " + config.contentsItem).each( function(index, dom) {
					if ( fastToggle == true )
					{
						jQuery(this).hide(0);
					}
						
					else if ( jQuery(this).css("display") != "none" )
					{
						if ( config.hideType.toLowerCase() == "fade" )
							jQuery(this).fadeOut(config.hideDuration);
							
						else if ( config.showType.toLowerCase() == "slide" )
							jQuery(this).slideUp(config.hideDuration);
							
						else if ( config.showType.toLowerCase() == "hide" )
							jQuery(this).hide(config.hideDuration);
							
						else
							jQuery(this).hide(config.hideDuration);
					}
				});
					
				if ( fastToggle == true )
					jQuery("#" + elementId + " " + config.contents + " > " + config.contentsItem + "#" + item).show(0);
					
				else if ( config.showType.toLowerCase() == "fade" )
					jQuery("#" + elementId + " " + config.contents + " > " + config.contentsItem + "#" + item).fadeIn(config.showDuration);
					
				else if ( config.showType.toLowerCase() == "slide" )
					jQuery("#" + elementId + " " + config.contents + " > " + config.contentsItem + "#" + item).slideDown(config.showDuration);
						
				else if ( config.showType.toLowerCase() == "show" )
					jQuery("#" + elementId + " " + config.contents + " > " + config.contentsItem + "#" + item).show(config.showDuration);
					
				else
					jQuery("#" + elementId + " " + config.contents + " > " + config.contentsItem + "#" + item).show(config.showDuration);
					
				var pagerNum = item.substring(config.contentsItemIdPrefix.length, config.contentsItemIdPrefix.length + 2);
				refreshPager(pagerNum);
			};
			
			function toggleElementContainer () 
			{
				toggleElement();
			};
				
			// --- Zaczyna rotację ---
			function startRotation ()
			{
				if ( !config.withoutRotation )
					config.rotationInterval = setInterval(toggleElementContainer, config.itemTimeout);
			};
				
			// --- Pauzuje rotację ---
			function pauseRotation ()
			{
				if ( !config.withoutRotation )
					clearInterval(config.rotationInterval);
			};
			
			// --- Pauzuje rotację po najechaniu na baner ---
			if ( config.pauseAtHover ) {
				jQuery("#" + elementId).hover (
					function () {
						pauseRotation();
					},
						
					function () {
						startRotation();
					}
				);
			}
			
			if ( config.changeOn == "click" )
			{
				// --- Pokazuje baner po kliknięciu ---
				jQuery("#" + elementId + " " + config.pager + " a").click (
					function () {
						var bnId = jQuery(this).attr("id");
						
						if ( bnId == selectedPagerId )
							return false;
							
						if ( bnId.indexOf(config.pagerItemIdPrefix) >= 0 )
						{
							var pagerNum = bnId.substring(config.pagerItemIdPrefix.length, config.pagerItemIdPrefix.length + 2);
							toggleElement(pagerNum, config.fastClickChange);
						
							return false;
						}
					}
				);
			}
				
			else if ( config.changeOn == "hover" )
			{
				jQuery("#" + elementId + " " + config.pager + " a").hover (
					function () {
						var bnId = jQuery(this).attr("id");
						
						if ( bnId == selectedPagerId )
							return false;
						
						if ( bnId.indexOf(config.pagerItemIdPrefix) >= 0 )
						{
							var pagerNum = bnId.substring(config.pagerItemIdPrefix.length, config.pagerItemIdPrefix.length + 2);
							config.toggleElement(pagerNum, config.fastClickChange);
							return false;
						}
							
					},
						
					function () {
						
					}
				);
			}
				
			loadItemsArray();
			toggleElement();
			startRotation();
			
		}
	
	});