var dlugosc=10;
var tekst;
var obiekt = 'a';
var id;
var id_kat;
var aktualna_kategoria="";
var naglowek_kategorii;
var szerokoscKategorii;
// przechowuje odwołanie do obiektu XMLHttpRequest
var pobieranie_kategorii = createXmlHttpRequestObject(); 
var pobieranie_podkategorii = createXmlHttpRequestObject(); 
var sss = new Array(16);
var ssss;
var tmp_pasek_srodkowy;
var tmp;



function inicjalizuj(t,o,i) {
	if (dlugosc > 10) {
		dlugosc=10;
		notExtender();				
	}
	tekst = t;
	obiekt = o;
	id = i;
	
	i = i.split(" ");
	tmp_pasek_srodkowy = document.getElementById('pasek_srodkowy').innerHTML;
	var aryText = new Array("<img src=tla_menu/", i[1], ".jpg>");
	var str = aryText.join("");
	
	document.getElementById('pasek_srodkowy').innerHTML = str;	
	extender();
}

function extender() {
	var d = null;
	var maxDlugosc=790;
	aktualna_kategoria="";
	dlugosc+=100;
	d = document.getElementById(obiekt);
	d.style.width = dlugosc+'px';
	if (dlugosc<maxDlugosc) setTimeout(extender,5)
	else {		// Jak juz sie wydluzy pasek
		dlugosc = maxDlugosc;
		d.style.width = dlugosc+'px';
		d.innerHTML = "<a onClick=notExtender() style='margin-left:15px; z-index:2;'>"+tekst+"</a>";
		wyswietlKategorie(id);
	}	
}

function notExtender() {
	var d = null;
	var s;
	dlugosc-=100;
	d = document.getElementById(obiekt);
	if (dlugosc>10) {
		d.style.width = dlugosc+'px';
		setTimeout(notExtender,5);
	}
	else {		// Jak juz sie skurczy pasek
		dlugosc = 10;
		d.style.width = dlugosc+'px';
		s =  '<a onClick="inicjalizuj(';
		s += "'"+tekst+"','"+obiekt+"','"+id+"')";
		s += '" style="margin-left:15px"';
		s += " onMouseOver='this.style.color=";
		s += '"white"';
		s += "' onMouseOut='this.style.color=";
		s += '"#414649"'
		s += "'>"+tekst+'</a>';
		document.getElementById('pasek_srodkowy').innerHTML=tmp_pasek_srodkowy;
		d.innerHTML = s;
	}
	
	
}

function wyswietlKategorie(id) {
		try {
			document.getElementById(obiekt).innerHTML = "<font style='margin-left:250px; font-size:12px'>Prosimy o chwilkę cierpliwości. Dane są wczytywane...</font>";
			pobieranie_kategorii.open("GET","pobierz_kategorie.php?id="+id, true);
			pobieranie_kategorii.onreadystatechange = wyswietl_kategorie;
			pobieranie_kategorii.send(null);
		}
		catch(e) {
			/* alert ("Nie mogę połączyć się z serwerem:\n"+e.toString()); */
		}
}

function wyswietlPodkategorie(id,kat) {
	try {
			ssss = sss[kat];
			schowaj_podkategorie();
			aktualna_kategoria = kat;
			id_kat = id;
			naglowek_kategorii = document.getElementById("podk"+kat).innerHTML;
			document.getElementById("podk"+kat).style.height='auto';
			
				dd = document.getElementById("podk"+aktualna_kategoria);
				dd.style.marginTop="-10px";
				dd.style.paddingTop="10px";
				dd.style.paddingBottom="5px";
				dd.style.paddingLeft="30px";
				dd.style.marginLeft="-30px";
				dd.style.marginRight="-10px";
				dd.style.paddingRight="10px";
				dd.style.width = (szerokoscKategorii+30)+"px";
				
				dd.style.backgroundColor="#dbe3e9";
				tmp = dd.innerHTML;
				dd.innerHTML += "<br><br><div>Ładowanie danych...</div>";
			pobieranie_podkategorii.open("GET","pobierz_podkategorie.php?id="+id,true);
			pobieranie_podkategorii.onreadystatechange = wyswietl_podkategorie;
			pobieranie_podkategorii.send(null);
		}
		catch(e) {
			/* alert ("Nie mogę połączyć się z serwerem:\n"+e.toString()); */
		}
		
}

function schowaj_podkategorie() {
	try {
		
		var d = document.getElementById("podk"+aktualna_kategoria);
		d.style.marginTop="0px";
		d.style.paddingLeft="0px";
		d.style.paddingBottom="0px";
		d.style.paddingRight="0px";
		d.style.height="25px";
		d.style.marginLeft="0px";
		d.style.width = 0+"px";
		d.innerHTML = naglowek_kategorii;
		}
		catch(e) {
			/* alert ("Nie mogę połączyć się z serwerem:\n"+e.toString()); */
		}
		
}




