// Bloczki juz utworzone!
// Flaga ktora okresla ze dany bloczek juz
// odpalil sobie funkcję agregujacą bloczki w taby.
// Dlatego tak bo przy przenoszeniu bloczkow odpala sie drugi raz doc ready! 
var OdpaloneBloczkiTabow = new Array();

function makeTabsMultimedia(blokID,iloscBloczkow, zaznacz_losowy) {

	if ( jQuery.inArray( blokID, OdpaloneBloczkiTabow ) != -1 ) { return false;	}
	
	OdpaloneBloczkiTabow.push( blokID );
		
	// moze byc bez tytulu - jak ma taka classe to usun header
	// wskazane jest aby w stylach dac dodatkowo "display: none;" na header
	if ($('#'+blokID).hasClass('bezTytulu')) {
		$('#'+blokID+' .containerTop').remove();
	}
	// sprawdz tez czy bloczek ma byc typu zwijanego - mozliwosc zwijania i na starcie zwiniety
	var wysuwane = false;
	if ($('#'+blokID).hasClass('wysuwane')) {
		wysuwane = true;
	}	
		
	if (iloscBloczkow > 0) {
		var bloczki = $('#'+blokID).nextAll('div');
		var TabHeader = $('#'+blokID+' ul.tabsHead');
		var TabContainer = $('#'+blokID+' div.tabsContainer'); 

		
		jQuery.each(bloczki, function() {
			if (iloscBloczkow < 1) return false; // return a nie break bo to funkcja jest ktora emuluje "each"
		
			// zatrzymaj sie jzezeli napotkasz bloczek ktory NIE JEST tabbable !
			if (  $(this).hasClass( 'tabbable') == false ) {
				return false;
			}
			
			var id_bloczka =  $(this).attr('id');
			var tytul_blocka = $(this).find("h2").text();
			//dodaje przycisk na belce tabów
			TabHeader.append('<li class="news-list-li"><a class="multi-tab-link" href="javascript:void(0);" id="tab_'+id_bloczka+'">'+tytul_blocka+'</a></li>');

			// usun header z bloczka
			$(this).find("h2").remove();
			// przeniesienie bloczka do spec kontener
			TabContainer.append( $(this) );
			$(this).hide();
			
			iloscBloczkow--;
		});	
		
		// podepnij akcje pod przyciski
		TabHeader.find('a').bind("click", function(e) {
			$(this).blur();

			//jezeli jest aktywne to nic rob nic - znaczy ze bloczek ejst aktualnie wyswietlany
			if ($(this).hasClass('isActive')) {
				return false;
			}	
				
			//znajdz ten bloczek ogolny w ktorym sa wszystkie ztabowane bloki
			var tabBlok = $(this).parents('.tabsBloczek');
			// znajdz ID bloczka do pokazania -> przyciska ma ID tab_(...) wiec trzeba to odciac
			var id_bloczka =  $(this).attr('id').substr(4);			
			
			//wylacz podswietlenie przyciskwo wszystkich
			tabBlok.find('.tabsHead a').removeClass( 'isActive' );
			

			
			// pobierz WIDOCZNE taby
			var widoczne_taby = tabBlok.find('.tabsContainer div.tabbable:visible');
			
			// jak wysuwane to poczatkowo wszystkie sa ukryte wiec animuj wysowanie
			if (wysuwane && widoczne_taby.size() < 1) {
					$('#'+id_bloczka).slideDown(400);
			} else {
				//schowaj wszystkie WIDOCZNE taby
				widoczne_taby.hide();		
				//pokaz tab 	
				$('#'+id_bloczka).show();
			}				

			//podswietl przycisk
			$(this).addClass( 'isActive' );	
	    });

		// przypisz css klase ze jest ostani
	    TabHeader.find('a:last').addClass('isLast');

		// jezeli wysuwane to standardowo nic nie jest podswietlone!
	    if (!wysuwane) {
		    // pokaz tab -> jak nie losowo to pierwszy
		    if (zaznacz_losowy == 1){
		    	var przyciski = TabHeader.find('a');
				var randomnumber = Math.floor(Math.random()* przyciski.size() )
				przyciski.eq(randomnumber).click();	    	
		    }
			else 
			{// odpal pierwszy tab 
				TabHeader.find('a:first').click();
			}
		}
	}
}