//<script>
ie=(document.all)? true: false
nn=(document.layers)? true: false
if(nn) document.captureEvents(Event.MOUSEDOWN | Event.MOUSEMOVE | Event.MOUSEUP | Event.CLICK); 
//www.szczurus.obywatel.pl
//Autor menu i suwaka (oraz wszystkich innych skryptów i skrypcików: Marek Gazda (miszcz)

//document.onmousemove=Move
//document.onmouseup = usun_przenoszenie
//document.onmousedown = MouseDown
document.onclick=hidden
//konfiguracja menu. 
//Aby pokazać strzałkę trzeba wpisać słowo "dalej " (ze spacją) przed tekstem
//#######################      tablice       ########################################
						//menu1		menu2	menu3	...	menu(n)
menu_pasek = new Array ()
menu_pasek[0]="Główna"
menu_pasek[1]="O firmie"
menu_pasek[2]="Woda"
menu_pasek[3]="Ścieki"
menu_pasek[4]="Laboratorium"
menu_pasek[5]="Przetargi"
menu_pasek[6]="Projekt FS"
menu_pasek[7]="Do pobrania"
menu_pasek[8]="Kontakt"
//-----------------------konfiguracja menu_pasek_akcje----------------------------------
//aby władować stronę do bloku użyć funkcji ladujStrone(strona)
//aby rozwinąć podmenu użyć funkcji animacja (id menuN, nr menuN (od 0), nr zmiennej aN)
//drugi argument f.animacja() oznacza położenie menuN na osi x
//przykład: menu_pasek_akcje[2] = "javascript:animacja('podmenu0',3)";
menu_pasek_akcje = new Array() 
menu_pasek_akcje[0] = ""    
menu_pasek_akcje[1] = "javascript:animacja('podmenu2',1.9)"	 
menu_pasek_akcje[2] = "javascript:animacja('podmenu0',3)";
menu_pasek_akcje[3] = "javascript:animacja('podmenu1',4)";
menu_pasek_akcje[4] = "index.php?t=uslugi/laboratorium/laboratorium"
menu_pasek_akcje[5] = "index.php?t=przetargi";
menu_pasek_akcje[6] = "strona_PIU/";
menu_pasek_akcje[7] = "index.php?t=doPobrania/doPobrania"
menu_pasek_akcje[8] = "index.php?t=kontakt"

//----------------------------------- menuN ------------------------------------------
menu = new Array()
menu[0] = new Array("jakość","SUW", "wodociągi")
menu[1] = new Array("jakość","oczyszczalnia ścieków","kanalizacja")
menu[2] = new Array("dane firmy","historia", "organa spółki");

//-----------------------konfiguracja menu_akcje----------------------------------
//aby władować stronę do bloku użyć funkcji ladujStrone(strona)
//f. pokazpm() pokazuje podmenu
//argumenty funkcji pokazpm(pm-poziom menu,'id'-które podmenu,pozycja pm na osi x, pozycja na osi y) 
//współrzędne: x - nr kolumny (od 1), y nr wiersza (od 1)
menu_akcje = new Array()
menu_akcje[0] = new Array ("index.php?t=woda/jakosc","index.php?t=woda/suw/suw","index.php?t=woda/wodociagi")
menu_akcje[1] = new Array ("index.php?t=scieki/jakosc","index.php?t=scieki/oczyszczalnia/os") 
menu_akcje[2] = new Array ("index.php?t=oFirmie/dane","index.php?t=oFirmie/oFirmie","index.php?t=oFirmie/organa")
//menu_akcje[3] = new Array ("javascript:pokazpm(pm,'pm3',4,1)") 
//----------------------------------- podmenu ------------------------------------------
pmmenu = new Array()
pmmenu[0] = new Array ("plany lekcji","plany miasta")
pmmenu[1] = new Array ("miasto-wschód","miasto-zachód","inne miasta")
pmmenu[2] = ""
pmmenu[3] = new Array ("ślubne","garnitury","akcesoria")
pmmenu[4] = new Array ("ślubne","karnawałowe","komunijne")