function wyswietl_podkategorie() {
	var xmlResponse = pobieranie_podkategorii.responseXML;
	
	if (pobieranie_podkategorii.readyState==4)
	{
		if (pobieranie_podkategorii.status==200)
		{
			try {
				
				xmlRoot = xmlResponse.documentElement;
				podkategoria = xmlRoot.getElementsByTagName("podkategoria");
				podkategoria_id = xmlRoot.getElementsByTagName("id");
				var dlugosc_div;
				var string = "";
				string += ssss;


				for (var i=0;i<podkategoria.length;i++) {
					string += '<div style="position:static; margin-top:4px" />';
					string += '<a onMouseOver=this.style.color="white" onMouseOut=this.style.color="#414649" href="pokaz_produkty.php?id_podkat='+podkategoria_id.item(i).firstChild.data+'&id_kat='+id_kat+'" style="font-size:12px; margin-left:0px; margin-right:5px">';
					string += podkategoria.item(i).firstChild.data+'</a>';
				}
				dd = document.getElementById("podk"+aktualna_kategoria);
				dd.innerHTML = tmp;
				dd.style.marginTop="-10px";
				dd.style.paddingTop="10px";
				dd.style.paddingBottom="5px";
				dd.style.paddingLeft="30px";
				dd.style.marginLeft="-30px";
				dd.style.marginRight="-10px";
				dd.style.paddingRight="10px";
				dd.style.width = (szerokoscKategorii+30)+"px";
				dd.style.backgroundColor="#dbe3e9";
				dd.innerHTML += string;
				
								
			}
			catch(e) {
				alert("Błąd odczytu odpowiedzi: "+e.toString());
			}
		}
	}	
}



function wyswietl_kategorie() {
	var xmlResponse = pobieranie_kategorii.responseXML;
	
	if (pobieranie_kategorii.readyState==4)
	{
		if (pobieranie_kategorii.status==200)
		{
			try {
				
				xmlRoot = xmlResponse.documentElement;
				kategoria = xmlRoot.getElementsByTagName("kategoria");
				kategoria_id = xmlRoot.getElementsByTagName("id");
				
				var string =  "<div style='float:left; margin-left:15px'><a onClick=notExtender() style='color:#e6e9ec'>"+tekst+"</a></div>";
					string += "<div style='position:absolute; background-color:#99b0bf; float:left; width:550px; height:25px; left:250px;'>";
				if (kategoria.length>2) szerokoscKategorii = 540/(kategoria.length);
				else szerokoscKategorii = 200;
				for (var i=0;i<kategoria.length;i++) {
				
					sss[i]  = 	'<div style="position:static; padding-top:5px; background-color:#667984; margin-right:-10px; padding-right:10px; margin-left:-30px; padding-left:30px; height:20px; color:#cfd8df" onMouseOver=this.style.color="white" onMouseOut=this.style.color="#cfd8df" onClick="schowaj_podkategorie()"> '+kategoria.item(i).firstChild.data+' <font style="font-size:12px;">(Wróć)</font></div>';
					
					string += '<div class="kategorie_w_pasku" style="width:'+szerokoscKategorii+'px" onClick=wyswietlPodkategorie('+kategoria_id.item(i).firstChild.data+','+i+')>';
					string += 	'<div style="height:25px; padding-top:5px;" id="podk'+i+'"></div>';
					string += 	'<div style="position:static;  padding-top:5px; height:20px;" onMouseOver=this.style.backgroundColor="#e6e9ec" onMouseOut=this.style.backgroundColor="#99b0bf">'+kategoria.item(i).firstChild.data+'</div>';
					string += '</div>';
					string += '';
				}
				string += '</div>';
				dd = document.getElementById(obiekt);
				dd.innerHTML = string;
				
								
			}
			catch(e) {
				alert("Błąd odczytu odpowiedzi: "+e.toString());
			}
		}
	}
}


// zwraca obiekt XMLHttpRequest
function createXmlHttpRequestObject() 
{
  // przechowa odwołanie do obiektu XMLHttpRequest
  var xmlHttp;
  // jeśli uruchomiony jest Internet Explorer
  if(window.ActiveXObject)
  {
    try
    {
      xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
    }
    catch (e) 
    {
      xmlHttp = false;
    }
  }
  // jeśli uruchomiona jest Mozilla lub inne przeglądarki
  else
  {
    try 
    {
      xmlHttp = new XMLHttpRequest();
    }
    catch (e) 
    {
      xmlHttp = false;
    }
  }
  // zwraca utworzony obiekt lub wyświetla komunikat o błędzie
  if (!xmlHttp)
    alert("Błąd podczas tworzenia obiektu XMLHttpRequest.");
  else 
  {
	//alert("Wszystko jest OK.");
    return xmlHttp;
  }
}