//  dok -  edytowany obraz
// fc - procent wysoko�ci obrazu
var dok, fc=8, b ,t , div ,rozdz=0, fcont;
var zazn=0, width, height;


function doblend1(f){
 if (IE()) doblend(f); else
 timeCount(false,f);
}

function doblend(f){
 width = pict[rozdz][2][f.id][2];
 height = pict[rozdz][2][f.id][3];
 var dok=document.getElementById('foto');
 makefoto(f); 
 if (IE()){
   dok.filters.blendTrans.Apply();  
   dok.src=f.src;
   dok.style.width='';
   dok.style.height='';
   dok.filters.blendTrans.Play();  
 } else {
  var b;
  if (menu_akt.getcurr()==null) b=false; else b=true;
  dok.src=f.src;
  timeCount(b,false,false);
 }
}

var moment;
function chwila(){
 if (document.getElementById(zazn)!=null){
  clearInterval(moment);
  doblend(document.getElementById(zazn))  
 }
}

function zmienwid(menu){
 menu=menu_akt.doMenu(menu);

 var s;    
 if (menu.id=='zakres') s=div_zakres; else 
   if (menu.id=='dane') s=div_dane; else 
     if (menu.id=='obrazy') s=getobrazy(); else return;
 getScrollXY(s, menu ,'z_div1','');
 if (menu.id=='obrazy') moment=window.setInterval(chwila,100); 
}

function clearfoto(){ 
 if (zazn!=-1){
  var f=document.getElementById(zazn),x=f.style;
  x.width='70px';
  x.height='50px';
  x.borderColor='#FFD700'; 
  if (IE()) f.filters.alpha.opacity=40; else x.opacity=0.4 ;   
  }
  zazn=-1;
 }

function stoptime(){
 if (b==true) fc=fc+4; else   fc=fc-4;
 dok.style.width=Math.round(0.01 * fc * width)+'px';
 dok.style.height=Math.round(0.01 * fc * height)+'px';
 if (b==true && fc>=100)  clearInterval(t); 
  else
  if (b==false && fc<10){
   clearTimeout(t);
   if (fcont) doblend(fcont);
  }
}


function timeCount(db,fc){
 b=db;fcont=fc;
 if (b) fc=10; else fc=100;
 t=setInterval( "stoptime()",5);
}


function fullfoto(){
 zaznacz=0;
 dok.style.height='';
}

function makefoto(f){
 clearfoto(); 
 f.style.width='80px';
 f.style.height='60px';
 f.style.borderColor='#FF0000';
 zazn=f.id;   
 if (IE()) f.filters.alpha.opacity=100; else f.style.opacity=1;
 dok=document.getElementById('foto');
 dok.style.marginTop='10px';
 dok.title=pict[rozdz][2][zazn][1];             ;
 var comm=document.getElementById('comment');
 comm.innerHTML=dok.title;
}


var wym=57, dir=1 , color=1, clr, step=1, faza=false;
var colors=new Array('0','1','2','3','4','5','6','7','8','9','A','B','C','D','E','F');
 window.resizeTo(840,600);

function logo_click(){
 setTimeout('logo_click()',100);
 var f =document.getElementById('key'); 
 faza = ~faza;
 if (faza){
  if (wym>57 || wym<50){ 
   dir=-dir;
    clr='#';
    for (i=1; i<4;i++)
    clr+=colors[Math.round(Math.random()*15)] ;
  }
  wym=wym+dir;
  var s=wym+'px';
  f.style.width=s; f.style.height=s; 
 }

 var f=document.getElementsByName('logo'), i,n1,n2;
 n1=f[0].style.paddingTop;
 for (i=1; i<f.length; i++){
  n2=f[i].style.paddingTop;
  f[i].style.paddingTop=n1;
  n1=n2;
  f[i].style.color=clr;
 }
 f[0].style.paddingTop=n1;
 f[0].style.color=clr;
}

