var ActiveResultTab=1;
var NewActiveResultTab=1;
var Permeating=0;
var PermeationStatus=1;
var SelectedMenuItem = 1;
var CanNotDoAnithing = 0;


function MenuOn(menuitem)
{
  if(CanNotDoAnithing == 1)
    return;
    
  if(SelectedMenuItem==menuitem)
  return;

  document.getElementById("MenuItem2_" + menuitem).style.background = "url('design/zalozky_" + menuitem + "_2a.jpg')";
  document.getElementById("MenuItem1_" + menuitem).style.background = "url('design/zalozky_" + menuitem + "_1a.jpg')";
}

function MenuOff(menuitem)
{
  if(CanNotDoAnithing == 1)
    return;
    
  if(SelectedMenuItem==menuitem)
  return;
  
  document.getElementById("MenuItem2_" + menuitem).style.background = "url('design/zalozky_" + menuitem + "_2n.jpg')";
  document.getElementById("MenuItem1_" + menuitem).style.background = "url('design/zalozky_" + menuitem + "_1n.jpg')";
}

function MenuClick(menuitem)
{
  if(ActiveResultTab==0)
  {
    ShowFirstItem(menuitem);
  }
  else
  {
    ResultTabsSwap(menuitem);
  }
}


function ResultTabsSwap(tab)
{
  if(CanNotDoAnithing == 1)
    return;
    
  if(ActiveResultTab==tab)
  return;

  document.getElementById("MenuItem2_" + SelectedMenuItem).style.background = "url('design/zalozky_" + SelectedMenuItem + "_2n.jpg')";
  document.getElementById("MenuItem1_" + SelectedMenuItem).style.background = "url('design/zalozky_" + SelectedMenuItem + "_1n.jpg')";

  MenuOn(tab);
  SelectedMenuItem = tab;
  
  
  Permeating=1;
  PermeationStatus=1;
  NewActiveResultTab=tab;
  for(var a=1; a<=50; a++)
  {
    if(document.getElementById('ResultTable_' + a))
    {
      if(a==NewActiveResultTab)
      {
        document.getElementById('ResultTable_' + a).style.zIndex=9;
        document.getElementById('ResultTable_' + a).style.display="block";

        document.getElementById('SubMenu_' + a).style.zIndex=9;
        document.getElementById('SubMenu_' + a).style.display="block";
        
      }
      else
      if(a==ActiveResultTab)
      {
        document.getElementById('ResultTable_' + a).style.zIndex=10;
        document.getElementById('ResultTable_' + a).style.display="block";

        document.getElementById('SubMenu_' + a).style.zIndex=10;
        document.getElementById('SubMenu_' + a).style.display="block";
        
      }
      else
      {
        document.getElementById('ResultTable_' + a).style.zIndex=-2;
        document.getElementById('ResultTable_' + a).style.display="none";

        document.getElementById('SubMenu_' + a).style.zIndex=-2;
        document.getElementById('SubMenu_' + a).style.display="none";
        
      }
                            
    }
    else
    {
      break;
    }
  }
  ResultTabsPermeate();
}

function ResultTabsPermeate()
{
  PermeationStatus=Math.round((PermeationStatus-0.1)*10)/10;
  if(ActiveResultTab > 0)
  {
    if(document.all)
    {
      document.getElementById('ResultTable_' + ActiveResultTab).style.filter="alpha(opacity=" + (PermeationStatus*100) + ")";

      document.getElementById('SubMenu_' + ActiveResultTab).style.filter="alpha(opacity=" + (PermeationStatus*100) + ")";
    }
    else
    {
      document.getElementById('ResultTable_' + ActiveResultTab).style.opacity=PermeationStatus;

      document.getElementById('SubMenu_' + ActiveResultTab).style.opacity=PermeationStatus;
    }
  }
  
  if(PermeationStatus>0)
  {
    interval=setTimeout("ResultTabsPermeate()",50);
  }
  else
  {
    ResultTabsSwapEnd();
  }
}