pmmenu_akcje = new Array()
pmmenu_akcje[0] = new Array ("","'blok.htm'")
pmmenu_akcje[1] = new Array ("pokazpm(ppm,'podpm0',3.3,2)","pokazpm(ppm,'podpm1',3.3,3)","menu.htm") 
pmmenu_akcje[3] = new Array ("javascript:ladujStrone('zdjecia.htm')") 
pmmenu_akcje[4] = new Array () 
//----------------------------------- podpodmenu ------------------------------------------
podpodmenu = new Array()
podpodmenu[0] = new Array ("podpodmenu[0]")
podpodmenu[1] = new Array ("rrrrt","podpodmenu[1]")


podpodmenu_akcje = new Array()
podpodmenu_akcje[0] = new Array ()
podpodmenu_akcje[1] = new Array () 
podpodmenu_akcje[3] = new Array () 

//######################################################################################
menu_ruchome = false //czy pozwalam na przenoszenie menu (drag&drop)
obrazki=false //czy menu ma być złożone z obrazków?
szerokosc_menuN = 100 // tylko to zmieniać
wysokosc_wiersza = 21 // tylko to zmieniać
przenos_menu = false;  pm = false; ppm = false; animuj=''
roznicaX=0; odlicz=0 ;
roznicaY=0

divwys=24		//wysokość paska
x=20; 			//jaką część menu widać na początku (animacja())
//@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@

function divszer() {		//szerokość całego menu
for (i in menu_pasek){i++}
nadpszer=i*szerokosc_menuN
return nadpszer
}

function Move() {
kx = event.x+document.body.scrollLeft
ky = event.y+document.body.scrollTop
 //do_MouseMove()
	if (przenos_menu && menu_ruchome){
	document.all['pasek'].style.left=kx-roznicaX
	document.all['pasek'].style.top=ky-roznicaY + document.all['nadpasek'].scrollHeight + 2
	document.all['nadpasek'].style.left=kx-roznicaX
	document.all['nadpasek'].style.top=ky-roznicaY
	}
	if (animuj=='tak'){
   	   if (nr_pm==0){
	   	  			schowaj(szerokosc_menuN,'podmenu0','pm0')
					}
	   if (nr_pm==1){schowaj(szerokosc_menuN,'podmenu1','pm1','','podpm0','podpm1')
					 schowaj(szerokosc_menuN,'podmenu1','pm1','','podpm1','podpm0')
					}
	   	  															 							  
	   if (nr_pm==2){
	   	  			
					}
	   if (nr_pm==3){schowaj(szerokosc_menuN,'podmenu3','pm3','pm4')
					 schowaj(szerokosc_menuN,'podmenu3','pm4','pm3')
					}
	}
if (menu_ruchome){
   				 pokaz_nadpasek()
				 }
return false;
}

function hidden() {
if (ie){
   for(i in menu){document.all['podmenu'+i].style.visibility='hidden'}
   //for(i in pmmenu){document.all['pm'+ i].style.visibility='hidden'}
   //for(i in podpodmenu){document.all['podpm'+ i].style.visibility='hidden'}
   } else if (nn)
      for(i in menu){document.layers['podmenu'+i].visibility='hidden'}
   //for(i in pmmenu){document.all['pm'+ i].style.visibility='hidden'}
   //for(i in podpodmenu){document.all['podpm'+ i].style.visibility='hidden'}
		 clearTimeout(odlicz)
		 x=0
}

function usun_przenoszenie() {
przenos_menu = false; przenos_suwak=false;
}

function MouseDown() {
divx=document.all['nadpasek'].offsetLeft
divy=document.all['nadpasek'].offsetTop
  	if (kx>=divx && kx<=divx+divszer() && ky>=divy && ky<=divy+divwys && menu_ruchome){
	   roznicaX = kx - divx
	   roznicaY = ky - divy
	   przenos_menu = true
	   }
//do_MouseDown()
}

