var groupImages = Array(
  "templates/html/master/img/ot-Symbolbild-txt.jpg",
  "templates/html/master/img/hlk-Symbolbild-txt.jpg",
  "templates/html/master/img/lt-symbolbild-txt.jpg",
  "templates/html/master/img/w-logo-50.gif"
  );
  
var groupOverlayImages = Array(
  "templates/html/master/img/ot-Symbolbild-redtxt.jpg",
  "templates/html/master/img/hlk-Symbolbild-bluetxt.jpg",
  "templates/html/master/img/lt-symbolbild-greentxt.jpg",
  "templates/html/master/img/w-logo-50.gif"			
  );

var groups = Array(
  "ot",
  "hlk",
  "lt",
  "fa"
  );

var strOpenendBox = "";

function showInfoBox(strBox){
  if(strOpenendBox != ""){
    hideInfoBox(strOpenendBox);
    overlayImage(strOpenendBox, "out");
    strOpenendBox = "";
  }
  if(strOpenendBox == ""){
    strOpenendBox = strBox;
    var grpText = document.getElementById(strOpenendBox + "TextCont");
    grpText.style.display = "block";
    overlayImage(strOpenendBox, "in");
  }
}

function hideInfoBox(strBox){
  var oldGrpText = document.getElementById(strBox + "TextCont")
  oldGrpText.style.display = "none";
  overlayImage(strBox, "out");
}

function overlayImage(strBox, method){
  var grpKey = getGroupKey(strBox);
  var grpImage = document.getElementById(strBox + "GroupImage");
  
  switch(method){
    case "in":
      grpImage.src = groupOverlayImages[grpKey];
      break;
    case "out":
      grpImage.src = groupImages[grpKey];
      break;
  }
}

function getGroupKey(strGroup){
  for(var cnt = 0; cnt < groups.length; cnt++){
    if(groups[cnt] == strGroup){
      return cnt;
    }
  }
}

function containerAdjust(){	
  if(isFirefox){
    var siteCont = document.getElementById("groupBarCont");
    var bodyObj = document.body;
    var diff = bodyObj.offsetWidth - 750;
    if(diff >= 0){
      siteCont.style.marginLeft = diff / 2 + "px";
    }
    var faCont = document.getElementById("faCont");
    diff = bodyObj.offsetWidth - 20 - faCont.offsetWidth;
    if(diff > 0){
      faCont.style.marginLeft = diff + "px";
    }
  }
}