var itemsList=new Array(), subList=new Array();

function menuItem(id, parentId, text, url, inNewWindow, menu) {
   var m=itemsList;
   if (!m[menu]) m[menu]=new Array();
   m[menu][id] = new Array();
   m[menu][id].id=id;
   m[menu][id].parentId=parentId;
   m[menu][id].children=new Array();
   if (parentId!='x') {
      m[menu][parentId].children[m[menu][parentId].children.length]=id;
      m[menu][id].level=m[menu][parentId].level+1;
      if (!subList[parentId]) subList[parentId]=m[menu][parentId].level+1;
   } else
      m[menu][id].level=0;
   m[menu][id].text=text;
   m[menu][id].url=url;
   m[menu][id].inNewWindow=inNewWindow;
   m[menu][id].menu=menu;
}

menuItem('x44', 'x', "Анонси", 'announcements.php','false', 't');
menuItem('x45', 'x', "Послуги", 'services.php','false', 't');
menuItem('x46', 'x', "Архів", 'archive.php','false', 't');
menuItem('x163', 'x46', "Журнал «Буковинський вісник державної служби та місцевого самоврядування»", '163.php','false', 't');
menuItem('x164', 'x163', "№1, січень-березень 2008р.", '164.php','false', 't');
menuItem('x165', 'x163', "№2, квітень-червень 2008р.", '165.php','false', 't');
menuItem('x166', 'x163', "№3, липень-жовтень 2008р.", '166.php','false', 't');
menuItem('x167', 'x163', "№4, листопад-грудень 2008р.", '167.php','false', 't');
menuItem('x182', 'x46', "Події", '182.php','false', 't');
menuItem('x2', 'x', "Про Центр", 'about.php','false', 'l');
menuItem('x10', 'x2', "Історія створення", 'history.php','false', 'l');
menuItem('x11', 'x2', "Нормативно-правова база про створення Центру", 'the-order.php','false', 'l');
menuItem('x69', 'x11', "Розпорядження обласної державної адмністрації", '69.php','false', 'l');
menuItem('x70', 'x11', "Рішення сесії обласної ради", '70.php','false', 'l');
menuItem('x3', 'x', "Структура Центру", 'structure.php','false', 'l');
menuItem('x13', 'x3', "Загальна структура центру", 'structure-main.php','false', 'l');
menuItem('x54', 'x3', "Директор центру", 'boss.php','false', 'l');
menuItem('x14', 'x3', "Загальний відділ", 'general-department.php','false', 'l');
menuItem('x15', 'x3', "Навчально-методичний відділ", 'study-department.php','false', 'l');
menuItem('x16', 'x3', "Навчально-організаційний відділ", 'study2-department.php','false', 'l');
menuItem('x17', 'x3', "Науково-дослідний відділ", 'scientific-department.php','false', 'l');
menuItem('x18', 'x3', "Редакційно видавничий відділ", 'publishing-department.php','false', 'l');
menuItem('x19', 'x3', "Відділ бухгалтерського обліку та фінансової звітності", 'reports-department.php','false', 'l');
menuItem('x5', 'x', "Напрямки роботи Центру", 'base.php','false', 'l');
menuItem('x22', 'x5', "Навчальна", 'study-direction.php','false', 'l');
menuItem('x23', 'x5', "Методичні розробки", 'methodical-development.php','false', 'l');
menuItem('x30', 'x23', "Методичні посібники", 'methodical-development-1.php','false', 'l');
menuItem('x64', 'x30', "2003р.", '64.php','false', 'l');
menuItem('x65', 'x30', "2004р.", '65.php','false', 'l');
menuItem('x66', 'x30', "2005р.", '66.php','false', 'l');
menuItem('x67', 'x30', "2006р.", '67.php','false', 'l');
menuItem('x68', 'x30', "2007р.", '68.php','false', 'l');
menuItem('x31', 'x23', "Методика проведення занять", 'methodical-development-2.php','false', 'l');
menuItem('x32', 'x23', "Роздавальний матеріал", 'methodical-development-3.php','false', 'l');
menuItem('x58', 'x32', "Державне регулювання економіки", '58.php','false', 'l');
menuItem('x60', 'x32', "Державне управління", '59.php','false', 'l');
menuItem('x61', 'x32', "Гендерний підхід у державному управлінні", '61.php','false', 'l');
menuItem('x62', 'x32', "Соціальна політика", '62.php','false', 'l');
menuItem('x63', 'x32', "Соціально-психологічі аспекти керівництва в державних установах", '63.php','false', 'l');
menuItem('x82', 'x5', "Звіти Центру", '81.php','false', 'l');
menuItem('x118', 'x', "Викладачі Центру", '118.php','false', 'l');
menuItem('x120', 'x', "Наукові дослідження", '120.php','false', 'l');
menuItem('x122', 'x120', "Ярмистий М.В. Професійна та соціальна компетенція державних службовців.", '122.php','false', 'l');
menuItem('x123', 'x120', "Ярмистий М.В. Службові якості державних службовців ОДА та РДА.", '123.php','false', 'l');
menuItem('x124', 'x120', "Ярмистий М.В. Мотиваційні аспекти діяльності державних службовців.", '124.php','false', 'l');
menuItem('x125', 'x120', "Ярмистий М.В. Типи державних службовців", '125.php','false', 'l');
menuItem('x126', 'x120', "Ярмистий М.В. Психологічний клімат державних службовців ОДА, РДА.", '126.php','false', 'l');
menuItem('x127', 'x120', "Структура робочого часу службовців місцевих органів влади", '127.php','false', 'l');
menuItem('x187', 'x120', "Отримання практично-орієнтованих знань та навичок", '187.php','false', 'l');
menuItem('x57', 'x', "НАТО, Європейська інтеграція", 'nato1.php','false', 'l');
menuItem('x91', 'x57', "НАТО", '91.php','false', 'l');
menuItem('x189', 'x57', "Європейська інтеграція", '189.php','false', 'l');
menuItem('x92', 'x57', "Підготовка фахівців на виконання Державної цільової програми", '92.php','false', 'l');
menuItem('x158', 'x92', "Програми навчально-методичних семінарів", '158.php','false', 'l');
menuItem('x159', 'x92', "Навчально-методична література", '159.php','false', 'l');
menuItem('x160', 'x92', "Викладачі, які залучені до виконання Державної цілової програми", '160.php','false', 'l');
menuItem('x94', 'x57', "Навчально-методична література", '93.php','false', 'l');
menuItem('x129', 'x', "Міжнародна співпраця", '129.php','false', 'l');
menuItem('x185', 'x', "Молодь і держслужба", '185.php','false', 'l');
menuItem('x131', 'x', "Бібліотека", '131.php','false', 'l');
menuItem('x135', 'x131', "Бібліотека Центру", '134.php','false', 'l');
menuItem('x132', 'x131', "Електронні бібліотеки", '132.php','false', 'l');
menuItem('x133', 'x131', "Бібліотеки та науково-інформаційні центри України", '133.php','false', 'l');
menuItem('x7', 'x', "Журнал «Буковинський вісник державної служби та місцевого самоврядування»", 'magazine.php','false', 'l');
menuItem('x40', 'x7', "Про журнал", 'magazin-maintenance.php','false', 'l');
menuItem('x136', 'x7', "№1, січень-березень 2009р.", '136.php','false', 'l');
menuItem('x137', 'x7', "№2, квітень-червень 2009р.", '137.php','false', 'l');
menuItem('x152', 'x7', "№3, липень-вересень 2009р.", '152.php','false', 'l');
menuItem('x186', 'x7', "№4, жовтень-грудень 2009р.", '186.php','false', 'l');
menuItem('x188', 'x7', "№1, січень-квітень 2010р.", '188.php','false', 'l');
menuItem('x175', 'x', "Місцеве самоврядування", '175.php','false', 'l');
menuItem('x176', 'x175', "Нормативно-правова база", '176.php','false', 'l');
menuItem('x177', 'x175', "Методичні рекомендації", '177.php','false', 'l');
menuItem('x178', 'x177', "Для сільських голів", '178.php','false', 'l');
menuItem('x179', 'x177', "Для секретарів", '179.php','false', 'l');
menuItem('x180', 'x177', "Для землевпорядників", '180.php','false', 'l');
menuItem('x181', 'x177', "Для депутатів", '181.php','false', 'l');
menuItem('x139', 'x', "Шпаргалка держслужбовця", '138.php','false', 'l');
menuItem('x140', 'x139', "Візитні картки", '140.php','false', 'l');
menuItem('x147', 'x139', "Питання-Відповідь", '146.php','false', 'l');
menuItem('x144', 'x139', "Сон людини", '144.php','false', 'l');
menuItem('x151', 'x139', "Вплив лазні на судини", '150.php','false', 'l');
menuItem('x141', 'x139', "Телефонне спілкування", '141.php','false', 'l');
menuItem('x128', 'x', "Екскурсія по Буковині", '128.php','false', 'l');
menuItem('x142', 'x', "Для душі", '142.php','false', 'l');
menuItem('x143', 'x142', "Цитати", '143.php','false', 'l');
menuItem('x149', 'x142', "Цікавинки", '149.php','false', 'l');

