// ///////////////////////////////////
// 
// DynamicHTML Menu v 1.0
// Autors: Dariusz [darecki] Kotela
// Company: SimpleFrame.pl
// ///////////////////////////////////


// Detekcja przeglądarki
var ns4 = (document.layers)? true:false
var ie4 = (document.all) && !(document.getElementById)? true:false
var ie5 = (document.getElementById) && (document.all)? true:false
var ns6 = (document.getElementById) && !(document.all)? true:false

//Tlo graficzne 
var BackgroundON  = 'Image/menu_on.jpg';
var BackgroundOFF = 'Image/menu_off.jpg';

// ???
var StepSubMenu   = 1000;

var menuItems = new Array();
// Struktura menu
//var menuItems = [
//   [1, 0, "Nasza akademia", "index.php?akcja=1"],
//   [9, 1,  "Opcja 01",    "index.php?akcja=1&opcja=a"],
//   [10, 1, "Opcja 02",    "index.php?akcja=1&opcja=b"]
//];

function View(name, akcja)
{
  //document.getElementById(name).style.visibility = 'visible';
  
  if(ns4)        podmenu = document.layers[name];
	if(ie4)        podmenu = document.all[name].style;
  if(ie5||ns6)   podmenu = document.getElementById(name).style;
  
  if(podmenu.visibility)
  {
    if(akcja == 1) podmenu.visibility = "visible";
    else           podmenu.visibility = "hidden";
  }
}

function ViewDhtmlmenu()
{
  //alert('1');

  if(menuItems.length <= 0) return false;
  
  document.write('<table  height="28" cellspacing="0" cellpadding="0" border="0">');
  document.write('<tr>');
  for(var i=0; i < menuItems.length && typeof(menuItems[i]) != "undefined"; i++)
  {
    
    if(menuItems[i][1] == 0)
    {
    document.write('<td valign="top" style="background-color: #F5F5F5;" class="ViewHend" onMouseover="this.style.backgroundColor=\'#E0E0E0\'; View(\'warstwa' + menuItems[i][0] + '\', 1);" onMouseout="this.style.backgroundColor=\'#F5F5F5\'; View(\'warstwa' + menuItems[i][0] + '\', 0);">');
      
      document.write('<div>');
        
        if(menuItems[i][1] == 0)
        {
          //Nazwa działu
          if(menuItems[i][3] != '') document.write('<table  height="23" cellspacing="0" cellpadding="0" border="0" onClick="location.href=\'' + menuItems[i][3] + '\';">');
          else                      document.write('<table  height="23" cellspacing="0" cellpadding="0" border="0">');
          document.write('<tr>');
            document.write('<td height="5" width="5"><img src="Image/ramka_menu_up_01.gif" border="0" height="5" width="5"></td>');
            document.write('<td background="Image/ramka_menu_up_02.gif"><img src="Image/ramka_menu_up_02.gif" border="0" height="5" width="1"></td>');
            document.write('<td height="5" width="5"><img src="Image/ramka_menu_up_03.gif" border="0" height="5" width="5"></td>');
          document.write('</tr>');
          document.write('<tr>');
            document.write('<td height="18" width="5"><img src="Image/ramka_menu_up_04.gif" border="0" height="18" width="5"></td>');
            document.write('<td style="color: #404040;">&nbsp;&nbsp;' + menuItems[i][2] + '&nbsp;&nbsp;</td>');
            document.write('<td height="18" width="5"><img src="Image/ramka_menu_up_05.gif" border="0" height="18" width="5"></td>');
          document.write('</tr>');
          document.write('</table>');
          
          //lista podkategorii
          //alert(menuItems.indexOf(menuItems[i][1]));
          x = 0;
          for(var j=0; j < menuItems.length && typeof(menuItems[j]) != "undefined"; j++)
          {
            if(menuItems[j][1] == menuItems[i][0])
            {
              //Tworzymy dynamicznie warstwe
              if(x == 0) 
              {
                document.write('<div style="width: 170px; background-color: #F5F5F5; position: absolute; visibility: hidden;" id="warstwa' + menuItems[i][0] + '">');
                document.write('<table width="170" cellspacing="0" cellpadding="0" border="0" style="border-left:  1px #b70902 solid; border-top:  1px #b70902 solid; border-right:  1px #b70902 solid;">');
              }
              
              document.write('<tr>');
                if(menuItems[j][3] != '') document.write('<td height="19" style="border-bottom: 1px #b70902 solid; color: #404040;" class="ViewHend" onClick="location.href=\'' + menuItems[j][3] + '\';"  onMouseover="this.style.backgroundColor=\'#E0E0E0\';" onMouseout="this.style.backgroundColor=\'#F5F5F5\';">');
                else                      document.write('<td height="19" style="border-bottom: 1px #b70902 solid; color: #404040;" class="ViewHend" onMouseover="this.style.backgroundColor=\'#E0E0E0\';" onMouseout="this.style.backgroundColor=\'#F5F5F5\';">');
                  document.write('<p style="margin: 3px;">' + menuItems[j][2] + '</p>');
                document.write('</td>');
              document.write('</tr>');
              
              x = 1;
            }
          }
          if(x == 1) 
          {
            document.write('</table>');
            document.write('</div>');
          }
          else
          {
            document.write('<div style="width: 1px; height: 1px; position: absolute; visibility: hidden;" id="warstwa' + menuItems[i][0] + '"></div>');
          }
        }
        
        
      document.write('</div>');
      
    document.write('</td>');
    }
  }
  document.write('</tr>');
  document.write('<tr><td height="5"><img src="Image/ikon_menu_03.gif" alt="" border="0" height="5" width="1"></td></tr>');
  document.write('</table>');
}