//var img = new Image;
//img.src = '../img/blokNr1/zakladkaNieaktywna/zakladkaNieaktywnaLewo.jpg';

var TABS_SKIPPING_INTERVAL = 21000;

function setNextTab() {
	var oTabsList = document.getElementById("zakladkiBlokuNr1Lista");
	var arTabs = oTabsList.arTabs;

	var oActiveTab = document.getElementById(getActiveTabId("zakladkiBlokuNr1Lista"));
	var iActiveTabIndex = 0;
	for(var i=0; i<arTabs.length; i++) {
		if(oActiveTab == arTabs[i]) {
			iActiveTabIndex = i;
			break;
		}
	}

	iActiveTabIndex++;
	if(iActiveTabIndex >= arTabs.length)
		iActiveTabIndex = 0;

	setActiveTab(arTabs[iActiveTabIndex]);

//	showActiveElements(1); // pager
}

// funkcja obslugujaca klikniecie - aktywuje kliknieta zakladke
function setActiveTabEvent(oEvent) {
	var oEventSrc = getEventSrc(oEvent);
	setActiveTab(oEventSrc.parentNode);
}


// funkcja obslugujaca klikniecie - aktywuje kliknieta zakladke
function setActiveTab(oTab) {
	var oTabsList = oTab.parentNode;
	// pobierz tablice zawierajaca referencje do zakladek (LI)
	var arTabs = oTabsList.arTabs;
	// pobierz tablice zawierajaca klasy opisujaca nieaktywna zakladke
	var arTabClasses = oTabsList.arTabClasses;
	var arFirstTabClasses = oTabsList.arFirstTabClasses;
	// pobierz tablice zawierajaca klasy opisujaca aktywna zakladke
	var arActiveTabClasses = oTabsList.arActiveTabClasses;
	var arFirstActiveTabClasses = oTabsList.arFirstActiveTabClasses;

	// dla kazdej zakladki...
	for(var i = 0; i < arTabs.length; i++) {

		// pobierz 3 divy 
		var arDivs = arTabs[i].getElementsByTagName("div");

		// jezeli biezaca zakladka NIE JEST kliknieta zakladka
		if(arTabs[i] != oTab) {
			// ustaw wyglad
			if(i == 0 && arFirstTabClasses)
				setTabLook(arTabs[i], arDivs, arFirstTabClasses);				
			else
				setTabLook(arTabs[i], arDivs, arTabClasses);
		}
		// jezeli biezaca zakladka JEST kliknieta zakladka ustaw wyglad
		else {
			// ustaw wyglad
			if(i == 0 && arFirstActiveTabClasses)
				setTabLook(oTab, arDivs, arFirstActiveTabClasses);
			else
				setTabLook(oTab, arDivs, arActiveTabClasses);
		}
	}
	
	showBoxContent(oTab.id);
	oTabsList.sActiveTabId = oTab.id;	// dla pagera
}

// funkcja zwraca aktywna zakladke - na potrzeby pagera
function getActiveTabId(sTabsList) {
	return document.getElementById(sTabsList).sActiveTabId;
}

function getTabsArray(sTabsList) {
	return document.getElementById(sTabsList).arTabs;
}

function setTabLook(oTab, arDivs, arClasses) {
			oTab.className = arClasses[0];	
			arDivs[0].className = arClasses[1];
			arDivs[1].className = arClasses[2];
			arDivs[2].className = arClasses[3];
}


function showBoxContent(sActiveTabId) {
	
	var oBoxContent = document.getElementById(sActiveTabId + "Content");
	oBoxContent.style.display = "block";
	
	var arDivs = oBoxContent.parentNode.getElementsByTagName("div");
	for(var i = 0; i < arDivs.length; i++) {
		if(arDivs[i].className == oBoxContent.className && arDivs[i] != oBoxContent)
			arDivs[i].style.display = "none";	
	}
}

// funkcja aktywujaca box z zakladkami 
// parametry: 
// 1. id listy z zakladkami 
// 2. tablica przechowujaca klasy opisujace nieaktywna zakladke:
//		arTabClasses[0] = klasa elementu LI ktory zawiera 3 DIVy
//		arTabClasses[1] = klasa elementu div lewego 
//		arTabClasses[2] = klasa elementu div srodkowego 
//		arTabClasses[3] = klasa elementu div prawego 
// 3. tablica przechowujaca klasy opisujace aktywna zakladke (analogicznie jak wyzej)
function activateTabBlock(sTabsListId, arTabClasses, arActiveTabClasses, sActiveTabId, arFirstTabClasses, arFirstActiveTabClasses, fAutoSkipFunc) {

	var oTabsList = document.getElementById(sTabsListId);
	var arTabs = oTabsList.getElementsByTagName('li');
	// dodaj obsluge zdarzenia onclick do srodkowego diva
	for(var i = 0; i < arTabs.length; i++) {
		var arDivs = arTabs[i].getElementsByTagName("div");
		addEventHandler(arDivs[1], "click", setActiveTabEvent);
		if(arTabs[i].id == sActiveTabId) {
			if(i == 0 && arFirstActiveTabClasses)
				setTabLook(document.getElementById(sActiveTabId), arDivs, arFirstActiveTabClasses);
			else
				setTabLook(document.getElementById(sActiveTabId), arDivs, arActiveTabClasses);
		}
		else {
			if(i == 0 && arFirstActiveTabClasses)
				setTabLook(arTabs[i], arDivs, arFirstTabClasses);
			else
				setTabLook(arTabs[i], arDivs, arTabClasses);
		}
	}
	
	showBoxContent(sActiveTabId);

	// zapamietaj wartosci specyficzne dla konkretnego boxa z zakladkami
	oTabsList.sActiveTabId = sActiveTabId; // to jest potrzebne dla Pagera
	oTabsList.arTabs = arTabs; 
	oTabsList.arTabClasses = arTabClasses;
	oTabsList.arActiveTabClasses = arActiveTabClasses;
	
	oTabsList.arFirstTabClasses = arFirstTabClasses;
	oTabsList.arFirstActiveTabClasses = arFirstActiveTabClasses;
	
	if(fAutoSkipFunc) {
		setInterval(fAutoSkipFunc, TABS_SKIPPING_INTERVAL);
	}
}