function Mail_to(){
var t=document.getElementById('z_div1')

if (t.innerHTML.length>50){
  t.style.visibility='visible';
  return;
}
var text='';
 if (IE()){
  var f=document.getElementById('z_div1');
  f.style.width='520px';
 }
 text += getMove();
 text += "<span style='color:green;font-size=70%'><b> Proszę przesyłać  merytoryczne uwagi dotyczące funkcjonowania i przydatności dziennika elektronicznego.<br> Wszystkie postaram się w miarę swoich możliwości wprowadzić w życie.</b> </span><hr>";
 text += "<form method='POST' action='autoryzacja.php' name='news' target='_self' id='news'>";
 text += "<table cellspacing='5px'>" 
 text += "<caption class='caption'> Wiadomość do autora strony:</caption>";
 text += "<tr><th align='right'><b>Od:</b></th><td colspan='2'><input type='text' id='od' name='od'value='' size='50' onmouseover=\"popup(this,'Tutaj należy podać swój adres mailowy')\" onmouseout=\"divout('z_div2')\"></td></tr>";
 text += "<tr><th align='right'><b>Temat:</b></th><td colspan='2'><input type='text' id='temat' name='temat' value='' size='50'onmouseover=\"popup(this,'Tutaj wpisz temat listu')\" onmouseout=\"divout('z_div2')\" ></td></tr>";
 text += "<tr><th align='right'><b>Treść wiadomości:</b></th><td colspan='2'><textarea name='poczta' id='poczta' cols='40' rows='10' onmouseover=\"popup(this,'Treść przesyłanego listu')\" onmouseout=\"divout('z_div2')\"></textarea></td></tr>";
 text += "<tr><td> <button type='button'onclick='editpoczta(this)'>Wyślij wiadomość </button></td>"
 text += "<td><button type='reset'>Cofnij zmiany</button></td>";
 text += "<td><button type='button' onclick=\"divout('z_div1'); divout('z_div2'); \">Powrót do edycji tekstu</button></td>";
 text += "</form>";
 getScrollXY(text,null,'z_div1');
}


function editpoczta(f){
 if (document.getElementById('z_div2').style.visibility=='visible') {
  divout('z_div2');
  return;
 } 
 var f=document.getElementById('news');s='';
 if (f.elements[0].value=='') s +="Brak adresu nadawcy<br>";
 var t= f.elements[2].value; 
 while (t.indexOf(' ')==0) t=t.substr(1);
 if (t=='')  s +="Brak tekstu wiadomości<br>";
 if (s!='') popup(f,s +'<b>Uzupełnij dane i spróbuj ponownie</b>'); else
 f.submit();  
}