function warunki_do_schowaj(pmdiv,pmdiv1,ppmdiv,ppmdiv1){
if (pmdiv1==null || pmdiv1==""){pmdiv1=pmdiv}
if (ppmdiv==null || ppmdiv==""){ppmdiv=pmdiv}
if (ppmdiv1==null || ppmdiv1==""){ppmdiv1=pmdiv}
if (ppmdiv==null){ppmdiv=pmdiv}
p = document.all[pmdiv].style.visibility
p1 = document.all[pmdiv1].style.visibility
pp = document.all[ppmdiv].style.visibility
pp1 = document.all[ppmdiv1].style.visibility
if (p=='hidden' && p1=='visible'|| p1=='hidden' && p=='visible') {pm=true}
if (pp=='hidden' && pp1=='visible'|| pp1=='hidden' && pp =='visible') {ppm=true; pm=false}
}

function schowaj(pmwys,div,pmdiv,pmdiv1,ppmdiv,ppmdiv1){ 
//pmwys - wysokość menu; div - menuN; pmdiv - pm
//pmdiv1(2,3..n) pozostałe pm w menuN
if (pmdiv1==null || pmdiv1==""){pmdiv1=pmdiv}
if (ppmdiv==null || ppmdiv==""){ppmdiv=pmdiv}
if (ppmdiv1==null || ppmdiv1==""){ppmdiv1=pmdiv}
if (ppmdiv==null){ppmdiv=pmdiv}
menuX=document.all[div].offsetLeft
menuY=document.all[div].offsetTop
pmX=document.all[pmdiv].offsetLeft	//pozycja podmenu czyli pm'a
pmY=document.all[pmdiv].offsetTop
ppmX=document.all[ppmdiv].offsetLeft	//pozycja podpodmenu czyli ppm'a
ppmY=document.all[ppmdiv].offsetTop

warunki_do_schowaj(pmdiv,pmdiv1,ppmdiv,ppmdiv1)

if (kx<menuX || ky<divy){
  	 document.all[div].style.visibility='hidden';
	 document.all[pmdiv].style.visibility='hidden';
	 document.all[ppmdiv].style.visibility='hidden';
  	 clearTimeout(odlicz); x=0; ppm=false; pm=false
  	 }
if(pm) { //widać pm'a
	  if (kx>menuX && kx<menuX + szerokosc_menuN) {//kursor na menuN
	  	if (ky<pmY || ky>pmY+23) {
	  		document.all[pmdiv].style.visibility='hidden';
			pm = false;
		 	}
	  }
	  if (kx>menuX+szerokosc_menuN){
	 	if (ky<pmY) {
		   document.all[pmdiv].style.visibility='hidden';
		   }
	  }
	}
if(ppm){ pm = false;
	if (kx>pmX && kx<pmX + document.all[pmdiv].scrollWidth) {//kursor na ppm
	  	if (ky<ppmY || ky>ppmY+23) {
	  		document.all[ppmdiv].style.visibility='hidden';
			ppm = false; pm=true
		 	}
	  }
	if (kx>menuX && kx<menuX + szerokosc_menuN) {//kursor na menuN
	  	if (ky<pmY || ky>pmY+23) {
	  		document.all[pmdiv].style.visibility='hidden';
			document.all[ppmdiv].style.visibility='hidden';
			pm = false; ppm=false
		 	}
	  }
	}
} 

function pokazpm(poziom,div,X,Y) {		// pokazuje podmenu
if (poziom==ppm){ppm=true}
else {pm=true}
paspozX = document.all['pasek'].offsetLeft
paspozY = document.all['pasek'].offsetTop
document.all[div].style.visibility='visible'
document.all[div].style.left=paspozX + X*szerokosc_menuN
paswys = document.all['pasek'].scrollHeight + 2;
document.all[div].style.top=paspozY + paswys*Y
}

function pokaz(div,Top){	 //pokazuje menu z rozwijaniem
if (ie){
   document.all[div].style.left=paspozX+szerokosc_menuN-2
   document.all[div].style.visibility='visible'
   document.all[div].style.top=Top			 //paswys + paspozY
   } else
if (nn) {
   		document.layers[div].left=paspozX+szerokosc_menuN-2
		document.layers[div].top=Top
		//document.layers[div].visibility='show'
		show(div)
		}
x+=9
if (ie){
   document.all[div].style.clip='Rect(0,'+ x + ',' + x + ',0)'
   } else 
if (nn){
  document.layers[div].clip.top = 0
  document.layers[div].clip.right = x
  document.layers[div].clip.bottom = x
  document.layers[div].clip.left = 0
   
   }
}
function show(ident,nest) {
nest ? document.layers[nest].document.layers[ident].visibility = "show" : document.layers[ident].visibility = "show";
}

