<!--
 ns6 = (!document.all && document.getElementById) ? true : false;
ie = (document.all)? true:false;

var x_okna=940;
var szer_map=642;
var wys_map=461;
var pior=ResCat+"/p.gif";
var chm=ResCat+"/c.gif";
var mapa=ResCat+"/polska_pior.gif";
var s_geogr=ResCat+"/siatka04.gif";
var rzek=ResCat+"/rzeki.gif";
var empty=ResCat+"/nic.gif"
var Unit="min"
var UpS=10
var PlayMode='Petla'
var Speed=10
var StartFlag=true
var Delay=0
var PicPad=3
var DataIx=0
StartIx=1, StopIx=2,
WyladowanOgolemMapaIx=3,WyladowanOgolemPozaIx=4,
WyladowanChmurowychMapaIx=5,WyladowanChmurowychPozaIx=6,
WyladowanDoziemnychMapaIx=7,WyladowanDoziemnychPozaIx=8,
WyladowanUjemnychMapaIx=9,WyladowanUjemnychPozaIx=10,
WyladowanDodatnichMapaIx=11,WyladowanDodatnichPozaIx=12
var PackLen=13

p=1
document.write('<table width='+x_okna+' height='+wys_map+' cellspacing=0 cellpadding=0 border=1 bordercolor=#339900>');
document.write('<tr>');
document.write('<td width='+szer_map+' height='+wys_map+' valign=top background='+mapa+'>');
document.write('<table width='+szer_map+' height='+wys_map+' cellspacing=0 cellpadding=0 border=0 id="Rzeki" background='+empty+'>');

document.write('<tr><td width='+x_okna+' height='+wys_map+'  valign=top id=Siatka background='+empty+'>'); 

for (i=0; i<(AnimArr.length-1);i=i+PackLen,p++) {		
divid='p'+padl(p,PicPad,'0');
	 document.write('<div id='+divid+'><img src='+ResCat+'/'+divid+'.gif'+' width="'+szer_map+'" height="'+wys_map+'" border="0" alt=""></div>');
	 document.getElementById(divid).style.display='none' 	
	 }
 document.getElementById(divid).style.display='block'

document.write('</td></tr></table>');
document.write('</td>');//END 1-szej komorki (podklady+pioruny)
document.write('<td valign=top>'); // komorka z legenda


document.write('<TABLE border=0 class=\"akapit\" cellpadding=3><tr><td><br><b>Sterowanie animacj±</b></td></tr><TR><TD><INPUT TYPE=button width=50 VALUE=\"Start\" onClick=\"play()\">&nbsp;&nbsp;<INPUT TYPE=button width=50 VALUE=\"|&#60\" onClick=\"gofirst()\">&nbsp;&nbsp;<INPUT TYPE=button width=50 VALUE=\"&#60\" onClick=\"backward()\">&nbsp;&nbsp;<INPUT TYPE=button width=50 VALUE=\"&#62\" onClick=\"foreward()\">&nbsp;&nbsp;<INPUT TYPE=button width=50 VALUE=\"&#62|\" onClick=\"golast()\">&nbsp;&nbsp;<INPUT TYPE=button width=50 VALUE=\"Stop\" onClick=\"pause()\"></td></tr><tr><td><SELECT  NAME=\"speed\" onChange=\"changespeed(this)\"><OPTION value=\"10\" selected> 10 <OPTION value=\"30\"> 30 <OPTION value=\"60\"> 60 <OPTION value=\"120\"> 120 <OPTION value=\"240\"> 240 </SELECT>min-&gt; 1sek (przy¶pieszenie)</td></tr><tr><td><SELECT  NAME=\"playmode\" onChange=\"changeplaymode(this)"><OPTION  value=\"Petla\"> Pętla <OPTION value=\"Petla_wstecz\"> Pętla w przód i wstecz <OPTION value=\"Raz\"> Raz </SELECT> (tryb animacji)</TD></TR> </TABLE>'); 



document.write('<br><br><table width=298  cellspacing=0 cellpadding=2 border=0  class="tabela" bgcolor=#ffffcc>');
document.write('<tr><td width=165 class=akapit><b>Statystyka</b></td></tr>');
document.write('<tr><td width=165 align=right>');
document.write('Numer obrazu:<br>Data:<br>Odcinek czasowy (UTC):<br><b>Wyładowań&nbsp;doziemnych:</b><br>w tym ujemnych:<br>oraz dodatnich:<br>Wyładowań&nbsp;chmurowych:<br>Wyładowań ogółem:');
document.write('</td>');
document.write('<td>');
genwars(); // czesc dynamiczna legendy
document.write('</td></tr></table>');

document.write('<table width=298  cellpadding=2 border=0  class="tabela" bgcolor=#ffffcc><tr><td colspan=2><b>Legenda: </td></tr>');
document.write('<tr><td><img src='+pior+' border="0"></td> <td>Wyładowania doziemne</td></tr>');
document.write('<tr><td><img src='+chm+' border="0"></td> <td>Obszar wyładowań chmurowych</td></tr></table>'); //END komorki z legenda