function ResultTabsSwapEnd()
{
  document.getElementById('ResultTable_' + NewActiveResultTab).style.zIndex=0;
  document.getElementById('ResultTable_' + ActiveResultTab).style.zIndex=-2;

  document.getElementById('SubMenu_' + NewActiveResultTab).style.zIndex=0;
  document.getElementById('SubMenu_' + ActiveResultTab).style.zIndex=-2;


  if(document.all)
  {
    document.getElementById('ResultTable_' + ActiveResultTab).style.filter="alpha(opacity=100)";

    document.getElementById('SubMenu_' + ActiveResultTab).style.filter="alpha(opacity=100)";
  }
  else
  {
    document.getElementById('ResultTable_' + ActiveResultTab).style.opacity=1;

    document.getElementById('SubMenu_' + ActiveResultTab).style.opacity=1;
  } 
  
  ActiveResultTab=NewActiveResultTab;
  for(var a=0; a<100; a++)
  {
    if(document.getElementById('ResultTable_' + a))
    if(a!=ActiveResultTab)
    {
      document.getElementById('ResultTable_' + a).style.display="none";
      
      document.getElementById('SubMenu_' + a).style.display="none";
    }
    
  }
            
  Permeating=0;
}

function  ShowFirstItem(tab)
{

  if(document.all)
  {
    document.getElementById('ResultTable_' + tab).style.filter="alpha(opacity=100)";
  }
  else
  {
    document.getElementById('ResultTable_' + tab).style.opacity=1;
  }
  
  document.getElementById('ResultTable_' + tab).style.zIndex=10;
  document.getElementById('ResultTable_' + tab).style.display="block";

  NewActiveResultTab=tab;
  PermeationStatus=0;
  FirstItemPermeate();

}

function FirstItemPermeate()
{
  PermeationStatus=Math.round((PermeationStatus+0.1)*10)/10;
  if(document.all)
  {
    document.getElementById('ResultTable_' + NewActiveResultTab).style.filter="alpha(opacity=" + (PermeationStatus*100) + ")";
    //alert(PermeationStatus);
  }
  else
  {
    document.getElementById('ResultTable_' + NewActiveResultTab).style.opacity=PermeationStatus;
  }

  
  if(PermeationStatus<1)
  {
    interval=setTimeout("FirstItemPermeate()",50);
  }
  else
  {
    FirstItemEnd();
  }
}

function FirstItemEnd()
{
  
  document.getElementById('ResultTable_' + NewActiveResultTab).style.zIndex=0;

  if(document.all)
  document.getElementById('ResultTable_' + NewActiveResultTab).style.filter="alpha(opacity=100)";
  else document.getElementById('ResultTable_' + NewActiveResultTab).style.opacity=1;
  
  ActiveResultTab=NewActiveResultTab;
  
  for(var a=1; a<=20; a++)
  {
    if(document.getElementById('ResultTable_' + a))
    if(a!=ActiveResultTab)
    document.getElementById('ResultTable_' + a).style.display="none";
  }
            
  Permeating=0;
}

function CloseItem()
{
  if(document.all)
  {
    document.getElementById('ResultTable_' + ActiveResultTab).style.filter="alpha(opacity=100)";
  }
  else
  {
    document.getElementById('ResultTable_' + ActiveResultTab).style.opacity=1;
  }
  
  document.getElementById('ResultTable_' + ActiveResultTab).style.zIndex=10;
  document.getElementById('ResultTable_' + ActiveResultTab).style.display="block";

  PermeationStatus=1;
  CloseItemPermeate();

}

function CloseItemPermeate()
{
  PermeationStatus=Math.round((PermeationStatus-0.1)*10)/10;
  if(document.all)
  {
    document.getElementById('ResultTable_' + ActiveResultTab).style.filter="alpha(opacity=" + (PermeationStatus*100) + ")";
    //alert(PermeationStatus);
  }
  else
  {
    document.getElementById('ResultTable_' + ActiveResultTab).style.opacity=PermeationStatus;
  }

  
  if(PermeationStatus>0)
  {
    interval=setTimeout("CloseItemPermeate()",50);
  }
  else
  {
    CloseItemEnd();
  }
}

function CloseItemEnd()
{
  ActiveResultTab=0;
  
  for(var a=1; a<10; a++)
  {
    if(document.getElementById('ResultTable_' + a))
    {
      document.getElementById('ResultTable_' + a).style.display="none";
    }
    
  }
}






var ActiveSubMenuTab=1;
var ActiveSubMenuTab2=1;
var NewActiveSubMenuTab=1;
var NewActiveSubMenuTab2=1;
var SelectedSubMenuItem = 1;
var SelectedSubMenuItem2 = 1;