function animacja(div,N){
if (nn){
	paspozY = document.layers['pasek'].left
    paspozX = document.layers['pasek'].top
} else
if (ie){
   paspozY = document.all['pasek'].offsetTop
   paspozX = document.all['pasek'].offsetLeft
}
animuj = 'tak';
nr_pm = ''+N; nr_pm = N 
pokaz(div,paspozY+N*wysokosc_wiersza)
odlicz = setTimeout('animacja("'+div+'","'+N+'")',1)
if (x==szerokosc_menuN+2){clearTimeout(odlicz)}
}

function pokaz_nadpasek(){						//pokazuje nadpasek
npasekY = document.all['nadpasek'].offsetTop
npasekX = document.all['nadpasek'].offsetLeft
pasekY = document.all['pasek'].offsetTop
document.all['nadpasek'].style.top=pasekY-16
if (kx>=npasekX && kx<=npasekX+divszer() && ky>=npasekY && ky<=pasekY){
   document.all['nadpasek'].style.visibility='visible'
   }
else {document.all['nadpasek'].style.visibility='hidden'
	 }
}

function zmiana_koloru(id,id1) {
if (id1==null){id1=id }
document.all[id1].style.background='ff0ff0'
document.all[id1].style.background='ff0ff0'
//id1.innerHTML = "&gt;" + "menu_pasek[2]"
//this.src=menu_pasek[2]
}

function odmiana_koloru(id,id1) {
if (id1==null){id1=id }
document.all[id].style.background='rgb(10,160,227)'
document.all[id1].style.background='rgb(10,160,227)'
}

function pasek(){
if (ie) {
 document.write('<div id="nadpasek" CLASS="menu">')
 document.write('<TABLE border="0" width="' + divszer() + '" CELLSPACING="0" HEIGHT="6">') 
 document.write('<tr><td>można przenieść</td></tr></table></div>')
 document.write('<div id="pasek" CLASS="menu">')
 document.write('<TABLE  border="0" CELLSPACING="0" CELLPADDING="3"><tr>')
} else
if (nn){
 document.write('<layer id="nadpasek">')
 document.write('<TABLE border="0" width="' + divszer() + '" CELLSPACING="0" HEIGHT="6">') 
 document.write('<tr><td>można przenieść</td></tr></table></layer>')
 document.write('<layer id="pasek" CLASS="menu">')
 document.write('<TABLE  border="0" CELLSPACING="0" CELLPADDING="3"><tr>')
}

//----------------------------------*-*-* pasek *-*-*-----------------------------------
for (i in menu_pasek){
 document.write('<TR><TD align="right" id=\"' + menu_pasek[i] + '\" width="' + szerokosc_menuN + '"')
  if (!obrazki){
	// document.write('onMouseOver="zmiana_koloru(\'' + menu_pasek[i] + '\'); animuj=true"')
	// document.write('onMouseOut="odmiana_koloru(\'' + menu_pasek[i] + '\')"')
	 document.write('><a href="'+ menu_pasek_akcje[i]+ '"' )
	 ie? document.write('onClick="this.blur()">'): document.write('>')
	 document.write('<ont color="#ffffff">'+ menu_pasek[i] +'</font>')
	 } else {
 	 document.write('><a href="'+ menu_pasek_akcje[i]+ '"' )
	 ie? document.write('onClick="this.blur()">'): document.write('>')
	 document.write('<img src="' + menu_pasek[i] + '.gif" id="ob'+ menu_pasek[i] + '"')
	 document.write('onMouseOver="this.src=\'' + menu_pasek[i] +'1.gif\'"; ')
	 document.write('onMouseOut="this.src=\'' + menu_pasek[i] +'.gif\'" border="0">')
	 }
  document.write('</A></TD></TR>')
  }
document.write('</tr></TABLE>')
if (ie) {
 document.write('</div>')
 } else 
if (nn) {
 document.write('</layer>')
 }
}