document.write("<br><br><TABLE border=0 valign=\"top\" class=tabela><TR><TD vAlign=top width=296><FORM name=chekboxy method=get>&nbsp;&nbsp;<INPUT onclick=\"zm(this,ResCat+'/siatka04.gif')\"type=checkbox value=Siatka name=siat>Siatka geograficzna&nbsp;&nbsp;<INPUT onclick=\"zm(this, ResCat+'/rzeki.gif')\" type=checkbox value=\"Rzeki\" name=rzek>Rzeki </FORM></TD></TR></TABLE>");


document.write('</td></tr>');
document.write('</table>'); //END tabeli prezentacji mapy + legenda 
function genwars() {
var i,leg;
leg=1
for (i=0; i<(AnimArr.length-1);i=i+PackLen,leg++) {	
divleg='leg'+padl(leg,PicPad,'0');
docwr('<table class="szeroka_mala" id='+divleg+'><tr><td align=left>'+
leg+'<br>'+
AnimArr[i+DataIx]+'<br>'+
AnimArr[i+StartIx]+' - '+AnimArr[i+StopIx]+'<br>'+ '<b>'+AnimArr[i+WyladowanDoziemnychMapaIx]+'<br>'+
AnimArr[i+WyladowanUjemnychMapaIx]+'<br>'+AnimArr[i+WyladowanDodatnichMapaIx]+'<br>'+
AnimArr[i+WyladowanChmurowychMapaIx]+'<br>'+AnimArr[i+WyladowanOgolemMapaIx]+
'</td></tr></table>');
	 document.getElementById(divleg).style.display='none' 	

}
	 document.getElementById(divleg).style.display='block' 	
}

function animate(){
var k
if(PlayMode=='Petla'){++j;if(j<1){k=j=PicNum;}else if(j>PicNum){k=j=1}else{k=j}
}else if(PlayMode=='Petla_wstecz'){j=j+s;if(j<1){k=j=1;s=1}else if(j>PicNum){k=j=PicNum;s=-1}else{k=j}
}else if(PlayMode=='Raz'){++j;if(j<1){k=j=PicNum}else if(j==PicNum){k=j;pause()}else if(j>PicNum){k=PicNum;j=1}else{k=j}
};
showdiv(k)
window.defaultStatus = " Obraz "+k+" z "+PicNum+", Przyspieszenie "+(Speed*UpS/10)+Unit+"->1sek "
}
function backward(){
if(StartFlag)iniall()
clearTimeout(interval)
j-- 
if(j<1)j=1
showdiv(j)
window.defaultStatus = "Obraz "+j+" z "+PicNum 
}
function changeplaymode(s){
if(StartFlag)iniall()
clearTimeout(interval)
var i
i=s.selectedIndex
PlayMode=s.options[i].value
startanim()
}
function changespeed(s){
if(StartFlag)iniall()
clearTimeout(interval)
var i
i=s.selectedIndex
Speed = s.options[i].value
Delay=10000/Speed
startanim()
}
function docwr(t){document.write(t); }
function foreward() {
if(StartFlag)iniall()
clearTimeout(interval)
j++ 
if(j>PicNum)j=PicNum
showdiv(j)
window.defaultStatus = "Obraz "+j+" z "+PicNum 
}



function gofirst() {
if(StartFlag)iniall()
clearTimeout(interval)
j=1 
showdiv(j)
window.defaultStatus = "Obraz "+j+" z "+PicNum 
}
function golast(){
if(StartFlag)iniall()
clearTimeout(interval)
j=PicNum 
showdiv(j)
window.defaultStatus = "Obraz "+j+" z "+PicNum 
}
function ini0(){
Delay=1000000;window.status="Pauza"
j=PicNum;s=1
}
function iniall(){
StartFlag=false
j=PicNum;s=1
}
function padl(s,n,c){
var t=''+s;
while(t.length<n){t=c+t;}
return(t)
}
function pause() {
if(StartFlag)iniall()
clearTimeout(interval)
Delay=1000000
window.status="Pauza"
startanim()
}
function play() {
if(StartFlag)iniall()
clearTimeout(interval)
Delay=10000/Speed
window.status="Odtwarzanie"
startanim()
}
function showdiv(n) {
var p
for (p=1; p<=PicNum;p++) {
document.getElementById('p'+padl(p,PicPad,"0")).style.display='none'
document.getElementById('leg'+padl(p,PicPad,"0")).style.display='none'
}
document.getElementById('p'+padl(n,PicPad,"0")).style.display='block'
document.getElementById('leg'+padl(n,PicPad,"0")).style.display='block'
startanim()
} 
function startanim() {
interval=setTimeout('animate()',Delay)
} 
PicNum=Math.floor(AnimArr.length/PackLen);
//genburz();
ini0();
showdiv(PicNum);
startanim();
// funkcje podkladow
function checkAll() {
  for (var j = 0; j < 2; j++){
    if(document.chekboxy[j].checked)
	document.chekboxy[j].checked = !document.chekboxy[j].checked

  }
  ini_guziki();
}


function zm(object,backgr) {  
  if(object.checked) {

    show(object.value,backgr);
  }else {
    hide(object.value," ");
	}
}
function show(ident,tlo) {  //alert(tlo);
		document.getElementById(ident).style.background='url('+tlo+')'
  }

function hide(ident,tlo) {  //alert(ident+'   '+tlo);

	document.getElementById(ident).style.background='url('+empty+')';
  }
  

