var lyLayerText = '';
var lyLayerHead = '';
var lyLayerWidth = '';
var lyLayerHeight = '';
var lyLayerBackgroundColor = '';
var lyLayerColor = '';
var lyLayerBorderWidth = '';
var lyLayerBorderColor = '';

/* SAMPLE FUNCTION *

function showSearchLayer() {
  setLayerHead('Layer head text');
  setLayerText("<" + "h3>" + 'Layer subtitle' + "<" + "/h3> <" +"p>" + 'Layer text area first paragraph' + "<" + "/p><" + "p>" + 'Layer text area second paragraph' + "<" + "/p>);
  //function setLayerStyle(lyColor, lyBackgroundColor, lyWidth, lyHeight, lyBorderWidth, lyBorderColor);
  setLayerStyle('default', 'default', '400px', 'default', 'default', 'default');
  showLayer();
}

* SAMPLE FUNCTION */

function setLayerText(layerText) {
  lyLayerText = layerText;
}

function addLayerText(layerText) {
  lyLayerText += layerText;
}

function setLayerHead(layerHead) {
  lyLayerHead = layerHead;
}

function addLayerHead(layerHead) {
  lyLayerHead += layerHead;
}

function showLayer() {
  insertLayerDiv();
  
  var lyLayerDivShadow = document.getElementById("lyLayerDivShadow");
  
  lyLayerDivShadow.innerHTML = '<div id="lyLayerDiv"><h2' + ((lyLayerColor != '') ? ' style="color: ' + lyLayerColor + ';"' : '') + '>' + lyLayerHead + '</h2>' + lyLayerText + '</div>';
  
  var lyLayerDiv   = document.getElementById("lyLayerDiv");
  var lyLayerDivBg = document.getElementById("lyLayerDivBg");
  
  if(lyLayerWidth != '') lyLayerDiv.style.width = lyLayerWidth;
  if(lyLayerHeight != '') lyLayerDiv.style.height = lyLayerHeight;
  if(lyLayerBackgroundColor != '') lyLayerDiv.style.backgroundColor = lyLayerBackgroundColor;
  if(lyLayerColor != '') lyLayerDiv.style.color = lyLayerColor;
  if(lyLayerBorderWidth != '') lyLayerDiv.style.borderWidth = lyLayerBorderWidth;
  if(lyLayerBorderColor != '') lyLayerDiv.style.borderColor = lyLayerBorderColor;
  
  var layerPosition = getLayerPosition();

  lyLayerDivShadow.style.top = layerPosition[0];
  lyLayerDivShadow.style.left = layerPosition[1];
  
  lyLayerDivShadow.style.display = 'block';
  lyLayerDivBg.style.display = 'block';
}

function hideLayer() {
  if(document.getElementById("lyLayerDivShadow")) {
    var lyLayerDivShadow = document.getElementById("lyLayerDivShadow");
    lyLayerDivShadow.style.display = 'none';
  }
  if(document.getElementById("lyLayerDivBg")) {
    var lyLayerDivBg = document.getElementById("lyLayerDivBg");
    lyLayerDivBg.style.display = 'none';
  }
}

function setLayerStyle(lyColor, lyBackgroundColor, lyWidth, lyHeight, lyBorderWidth, lyBorderColor) {
  if(lyBackgroundColor != 'default') lyLayerBackgroundColor = lyBackgroundColor;
  if(lyColor != 'default') lyLayerColor = lyColor;
  if(lyWidth != 'default') lyLayerWidth = lyWidth;
  if(lyHeight != 'default') lyLayerHeight = lyHeight;
  if(lyBorderWidth != 'default') lyLayerBorderWidth = lyBorderWidth;
  if(lyBorderColor != 'default') lyLayerBorderColor = lyBorderColor;
}