var i,div_dane;
var t = "<table  style='text-align:left;width:800px;'>"
t += "<tr style='text-align:center'><th colspan='4' >Podgląd informacji dla poszczególnych grup użytkowników:</th></tr>"
t += "<tr style='text-align:center'>"
t += "<th>Użytkownicy bez logowania</th>"
t += "<th>Uczniowie lub ich rodzice</th>"
t += "<th>Nauczyciele</th>"
t += "<th>Nauczyciele będący wychowawcami edytowanej klasy</th>"
t += "</tr>";
t += "<tr>";
for (i=1;i<5;i++) t += " <td align='center'>" + i + "</td>";
t += "</tr>";
t += "<tr valign='top'>"
t += "<td><ul>"
t += "<li>plany lekcyjne dla wszystkich klas,"
t += "<li>szkolne programy nauczania dla poszczególnych profili nauczania,"
t += "<li> kalendarze klasowe dla poszczególnych klas."
t += "</ul></td>"
t += "<td>Jak w kolumnie 1 i dodatkowo:<br/><ul>"
t += "<li> frekwencje do dnia określonego kontekstem daty,"
t += "<li> oceny cząstkowe z poszczególnych przedmiotów z podaniem w chmurce daty wystawienia, i za co,"
t += "<li>oceny semestralne, średnia ocen i lokatę w klasie,"
t += "<li>uwagi w trakcie trwania semestru z podaniem daty wystawienia, oraz lekcji, na której uwaga została wystawiona,"
t += "<li>wymiana informacji z wychowawcą klasy,"
t += "<li>kalendaria klasowe."
t += "</ul>"
t += "<span style='color:green'>"
t += "<b>UWAGA: </b> Uczniowie Technikum Inżynierii Środowiska i Melioracji znajdą na stronie głównej ikonę <b>GEO</b> będącej linkiem do strony obejmującej niektóre elementy geodezji nauczanej w tym profilu."
t += "</span></td>"
t += "<td>Dla wszystkich klas:<ul>"
t += " <li>pełne plany lekcyjne ,"
t += " <li>plan pracy nauczyciela ,"
t += " <li>zajętość sal lekcyjnych,"
t += " <li>możliwość wyszukania wolnych sal lekcyjnych w określonym dniu tygodnia o określonej godzinie lekcyjnej,"
t += " <li>kalendarze szkolne,"
t += " <li>podgląd wsystkich lekcji przeprowadzonych w ciągu roku szkolnego,"
t += " <li>statystyki frekwencji w ujęciu:"
t += " <ul>"
t += "  <li>tygodniowym,"
t += "  <li>miesięcznym,"
t += "  <li>semestralnym,"
t += "  <li>rocznym (z podziałem semestralnym lub miesięcznym)."
t += " </ul>"
t += " Przy każdej opcji można ustawić dolne lub górne zakresy dat, dla który liczone są zestawienia."
t += " <li>  zestawienia semestralne"
t += "</ul></td>"
t += "<td>Jak w kolumnie 3 i dodatkowo:<br/>Podgląd danych uczniów prowadzonej klasy:<ul>"
t += " <li>dane osobowe,"
t += " <li>przynależność do grup, w tym również międzyoddziałowych,"
t += " <li>osiągnięcia poszczególnych uczniów (frekwencja, oceny cząstkowe i semestralne"
t += " <li>uwagi dla wszystkich uczniów,"
t += " <li>kalendarium klasowe,"
t += " <li>korespondencja od uczniów i ich rodziców" 
t += "</ul>"
t += " </td></tr></table>";
var div_dane=t;

t = "<table  style='padding:5px;text-align:left;width:800px;'>"
t += "<tr><td colspan=3 style='text-align:center'>Grupa użytkowników</td></tr>"
t += "<tr style='text-align:center'>"
t += " <th>Nauczyciele w ramach nauczanych przedmiotów zgodnie z arkuszem zatrudnienia:</th>"
t += " <th>Wychowawcy:</th>"
t += " <th>Sekretariat:</th>"
t += "</tr><tr valign='top'>" 
t += " <td><ul>"
t += "  <li>sprawdzanie obecności na prowadzonych przez siebie lekcjach,"
t += "  <li>wpisywanie tematu lekcji,"
t += "  <li>definiowanie ocen,"
t += "  <li>wystawianie uczniom ocen cząstkowych wcześniej zdefiniowanych,"
t += "  <li>wystawianie ocen semestralnych przy wykorzystaniu podpowiedzi w postaci wyspecjalizowanego okna,w którym pokazywana jest frekwencja ucznia na danycm przedmiocie oraz wszystkie oceny cząstkowe oraz proponowana ocena semestralna wyliczona jako średnia arytmetyczna i jako ocena ważona,"
t += "  <li>wpisywanie uwagi pojedynczemu uczniowi, kilku wybranym uczniom lub całej klasie"
t += " </ul></td>"
t += " <td><ul>"
t += "  <li>usprawiedliwienie uczniów,"
t += "  <ul>"
t += "   <li>dla całej klasy w układzie dowolnie wybranego dnia z możliwością przejścia do następnego i poprzedniego dnia lub tygodnia nauki."
t += "   <li> dla pojedynczego ucznia w układzie jednoczesnej edycji całego miesiąca "
t += "  </ul>"
t += "  <li>wystawianie ocen z zachowania zgodnie ze statutem szkoły w oparciu o wyspecjalizowany formularz pokazujący frekwencję, oceny cząstkowe i semestralne, uwagi od początku roku szkolnego"
t += "  <li>prowadzenie kalendarium klasowego (krótkie informacje dla rodziców i innych nauczycieli dotyczące życia klasy "
t += " </ul></td>"
t += " <td><ul>"
t += "  <li>tworzenie księgi uczniów,w każdym roku szkolnym należy wprowadzić nowoprzyjętych uczniów,"
t += "  <li>formowanie klas,"
t += "  <li>nadawanie numerów w dzienniku lekcyjnym,"
t += "  <li>inicjowanie podziału klasy na poszczególne grupy zgodne z pierwszym planem wprowadzonym przez administratowa w danym roku szkolnym,"
t += "  <li>dokonywanie skreśleń uczniów w trakcie trwania roku szkolnego"
t += " </ul></td>"
t += "</tr>"
t += "</table>";
var div_zakres=t;