//dhtml
var isDOM,isIE,isNN4,isOpera,isIE4;

if (navigator.userAgent.indexOf('Opera')!=-1) isOpera=1;
if (document.getElementById) isDOM=1;
if (document.all && !isOpera) isIE=1;
if (document.layers) isNN4=1;
if (!isDOM && document.all) isIE4=1;

function getObj(n) {
   if (isIE) return document.all[n];
   if (isDOM) return document.getElementById(n);
   return document.layers[n];
}

function getStyle(n) {
   var obj=getObj(n);
   if (obj) {
      if(isNN4) return obj;
      return obj.style;
   }
}

function getPosObj(n, e) {
   if (isNN4) {
      this.x=e.pageX;
      this.y=e.pageY;
      this.w=this.h=0;
      return;
   }
   var obj=getObj(n);
   this.x=obj.offsetLeft;
   this.y=obj.offsetTop;
   this.w=obj.offsetWidth;
   this.h=obj.offsetHeight;
   while((obj=obj.offsetParent)!=null && obj.tagName!='BODY') {
      this.x+=obj.offsetLeft;
      this.y+=obj.offsetTop;
      if(isNaN(obj.border)) continue;
      this.x+=parseInt(obj.border);
      this.y+=parseInt(obj.border);
   }
}

function setView(n, s) {
   var obj=getStyle(n);
   if (obj) {
      if (isNN4) obj.visibility=(s)?'show':'hide';
      else obj.visibility=(s)?'visible':'hidden';
   }
}

