<!--
 ns6 = (!document.all && document.getElementById) ? true : false;
ie = (document.all)? true:false;
document.write('<STYLE TYPE="text/css"><!--');
document.write('#napis{font-family:Verdana,Arial,Helvetica;font-size:10px;color:#000033;font-weight:400;background-color:#C1E4F8}'); // styl: nazwa przy migotce, nazwa na liscie miejscowosci
document.write('#prez{font-family:Verdana,Arial,Helvetica;font-size:10px;color:#000033;font-weight:400;}'); // styl prezentacji
document.write('--></STYLE>');
var x_okna=780;
var xydot=14;		// wymiary migotki

var miasto=0;	// nazwa miasta
var kraj=1;	// nazwa państwa
var pozx=2;		// wspolrzedna x migotki na mapie
var pozy=3;		// wspolrzedna y migotki na mapie
var opis=4;		// opis pogody
var ik_pog=5;	// ikona pogody
var temp=6;		// wartosc temperatury
var cisn=7; 	// wartosc cisnienia zredukowanego
var cisn_lok=8; 	// wartosc cisnienia



var ik_wiatr=9;	// ikona kierunku wiatru
var v_wiatr=10;	// predk. wiatru
var szer_prez=255; // szerokosc tabeli z prezentacja np. rozkodowanego synopu
var szerk=0;		// przechowuje liczbe liter najdluzszej nazwy
var wsp=6; 			// wspolczynnik do obliczania dlug. komorki z nazwa miejscowosci (dobierac do czcionki)
var ilkol=10;		// ilosc kolumn w liscie miast
var ilpoz=miasta.length-1; // liczba miast

if (ilpoz>ilkol){           // obliczanie ilw, liczby wierszy tabeli
	if (ilpoz%ilkol==0) {
	ilw=ilpoz/ilkol; 
	}else{
	var ilw=Math.floor(ilpoz/ilkol)+1;
	}
}else{
ilw=1;
} 
var kol=ilpoz-ilkol*(ilw-1); // kol: liczba kolumn = liczbie wypelnionych komorek ostatniego wiersza
document.write('<table width='+x_okna+' cellspacing=0 cellpadding=0 border=0>');
document.write('<tr><td width='+szer_mapy+' height='+wys_mapy+' background='+mapa+' align=left valign=top>');

document.write('<table width='+szer_mapy+' cellspacing=0 cellpadding=0 border=0>');
document.write('<tr><td width='+szer_mapy+' height='+wys_mapy+' background='+noc_dzien+' align=left valign=top>');


			for(i=0; i<=(miasta.length)-2; i++){	
dlug_nap= wsp*(miasta[i][0].length)+10; 
if (miasta[i][0].length >= szerk){
szerk=miasta[i][0].length;
}
document.write('<table cellspacing=0 cellpadding=0 border=0 id=m'+i+'>'); //zagniezdzona tabela z migotkami i nazwami
document.write('<tr height='+(miasta[i][pozy]-Math.floor(xydot/2))+'><td  align=left valign=top colspan=3></td></tr>');
if ((miasta[i][pozx]+(dlug_nap+xydot))<=szer_mapy){
document.write('<tr><td width='+(miasta[i][pozx]-Math.floor(xydot/2))+'></td>');
document.write('<td width='+xydot+'><img src='+dot+' width='+xydot+' height='+xydot+' border="0"></td>');
document.write('<td  align=center width='+dlug_nap+' valign=top bgcolor="#C1E4F8"  id=napis>'+miasta[i][miasto]+'</td>');
}else{

document.write('<tr><td width='+(miasta[i][pozx]-dlug_nap-Math.floor(xydot/2))+' ></td>');
document.write('<td  align=center width='+dlug_nap+' valign=top bgcolor="#C1E4F8" id=napis>'+miasta[i][miasto]+'</td>');
document.write('<td width='+xydot+'><img src='+dot+' width='+xydot+' height='+xydot+' border="0"></td>');
} 
document.write('</tr></table>');

hide("m"+i);

			} //end for
	document.write('</tr></td></table>');		
			
 document.write('</td>');
 
  document.write('<td width='+(x_okna-szer_mapy)+' height='+wys_mapy+'>');
