/**************************************
 * Navigation
 *************************************/

function navigationButtonHoverOn(object) {
  object.style.background = '#E8E1D0';
}


function navigationButtonHoverOff(object) {
  object.style.background = '#F8F1E0';
}


function closeOtherSubMenus() {
  var i   = 0;
  var div = document.getElementById("navigationLevel_1_" + i);
  
  while(div != null) {
    div.style.display             = "none";
    i++;
    div = document.getElementById("navigationLevel_1_" + i);
  }
}

var currentDiv = null;
function toggleSubMenu(clickedDiv, id) {
  closeOtherSubMenus();
  
  if(currentDiv != null) {
    currentDiv.className = "navigationButton";
  }
  clickedDiv.className = "navigationButtonSelected";
  currentDiv = clickedDiv;
  
  var div = document.getElementById(id);
  if(div != null) {
    if(div.style.display == "block") {
      div.style.display = "none";
    } else {
      div.style.display = "block";
    }
  }
}




/**************************************
 * Faden
 *************************************/

var images          = new Array();
var page            = null;
var currentImage    = 0;
var fadeInPos       = 0;
var fadeOutPos      = 100;
var fadeInInterval  = null;
var fadeOutInterval = null;
var fadeInId        = "headerImage2";
var fadeOutId       = "headerImage1";
var timeout         = null;
function changeImage() {//alert(document.getElementById("test").height);
  for(var i=0; i<arguments.length; i++) {
    if(i == 0) {
      page = arguments[i];
    } else {
      images[i-1] = arguments[i];
    }
  }

  if(fadeInId == "headerImage2") {
    fadeInId = "headerImage1";
  } else {
    fadeInId = "headerImage2";
  }
  
  if(fadeOutId == "headerImage2") {
    fadeOutId = "headerImage1";
  } else {
    fadeOutId = "headerImage2";
  }
  
  fadeInPos       = 0;
  fadeOutPos      = 100;

  if(fadeInInterval != null) {
    window.clearInterval(fadeInInterval);
    
    fadeInInterval  = null;
  }
  
  if(fadeOutInterval != null) {
    window.clearInterval(fadeOutInterval);
    
    fadeOutInterval = null;
  }
  
  if(timeout != null) {
    window.clearTimeout(timeout);
    timeout = null;
  }
  
  timeout = window.setTimeout("createInterval()", 4000);
}


function createInterval() {
  currentImage = (currentImage + 1) % images.length;

  //alert("fadeInId: " + fadeInId);
  //alert("fadeOutId: " + fadeOutId);
  
  document.getElementById(fadeInId).style.filter     = "alpha(opacity=0)";
  document.getElementById(fadeInId).style.opacity    = 0;
  document.getElementById(fadeInId).style.MozOpacity = 0;
  
  //alert(images[currentImage]);
  
  document.getElementById(fadeInId).src = "content/images/" + page + "/header/" + images[currentImage];

  fadeInInterval  = window.setInterval("fadeIn()", 50);
  fadeOutInterval = window.setInterval("fadeOut()", 50);
}


function fadeOut() {
  //alert("fadeOut");
  fadeOutPos--;
  document.getElementById(fadeOutId).style.filter      = "alpha(opacity=" + fadeOutPos + ")";
  document.getElementById(fadeOutId).style.opacity     = fadeOutPos / 100;
  document.getElementById(fadeOutId).style.MozOpacity  = fadeOutPos / 100;
  
  if(fadeOutPos <= 0) {
    window.clearInterval(fadeOutInterval);
  }
}


function fadeIn() {
  //alert("fadeIn");
  fadeInPos++;
  document.getElementById(fadeInId).style.filter     = "alpha(opacity=" + fadeInPos + ")";
  document.getElementById(fadeInId).style.opacity    = fadeInPos / 100;
  document.getElementById(fadeInId).style.MozOpacity = fadeInPos / 100;
  if(fadeInPos >= 100) {
    window.clearInterval(fadeInInterval);
    changeImage(page);
  }
}




/**************************************
 * Navigation
 *************************************/

function showLayer() {
  var layer = document.getElementById("layerDiv");
  
  var height  = document.body.clientHeight;
  var width   = document.body.clientWidth;
	    
  layer.style.top     = 0;
  layer.style.left    = 0;
	layer.style.width   = width;
	layer.style.height  = height + document.body.scrollTop;
	layer.style.display = "block"
}


function hideLayer() {
  document.getElementById("layerDiv").style.display = "none";
}

 
function showPopupDiv(divId) {
  var div = document.getElementById(divId);
  if(div) {
    showLayer();
    div.style.left = document.body.clientWidth / 2 - 250;
    div.style.top  =  (document.body.clientHeight / 2 - 200) + document.body.scrollTop;
    div.style.display = "block";
  }
}


function hidePopupDiv(divId) {
  var div = document.getElementById(divId);
  if(div) {
    hideLayer();
    div.style.display = "none";
  }
}