function SubMenuTabsSwap(tab, tab2)
{

  //document.getElementById("SubMenuItem" + ActiveSubMenuTab).style.background = "";

//alert(tab);

//alert(ActiveSubMenuTab);

  if(ActiveSubMenuTab == tab && ActiveSubMenuTab2 == tab2)
    return;



  //MenuOn(tab);
  SelectedSubMenuItem = tab;
  SelectedSubMenuItem2 = tab2;

  //document.getElementById("SubMenuItem" + SelectedSubMenuItem).style.background = "url('design/submenu_item.png') no-repeat";
  
  
  Permeating=1;
  PermeationStatus=1;
  NewActiveSubMenuTab=tab;
  NewActiveSubMenuTab2=tab2;

  for(var a=0; a<=50; a++)
  {
    for(var b=0; b<=50; b++)
    {
        if(document.getElementById('LodgeCategoryBox' + a + '_' + b))
        {
          if(a==NewActiveSubMenuTab && b == NewActiveSubMenuTab2)
          {
            document.getElementById('LodgeCategoryBox' + a + '_' + b).style.zIndex=9;
            document.getElementById('LodgeCategoryBox' + a + '_' + b).style.display="block";
          }
          else
          if(a==ActiveSubMenuTab && b == ActiveSubMenuTab2)
          {
            document.getElementById('LodgeCategoryBox' + a + '_' + b).style.zIndex=10;
            document.getElementById('LodgeCategoryBox' + a + '_' + b).style.display="block";
          }
          else
          {
            document.getElementById('LodgeCategoryBox' + a + '_' + b).style.zIndex=-2;
            document.getElementById('LodgeCategoryBox' + a + '_' + b).style.display="none";
          }

        }
        else
        {
          //break;
        }
    }
  }
  SubMenuTabsPermeate();
}

function SubMenuTabsPermeate()
{
  PermeationStatus=Math.round((PermeationStatus-0.1)*10)/10;
  //if(ActiveSubMenuTab > 0)
  {
    if(document.all)
    {
      document.getElementById('LodgeCategoryBox' + ActiveSubMenuTab + '_' + ActiveSubMenuTab2).style.filter="alpha(opacity=" + (PermeationStatus*100) + ")";
    }
    else
    {
      document.getElementById('LodgeCategoryBox' + ActiveSubMenuTab + '_' + ActiveSubMenuTab2).style.opacity=PermeationStatus;
    }
  }
  
  if(PermeationStatus>0)
  {
    interval=setTimeout("SubMenuTabsPermeate()",50);
  }
  else
  {
    SubMenuTabsSwapEnd();
  }
}

function SubMenuTabsSwapEnd()
{
  document.getElementById('LodgeCategoryBox' + NewActiveSubMenuTab + '_' + NewActiveSubMenuTab2).style.zIndex=0;
  document.getElementById('LodgeCategoryBox' + ActiveSubMenuTab + '_' + ActiveSubMenuTab2).style.zIndex=-2;

  if(document.all)
  {
    document.getElementById('LodgeCategoryBox' + ActiveSubMenuTab + '_' + ActiveSubMenuTab2).style.filter="alpha(opacity=100)";
  }
  else
  {
    document.getElementById('LodgeCategoryBox' + ActiveSubMenuTab + '_' + ActiveSubMenuTab2).style.opacity=1;
  } 
  
  ActiveSubMenuTab=NewActiveSubMenuTab;
  ActiveSubMenuTab2=NewActiveSubMenuTab2;

  

  for(var a=0; a<10; a++)
  {
      for(var b=0; b<10; b++)
      {

          if(a == ActiveSubMenuTab && b == ActiveSubMenuTab2)
              continue;

            if(document.getElementById('LodgeCategoryBox' + a + '_' + b))
            {
                        //alert(a + ' - ' + b);
                        document.getElementById('LodgeCategoryBox' + a + '_' + b).style.display="none";
            }
      }
  }
            
  Permeating=0;
}

