// funkcje do obsługi zakładek

function LiterkiClass(id)
{
	this.literki = Array();
	this.wybrana = null;
	this.link = null;

	this.id = id;
}

LiterkiClass.podswietlPoprzedni = function(obj, podswietl)
{
	getElement('letterPrevL').className = podswietl ? 'letter_left_blue' : 'letter_left_light';
	getElement('letterPrevM').className = podswietl ? 'letter_blue' : 'letter_light';

	if (obj.literki.length > 0)
		getElement(obj.literki[0] + 'L').className = 'letter_' + (podswietl ? 'blue' : 'light') + '_' + (obj.wybrana == 1 ? 'blue' : 'dark');
}

LiterkiClass.podswietlNastepny = function(obj, podswietl)
{
	getElement('letterNextL').className = podswietl ? 'letter_' + (obj.wybrana == obj.literki.length > 0 ? 'blue' : 'dark') + '_blue' : 'letter_' + (obj.wybrana == obj.literki.length > 0 ? 'blue' : 'dark') + '_light';
	getElement('letterNextM').className = podswietl ? 'letter_blue_np' : 'letter_light_np';
	getElement('letterNextR').className = podswietl ? 'letter_right_blue' : 'letter_right_light';
}

LiterkiClass.podswietlLiterke = function(obj, literka, podswietl)
{
	if (obj.wybrana != literka)
	{
		getElement('letterPage' + literka + 'M').className = podswietl ? 'letter_blue' : 'letter_dark';

		var poprzedniaLiterka = String.fromCharCode(literka.charCodeAt(literka, 0) - 1);
		var nastepnaLiterka = String.fromCharCode(literka.charCodeAt(literka, 0) + 1);

		if (literka == 'A')
		{
			getElement('letterPage' + literka + 'L').className = 'letter_light_' + (podswietl ? 'blue' : 'dark');

			getElement('letterPage' + nastepnaLiterka + 'L').className = 'letter_' + (podswietl ? 'blue' : 'dark') + '_' + (nastepnaLiterka == obj.wybrana ? 'blue' : 'dark');
		}
		else if (literka == 'Z')
		{
			getElement('letterPage' + literka + 'L').className = podswietl ? 'letter_' + (obj.wybrana == poprzedniaLiterka ? 'blue' : 'dark') + '_blue' : 'letter_' + (obj.wybrana == poprzedniaLiterka ? 'blue' : 'dark') + '_dark';

			getElement('letterNextL').className = podswietl ? 'letter_blue_light' : 'letter_dark_light';
		}
		else
		{
			getElement('letterPage' + literka + 'L').className = podswietl ? 'letter_' + (obj.wybrana == poprzedniaLiterka ? 'blue' : 'dark') + '_blue' : 'letter_' + (obj.wybrana == poprzedniaLiterka ? 'blue' : 'dark') + '_dark';
			getElement('letterPage' + nastepnaLiterka + 'L').className = 'letter_' + (podswietl ? 'blue' : 'dark') + '_' + (nastepnaLiterka == obj.wybrana ? 'blue' : 'dark');
		}
	}
}

LiterkiClass.prototype.poczatek = function()
{
	document.write('<TABLE ALIGN="CENTER" CELLPADDING="0" CELLSPACING="0" BORDER="0"><TR>');
}

LiterkiClass.prototype.koniec = function()
{
	document.write('</TR></TABLE>');
}

LiterkiClass.prototype.dodajPoprzedni = function()
{
	document.write('<TD ID="letterPrevL" CLASS="letter_left_light" ONMOUSEOVER="LiterkiClass.podswietlPoprzedni(' + this.id + ', true);" ONMOUSEOUT="LiterkiClass.podswietlPoprzedni(' + this.id + ', false);"><IMG SRC="gfx/pixel.gif" WIDTH="1" HEIGHT="1" BORDER="0"></TD>');

	document.write('<TD ID="letterPrevM" CLASS="letter_light">&nbsp;</TD>');
}

LiterkiClass.prototype.dodajNastepny = function()
{
	var klasa = 'letter_' + (this.wybrana == this.literki.length ? 'blue' : 'dark') + '_light';

	document.write('<TD ID="letterNextL" CLASS="' + klasa + '" ONMOUSEOVER="LiterkiClass.podswietlNastepny(' + this.id + ', true);" ONMOUSEOUT="LiterkiClass.podswietlNastepny(' + this.id + ', false);"><IMG SRC="gfx/pixel.gif" WIDTH="1" HEIGHT="1" BORDER="0"></TD>');

	document.write('<TD ID="letterNextM" CLASS="letter_light_np">&nbsp;</TD>');

	document.write('<TD ID="letterNextR" CLASS="letter_right_light" ONMOUSEOVER="LiterkiClass.podswietlNastepny(' + this.id + ', true);" ONMOUSEOUT="LiterkiClass.podswietlNastepny(' + this.id + ', false);"><IMG SRC="gfx/pixel.gif" WIDTH="1" HEIGHT="1" BORDER="0"></TD>');
}

LiterkiClass.prototype.dodajLiterke = function(literka, wybrana)
{
	if (typeof wybrana == 'undefined')
		wybrana = false;

	//

	if (wybrana)
		this.wybrana = literka;

	//

	this.literki.push('letterPage' + literka);

	var klasaL = this.literki.length == 1 ? 
					'letter_light_' + (wybrana ? 'blue' : 'dark') : 
					'letter_' + (this.wybrana == String.fromCharCode(literka.charCodeAt(literka, 0) - 1) ? 'blue' : 'dark') + '_' + (wybrana ? 'blue' : 'dark');

	var klasaM = wybrana ? 'letter_blue' : 'letter_dark';

	document.write('<TD ID="letterPage' + literka + 'L" CLASS="' + klasaL + '" ONMOUSEOVER="LiterkiClass.podswietlLiterke(' + this.id + ', \'' + literka + '\', true);" ONMOUSEOUT="LiterkiClass.podswietlLiterke(' + this.id + ', \'' + literka + '\', false);"><IMG SRC="gfx/pixel.gif" WIDTH="1" HEIGHT="1" BORDER="0"></TD>');
	document.write('<TD ID="letterPage' + literka + 'M" CLASS="' + klasaM + '" ONMOUSEOVER="LiterkiClass.podswietlLiterke(' + this.id + ', \'' + literka + '\', true);" ONMOUSEOUT="LiterkiClass.podswietlLiterke(' + this.id + ', \'' + literka + '\', false);" ONCLICK="window.location.href = \'' + this.link + literka + '\';"><A HREF="' + this.link + literka + '">' + literka + '</A></TD>');
}

LiterkiClass.prototype.dodajWybranaLiterke = function(literka)
{
	this.dodajLiterke(literka, true);
}