var DDSPEED = 20;
var DDTIMER = 10;
var OPACITY = 0;
var OPACITYF = 0;
var TIMEOUT = 0;
var BROWSER = 0;
var CURRENT = "home";

/*****************************************************
 
                FUNCTION DDMENU

*****************************************************/
function ddMenu(id,d)
{
  var h = document.getElementById(id + '-ddheader');
  var c = document.getElementById(id + '-ddcontent');
  clearInterval(c.timer);
  if(d == 1)
  {
    clearTimeout(h.timer);
    
    h.style.color = '#0080ff';
    c.style.visibility = 'visible';
    
    if(c.maxh && c.maxh <= c.offsetHeight){return}
    else if(!c.maxh)
    {
      c.style.display = 'block';
      c.style.height = 'auto';
      c.maxh = c.offsetHeight;
      c.style.height = '0px';
      
    }
    c.timer = setInterval(function(){ddSlide(c,1)},DDTIMER);
  }
  else
  {
    h.timer = setTimeout(function(){ddCollapse(c, h)},50); 
  }
}
/******************************************************
 
                FUNCTION DDCOLLAPSE

******************************************************/
function ddCollapse(c, h)
{
  h.style.color = 'white';
  c.timer = setInterval(function(){ddSlide(c,-1)},DDTIMER);
}

/******************************************************
 
                FUNCTION CANCELHIDE

******************************************************/
function cancelHide(id)
{
  var h = document.getElementById(id + '-ddheader');
  var c = document.getElementById(id + '-ddcontent');
  clearTimeout(h.timer);
  clearInterval(c.timer);
  if(c.offsetHeight < c.maxh)
  {  
    c.timer = setInterval(function(){ddSlide(c,1)},DDTIMER);
  }
}
/*****************************************************
 
                FUNCTION DDSLIDE

*****************************************************/

function ddSlide(c,d)
{
  var currh = c.offsetHeight;
  var dist;
  if(d == 1)
  {
    dist = (Math.round((c.maxh - currh) / DDSPEED));
  }
  else
  {
    dist = (Math.round(currh / DDSPEED));
  }
  if(dist <= 1 && d == 1)
  {
    dist = 1;
  }
  c.style.height = currh + (dist * d) + 'px';
  c.style.opacity = currh / c.maxh;
  c.style.filter = 'alpha(opacity=' + (currh * 100 / c.maxh) + ')';
  if((currh < 20 && d != 1) || (currh > (c.maxh - 2) && d == 1))
  { 
    if(d < 0)
       c.style.visibility = 'hidden';
      
    clearInterval(c.timer);
  }
}

/*****************************************************
 
                FUNCTION MENUCLICK

*****************************************************/

function menuclick(id, idmenu)
{
  
  if(CURRENT == id)return;
   
  window.clearTimeout(TIMEOUT); 
  
  if(idmenu)
  {
      var c = document.getElementById(idmenu + '-ddcontent');
      c.style.visibility = 'hidden';
  }
  
  TIMEOUT = window.setTimeout(function(){preparesite(id)},100); 
}

/*****************************************************
 
                FUNCTION PREPARESITE

*****************************************************/

function preparesite(id)
{
 var ob = document.getElementById('old_bild'); 
 var nb = document.getElementById('new_bild'); 

  clearInterval(nb.timer);
  
  nb.style.opacity = 0;
  nb.style.filter = 'alpha(opacity=0, finishopacity=0, style=2)';
  nb.src= 'seiten/' + id + '/res/bild.jpg';
 
  OPACITY = 30;
  OPACITYF = 0;  
  
  nb.timer = setInterval(function(){changesite(ob,nb,id)},DDTIMER);   
}

/*****************************************************
 
                FUNCTION CHANGESITE

******************************************************/

function changesite(o,n,i)
{
  var height; 
    
  if(OPACITY < 100)
     n.style.opacity = OPACITY/100;
  else 
     n.style.opacity += n.style.opacity/100
     
  n.style.filter = 'alpha(opacity=' + OPACITY + ', finishopacity=' + OPACITYF + ', style=2)';
  
  if((BROWSER && OPACITYF >= 100) || (!BROWSER && OPACITY >= 100))
  {
    OPACITY = 30;
    OPACITYF =0;
    clearInterval(n.timer);
    
    o.src = n.src;
    
    var f = document.getElementById(i); 
    var g = document.getElementById(CURRENT); 
    var l = document.getElementById('logo');  
    var c = document.getElementById('content');  
    
    l.src = 'seiten/' + i + '/res/logo.jpg';
   
    ////////////////////////////////////////
    //CHANGES THE HEIGHT OF THE IFRAMES HERE
    ////////////////////////////////////////
    
    //this only runs under Internet Explorer
    //height = parent.frames[i].document.getElementsByTagName("div")[0].style.height;
    
    
    switch (i) 
    {
      case "home":
           height = '750px';  
       break;    
    
      case "anfahrt": 
           height = '980px';  
       break; 
       
      case "wochenkarte": 
      case "getraenke":
      case "kegelbahn": 
      case "speisekarte": 
      case "email": 
      case "impressum": 
           height = '600px';  
       break;   
    }
    
    g.style.zIndex = 0; 
    f.style.zIndex = 200;
    
    g.style.height = '0px';
    f.style.height = height;
    c.style.height = height; 
    
    CURRENT = i;   
  }
  else
  {
    if(OPACITY < 100)
    {
      if(BROWSER)
         OPACITY = OPACITY + DDSPEED;
      else
         OPACITY = OPACITY + DDSPEED/5;   
    }     
    else
      OPACITYF = OPACITYF + DDSPEED/2;
  }
}
/*****************************************************
 
                FUNCTION SITELOAD

******************************************************/

function siteload()
{
  var b = navigator.appName
  var start = document.getElementById('start'); 
  var tabelle = document.getElementById('tabelle'); 
  var top = document.getElementById('top_spacer'); 
  var links = document.getElementById('links'); 
  
  var f = document.getElementById('home'); 
  var c = document.getElementById('content');  
  
  ////////////////////////////////////////
  //CHANGES THE HEIGHT OF THE HOME IFRAME HERE
  ////////////////////////////////////////
  
  start.style.height = '1148px'; 
  f.style.height = '750px';
  c.style.height = '750px'; 
  
  clearInterval(start.timer);
  
  if(b == 'Microsoft Internet Explorer')
     BROWSER = 1;
     
  top.style.backgroundImage='url(images/top_spacer.jpg)';
  links.style.backgroundImage='url(images/links.jpg)';
  
  
  start.style.opacity = 1;
  start.style.filter = 'alpha(opacity=100, finishopacity=100, style=2)';
  
  OPACITY = 100;
  OPACITYF = 100;  
  
  start.timer = setInterval(function(){startblend(start)},DDTIMER);   
  
  tabelle.style.visibility ='visible';
}


/*****************************************************
 
                FUNCTION STARTBLEND

******************************************************/

function startblend(s)
{

  if(OPACITY > 0)
     s.style.opacity = OPACITY/100;
  else 
     s.style.opacity -= s.style.opacity/100
     
  s.style.filter = 'alpha(opacity=' + OPACITY + ', finishopacity=' + OPACITYF + ', style=2)';
  
  if((BROWSER && OPACITYF <= 0) || (!BROWSER && OPACITY <= 0))
  {
    OPACITY = 30;
    OPACITYF =0;
    clearInterval(s.timer);
    s.style.display='none';    
  }
  else
  {
    if(OPACITY > 0)
       OPACITY = OPACITY - DDSPEED*3;
    else   
      OPACITYF = OPACITYF - DDSPEED;  
  }
}