function getLayerPosition() {

  if (navigator.appName == 'Microsoft Internet Explorer')
	{ 
		if (document.body && document.body.offsetWidth)
		{
		  //alert('Klicken sie auf OK um fortzufahren.');
			var windowWidth = document.documentElement.offsetWidth;
			//var windowHeight = document.body.offsetHeight;
			var windowHeight = document.documentElement.clientHeight;
		} else {
		  var windowWidth = 1024;
		  var windowHeight = 600;
		}
	}	else {
	  var windowWidth = window.innerWidth;
	  var windowHeight = window.innerHeight;
	}
  
  if(typeof window.pageYOffset == 'undefined' || window.pageYOffset == '') var scrollOffset = document.documentElement.scrollTop;
  else var scrollOffset = window.pageYOffset;
  
  if(typeof window.pageXOffset == 'undefined' || window.pageXOffset == '') var scrollWidthOffset = document.documentElement.scrollLeft;
  else var scrollWidthOffset = window.pageXOffset;

  //if (navigator.appName == 'Microsoft Internet Explorer') var layerTop = ((scrollOffset + windowHeight) / 2) - 150 + 'px';
  //else var layerTop = scrollOffset + (windowHeight-150)/2-50 + 'px';
  //alert('scrollOffset: ' + scrollOffset + ', windowHeight: ' + windowHeight);
  var layerTop = scrollOffset + (windowHeight-150)/2-50 + 'px';
  var layerLeft = (windowWidth-400)/2 + 'px';

  var layerPosition = new Array(layerTop, layerLeft);

  return layerPosition;

}

function insertLayerDiv() {
  if(!document.getElementById(script_id)) {
    
    var htmlBody = document.getElementsByTagName("body")[0];
    var htmlHTML = document.getElementsByTagName("html")[0];
    var script_id = "lyLayerDivShadow";
  
    var layerPosition = getLayerPosition();
  
    if(document.getElementById(script_id)) {
      htmlBody.removeChild(document.getElementById(script_id));
    }
    if(document.getElementById('lyLayerDivBg')) {
      htmlBody.removeChild(document.getElementById('lyLayerDivBg'));
    }
  
    var lyLayerDivShadow = document.createElement("div");
    lyLayerDivShadow.id = script_id;
  
    lyLayerDivShadow.style.top = layerPosition[0];
    lyLayerDivShadow.style.left = layerPosition[1];
    
    var lyLayerDivBg = document.createElement("div");
    lyLayerDivBg.id = 'lyLayerDivBg';
    lyLayerDivBg.style.width = '100%';
    if (navigator.appName != 'Netscape') lyLayerDivBg.style.height = document.documentElement.scrollHeight + 'px';
    else lyLayerDivBg.style.height = htmlHTML.offsetHeight + 'px';
    lyLayerDivBg.style.top = 0;
    lyLayerDivBg.style.left = 0;
    lyLayerDivBg.setAttribute("onClick","hideLayer();abortPreload();","false");
    
    lyLayerDivBg.style.display = 'none';
    
    if (typeof htmlBody != 'undefined') htmlBody.appendChild(lyLayerDivBg); 
    if (typeof htmlBody != 'undefined') htmlBody.appendChild(lyLayerDivShadow);
  }
}

// show search-advise
function showSearchLayer() {
  setLayerHead(Translations[languageCode]['layerNotice']);
  setLayerText("<" + "h3>" + Translations[languageCode]["searchMessageCount"] + "<" + "/h3> <" +"p>" + Translations[languageCode]["searchMessageMinute"]+ "<" + "/p><" + "p>" + Translations[languageCode]["searchMessageWait"] + "<" + "/p><" + "p style=\"text-align: center\"><" + 'img src="/image/loading1.gif" style="margin-top: 10px;"><' + "/p>");
  setLayerStyle('default', 'default', '400px', 'default', 'default', 'default');
  showLayer();
}

function showCruiseLayer() {
  setLayerHead(Translations[languageCode]['layerNotice']);
  setLayerText("<" + "h3>" + Translations[languageCode]["searchMessageCountCruise"] + "<" + "/h3> <" +"p>" + Translations[languageCode]["searchMessageMinute"]+ "<" + "/p><" + "p>" + Translations[languageCode]["searchMessageWait"] + "<" + "/p><" + "p style=\"text-align: center\"><" + 'img src="/image/loading1.gif" style="margin-top: 10px;"><' + "/p>");
  setLayerStyle('default', 'default', '400px', 'default', 'default', 'default');
  showLayer();
}

insertLayerDiv();