document.write('<table width='+(x_okna-szer_mapy)+' height='+wys_mapy+' cellspacing=0 cellpadding=0 border=0>'); // zdekodowane synopy
document.write('<tr><td width='+(x_okna-szer_mapy)+' height='+wys_mapy+' align=left valign=bottom>')
i=0;
			for(i=0; i<=(miasta.length)-2; i++){	
document.write('<table width='+szer_prez+' cellspacing=2 cellpadding=2 bgcolor=#C1E4F8 border=0 id=s'+i+'>'); //zagniezdzona tabela z rozkodowanymi synopami
document.write('<tr><td width='+szer_prez+' align=left valign=top colspan=2 id=napis> <b style=text-decoration:underline>'+miasta[i][miasto]+' - '+miasta[i][kraj]+'</b></td></tr>');
document.write('<tr><td id=prez>'+miasta[i][opis]+'</td><td><img src='+synkat+'/'+miasta[i][ik_pog]+'></td></tr>');
document.write('<tr><td id=prez>'+tmp+'</td><td id=prez>'+miasta[i][temp]+'</td></tr>');
document.write('<tr><td id=prez>'+cis+'</td><td id=prez>'+miasta[i][cisn]+'</td></tr>');
document.write('<tr><td id=prez>'+cis_lok+'</td><td id=prez>'+miasta[i][cisn_lok]+'</td></tr>');
document.write('<tr><td id=prez>'+kier+'</td><td><img src='+synkat+'/'+miasta[i][ik_wiatr]+'></td></tr>');
document.write('<tr><td id=prez>'+pred+'</td><td id=prez>'+miasta[i][v_wiatr]+'</td></tr>');
document.write('</table>');
hide("s"+i);
			} //end for
document.write('<br><br></td>');// END zdekodowanych synopow
document.write('</tr></table>');

document.write('</td></tr>'); //end 1-go wiersza z komorka mapy i komorka z synopami

// Ulozenie w arrayu:
// 1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19;
// Widok po uporzadkowaniu (lista miast np. w 8 w kolumnach)
// 0,3,6, 9,12,14,16,18
// 1,4,7,10,13,15,17,19
// 2,5,8,11

document.write('<tr>'); // LISTA MIAST, wiersz z komorka, w ktorej zagniezdzona tabela z lista 
document.write('<td colspan="2" width='+x_okna+'>');
document.write('<table width='+x_okna+' cellspacing=0 cellpadding=0 border=0>');
document.write('<tr>');
document.write('<td width='+x_okna+'>'); // lista miast 
document.write('<table   border=0 cellspacing=1 cellpadding=2>'); 
szerk=(wsp+1)*szerk;
for(ww=0; ww<=ilw-2; ww++){	// wypelnianie wszystkich pelnych 8 kolumnowych wierszy 
document.write('<tr height=13>'); 	
i=ww;
k=-1;
while(i<=ilw*kol-ilw+ww){	// wypelnianie wierszy w czesci odpowiadajacej kol
pm="m"+i; ps="s"+i; pw="w"+i;
document.write('<td width='+szerk+' id='+pw+' onMouseOver=show2("'+pm+'","'+ps+'","'+pw+'")   onmouseout=hide2("'+pm+'","'+ps+'","'+pw+'")  style=cursor:crosshair bgcolor=#A7D7F5><div id=napis>'+miasta[i][miasto]+'</div></td>');
i=i+ilw;
k++;
}
k++;
while(k<=ilkol-1){	// wypelnianie wierszy w czesci  "uzupelnienie liczby kolumn do 8"
pm="m"+i; ps="s"+i; pw="w"+i;
document.write('<td width='+szerk+' id='+pw+' onMouseOver=show2("'+pm+'","'+ps+'","'+pw+'")   onmouseout=hide2("'+pm+'","'+ps+'","'+pw+'")  style=cursor:crosshair bgcolor=#A7D7F5><div id=napis>'+miasta[i][miasto]+'</div></td>');
i=i+(ilw-1);
k++;
}
document.write('</tr>'); 
} //end for /ww<=ilw-2/
document.write('<tr height=13>');
i=ilw-1;
r=1;  
while(r<=ilkol){	// wypelnianie ostatniego wiersza
if(r<=kol){
pm="m"+i; ps="s"+i; pw="w"+i;
document.write('<td width='+szerk+' id='+pw+' onMouseOver=show2("'+pm+'","'+ps+'","'+pw+'")   onmouseout=hide2("'+pm+'","'+ps+'","'+pw+'")  style=cursor:crosshair bgcolor=#A7D7F5><div id=napis>'+miasta[i][miasto]+'</div></td>');
}else{  
document.write('<td></td>');
}
i=i+ilw; 
r++;
} 
document.write('</tr></table>'); 
document.write('</td>');
document.write('</tr></table>');
document.write('</td></tr></table>');
function show(ident){
document.getElementById(ident).style.display='block'
}
function hide(ident){
document.getElementById(ident).style.display='none'
}
function show2(id1,id2,id3){
document.getElementById(id1).style.display='block'
document.getElementById(id2).style.display='block'
document.getElementById(id3).style.backgroundColor="#0F9DF5";
}
function hide2(id1,id2,id3){
document.getElementById(id1).style.display='none'
document.getElementById(id2).style.display='none'
document.getElementById(id3).style.backgroundColor="#A7D7F5";
}  