var pict=new Array (
     new Array('frekw','frekwencja', new Array(
       new Array('uspr_mc.jpg' , 'Usprawiedliwienia uczniów klasy', 989,539),
       new Array('uspr_dz.png', 'Usprawiedliwienie frekwencji ucznia<br> w wybranym miesiącu', 420, 796),
       new Array('zest_rok_mc.png', 'Frekwencja roczna  klasy<br> z podziałem miesięcznym', 851,762),
       new Array('arch_mc_kl.png', 'Frekwencja miesięczna  klasy', 553,749),
       new Array('arch_mc_szk.png', 'Frekwencja miesięczna całej szkoły', 621,698),
       new Array('arch_sem_szk.png', 'Frekwencja semestralna szkoły', 642,679),
       new Array('statystyka.png',' Frekwencja ucznia na poszczególnych przedmiotach<br> w ciągu roku  szkolnego', 677,767)     
     )), 
     new Array('plany','plany', new Array(
       new Array('klasa.png', 'Plan lekcji dla klasy' ,1179,692),
       new Array('belfer.png', 'Plan lekcji dla nauczyciela',744,593),
       new Array('sala.png',  'Zajętości sal lekcyjnych', 775, 778),
       new Array('wolne.png', 'Wyszukiwanie wolnych sal lekcyjnych',366,449)    
     )) ,
    new Array('lekcje','lekcje',new Array(
      new Array("klasa.png", 'Wybór lekcji/klasa ', 552,257),
      new Array("nauczyciel.png", 'Wybór lekcji/nauczyciel', 782,546),
      new Array("lekcja.png", 'Lekcja z grupą', 826,660),
      new Array("definicje.png", 'Definiowanie nowej oceny' , 644, 228),
      new Array("oddz.png" ,'Lekcja z grupą międzyoddziałową', 724,731),
      new Array("os.png", 'Osiągnięcia ucznia z edytowanego przedmiotu' , 894,789) 
     )) ,
    new Array('uwagi','uwagi', new Array(
      new Array("ucz.png", 'Nowa uwaga dla ucznia', 797,480 ),
      new Array("gr.png", 'Nowa uwaga dla grupy uczniów', 834,476),
      new Array("kl.png", 'Nowa uwaga dla całej klasy', 1335,641),
      new Array("zest_ind.png", 'Zestawienie uwag indywidualnych' ,1340,737),
      new Array("zest_kl.png", 'Zestawienie uwag dla całej klasy', 791,285)  
     )) ,
    new Array('wiad','wiadomości',new Array(
       new Array('wiad.png', 'Wysyłanie wiadomoąci do grupy uczniów',650,620),  
       new Array('zest.png', 'Zestawienie wiadomości przychodzących',600,353) 
     )),
    new Array('zach',"zachowanie",new Array(
        new Array("lekcja.png",'Godzina z wychowawcą', 722,652),  
        new Array("kat.png",'WYbór kategorii do oceny z zachowania dla ucznia', 571,392),
        new Array("podgl_frekw.png",'Podgląd frekwencji ucznia w rozliczanym okresie', 214,626),
        new Array("podgl_oc.jpg",'Podgląd ocen ucznia w rozliczanym okresie', 447,433),
        new Array("podgl_uw.png",'Podgląd uwag ucznia w rozliczanym okresie',525,108),
        new Array("propozycje.png",'Zestawienie propozycji ocen z zachowania dla klasy', 763,764),
        new Array("zest.png",'Zestawienie ocen z zachowania dla klasy', 767,766)
     )) ,
     new Array('zest',"zestawienia", new Array(
        new Array("sem.png", 'Zestawienie semestralne', 1025,675),
        new Array("oc_konc.png", 'Zestawienie ocen końcowych z lat poprzednich', 675,545)
     ))
  ,
   new Array('ucz', "rodzice",new Array(
        new Array("frekw.png",'Frekwencja ucznia', 270,593),
        new Array("oceny.png",'Oceny ucznia', 407, 484),
        new Array("uwagi.png",'Uwagi ucznia' , 840,523),
        new Array("okresy.png",'Zestawienie ocen promocyjnych z lat poprzednich' , 1133,733),
        new Array("kal.png",'Kalendarz szkolny', 574,625),
        new Array("wiad.jpg",'Wysyłanie wiadomości do wychowawcy' ,700,524)
    ))
 );

