ÿþ<html> <head> <title>5=N</title> <META http-equiv="Content-Type" content="text/html; charset=windows-1251"> <!-- HEAD START HERE --> <style type="text/css"> DIV.clSlide{position:absolute; ;z-index:10; left:0; width:210; height:22; clip:rect(0,210,22,0); padding:3px;} DIV.clSlideSub{position:absolute; ;z-index:10; padding:2px; clip:rect(0,320,20,0); width:320; height:20; left:8; visibility:hidden} DIV.clSlideSub2{position:absolute; ;z-index:10; padding:2px; clip:rect(0,280,20,0); width:280; height:20; left:8; visibility:hidden} #divSlideCont{position:absolute; z-index:10; left:0; top:100; height:600; width:170; visibility:hidden} A.clSlideLinks{font-family:Verdana, Helvetica, Helv; font-size:11px; font-weight:bold; text-decoration:none; color:white} A.clSlideSubLinks{font-family:Verdana, Helvetica, Helv; font-size:10px; text-decoration:none; color:Navy} A.clSlideSub2Links{font-family:Verdana, Helvetica, Helv; font-size:9px; text-decoration:none; color:Navy} </style> <script language="JavaScript" type="text/javascript"> /********************************************************************************** SlideMenu * Copyright (C) 2001 Thomas Brattli * This script was released at WOscripts.com * Visit for more great scripts! * This may be used and changed freely as long as this msg is intact! * We will also appreciate any links you could give us. *********************************************************************************/ function lib_bwcheck(){ //Browsercheck (needed) this.ver=navigator.appVersion this.agent=navigator.userAgent this.dom=document.getElementById?1:0 this.opera5=this.agent.indexOf("Opera 5")>-1 this.ie5=(this.ver.indexOf("MSIE 5")>-1 && this.dom && !this.opera5)?1:0; this.ie6=(this.ver.indexOf("MSIE 6")>-1 && this.dom && !this.opera5)?1:0; this.ie4=(document.all && !this.dom && !this.opera5)?1:0; this.ie=this.ie4||this.ie5||this.ie6 this.mac=this.agent.indexOf("Mac")>-1 this.ns6=(this.dom && parseInt(this.ver) >= 5) ?1:0; this.ns4=(document.layers && !this.dom)?1:0; this.bw=(this.ie6 || this.ie5 || this.ie4 || this.ns4 || this.ns6 || this.opera5) return this } var bw=new lib_bwcheck() //Opera didn't seem to like the padding in the layers, it messes up the background-images, so here's a version without it. if(bw.opera5) document.write("<style>DIV.clSlide{padding:0px; background-image:url(' ')}\nDIV.clSlideSub{padding:0px; background-image:url(' ')}\nDIV.clSlideSub2{padding:0px; background-image:url(' ')}</style>") /************************************************************************************ Making cross-browser objects ************************************************************************************/ function makeMenuObj(obj,nest){ nest=(!nest) ? "":'document.'+nest+'.' this.css=bw.dom? document.getElementById(obj).style:bw.ie4?document.all[obj].style:bw.ns4?eval(nest+"document.layers." +obj):0; this.el=bw.dom?document.getElementById(obj):bw.ie4?document.all[obj]:bw.ns4?eval(nest+'document.'+obj):0; this.ref=bw.dom || bw.ie4? document:bw.ns4?eval(nest+"document.layers." +obj+".document"):0; this.x=(bw.ns4 || bw.ns5)? this.css.left:this.css.offsetLeft; this.y=(bw.ns4 || bw.ns5)? this.css.top:this.css.offsetTop; this.hideIt=b_hideIt; this.showIt=b_showIt; this.movey=b_movey this.moveIt=b_moveIt; this.moveBy=b_moveBy; this.status=0; this.bgImg=b_bgImg; this.obj = obj + "Object"; eval(this.obj + "=this"); this.clipTo=b_clipTo; return this } function b_showIt(){this.css.visibility="visible"; this.status=1} function b_hideIt(){this.css.visibility="hidden"; this.status=0} function b_movey(y){this.y=y; this.css.top=this.y} function b_moveIt(x,y){this.x=x; this.y=y; this.css.left=this.x;this.css.top=this.y} function b_moveBy(x,y){this.x=this.x+x; this.y=this.y+y; this.css.left=this.x;this.css.top=this.y} function b_bgImg(img){if(bw.ie||bw.dom)this.css.backgroundImage="url('"+img+"')" else this.css.background.src=img } function b_clipTo(t,r,b,l,w){if(bw.ns4){this.css.clip.top=t;this.css.clip.right=r this.css.clip.bottom=b;this.css.clip.left=l }else{this.css.clip="rect("+t+","+r+","+b+","+l+")"; if(w){this.css.width=r; this.css.height=b}}} /******************************************************************************** Initiating page, making objects.. ********************************************************************************/ function SlideMenuInit(){ oSlideMenu=new makeMenuObj('divSlideCont') oSlideMenu.moveIt(menux,menuy) oSlide=new Array() for(i=0;i<menus.length;i++){ oSlide[i]=new makeMenuObj('divSlide'+i,'divSlideCont') oSlide[i].subs=menus[i].subs oSlide[i].sub=new Array() oSlide[i].moveIt(0,mainheight*i) oSlide[i].starty=oSlide[i].y if(bw.opera) oSlide[i].css.paddingLeft="10px" if(!menus[i].seperator) oSlide[i].bgImg(level0_regular) for(j=0;j<oSlide[i].subs;j++){ oSlide[i].sub[j]=new makeMenuObj('divSlideSub'+i+"_"+j,'divSlideCont') oSlide[i].sub[j].moveIt(10,oSlide[i].y+subheight*j+between) oSlide[i].sub[j].starty=oSlide[i].sub[j].y oSlide[i][j]=new Array() oSlide[i][j].subs=menus[i][j].subs oSlide[i][j].sub=new Array() img=level1_round if(oSlide[i][j].subs!=0){ if(j!=oSlide[i].subs-1) img=level1_sub else img=level1_sub_round oSlide[i].sub[j].css.color="white" }else{ if(j!=oSlide[i].subs-1)img=level1_regular } oSlide[i].sub[j].origimg=img oSlide[i].sub[j].bgImg(img) for(a=0;a<oSlide[i][j].subs;a++){ oSlide[i][j].sub[a]=new makeMenuObj('divSlideSub'+i+"_"+j+"_"+a,'divSlideCont') oSlide[i][j].sub[a].moveIt(20,oSlide[i].sub[j].y+subheight*a+between-2) oSlide[i][j].sub[a].starty=oSlide[i][j].sub[a].y oSlide[i][j][a]=new Array() oSlide[i][j][a].subs=menus[i][j][a].subs oSlide[i][j][a].sub=new Array() if(a!=oSlide[i][j].subs-1) img=level2_regular else img=level2_round oSlide[i][j].sub[a].origimg=img oSlide[i][j].sub[a].bgImg(img) } } } oSlideMenu.showIt() } /******************************************************************************** Variables ********************************************************************************/ var active=-1;var going;var isthere; var sactive=-1; var sisthere=-1; var s2active=-1; var s2isthere=-1 /******************************************************************************** Switch menu function. ********************************************************************************/ function swmenu(num,snum,s2num){ if(snum!=-1){ if(oSlide[num][snum].subs==0) return } if(s2num!=-1){ if(oSlide[num][snum][s2num].subs==0) return } if((num!=active || snum!=sactive || s2num!=s2active) && !going){going=true;isthere=0;sisthere=0;moveUp(num,snum,s2num)} } /******************************************************************************** Moving the menus upward to their original position. ********************************************************************************/ function moveUp(num,snum){ if(snum==-1){ for(i=0;i<oSlide.length;i++){ if(oSlide[i].y>oSlide[i].starty+pxspeed && active!=i) oSlide[i].moveBy(0,-pxspeed) else{if(active!=i) oSlide[i].moveIt(oSlide[i].x,oSlide[i].starty); isthere=i} } if(isthere<oSlide.length-1) setTimeout("moveUp("+num+","+snum+")",timspeed) else swmenu2(num,snum) }else{ if(num==oSlide.length-1) isthere=num if(sactive!=-1){ //Is out! //Slide subs j=0 for(i=sactive+1;i<oSlide[num].sub.length;i++){ j++ if(oSlide[num].sub[i].y>oSlide[num].sub[i].starty+pxspeed) oSlide[num].sub[i].moveBy(0,-pxspeed) else{oSlide[num].sub[i].moveIt(oSlide[num].sub[i].x,oSlide[num].sub[i].starty); sisthere=i} } //Slide main for(i=num+1;i<oSlide.length;i++){ if(oSlide[i].y>oSlide[i].starty + oSlide[num].sub[sactive].y +subheight*j ) oSlide[i].moveBy(0,-pxspeed) else{oSlide[i].moveIt(oSlide[i].x,oSlide[i].starty + oSlide[num].sub[sactive].y +subheight*j ); isthere=i} } }else{ //Slide to the one clicked for(i=num+1;i<oSlide.length;i++){ if(oSlide[i].y>oSlide[i].starty + snum*between+between) oSlide[i].moveBy(0,-pxspeed) else{oSlide[i].moveIt(oSlide[i].x,oSlide[i].starty + snum*between+between); isthere=i} } } if(isthere<oSlide.length-1 || (sactive!=-1 && sisthere<oSlide[num].sub.length-1 && sactive!=oSlide[num].sub.length-1)) setTimeout("moveUp("+num+","+snum+")",timspeed) else swmenu2(num,snum) } } /******************************************************************************** Switch menu 2, stuff that happens before the menus are moved down again. ********************************************************************************/ function swmenu2(num,snum){ isthere=0; sisthere=0; if(active>-1 && snum==-1){ //Hiding submenus for(j=0;j<oSlide[active].subs;j++){oSlide[active].sub[j].hideIt()} oSlide[active].bgImg(level0_regular) oSlide[active].moveIt(0,oSlide[active].starty) } if(sactive>-1){ //Hiding submenus for(j=0;j<oSlide[active][sactive].sub.length;j++){oSlide[active][sactive].sub[j].hideIt()} oSlide[active].sub[sactive].bgImg(oSlide[active].sub[sactive].origimg) oSlide[active].sub[sactive].moveIt(10,oSlide[active].sub[sactive].starty) //Move back to place for(i=sactive+1;i<oSlide[active].sub.length;i++){ oSlide[active].sub[i].moveIt(oSlide[active].sub[i].x,oSlide[active].sub[i].starty) } } active=num //Showing submenus if(snum>-1){ sactive=snum for(j=0;j<oSlide[num][snum].sub.length;j++){oSlide[num][snum].sub[j].showIt()} oSlide[num].sub[snum].moveBy(10,3) oSlide[num].sub[snum].bgImg(level1_round2) }else{ sactive=-1 for(j=0;j<oSlide[active].subs;j++){oSlide[active].sub[j].showIt()} oSlide[num].moveBy(10,3) oSlide[num].bgImg(level0_round) } if(num!=oSlide.length-1) moveDown(num,snum) else{ isthere=num moveDown(num,snum) } } /******************************************************************************** Moving the menus down ********************************************************************************/ function moveDown(num,snum){ //if(num==oSlide.length-1) isthere=num for(i=num+1;i<oSlide.length;i++){ if(snum==-1){ if(oSlide[i].y<(oSlide[num].subs-1)*subheight+oSlide[i].starty+between-pxspeed) oSlide[i].moveBy(0,pxspeed) else{oSlide[i].moveIt(oSlide[i].x,(oSlide[num].subs-1)*subheight+oSlide[i].starty+between); isthere=i} }else{ if(oSlide[i].y<(oSlide[num].subs-1)*subheight+oSlide[i].starty+between-pxspeed + (oSlide[num][snum].subs-1)*subheight+between) oSlide[i].moveBy(0,pxspeed) else{oSlide[i].moveIt(oSlide[i].x,(oSlide[num].subs-1)*subheight+oSlide[i].starty+between + (oSlide[num][snum].subs-1)*subheight+between); isthere=i} } } if(snum!=-1){ for(i=snum+1;i<oSlide[num].sub.length;i++){ if(oSlide[num].sub[i].y<(oSlide[num][snum].subs-1)*subheight+oSlide[num].sub[i].starty+between-pxspeed) oSlide[num].sub[i].moveBy(0,pxspeed) else{oSlide[num].sub[i].moveIt(oSlide[num].sub[i].x,(oSlide[num][snum].subs-1)*subheight+oSlide[num].sub[i].starty+between); sisthere=i} } } if(snum==-1){ if(isthere<oSlide.length-1) setTimeout("moveDown("+num+","+snum+")",timspeed) else going=false }else{ if(isthere<oSlide.length-1 || (sisthere<oSlide[num].sub.length-1 && snum!=oSlide[num].sub.length-1)) setTimeout("moveDown("+num+","+snum+")",timspeed) else going=false } } var test=0 /******************************************************************************** Functions to write out the layers... ********************************************************************************/ menus=new Array(); var a=0; var b=0; var c=0; var d=0 function makeMenu(type,text,lnk,target,end){ str=""; tg=""; if(target) tg='target="'+target+'"' if(!lnk) lnk="#" self.status=lnk if(a==0) str='<div id="divSlideCont">\n' if(type=="top"){ menus[a]=new Array(); if(text=="seperator"){ str+='\t<div id="divSlide'+a+'" class="clSlide"></div>\n' menus[a].seperator=1 }else{ str+='\t<div id="divSlide'+a+'" class="clSlide"><a href="'+lnk+'" '+tg+' onclick="swmenu('+a+',-1,-1); if(bw.ie || bw.ns6) this.blur(); ' if(lnk=="#") str+='return false' str+='" class="clSlideLinks"> '+text+'</a><br></div>\n' } menus[a].subs=0; a++; b=0 }else if(type=="sub"){ str+='\t\t<div id="divSlideSub'+(a-1)+'_'+(b)+'" class="clSlideSub"><a '+tg+' onclick="swmenu('+(a-1)+','+b+',-1); if(bw.ie || bw.ns6) this.blur(); ' if(lnk=="#") str+='return false' str+='" href="'+lnk+'" class="clSlideSubLinks">  '+text+'</a><br></div>\n' b++; menus[a-1].subs=b; menus[a-1][b-1]=new Array(); c=0; menus[a-1][b-1].subs=0 }else if(type=="sub2"){ str+='\t\t<div id="divSlideSub'+(a-1)+'_'+(b-1)+'_'+c+'" class="clSlideSub2"><a '+tg+' href="'+lnk+'" class="clSlideSub2Links">  '+text+'</a><br></div>\n' c++; menus[a-1][b-1].subs=c; menus[a-1][b-1][c-1]=new Array(); d=0; menus[a-1][b-1][c-1].subs=0 } if(end) str+="</div>" document.write(str) } function preLoadBackgrounds(){ for(i=0;i<arguments.length;i++){ this[i]=new Image() this[i].src=arguments[i] } return this } </script> <!-- HEAD END HERE --> </head> <body bgcolor="#95B7E0" text="#FFFFFF" link="#FFFFFF" topmargin="0" leftmargin="0"> <!-- BODY START HERE --> <script> //Variables to set between=28 //The pixel between the menus and the submenus mainheight=25 //The height of the mainmenus subheight=22 //The height of the submenus pxspeed=13 //The pixel speed of the animation timspeed=15 //The timer speed of the animation menuy=10 //The top placement of the menu. menux=4 //The left placement of the menu //Images - Play with these level0_regular="level0_regular.gif" level0_round="level0_round.gif" level1_regular="level1_regular.gif" level1_round="level1_round.gif" level1_sub="level1_sub.gif" level1_sub_round="level1_sub_round.gif" level1_round2="level1_round2.gif" level2_regular="level2_regular.gif" level2_round="level2_round.gif" //Leave this line preLoadBackgrounds(level0_regular,level0_round,level1_regular,level1_round,level1_sub,level1_sub_round,level1_round2,level2_regular,level2_round) //There are 4 different types of menus you can make //top = Main menus //sub = Sub menus //sub2 = SubSub menus //You control the look of the menus in the stylesheet //makeMenu('TYPE','TEXT','LINK','TARGET', 'END (THE LAST MENU)') //Menu 0 makeMenu('top','>2>AB8','News/News.htm','info') makeMenu('top','5403>38G5A:89 ;L<0=0E ','News/Izdaniya.htm','info') makeMenu('top','>74@02;O5<','News/pozdr.htm','info') //Menu 1 makeMenu('top',' =0A') makeMenu('sub','0?@02;5=8O 45OB5;L=>AB8','Structure/Napravlenie.htm','info') makeMenu('sub','8@5:B>@','Structure/Director.htm','info') makeMenu('sub','0<5AB8B5;L 48@5:B>@0 ','Structure/Zam_director.htm','info') makeMenu('sub','0<5AB8B5;L 48@5:B>@0 ?>  ','Structure/Zam_directora_NIR.htm','info') makeMenu('sub','0<5AB8B5;L 48@5:B>@0 ?> # ','Structure/Zam_directora_UR.htm','info') makeMenu('sub','018=5B @C:>2>4OI8E :04@>2','Structure/Menedgment.htm','info') makeMenu('sub','01. A>45@6.>1@07>2.','Structure/Ozenka.htm','info') makeMenu('sub','01. >F5=:8 :0G5AB20 >1@07>2.','Structure/Ozenka1.htm','info') makeMenu('sub','018=5B 8=D>@<0B:8 8  ','Structure/LDO.htm','info') makeMenu('sub','&5=B@ 12  ;5B=53> >1@07>20=8O 8 @0728B8O ( ','Structure/MKSH.htm','info') makeMenu('sub','01. B5E=8G5A:>3> 8 ?@>D. >1@07','Structure/Profobrazovanie.htm','info') makeMenu('sub','0D. ?5403>38:8 8 ?A8E>;>388 ','Structure/pedagogika.htm','info') makeMenu('sub','01. ?@>3=>7. 8 ?@>5:B8@. :C@A ','Structure/Uchebnaja_chast.htm','info') makeMenu('sub','01. 4>H:>;L=>3> >1@07>20=8O ','Structure/doshk_obraz.htm','info') makeMenu('sub','01. 2>A?8B. @01>BK 8 4>?. >1@07>2. ','Structure/wospitan.htm','info') makeMenu('sub','=D>@<0F8>==>-8740B. :018=5B','Structure/Inf_izdat.htm','info') //Menu 2 makeMenu('top','>AC40@AB25==K5 A8<2>;K', 'Gos_simw/Gos_simw.htm','info') makeMenu('top','>@<0B82=K5 4>:C<5=BK','Normativnie_Doc/Normativnie_Doc.htm','info') //Menu 3 makeMenu('top','>2KH5=85 :20;8D8:0F88') makeMenu('sub','0<OB:0 ?> >@30=870F88 :C@A>2','Povish_kvalifikac/Pam.htm','info') makeMenu('sub','  !','Povish_kvalifikac/Ripkso.htm','info') <!-- makeMenu('sub',';0=-?@>A?5:B','Povish_kvalifikac/Povish_Plan_Kursy.htm','info')--> makeMenu('sub','"5:CI85 :C@AK 8 A5<8=0@K','Povish_kvalifikac/Povish_Tekush_Kursy.htm','info') <!-- makeMenu('sub','==>B0F88 :C@A>2','Povish_kvalifikac/annot.htm','info')--> <!-- makeMenu('sub','#G51=K5 ?@>3@0<<K','Povish_kvalifikac/annot.htm','info')--> //Menu 4 makeMenu('top','5@>?@8OB8O','News/EventsIPK/Events_year.htm','info') //Menu 5 makeMenu('top','5B>48G5A:0O :>?8;:0') makeMenu('sub','=D.-8740B5;LA:0O 45OB5;L=>ABL','Metodich_kopilka/Inf_izdat.htm','info') makeMenu('sub','018=5B @C:>2>4OI8E :04@>2','Metodich_kopilka/Menedgment1.htm','info') makeMenu('sub','01. >F5=:8 :0G5AB20 >1@07>2 ','Metodich_kopilka/Ozenka1.htm','info') makeMenu('sub','01. A>45@6.>1@07>2 ','Metodich_kopilka/Soderganie1.htm','info') makeMenu('sub','&5=B@ 12  ;5B=53> >1@07>20=8O 8 @0728B8O ( ','Metodich_kopilka/MKSH1.htm','info') <!--makeMenu('sub','01. 12-;5B >1CG 8 ?>;8O7KG. ','Metodich_kopilka/12-let1.htm','info') --> <makeMenu('sub','01. B5E=8G5A:>3> 8 ?@>D. >1@07.','Metodich_kopilka/Profobrazovanie1.htm','info') > makeMenu('sub','0D54@0 ?5403>38:8 8 ?A8E>;>388 ','Metodich_kopilka/Samopoznanie1.htm','info') <!--makeMenu('sub','01. =0G. H:. >1@07.','Metodich_kopilka/n_obraz1.htm','info')--> makeMenu('sub','01. 4>H:>;L=>3> >1@07>20=8O','Metodich_kopilka/doshk_obraz1.htm','info') <!-- makeMenu('sub','01. >F5=:8 :0G5AB20 >1@07>2. ','Metodich_kopilka/Ozenka1.htm','info') --> <!--makeMenu('sub','01. ?A8E>;.8 :>@@5:F ?5403>3. ','Metodich_kopilka/pedagogika1.htm','info')--> makeMenu('sub','01. 2>A?8B0B. @01>BK 8 4>?. >1@07>2. ','Metodich_kopilka/wospitan1.htm','info')> makeMenu('sub','018=5B 8=D>@<0B:8 8  ','Metodich_kopilka/LDO1.htm','info') //Menu 6 makeMenu('top','", ','PGK/PGK.htm','info') //Menu 7 makeMenu('top','BB5AB0F8O','Attestacia/Attestacia.htm','info') //Menu 8 <makeMenu('top','8AB0=F8>==>5 >1CG5=85','http://ipkpkpvl.kz','info')> //Menu 9 makeMenu('top','==>20F8>==K9 >?KB ','Programs_Proects/Programs_Proects.htm','info') //Menu 10 makeMenu('top','>@>6=0O :0@B0') makeMenu('sub','0G0;L=0O H:>;0: ?5@A?5:B82K @0728B8O','Programs_Proects/NK_DK.htm','info') //Menu 11 makeMenu('top','>=AC;LB0F88' ,'Wopros_otvet/otvet.htm','info' ) <!--makeMenu('sub','040BL 2>?@>A','Wopros_otvet/Wopros.htm','info')--> <!--makeMenu('sub','B25B','Wopros_otvet/otvet.htm','info')--> makeMenu('top','(:>;0 ?5403>30 - 8AA;54>2 ','Pedagog/Pedagog.htm','info') //Menu 12 makeMenu('top','A8E>;>38G5A:0O A;C610','Medet/Medet.htm','info') //Menu 13 <!--makeMenu('sub','-;5:B@>==K5 181;8>B5:8','Web/Web1.htm','info')--> <!--makeMenu('sub','AA:CAB2>','Web/Web2.htm','info')!> <!--makeMenu('sub','8AB0=F8>==0O :>=D5@5=F8O','News/Distanc_konf.htm','info')--> <!--makeMenu('top','$>@C<','http://narod.yandex.ru/userforum/?owner=ipkpkpavlodar','info')--> makeMenu('top','Web-@5AC@AK','Web/Web.htm','info') makeMenu('top','>AC40@AB25==K5 70:C?:8','zakup/zakup.htm','info') <!-- makeMenu('top',''0B','http://narod.yandex.ru/chat/chat_enter.xhtml?mychat_id=47303082 ','info','END')--> //Starting the menu onload=SlideMenuInit; </script> <!-- BODY END HERE --> <!--iframe width=100 height=60 name="gToday:normal: agenda.js" id="gToday:normal:agenda.js" src="flatcjs.htm" frameborder="2" scrolling="no" style="border:ridge;" onmouseover="self.focus()"> </iframe--> </body> </html>