//f
var sub='sub', top='top', t1=0, t2=0;

function activeTop(id) {
   var parId, par, m=itemsList;
   for (var i in m) {
      if (m[i][id] && m[i][id].parentId!='x') {
         parId=m[i][id].parentId;
         par=getObj(top+parId);
         if (par.className.substr(0,6)!='active') par.className='active'+par.className;
         activeTop(parId);
         break;
      }
   }
}

function deactiveTop(id) {
   var parId, m=itemsList;
   for (var i in m) {
      if (m[i][id] && m[i][id].parentId!='x') {
         parId=m[i][id].parentId;
         par=getObj(top+parId);
         if (par.className.substr(0,6)=='active') par.className=par.className.substr(6);
         deactiveTop(parId);
         break;
      }
   }
}

function hide(lev, id) {
   for (var i in subList) {
      if (subList[i]>lev && i!=id) {
         var par=getObj(top+i);
         if (!isOpera && !isNN4) if (par.className.substr(0,6)=='active') par.className=par.className.substr(6);
         setView(sub+i, 0);
      }
   }
   if (!isIE) {
      setView('srch', 1);
   }
   if(!isNN4 && !isIE4) {
      var sel=document.getElementsByTagName('SELECT');
      for(var i=0; i<sel.length; i++) {
         sel[i].style.visibility="visible";
      }
   }
}