function OpenInfo(image, title, description, variants, si1, si2, si3)
{
  document.getElementById('LodgeInfoImage').src="content/lodges/photos/" + image;


  document.getElementById('LodgeInfoSmallImagesBox').style.display = "none";
  document.getElementById('LodgeInfoBox').style.width = "540px";

  document.getElementById('LodgeInfoSmallImage1').style.display = "none";
  document.getElementById('LodgeInfoSmallImage2').style.display = "none";
  document.getElementById('LodgeInfoSmallImage3').style.display = "none";

  document.getElementById('LodgeInfoSmallImage1Text').innerHTML = "";
  document.getElementById('LodgeInfoSmallImage2Text').innerHTML = "";
  document.getElementById('LodgeInfoSmallImage3Text').innerHTML = "";

  var arri;

  if(si1 != '|' || si2 != '|' || si3 != '|')
  {
          document.getElementById('LodgeInfoSmallImagesBox').style.display = "block";
          document.getElementById('LodgeInfoBox').style.width = "720px";


          if(si1 != '|')
          {
                  arri = si1.split("|");

                  document.getElementById('LodgeInfoSmallImage1').src="content/lodges/smallimages/" + arri[0];
                  document.getElementById('LodgeInfoSmallImage1').style.display = "block";

                  document.getElementById('LodgeInfoSmallImage1Text').innerHTML = arri[1];

          }

          if(si2 != '|')
          {
                  arri = si2.split("|");

                  document.getElementById('LodgeInfoSmallImage2').src="content/lodges/smallimages/" + arri[0];
                  document.getElementById('LodgeInfoSmallImage2').style.display = "block";

                  document.getElementById('LodgeInfoSmallImage2Text').innerHTML = arri[1];
          }

          if(si3 != '|')
          {
                  arri = si3.split("|");

                  document.getElementById('LodgeInfoSmallImage3').src="content/lodges/smallimages/" + arri[0];
                  document.getElementById('LodgeInfoSmallImage3').style.display = "block";

                  document.getElementById('LodgeInfoSmallImage3Text').innerHTML = arri[1];
          }
  }
      



  document.getElementById('LodgeInfoDescription').innerHTML = description;
  
  document.getElementById('LodgeInfoTitle').innerHTML = title;

  var titles = Array();
  titles[0] = "Základna<br>&nbsp;";
  titles[1] = "Půdorys<br>&nbsp;";
  titles[2] = "Průměr<br>&nbsp;";
  titles[3] = "Přední přesah<br>střechy";
  titles[4] = "Zadní přesah<br>střechy";

  var jednotky = Array();
  jednotky[0] = "cm";
  jednotky[1] = "m2";
  jednotky[2] = "m";
  jednotky[3] = "cm";
  jednotky[4] = "cm";

  var titleused = Array();
  titleused[0] = 0;
  titleused[1] = 0;
  titleused[2] = 0;
  titleused[3] = 0;
  titleused[4] = 0;

  var arr1 = variants.split("#");
  var v = ""; //<tr><td>Základna</td><td>Půdorys</td><td>Přesah střechy vpředu</td><td>Přesah střechy jinde</td></tr>

  var c = 1;
  
  for (var i=0; i < arr1.length; i++)
  {
    if(arr1[i] == 0)
      continue;
      
    var arr2 = arr1[i].split("|");

    v += "<tr>";

    for( var e=0; e < arr2.length; e++)
    {
      if(arr2[e] != "")
      {
          v += "<td class=\"LodgeInfoVariantsTd" + c + "\">" + arr2[e] + " " + jednotky[e] + "</td>";
          titleused[e] = 1;
      }
      else
      {
          v += "<td style=\"width: 1px;\" class=\"LodgeInfoVariantsTd" + c + "\"></td>";
      }
    }
    
    v += "</tr>";

    //<td class=\"LodgeInfoVariantsTd" + c + "\">" + arr2[0] + "cm</td><td class=\"LodgeInfoVariantsTd" + c + "\">" + arr2[1] + "m2</td><td class=\"LodgeInfoVariantsTd" + c + "\">" + arr2[2] + "cm</td><td class=\"LodgeInfoVariantsTd" + c + "\">" + arr2[3] + "cm</td></tr>";

    c++;

    if(c>2) c=1;
  }

  var t = "<tr>";
  for( var k=0; k < titleused.length; k++)
  {
    if(titleused[k] == 1)
    {
        t += "<td align=\"left\" style=\"padding-left: 20px;\">" + titles[k] + "</td>";
    }
    else
    {
        t += "<td style=\"width: 1px;\"></td>";
    }
  }
  t += "</tr>";


  document.getElementById('LodgeInfoVariants').innerHTML = "<table cellspacing=\"0\" cellpadding=\"0\" class=\"LodgeInfoVariantsTable\">" + t + v + "</table>";

  document.getElementById('LodgeOverlay').style.display="block";

  CanNotDoAnithing = 1;
}

function CloseInfo()
{
  document.getElementById('LodgeInfoImage').src="";

  document.getElementById('LodgeInfoDescription').innerHTML = "";
  
  document.getElementById('LodgeInfoTitle').innerHTML = "";

   document.getElementById('LodgeInfoVariants').innerHTML = "";

  document.getElementById('LodgeOverlay').style.display="none";

  CanNotDoAnithing = 0;
}