function chrozdzial(r){
 rozdz=r;
 zazn=0;
 document.getElementById('z_div1').innerHTML=getobrazy();
 doblend1(document.getElementById(zazn));
}



function getobrazy() {
 var dir=pict[rozdz],i, selected , src;
 t= "<table  style='width:800px'>"
 t += " <tr rowspan='2'>"
 t += "  <td>"
 t += "   <div align='center'  style='width:680px; height:500px; background-color:gray; overflow:auto;'>"
 t += "    <img  id='foto' src='foto/dziennik/" + dir[0]+'/' + dir[2][zazn][0] + "' style='width:0px; cursor: hand; filter:blendTrans(duration=1.5)'"
 t += "onclick = 'fullfoto();'/>"
 t += "   </div>"
 t += "  </td>"
 t += "  <td valign='top'>"
 t += "   <select onchange='chrozdzial(this.value)'>";

 for (i=0; i<pict.length; i++)  {
  if (i==rozdz) selected ='selected'; else selected='';
  t +=  "     <option value='" + i + "' " + selected + ">" + pict[i][1] + "</option>";
 }
 t +="</select>"
 for(i=0; i<dir[2].length;i++){   
  src="foto/dziennik/" + dir[0] + '/' + dir[2][i][0];
  t += "  <img  class='autoryzacja' vspace='5px' hspace='5px' id='" + i +"' src='" +src + "'" ; 
  t += "  onmouseover ='onmouse(this,true)' onmouseout='onmouse(this,false)'"
  t += "  onclick='doblend1(this);'/>";
 }
 t += " </td>"
 t += " </tr><tr><td align='center'>"
 t += "  <div id ='comment' style='height:20px; background-color:white ; color:blue ; font-size:14px;font-weight:700'>"
 t +=  dir[2][zazn][1] +"</div>"
 t += " </td></tr></table>"; 
 return t;
}

function onmouse(f,bul){
 var  s=f.style;
if (bul){
   popup(f, pict[rozdz][2][f.id][1]); 
   if (zazn!=f.id)  s.borderColor = 'green';
   if (IE()) this.filters.alpha.opacity=80; else s.opacity=0.8;   
 } else {
    divout('z_div2');
    if (zazn!=f.id) {
    s.borderColor = 'gold'; s.width='70px'; s.height='50px'; 
    if (IE())  this.filters.alpha.opacity=40; else s.opacity=0.4;
   } 
 }

}