';
return htmlContent;
};
/**
* Returns the layer html code, which can be used to create the end layer.
*/
LAYER_CONTENT.getChildEndLayer = function(strLayerId, strLink, strLinkText, strForeCSS, strLineCSS)
{
var htmlContent = '
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
';
return htmlContent;
};
/**
* Capture mouse over event.
*/
function layer_OnMouseOver(strElementID, strCSSClass, strNewGif)
{
if (!document.getElementById)
return;
var tdLeft = document.getElementById(strElementID + TD_LEFT_POSTFIX);
var tdRight = document.getElementById(strElementID + TD_RIGHT_POSTFIX);
// check objects for validity
if (tdLeft != null && tdRight != null)
{
tdLeft.className = strCSSClass;
tdRight.className = strCSSClass;
}
var tdFont = document.getElementById(strElementID + TD_FONT_POSTFIX);
if (tdFont)
tdFont.className = strCSSClass;
if (strNewGif)
changeImage(strElementID, strNewGif);
}
/**
* Capture mouse out event.
*/
function layer_OnMouseOut(strParentId, strCSSClass, strNewGif, objTableElement)
{
if (!document.getElementById)
return;
if (objTableElement)
{
if (thisBrowser.typ.isIE && hasSameParent(objTableElement, window.event.toElement))
{
cancelBubbling();
return;
}
}
layer_OnMouseOver(strParentId, strCSSClass, strNewGif);
}
/**
* Returns true, if the given parent element is the same element as
* a parent of the objElement element.
*/
/*Boolean*/ function hasSameParent(objToCompare, objElement)
{
if (!objToCompare || !objElement)
return false;
if (objToCompare == objElement)
{
return true;
}
else
{
return hasSameParent(objToCompare, objElement.parentElement);
}
}
/**
* Cancles the event bubbling.
*/
function cancelBubbling()
{
if (window.event)
{
window.event.cancelBubble = true;
if (window.event.stopPropagation)
{
window.event.stopPropagation();
}
}
}
/**
* Changes the url and disables event bubbling.
*/
function changeUrl(strToChange)
{
cancelBubbling();
// HOTFIX: we have to change the handle, if we are in live environment.
if (_showMode == "1")
{
strToChange = replaceCookieStatement(strToChange);
}
// HOTFIX: we have to change the host name, if we are in live environment.
for (var dns in _configDNS)
{
if (self.location.host != dns && strToChange.indexOf(_configDNS[dns])>=0)
{
// HOTFIX: We have replaced the contianer handle twice. Avoid that!
// strToChange = self.location.protocol + "//" + strToChange.replace(_configDNS[dns], dns);
if (dns.indexOf("://")<0)
{
strToChange = self.location.protocol + "//" + dns + strToChange + ".html";
}
else
{
strToChange = dns + strToChange + ".html";
}
break;
}
}
if (strToChange.indexOf("://")>0) {
window.open(strToChange, "");
}
else {
self.location.href = strToChange + ".html";
}
}
/**
*
*/
/*String*/ function replaceCookieStatement(strToChange)
{
var cookie = getCookie("contPath");
if (cookie)
{
cookie += "/home";
var startIndex = strToChange.indexOf(cookie);
if (startIndex != -1)
{
return strToChange.substring(0, startIndex) + strToChange.substring(startIndex + cookie.length);
}
}
return strToChange;
}
/**
*
*/
/*String*/ function getCookie(strName)
{
if (document.cookie)
{
var cookies = String(document.cookie).split("; ");
for (var i = 0; i < cookies.length; ++i)
{
var cookie = cookies[i].split("=");
if (cookie[0] && cookie[0] == strName)
{
return cookie[1];
}
}
}
return null;
}
/**
* Changes the source of the image with the specified id to the given image url.
*/
function changeImage(strUniqueLayerID, strNewImageURL)
{
// check for ie or dom
if (document.all || document.getElementById)
{
// check for valid image id
if (document.images[strUniqueLayerID + IMG_CHANGE])
{
document.images[strUniqueLayerID + IMG_CHANGE].src = strNewImageURL;
}
}
}
/**
* Contains all layer handling capatibilities for the navigation.
*/
function LayerContainerManager()
{
var _containers = [ ];
var _this = this;
var _visibleContainer = null;
var _layerHideTimeOut = 50; //ms
var _layerHideTimerRef = null;
this.OnMouseOver = null;
this.OnMouseOut = null;
/**
* Returns the container with the specified name.
*/
/*LayerContainer*/ this.getContainer = function(strContainerName)
{
var containerIndex = this.getContainerIndex(strContainerName);
if (containerIndex != null)
{
return _containers[containerIndex];
}
return null;
}
/**
* Returns the container with the specified name.
*/
/*Number*/ this.getContainerIndex = function(strContainerName)
{
for (var i = 0; i < _containers.length; ++i)
{
if (_containers[i].getName() == strContainerName)
{
return i;
}
}
return null;
}
/**
* Adds the specified container to this object.
*/
/*void*/ this.add = function(objLayerContainer)
{
if (objLayerContainer)
{
_containers[_containers.length] = objLayerContainer;
}
}
/**
* Hides all containers, and visualizes the container with the given name.
*/
/*void*/ this.showContainer = function(strName)
{
// container is already active, so do nothing
if (this.getContainerIndex(strName) == _visibleContainer)
return;
// make sure that all timers are disabled.
clearTimer();
// opens specified container and closes the others
for (var i = 0; i < _containers.length; ++i)
{
if (strName == _containers[i].getName())
{
// mark visible container
_visibleContainer = i;
_containers[i].showLayers();
EnableMouseListening();
}
else
{
_containers[i].hideLayers();
}
}
}
/**
* Hides the specified container.
*/
/*void*/ this.hideContainer = function(strName)
{
var container = _this.getContainer(strName);
if (container != null)
{
container.hideLayers();
_visibleContainer = null;
}
}
/**
* Hides all containers, which are registered.
*/
/*void*/ this.hideAll = function()
{
if (_visibleContainer != null)
{
DisableMouseListening();
_visibleContainer = null;
}
for (var i = 0; i < _containers.length; ++i)
{
_containers[i].hideLayers();
}
}
/**
*
*/
/*void*/ this.checkMousePosition = function(objEvent)
{
if (_visibleContainer == null)
return;
if (!_containers[_visibleContainer] || !_containers[_visibleContainer].isInitialized())
return;
var mouseLeft = (thisBrowser.typ.isNC) ? objEvent.pageX : event.clientX;
var mouseTop = (thisBrowser.typ.isNC) ? objEvent.pageY : event.clientY;
if (thisBrowser.typ.isIE)
{
mouseLeft += window.document.body.scrollLeft;
mouseTop += window.document.body.scrollTop;
}
var isMouseOver = (isMouseOverContainer(mouseLeft, mouseTop) || isMouseOverParent(mouseLeft, mouseTop));
// fire events
if (!isMouseOver)
{
clearTimer();
_layerHideTimerRef = window.setTimeout("_layerManager.hideContainer('" + _containers[_visibleContainer].getName() + "');", _layerHideTimeOut);
}
}
/**
* Clears the timer specified in _layerHideTimerRef.
*/
function clearTimer()
{
if (_layerHideTimerRef != null)
{
window.clearTimeout(_layerHideTimerRef);
_layerHideTimerRef = null;
}
}
/**
* Returns true, if the mouse is over the visible container.
*/
function isMouseOverContainer(intMouseLeft, intMouseTop)
{
var layerTop = _containers[_visibleContainer].getTop();
var layerLeft = _containers[_visibleContainer].getLeft();
var layerBottom = _containers[_visibleContainer].getHeight() + layerTop;
var layerRight = _containers[_visibleContainer].getWidth() + layerLeft;
if (intMouseTop >= layerTop && intMouseLeft >= layerLeft)
{
return (intMouseTop <= layerBottom && intMouseLeft <= layerRight);
}
return false;
}
/**
* Returns true, if the mouse is over the parent of the visible container.
*/
function isMouseOverParent(intMouseLeft, intMouseTop)
{
var layer = document.layer[_containers[_visibleContainer].getParentLayerId()];
var parentTop = _containers[_visibleContainer].getTop();
var parentLeft = _containers[_visibleContainer].getLeftMargin();
var parentBottom = layer.height + parentTop;
var parentRight = layer.width + parentLeft;
if (intMouseTop >= parentTop && intMouseLeft >= parentLeft)
{
return (intMouseTop <= parentBottom && intMouseLeft <= parentRight);
}
return false;
}
/**
* Enables the mouse down event listener.
*/
/*void*/ function EnableMouseListening()
{
if (navigator.appName == "Netscape")
document.captureEvents(Event.MOUSEMOVE);
document.onmousemove = _this.checkMousePosition;
}
/**
* Disables the mousedown event listener.
*/
/*void*/ function DisableMouseListening()
{
if (navigator.appName == "Netscape")
document.releaseEvents(Event.MOUSEMOVE);
document.onmousemove = null;
}
}
/**
* Represents a layer clipper.
*/
/*class*/ function LayerContainer(strContainerName, strParentLayerId, intLeftMargin)
{
var _container = new Array();
var _containerName = String(strContainerName);
var _parentLayerId = strParentLayerId;
var _topPosition = 0;
var _leftPosition = 0;
var _isInitialized = false;
var _leftMargin = (!isNaN(intLeftMargin)) ? Number(intLeftMargin) : 15;
var _browserInfo = new BrowserInfo();
var _height = 0;
var _width = 200;
var _currentHeight = 0;
var _currentWidth = 0;
/**
* Returns true, if this layer group is initialized.
*/
/*Boolean*/ this.isInitialized = function()
{
return _isInitialized;
}
/**
* Returns the margin to the top window border.
*/
/*Integer*/ this.getTop = function()
{
return _topPosition;
}
/**
* Returns the margin to the left window border.
*/
/*Integer*/ this.getLeft = function()
{
return _leftPosition;
}
/**
* Returns the height of the layer group.
*/
/*Integer*/ this.getHeight = function()
{
return _currentHeight;
}
/**
* Returns the width of the layer group
*/
/*Integer*/ this.getWidth = function()
{
return _currentWidth;
}
/**
* Returns the margin to the left border.
*/
/*Integer*/ this.getLeftMargin = function()
{
return _leftMargin;
}
/**
* Returns the parent layer id.
*/
/*String*/ this.getParentLayerId = function()
{
return _parentLayerId;
}
/**
* Returns the name of this container.
*/
/*String*/ this.getName = function()
{
return _containerName;
}
/**
* Sets the name of the layer.
*/
/*void*/ this.addLayerByName = function(strLayerId, strLayerText, strLayerHandle, intLayerEnum, blnIsEndingLayer)
{
_container[_container.length] =
{
LayerId: String(strLayerId),
Text: String(strLayerText),
Handle: String(strLayerHandle),
Type: Number(intLayerEnum),
IsEnd: Boolean(blnIsEndingLayer),
LayerObject: null
};
}
/**
* Creates the specified layers.
*/
/*void*/ this.createLayers = function()
{
if (!_isInitialized)
{
// init parent layer
initParentLayer();
for (var i = 0; i < _container.length; ++i)
{
var layerId = _container[i].LayerId;
var layerText = _container[i].Text;
var layerLink = _container[i].Handle;
var layerForeCSS = LAYER_CONTENT[_container[i].Type].ForeCSS;
var layerLineCSS = LAYER_CONTENT[_container[i].Type].LineCSS;
var layerFontCSS = LAYER_CONTENT[_container[i].Type].FontCSS;
if (!_container[i].IsEnd)
{
document.createRunTimeLayer(_container[i].LayerId, LAYER_CONTENT.getChildLayer(layerId, layerLink, layerText, layerForeCSS, layerLineCSS, layerFontCSS));
}
else
{
document.createRunTimeLayer(_container[i].LayerId, LAYER_CONTENT.getChildEndLayer(layerId, layerLink, layerText, layerForeCSS, layerLineCSS, layerFontCSS));
}
_container[i].LayerObject = document.layer[layerId];
}
_isInitialized = true;
}
}
/**
* Visualizes all child layers of this container.
*/
/*void*/ this.showLayers = function()
{
if (document.layers) // netscape 4.x is disabled
return;
if (document.all && !document.getElementById) // ie 4.0 is disabled
return;
if (!_isInitialized)
this.createLayers();
// reset current layer positions
if (IsIE())
{
_currentHeight = _height - window.document.body.scrollLeft;
_currentWidth = _width - window.document.body.scrollTop;
}
else
{
_currentHeight = _height;
_currentWidth = _width;
}
for (var i = 0; i < _container.length; ++i)
{
arrangeLayer(_container[i].LayerObject);
_container[i].LayerObject.show();
}
}
/**
* Hides all child layers of this container.
*/
/*void*/ this.hideLayers = function()
{
if (document.layers) // netscape 4.x is disabled
return;
if (document.all && !document.getElementById) // ie 4.0 is disabled
return;
if (_isInitialized)
{
for (var i = 0; i < _container.length; ++i)
{
_container[i].LayerObject.hide();
}
}
}
/**
* Returns a layer object, which contains the specified id. Returns null,
* if no layer was found.
*/
/*CrossLayer*/ this.getLayer = function(strLayerId)
{
if (_isInitialized)
{
for (var i = 0; i < _container.length; ++i)
{
if (_container[i].LayerId == strLayerId)
{
return _container[i].LayerObject;
}
}
}
return null;
}
/**
* Arranges the specified layer.
*/
/*void*/ function arrangeLayer(objCrossLayer)
{
if (objCrossLayer.width > _currentWidth)
{
_currentWidth = objCrossLayer.width;
}
objCrossLayer.setTopMargin(_topPosition + _currentHeight);
objCrossLayer.setLeftMargin(_leftPosition);
_currentHeight += objCrossLayer.height;
}
/**
* Initializes the margin top of the parent layer.
*/
/*void*/ function initParentLayer()
{
document.createLayer(_parentLayerId);
_leftPosition = _leftMargin + document.layer[_parentLayerId].width;
if (IsIE())
{
setOffsetTopIE(document.all[_parentLayerId].parentElement);
}
else if (document.getElementById)
{
setOffsetTopDOM(document.getElementById(_parentLayerId).parentNode);
}
else
{
_topPosition = document.layer[_parentLayerId].top;
}
}
/**
* Sets the offset top for DOM.
*/
/*void*/ function setOffsetTopDOM(objTop)
{
if (!objTop || typeof(objTop.tagName) == 'undefined')
return;
// ignore tbody and tr tags (NC)
if (objTop.tagName.toLowerCase() != "tr" && objTop.tagName.toLowerCase() != "tbody")
_topPosition += objTop.offsetTop;
setOffsetTopDOM(objTop.parentNode);
}
/**
* Sets the offset top for internet explorer.
*/
/*void*/ function setOffsetTopIE(objTop)
{
if (!objTop)
return;
// ignore html (IE 4) and td (IE 5.x+) tags
if (objTop.tagName.toLowerCase() != "td" && objTop.tagName.toLowerCase() != "html")
_topPosition += objTop.offsetTop;
setOffsetTopIE(objTop.parentElement);
}
/**
* Returns true, if the client browser is an IE 6.0 or higher.
*/
/*Boolean*/ function IsIE()
{
return (_browserInfo.typ.isIE);
}
/**
* Returns true if a mac has opened this page.
*/
/*Boolean*/ function IsMac()
{
return (navigator.platform.toLowerCase().indexOf("mac") != -1);
}
}
