// ///////////////////////////////////
// 
// 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()
{
  if(menuItems.length < 1) return false;
  
  document.write('<table  height="31" cellspacing="0" cellpadding="0" border="0">');
  document.write('<tr>');
  for(var i=0; i < menuItems.length && typeof(menuItems[i]) != "undefined"; i++)
  {
    
    document.write('<td style="background-image: url(Image/menu_off.jpg);" class="ViewHend" onMouseover="this.style.backgroundImage=\'url(Image/menu_on.jpg)\'; View(\'warstwa' + menuItems[i][0] + '\', 1);" onMouseout="this.style.backgroundImage=\'url(Image/menu_off.jpg)\'; 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="31" cellspacing="0" cellpadding="0" border="0" onClick="location.href=\'' + menuItems[i][3] + '\';">');
          else                      document.write('<table  height="31" cellspacing="0" cellpadding="0" border="0">');
          document.write('<tr>');
            document.write('<td><img src="Image/menu_ramka_01.gif" border="0" height="31" width="4"></td>');
            document.write('<td valign="top" style="background-image: url(Image/menu_ramka_02.gif);"><p style="color: #FFFFFF; margin-left: 3px; margin-right: 3px; margin-top: 8px;">' + menuItems[i][2] + '</p></td>');
            document.write('<td><img src="Image/menu_ramka_03.gif" border="0" height="31" width="4"></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: #3F9300; position: absolute; visibility: hidden;" id="warstwa' + menuItems[i][0] + '">');
                document.write('<table width="170" cellspacing="0" cellpadding="0" border="0" style="border-left:  1px #317600 solid; border-top:  1px #317600 solid; border-right:  1px #317600 solid;">');
              }
              
              document.write('<tr>');
                if(menuItems[j][3] != '') document.write('<td height="19" style="border-bottom: 1px #317600 solid; color: #FFFFFF;" class="ViewHend" onClick="location.href=\'' + menuItems[j][3] + '\';"  onMouseover="this.style.backgroundColor=\'#68D814\';" onMouseout="this.style.backgroundColor=\'#3F9300\';">');
                else                      document.write('<td height="19" style="border-bottom: 1px #317600 solid; color: #FFFFFF;" class="ViewHend" onMouseover="this.style.backgroundColor=\'#68D814\';" onMouseout="this.style.backgroundColor=\'#3F9300\';">');
                  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('</table>');
}