function over(id, e, lev, x, y, isHide){
   clearTimeout(t1);
   clearTimeout(t2);
   var p, obj=getStyle(sub+id), self=getObj(top+id);
   
   if (!isOpera && !isNN4) {
      if (self.className.substr(0,6)!='active') self.className='active'+self.className;
      activeTop(id);
   }

   hide(lev, id);
   if (!isIE) {
      if(isHide!="false") {
         setView('srch', 0);
      }
   }
   if(!isNN4 && !isIE4) {
      var sel=document.getElementsByTagName('SELECT');
      for(var i=0; i<sel.length; i++) {
         sel[i].style.visibility="hidden";
      }
   }
   if (obj) {
      p=new getPosObj(top+id, e);
      obj.left=eval(x);
      obj.top=eval(y);
      t2=setTimeout('setView("'+sub+id+'", 1)', 150);
   }
}

function out(id){
   clearTimeout(t1);
   clearTimeout(t2);
   var self=getObj(top+id);

   if (!isOpera && !isNN4) {
      if (self.className.substr(0,6)=='active') self.className=self.className.substr(6);
      //t2=setTimeout('deactiveTop("'+id+'")', 700);
   }
   t1=setTimeout('hide(0)', 700);
}

//render
function renderRoot_top() {
   var str='<table border=0 cellspacing=0 cellpadding=0 width=100% bgcolor="#0358A9" height=22><tr>',
      event, target, m=itemsList['t'], count=1,
      x=(isOpera)?'"p.x-3"':'"p.x"',
      y=(isNN4)?'"131"':(isOpera)?'"p.y+p.h-3"':'"p.y+p.h"';
   for (var i in m) {
      if (m[i].level==0) {
         
         event=' onmouseover=over("'+m[i].id+'",event,'+m[i].level+','+x+','+y+') onmouseout=out("'+m[i].id+'")';
         (m[i].inNewWindow=='true') ? target=' target=_blank' : target='';
         
         if (count!=1) str+='';
         str+='<td id='+top+m[i].id+event+' class="topmen_s">';
         str+='<a '+target+event+' href="'+m[i].url+'">'+m[i].text+'</a>';
         str+='</td><td bgcolor="white" width="1px"><img src="d/empty.gif" width=1 height=1></td>';
         count++;
      }
   }
   str+='</tr></table>';
   document.write(str);
}

function renderSub_top() {
   var str, event, target, row, list, isPar, p1='<img src="d/empty.gif" width=1 height=1>', m=itemsList['t'], count,
      x=(isNN4)?'"p.x+50"':(isOpera)?'"p.x+p.w-2"':'"p.x+p.w"',
      y=(isOpera)?'"p.y-3"':'"p.y-1"';
   for (var i in m) {
      if (m[i].children.length>0) {
         list=m[i].children;
         row=list.length*2+1;
         count=1;
         str='<div id='+sub+m[i].id+' class=popup>';
         str+='<table border=0 cellspacing=0 cellpadding=0 width=167><tr>';
         str+='<td rowspan='+row+' width=1 class=border>'+p1+'</td>';
         str+='<td height=1 class=border>'+p1+'</td>';
         str+='<td rowspan='+row+' width=1 class=border>'+p1+'</td></tr>';
         for (var j=0; j<list.length; j++) {
            
            isPar=m[list[j]].children.length;
            (m[list[j]].inNewWindow=='true') ? target=' target=_blank' : target='';
            event=' onmouseover=over("'+m[list[j]].id+'",event,'+m[list[j]].level+','+x+','+y+') onmouseout=out("'+m[list[j]].id+'")';
            
            if (count!=1) str+='<tr><td height=1 bgcolor="#CCCCCC"><img src=d/empty.gif width=167 height=1></td></tr>';
            str+='<tr><td id='+top+m[list[j]].id+event+' class=submenu>';
            if (isPar>0) str+='<table border=0 cellspacing=0 cellpadding=0 background=d/empty.gif><tr><td width=167>';
            str+='<div class=sub><a class=menu3'+target+event+' href="'+m[list[j]].url+'">'+m[list[j]].text+'</a></div>';
            if (isPar>0) str+='</td><td width=12 valign=middle><img src=d/str2.gif width=12 height=8></td></tr></table>';
            str+='</td></tr>';
            count++;
         }
         str+='<tr><td height=1 class=border><img src="d/empty.gif" width=161 height=1></td></tr></table>';
         str+='</div>';
         document.write(str);
      }
   }
}

