var isSafari = (navigator.userAgent.indexOf("Safari") > 0) ? true : false;
// var imagePath = "/is-bin/intershop.static/WFS/Quelle-quelle_de-Site/-/de_DE/imagesOnline/nav/";
var imgpath = WebRoot + "/imagesOnline/";
var defaultClassName = '';
var lastRollOver = '';
var lastRollOverColor = '';
var lastImage = '';
var lastLayer = '';
var hideLayers = [];
var timeout;
var nextLayer = '';
var showTimeout;

function swapImage(m_id,swap) {
}

function showOneLayer(l_id) {
  var mLayer = document.getElementById("menu_"+l_id);
  if (!mLayer) return;
  // fix old gecko bug
  if (lastLayer != '' && lastLayer != l_id)
    hideOneLayer(lastLayer);
  mLayer.style.visibility = "visible";
  mLayer.style.display = "block";
  if ((navigator.appName.indexOf("Explorer") != -1 ||
       navigator.userAgent.indexOf("Gecko")) &&
      !window.opera) {
    var kFrame = document.getElementById("killSelectElement");
    if (kFrame) {
      kFrame.style.visibility = "visible";
      kFrame.style.display = "block";
      kFrame.style.left = mLayer.style.left;
      if (navigator.appName.indexOf("Explorer") != -1) {
        kFrame.style.width = "175px";
        kFrame.style.height = mLayer.offsetHeight+"px";
      } else {
        kFrame.style.width = "171px";
        kFrame.style.height = mLayer.offsetHeight - 4 +"px";
      }
    }
  }
  var mImg = document.getElementById("img_"+l_id);
  if (l_id != selectedMenu) {
    // fix old gecko bug
    if (lastImage != '')
      swapImage(lastImage, false);
    mImg.src = imgpath + "nav/" + l_id + "_on.gif";
  }
  lastImage = l_id;
}

function hideOneLayer(l_id) {
  var mLayer = document.getElementById("menu_"+l_id);
  if (!mLayer) return;
  mLayer.style.visibility = "hidden";
  mLayer.style.display = "none";
  var kFrame = document.getElementById("killSelectElement");
  if (kFrame) {
    kFrame.style.visibility = "hidden";
    kFrame.style.display = "none";
  }
  var mImg = document.getElementById("img_"+l_id);
  if (l_id != selectedMenu) {
    mImg.src = imgpath + "nav/" + l_id + "_off.gif";
  }
  lastImage = l_id;
}

function hideAllLayers() {
  var i;
  for (i in hideLayers) {
    hideOneLayer(hideLayers[i]);
  }
  hideLayers = [];
  timeout = null;
}

function doShowLayer() {
  // new layer entered, hide all old layers
  hideAllLayers();
  showOneLayer(nextLayer);
}

function displayLayer(l_id,show) {
  if (show) {
    if (hideLayers.length > 0 && l_id == hideLayers[hideLayers.length-1]) {
      hideLayers.pop();
      if (timeout) window.clearInterval(timeout);
      timeout = null;
    }
    else {
      if (l_id == nextLayer && showTimeout) return;
      if (showTimeout) window.clearInterval(showTimeout);
      nextLayer = l_id;
      showLayer = window.setTimeout(doShowLayer, 200);
    }
  } else {
    hideLayers.push(l_id);
    if (timeout == null)
      timeout = window.setTimeout(hideAllLayers, 500);
    if (showTimeout)
      window.clearInterval(showTimeout);
    nextLayer = '';
  }
  lastLayer = l_id;
}

function rollOver(ref,on) {
  if (lastRollOver != ref) {
    if (on && lastRollOver != '')
      lastRollOver.className = defaultClassName;
    lastRollOver = ref;
    defaultClassName = ref.className;
    ref.className = (on) ? "over" : "out";
  }
}

function rollOverColor(ref,on) {
}

function printLayerConHTML(menuID,pos) {
	document.write('<div class="layermenu" id="menu_'+menuID+'" style="left:'+pos+'px;">');
	document.write('<div class="navItemSub" id="layerCon_'+menuID+'" onmouseover="displayLayer('+menuID+',true,true);swapImage('+menuID+',true);" onmouseout="displayLayer('+menuID+',false);swapImage('+menuID+',false);"></div></div>');
}

function writeIntoLayerCon(menuID,styleclass,url,linktxt) {
	var divcontent = document.getElementById("layerCon_"+menuID).innerHTML;
	//var html = '<div class="'+styleclass+'" onmouseover="rollOver(this,true);" onmouseout="rollOverColor(this,false);">'+url+linktxt+'</a></div>';
	var html = url+'<div class="'+styleclass+'">'+linktxt+"</div></a>";
	document.getElementById("layerCon_"+menuID).innerHTML = divcontent + html;
}