function podmenu(as,tablica,tablica_akcje,width) {	  //tablica czyli menuN
// document.write('');
 for (i in tablica) {
if (ie){
 if (as=='menu'){	//"as" różny od "m" ==> wypisuje się pm 
 document.write('<div id="podmenu' + i +'" CLASS="menu">')}
 if(as=='pmmenu') {document.write('<div id="pm' + i +'" CLASS="menu">')}
 if(as=='podpodmenu') {document.write('<div id="podpm' + i +'" CLASS="ppm">')}
 document.write('<TABLE border="0" width="' + width + '" CELLSPACING="0" CELLPADDING="2">')   
 } else if(nn){
   if (as=='menu'){document.write('<layer id="podmenu' + i +'" CLASS="menu">')}
 	if(as=='pmmenu') {document.write('<layer id="pm' + i +'" CLASS="menu">')}
 	if(as=='podpodmenu') {document.write('<layer id="podpm' + i +'" CLASS="ppm">')}
 	document.write('<TABLE border="0" width="' + width + '" CELLSPACING="0" CELLPADDING="2">') 
 } 
	for (j in tablica[i]){
	document.write('<TR height="10"><TD id="' + tablica[i][j]+[i][j] + '"')
	 if(tablica[i][j].substring(0,5)!='dalej' && !obrazki){ 
	 	document.write('colspan="2"')
		//document.write('onMouseOver="zmiana_koloru(\'' + tablica[i][j]+[i][j] + '\')" ')
		//document.write('onMouseOut="odmiana_koloru(\'' + tablica[i][j]+[i][j] + '\')"')
		document.write('><a href="'+ tablica_akcje[i][j] + '"')
		document.write('onClick="this.blur()">') //akcje w tablicach
		document.write(tablica[i][j].substring(0,90))
		}
	 if (obrazki){
		document.write('><a href="'+ tablica_akcje[i][j] + '">')
		document.write('<img src="' + tablica[i][j] + '.gif" id="ob'+ tablica[i][j] + '" border="0" ')
		document.write('onMouseOver="this.src=\'' + tablica[i][j] +'1.gif\'"; ')
		document.write('onMouseOut="this.src=\'' + tablica[i][j] +'.gif\'">')
		}									 
	//jak jest strzałka to tworzorzą się dwie komórki w wierszu. W 1 jest tekst, w 2 strzałka
	//dlatego są dwa argumenty do f. zmiana_koloru() (i odmiana)
	 if(tablica[i][j].substring(0,5)=='dalej'){
	    document.write('onMouseOver="zmiana_koloru(\'' + tablica[i][j]+[i][j] + '\',\'a'+ tablica[i][j] +'\');')
		document.write(tablica_akcje[i][j] + '"')	  //pokaż ewentualne podpodmenu 
		document.write('onMouseOut="odmiana_koloru(\'' + tablica[i][j]+[i][j] +'\',\'a'+ tablica[i][j] + '\')">')
		document.write('<a href="javascript:void(null)">')
		document.write(tablica[i][j].substring(6,90))
		document.write('<td id="a'+ tablica[i][j]+'"')//druga komórka
		document.write('onMouseOver="zmiana_koloru(\'' + tablica[i][j]+[i][j] + '\',\'a'+ tablica[i][j] +'\');')
		document.write(tablica_akcje[i][j] + '"')	  //pokaż ewentualne podpodmenu 
		document.write('onMouseOut="odmiana_koloru(\'' + tablica[i][j]+[i][j] +'\',\'a'+ tablica[i][j] + '\')">')   
		document.write('<IMG SRC="pasek/dalej.gif" border=0 align="right">') 
		}
	document.write('</A></TD></TR>')
	}
 document.write('</TABLE>')
ie? document.write('</DIV>'): document.write('</LAYER>')
 }
}
txt=0
tekst= "  -*-*- Witamy -*-*-          "
function napis() {
if(txt++ > tekst.length) {txt=1}
a = tekst.substring(0,txt)
parent.status = a
setTimeout('napis()',100)
}
//napis()
//program;_________________________________________________________
pasek()
//podmenu("podpodmenu",podpodmenu,podpodmenu_akcje,"");
podmenu("menu",menu,menu_akcje,szerokosc_menuN);
//podmenu("pmmenu",pmmenu,pmmenu_akcje);

//-->end._____________________________