function renderRoot_left() {
   var str='<table border=0 cellspacing=0 cellpadding=0 width=100% class="menu_bg">',
      event, isPar, target, m=itemsList['l'], count=1,
      x=(isNN4)?'"167"':(isOpera)?'"p.x+p.w-3"':'"p.x+p.w"',
      y=(isOpera)?'"p.y-3"':'"p.y-1"';
   for (var i in m) {
      if (m[i].level==0) {
         
         isPar=m[i].children.length;
         event=' onmouseover=over("'+m[i].id+'",event,'+m[i].level+','+x+','+y+',"false") onmouseout=out("'+m[i].id+'")';
         (m[i].inNewWindow=='true') ? target=' target=_blank' : target='';
         
         if (count!=1) str+='<tr><td height=1 bgcolor="#FFFFFF"><img src="d/empty.gif" width=1 height=1></td></tr>';
         str+='<tr><td  width=200 valign=top>';
         str+='<table class="menutext" id='+top+m[i].id+event+' border=0 cellspacing=0 cellpadding=0 ><tr><td width=188>';
         str+='<a class="menutextin" '+target+event+' href="'+m[i].url+'">'+m[i].text+'</a>';
         str+='</td>';
         if (isPar>0) str+='<td width=12 valign=bottom><img src="d/str.gif" width=12 height=12></td>';
         else         str+='<td width=12 valign=bottom><img src="d/empty.gif" width=12 height=1></td>';
         str+='</tr></table></td></tr>';
         count++;      
      }
   }

   str+='</table>';
   document.write(str);
}

function renderSub_left() {
   var str, event, target, row, list, isPar, p1='<img src="d/empty.gif" width=1 height=1>', m=itemsList['l'], count,
      x=(isNN4)?'"p.x+50"':(isOpera)?'"p.x+p.w-2"':'"p.x+p.w"',
      y=(isOpera)?'"p.y-3"':'"p.y-1"';
   for (var i in m) {
      if (m[i].children.length>0) {
         list=m[i].children;
         row=list.length*2+1;
         count=1;
         str='<div id='+sub+m[i].id+' class=popup>';
         str+='<table border=0 cellspacing=0 cellpadding=0 width=167><tr>';
         str+='<td rowspan='+row+' width=1 class=border>'+p1+'</td>';
         str+='<td height=1 class=border>'+p1+'</td>';
         str+='<td rowspan='+row+' width=1 class=border>'+p1+'</td></tr>';
         for (var j=0; j<list.length; j++) {
            
            isPar=m[list[j]].children.length;
            (m[list[j]].inNewWindow=='true') ? target=' target=_blank' : target='';
            event=' onmouseover=over("'+m[list[j]].id+'",event,'+m[list[j]].level+','+x+','+y+',"false") onmouseout=out("'+m[list[j]].id+'")';
            
            if (count!=1) str+='<tr><td height=1 bgcolor="#CCCCCC"><img src=d/empty.gif width=167 height=1></td></tr>';
            str+='<tr><td id='+top+m[list[j]].id+event+' class=submenu>';
            if (isPar>0) str+='<table border=0 cellspacing=0 cellpadding=0 background=d/empty.gif><tr><td width=155>';
            str+='<div class=sub><a class=menu3'+target+event+' href="'+m[list[j]].url+'">'+m[list[j]].text+'</a></div>';
            if (isPar>0) str+='</td><td width=12 valign=middle><img src=d/str2.gif width=12 height=8></td></tr></table>';
            str+='</td></tr>';
            count++;
         }
         str+='<tr><td height=1 class=border><img src="d/empty.gif" width=161 height=1></td></tr></table>';
         str+='</div>';
         document.write(str);
      }
   }
}

//hide
function hmenuhover(){
   if(!document.getElementById("hmenu"))
      return;
   var lis = document.getElementById("hmenu").getElementsByTagName("LI");
   for (var i=0;i<lis.length;i++){
      lis[i].onmouseover=function(){this.className+=" iehover";}
      lis[i].onmouseout=function() {this.className=this.className.replace(new RegExp(" iehover\\b"), "");}
   }
}

if (window.attachEvent) window.attachEvent("onload", hmenuhover);