var isMinNS4 = (navigator.appName.indexOf("Netscape") >= 0 &&
parseFloat(navigator.appVersion) >= 4) ? 1 : 0;
var isMinIE4 = (document.all) ? 1 : 0;
var isMinIE5 = (isMinIE4 && navigator.appVersion.indexOf("5.") >= 0) ? 1 : 0;
function hideLayer(layer) {
if (isMinNS4)
layer.visibility = "hide";
if (isMinIE4)
layer.style.visibility = "hidden";
}
function showLayer(layer) {
if (isMinNS4)
layer.visibility = "show";
if (isMinIE4)
layer.style.visibility = "visible";
}
function inheritLayer(layer) {
if (isMinNS4)
layer.visibility = "inherit";
if (isMinIE4)
layer.style.visibility = "inherit";
}
function getVisibility(layer) {
if (isMinNS4) {
if (layer.visibility == "show")
return "visible";
if (layer.visibility == "hide")
return "hidden";
return layer.visibility;
}
if (isMinIE4)
return layer.style.visibility;
return "";
}
function moveLayerTo(layer, x, y) {
if (isMinNS4)
layer.moveTo(x, y);
if (isMinIE4) {
layer.style.left = x;
layer.style.top= y;
}
}
function moveLayerBy(layer, dx, dy) {
if (isMinNS4)
layer.moveBy(dx, dy);
if (isMinIE4) {
layer.style.pixelLeft += dx;
layer.style.pixelTop+= dy;
}
}
function getLeft(layer) {
if (isMinNS4)
return layer.left;
if (isMinIE4)
return layer.style.pixelLeft;
return -1;
}
function getTop(layer) {
if (isMinNS4)
return layer.top;
if (isMinIE4)
return layer.style.pixelTop;
return -1;
}
function getRight(layer) {
if (isMinNS4)
return layer.left + getWidth(layer);
if (isMinIE4)
return layer.style.pixelLeft + getWidth(layer);
return -1;
}
function getBottom(layer) {
if (isMinNS4)
return layer.top + getHeight(layer);
if (isMinIE4)
return layer.style.pixelTop + getHeight(layer);
return -1;
}
function getPageLeft(layer) {
var x;
if (isMinNS4)
return layer.pageX;
if (isMinIE4) {
x = 0;
while (layer.offsetParent != null) {
x += layer.offsetLeft;
layer = layer.offsetParent;
}
x += layer.offsetLeft;
return x;
}
return -1;
}
function getPageTop(layer) {
var y;
if (isMinNS4)
return layer.pageY;
if (isMinIE4) {
y = 0;
while (layer.offsetParent != null) {
y += layer.offsetTop;
layer = layer.offsetParent;
}
y += layer.offsetTop;
return y;
}
return -1;
}
function getWidth(layer) {
if (isMinNS4) {
if (layer.document.width)
return layer.document.width;
else
return layer.clip.right - layer.clip.left;
}
if (isMinIE4) {
if (layer.style.pixelWidth)
return layer.style.pixelWidth;
else
return layer.clientWidth;
}
return -1;
}
function getHeight(layer) {
if (isMinNS4) {
if (layer.document.height)
return layer.document.height;
else
return layer.clip.bottom - layer.clip.top;
}
if (isMinIE4) {
if (layer.style.pixelHeight)
return layer.style.pixelHeight;
else
return layer.clientHeight;
}
return -1;
}
function getzIndex(layer) {
if (isMinNS4)
return layer.zIndex;
if (isMinIE4)
return layer.style.zIndex;
return -1;
}
function setzIndex(layer, z) {
if (isMinNS4)
layer.zIndex = z;
if (isMinIE4)
layer.style.zIndex = z;
}
function clipLayer(layer, clipleft, cliptop, clipright, clipbottom) {
if (isMinNS4) {
layer.clip.left = clipleft;
layer.clip.top= cliptop;
layer.clip.right= clipright;
layer.clip.bottom = clipbottom;
}
if (isMinIE4)
layer.style.clip = 'rect(' + cliptop + ' ' +clipright + ' ' + clipbottom + ' ' + clipleft +')';
}
function getClipLeft(layer) {
if (isMinNS4)
return layer.clip.left;
if (isMinIE4) {
var str =layer.style.clip;
if (!str)
return 0;
var clip = getIEClipValues(layer.style.clip);
return(clip[3]);
}
return -1;
}
function getClipTop(layer) {
if (isMinNS4)
return layer.clip.top;
if (isMinIE4) {
var str =layer.style.clip;
if (!str)
return 0;
var clip = getIEClipValues(layer.style.clip);
return clip[0];
}
return -1;
}
function getClipRight(layer) {
if (isMinNS4)
return layer.clip.right;
if (isMinIE4) {
var str =layer.style.clip;
if (!str)
return layer.style.pixelWidth;
var clip = getIEClipValues(layer.style.clip);
return clip[1];
}
return -1;
}
function getClipBottom(layer) {
if (isMinNS4)
return layer.clip.bottom;
if (isMinIE4) {
var str =layer.style.clip;
if (!str)
return layer.style.pixelHeight;
var clip = getIEClipValues(layer.style.clip);
return clip[2];
}
return -1;
}
function getClipWidth(layer) {
if (isMinNS4)
return layer.clip.width;
if (isMinIE4) {
var str = layer.style.clip;
if (!str)
return layer.style.pixelWidth;
var clip = getIEClipValues(layer.style.clip);
return clip[1] - clip[3];
}
return -1;
}
function getClipHeight(layer) {
if (isMinNS4)
return layer.clip.height;
if (isMinIE4) {
var str =layer.style.clip;
if (!str)
return layer.style.pixelHeight;
var clip = getIEClipValues(layer.style.clip);
return clip[2] - clip[0];
}
return -1;
}
function getIEClipValues(str) {
var clip = new Array();
var i;
i = str.indexOf("(");
clip[0] = parseInt(str.substring(i + 1, str.length), 10);
i = str.indexOf(" ", i + 1);
clip[1] = parseInt(str.substring(i + 1, str.length), 10);
i = str.indexOf(" ", i + 1);
clip[2] = parseInt(str.substring(i + 1, str.length), 10);
i = str.indexOf(" ", i + 1);
clip[3] = parseInt(str.substring(i + 1, str.length), 10);
return clip;
}
function scrollLayerTo(layer, x, y, bound) {
var dx = getClipLeft(layer) - x;
var dy = getClipTop(layer) - y;
scrollLayerBy(layer, -dx, -dy, bound);
}
function scrollLayerBy(layer, dx, dy, bound) {
var cl = getClipLeft(layer);
var ct = getClipTop(layer);
var cr = getClipRight(layer);
var cb = getClipBottom(layer);
if (bound) {
if (cl + dx < 0)
dx = -cl;
else if (cr + dx > getWidth(layer))
dx = getWidth(layer) - cr;
if (ct + dy < 0)
dy = -ct;
else if (cb + dy > getHeight(layer))
dy = getHeight(layer) - cb;
}
clipLayer(layer, cl + dx, ct + dy, cr + dx, cb + dy);
moveLayerBy(layer, -dx, -dy);
}
function setBgColor(layer, color) {
if (isMinNS4)
layer.bgColor = color;
if (isMinIE4)
layer.style.backgroundColor = color;
}
function setBgImage(layer, src) {
if (isMinNS4)
layer.background.src = src;
if (isMinIE4)
layer.style.backgroundImage = "url(" + src + ")";
}
function getLayer(name) {
if (isMinNS4)
return findLayer(name, document);
if (isMinIE4)
return eval('document.all.' + name);
return null;
}
function findLayer(name, doc) {
var i, layer;
for (i = 0; i < doc.layers.length; i++) {
layer = doc.layers[i];
if (layer.name == name)
return layer;
if (layer.document.layers.length > 0)
if ((layer = findLayer(name, layer.document)) != null)
return layer;
}
return null;
}
function getImage(name) {
if (isMinNS4) {
return findImage(name, document);
}
if (isMinIE4)
return eval('document.all.' + name);
return null;
}
function findImage(name, doc) {
var i, img;
for (i = 0; i < doc.images.length; i++)
if (doc.images[i].name == name)
return doc.images[i];
for (i = 0; i < doc.layers.length; i++)
if ((img = findImage(name, doc.layers[i].document)) != null) {
img.container = doc.layers[i];
return img;
}
return null;
}
function getImagePageLeft(img) {
var x, obj;
if (isMinNS4) {
if (img.container != null)
return img.container.pageX + img.x;
else
return img.x;
}
if (isMinIE4) {
x = 0;
obj = img;
while (obj.offsetParent != null) {
x += obj.offsetLeft;
obj = obj.offsetParent;
}
x += obj.offsetLeft;
return x;
}
return -1;
}
function getImagePageTop(img) {
var y, obj;
if (isMinNS4) {
if (img.container != null)
return img.container.pageY + img.y;
else
return img.y;
}
if (isMinIE4) {
y = 0;
obj = img;
while (obj.offsetParent != null) {
y += obj.offsetTop;
obj = obj.offsetParent;
}
y += obj.offsetTop;
return y;
}
return -1;
}
function getWindowWidth() {
if (isMinNS4)
return window.innerWidth;
if (isMinIE4)
return document.body.clientWidth;
return -1;
}
function getWindowHeight() {
if (isMinNS4)
return window.innerHeight;
if (isMinIE4)
return document.body.clientHeight;
return -1;
}
function getPageWidth() {
if (isMinNS4)
return document.width;
if (isMinIE4)
return document.body.scrollWidth;
return -1;
}
function getPageHeight() {
if (isMinNS4)
return document.height;
if (isMinIE4)
return document.body.scrollHeight;
return -1;
}
function getPageScrollX() {
if (isMinNS4)
return window.pageXOffset;
if (isMinIE4)
return document.body.scrollLeft;
return -1;
}
function getPageScrollY() {
if (isMinNS4)
return window.pageYOffset;
if (isMinIE4)
return document.body.scrollTop;
return -1;
} 
var navBars = new Array();
function NavBarMenuItem(text, link) {
this.text = text;
this.link = link;
}
function NavBarMenu(hdrWidth, menuWidth) {
this.hdrWidth= hdrWidth;
this.width = menuWidth;
this.height= 0;
this.items = new Array();
this.addItem = navBarMenuAddItem;
}
function navBarMenuAddItem(item) {
this.items[this.items.length] = item;
}
function NavBar(width) {
this.x = 0;
this.y = 0;
this.width= width;
this.height = 0;
this.align= "left";
this.minWidth = 0;
this.inverted = false;
this.menus = new Array();
this.created = false;
this.border= 0;
this.padding = 0;
this.separator = 0;
this.borderColor= "#000000";
this.hdrFgColor = "#000000";
this.hdrBgColor = "#999999";
this.hdrHiFgColor = "#ffffff";
this.hdrHiBgColor = "#666666";
this.itmFgColor = "#000000";
this.itmBgColor = "#cccccc";
this.itmHiFgColor = "#ffffff";
this.itmHiBgColor = "#4c75ad";
this.hdrFontFamily = "Arial,Helvetica,sans-serif";
this.hdrFontStyle= "plain";
this.hdrFontSize = "8pt";
this.itmFontFamily = "MS Sans Serif,Arial,Helvetica,sans-serif";
this.itmFontStyle= "plain";
this.itmFontSize = "8pt";
this.setSizes= navBarSetSizes;
this.setColors = navBarSetColors;
this.setFonts= navBarSetFonts;
this.addMenu = navBarAddMenu;
this.create= navBarCreate;
this.hide= navBarHide;
this.show= navBarShow;
this.moveTo= navBarMoveTo;
this.moveBy= navBarMoveBy;
this.getzIndex = navBarGetzIndex;
this.setzIndex = navBarSetzIndex;
this.getWidth= navBarGetWidth;
this.getMinWidth = navBarGetMinWidth;
this.getAlign= navBarGetAlign;
this.setAlign= navBarSetAlign;
this.resize= navBarResize;
this.invert= navBarInvert;
this.isInverted= navBarIsInverted;
this.index = navBars.length;
navBars[this.index] = this;
}
function navBarSetSizes(border, padding, separator) {
if (!this.created) {
this.border = border;
this.padding = padding;
this.separator = separator;
}
}
function navBarSetColors(bdColor,
hdrFgColor, hdrBgColor, hdrHiFgColor, hdrHiBgColor,
itmFgColor, itmBgColor, itmHiFgColor, itmHiBgColor) {
if (!this.created) {
this.borderColor= bdColor;
this.hdrFgColor = hdrFgColor;
this.hdrBgColor = hdrBgColor;
this.hdrHiFgColor = hdrHiFgColor;
this.hdrHiBgColor = hdrHiBgColor;
this.itmFgColor = itmFgColor;
this.itmBgColor = itmBgColor;
this.itmHiFgColor = itmHiFgColor;
this.itmHiBgColor = itmHiBgColor;
}
}
function navBarSetFonts(hdrFamily, hdrStyle, hdrWeight, hdrSize,
itmFamily, itmStyle, itmWeight, itmSize) {
if (!this.created) {
this.hdrFontFamily = hdrFamily;
this.hdrFontStyle= hdrStyle;
this.hdrFontWeight = hdrWeight;
this.hdrFontSize = hdrSize;
this.itmFontFamily = itmFamily;
this.itmFontStyle= itmStyle;
this.itmFontWeight = itmWeight;
this.itmFontSize = itmSize;
}
}
function navBarAddMenu(menu) {
if (!this.created)
this.menus[this.menus.length] = menu;
}
function navBarCreate() {
var str;
var i, j;
var norm, high, end;
var width, height;
var x, y;
var scrX, scrY;
if (this.created || (!isMinNS4 && !isMinIE4))
return;
str = "";
if (isMinIE4 && !isMinIE5) {
scrX = getPageScrollX();
scrY = getPageScrollY();
window.scrollTo(getPageWidth(), getPageHeight());
}
if (isMinNS4)
str += '<layer name="navBar' + this.index + '_filler"><img src="../layout/back.jpg" width=100% height=16></layer>\n'
+'<layer name="navBar' + this.index + '_hdrsBase">\n';
if (isMinIE4)
str += '<table border=0 background="../layout/back.jpg" id="navBar' + this.index + '_filler"'
+' style="position:absolute;height:16px;"><tr><td>'
+'</div>\n'
+'<div id="navBar' + this.index + '_hdrsBase"'
+' style="position:absolute;height:16px;">\n';
for (i = 0; i < this.menus.length; i++) {
norm = '<table height=16 background="../layout/mouseout.jpg" border=0 cellpadding=' + this.padding
+ ' cellspacing=0'
+ (this.menus[i].hdrWidth > 0 ? ' width=' + this.menus[i].hdrWidth : '')
+ ((isMinIE4 && !isMinIE5) ? ' id="navBar' + this.index + '_tbl' + i + '"': '')
+ '><tr><td'
+ (this.menus[i].hdrWidth == 0 ? ' nowrap=1' + this.menus[i].hdrWidth : '')
+ '>'
+ '<span style="color:' + this.hdrFgColor + ';'
+ 'font-family:' + this.hdrFontFamily + ';'
+ 'font-size:' + this.hdrFontSize + ';'
+ 'font-style:' + this.hdrFontStyle + ';'
+ 'font-weight:' + this.hdrFontWeight + ';">';
high = '<table height=16 background="../layout/mouseover.jpg" border=0 cellpadding=' + this.padding
+ ' cellspacing=0'
+ (this.menus[i].hdrWidth > 0 ? ' width=' + this.menus[i].hdrWidth : '')
+ '><tr><td'
+ (this.menus[i].hdrWidth == 0 ? ' nowrap=1' + this.menus[i].hdrWidth : '')
+ '>'
+ '<span style="color:' + this.hdrHiFgColor + ';'
+ 'font-family:' + this.hdrFontFamily + ';'
+ 'font-size:' + this.hdrFontSize + ';'
+ 'font-style:' + this.hdrFontStyle + ';'
+ 'font-weight:' + this.hdrFontWeight + ';">';
end= '</span></td></tr></table>';
if (isMinNS4)
str += '<layer name="navBar' + this.index + '_head' + i + '">'
+norm + this.menus[i].items[0].text + end
+'</layer>\n'
+'<layer name="navBar' + this.index + '_headHigh' + i + '">'
+high + this.menus[i].items[0].text + end
+'</layer>\n'
+'<layer name="navBar' + this.index + '_headDummy' + i + '">'
+'</layer>\n';
if (isMinIE4)
str += '<div id="navBar' + this.index + '_head' + i + '"'
+' style="position:absolute;height:16px;">'
+norm + this.menus[i].items[0].text + end
+'</div>\n'
+'<div id="navBar' + this.index + '_headHigh' + i + '"'
+' style="position:absolute;height:16px;">'
+high + this.menus[i].items[0].text + end
+'</div>\n'
+'<div id="navBar' + this.index + '_headDummy' + i + '"'
+' style="position:absolute;height:16px;">'
+'</div>\n';
}
if (isMinNS4) {
str += '</layer>\n';
this.baseLayer = new Layer(this.width);
this.baseLayer.document.open();
this.baseLayer.document.write(str);
this.baseLayer.document.close();
}
if (isMinIE4) {
str += '</td></tr></table>\n';
str = '<div id="navBar' + this.index + '"'
+ ' style="position:absolute;left:0px;top:0px;">\n'
+ str
+ '</div>\n';
document.body.insertAdjacentHTML("beforeEnd", str);
this.baseLayer = getLayer("navBar" + this.index);
}
width = 0;
height = 0;
for (i = 0; i < this.menus.length; i++) {
this.menus[i].hdrNormLayer = getLayer('navBar' + this.index + '_head' + i);
this.menus[i].hdrHighLayer = getLayer('navBar' + this.index + '_headHigh' + i);
this.menus[i].hdrDmmyLayer = getLayer('navBar' + this.index + '_headDummy' + i);
height = Math.max(height, getHeight(this.menus[i].hdrNormLayer));
this.height = height + 2 * this.border;
if (isMinIE4 && !isMinIE5) {
width = this.menus[i].hdrWidth;
if (width == 0)
width = eval('document.all.navBar' + this.index + '_tbl' + i + '.clientWidth');
navBarIEResizeLayer(this.menus[i].hdrNormLayer, width, height);
navBarIEResizeLayer(this.menus[i].hdrHighLayer, width, height);
navBarIEResizeLayer(this.menus[i].hdrDmmyLayer, width, height);
}
}
x = this.border;
y = this.border;
for (i = 0; i < this.menus.length; i++) {
width = Math.max(this.menus[i].hdrWidth, getWidth(this.menus[i].hdrNormLayer));
if (this.menus[i].width == 0)
this.menus[i].width = width + 2 * this.border;
moveLayerTo(this.menus[i].hdrNormLayer, x, y);
setBgColor(this.menus[i].hdrNormLayer, this.hdrBgColor);
clipLayer(this.menus[i].hdrNormLayer, 0, 0, width, height);
inheritLayer(this.menus[i].hdrNormLayer);
moveLayerTo(this.menus[i].hdrHighLayer, x, y);
setBgColor(this.menus[i].hdrHighLayer, this.hdrHiBgColor);
clipLayer(this.menus[i].hdrHighLayer, 0, 0, width, height);
hideLayer(this.menus[i].hdrHighLayer);
moveLayerTo(this.menus[i].hdrDmmyLayer, x, y);
if (isMinIE4)
navBarIEResizeLayer(this.menus[i].hdrDmmyLayer, width, height);
clipLayer(this.menus[i].hdrDmmyLayer, 0, 0, width, height);
inheritLayer(this.menus[i].hdrDmmyLayer);
this.menus[i].hdrDmmyLayer.highLayer = this.menus[i].hdrHighLayer;
this.menus[i].hdrLeft = x;
x += width + this.border;
this.menus[i].hdrRight = x;
}
this.minWidth = x;
this.width = Math.max(this.minWidth, this.width);
moveLayerTo(this.baseLayer, this.x, this.y);
setBgColor(this.baseLayer, this.borderColor);
if (isMinIE4)
navBarIEResizeLayer(this.baseLayer, this.width, this.height);
clipLayer(this.baseLayer, 0, 0, this.width, this.height);
this.fillerLayer = getLayer('navBar' + this.index + '_filler');
moveLayerTo(this.fillerLayer, this.border, this.border);
setBgColor(this.fillerLayer, this.hdrBgColor);
width = this.width - 2 * this.border;
height = this.height - 2 * this.border;
if (isMinIE4)
navBarIEResizeLayer(this.fillerLayer, width, height);
clipLayer(this.fillerLayer, 0, 0, width, height);
inheritLayer(this.fillerLayer);
this.hdrsBaseLayer = getLayer('navBar' + this.index + '_hdrsBase');
if (this.align == "left")
this.hdrsOffsetX = 0;
else if (this.align == "center")
this.hdrsOffsetX = Math.round((this.width - this.minWidth) / 2);
else if (this.align == "right")
this.hdrsOffsetX = this.width - this.minWidth;
else
this.hdrsOffsetX = Math.min(parseInt(this.align, 10), this.width - this.minWidth);
moveLayerTo(this.hdrsBaseLayer, this.hdrsOffsetX, 0);
setBgColor(this.hdrsBaseLayer, this.borderColor);
if (isMinIE4)
navBarIEResizeLayer(this.hdrsBaseLayer, this.minWidth, this.height);
clipLayer(this.hdrsBaseLayer, 0, 0, this.minWidth, this.height);
inheritLayer(this.hdrsBaseLayer);
for (i = 0; i < this.menus.length; i++) {
this.menus[i].hdrDmmyLayer.index = this.index;
this.menus[i].hdrDmmyLayer.offsetX = this.menus[i].hdrLeft - this.border;
if (this.menus[i].hdrDmmyLayer.offsetX + this.menus[i].width > this.width)
this.menus[i].hdrDmmyLayer.offsetX = this.menus[i].hdrRight - this.menus[i].width;
this.menus[i].hdrDmmyLayer.offsetY = this.height - this.border;
this.menus[i].hdrDmmyLayer.onmouseover = navBarHeaderOn;
this.menus[i].hdrDmmyLayer.onmouseout = navBarHeaderOff;
if (isMinNS4) {
this.menus[i].hdrDmmyLayer.document.highLayer = this.menus[i].hdrHighLayer;
this.menus[i].hdrDmmyLayer.document.link = this.menus[i].items[0].link;
this.menus[i].hdrDmmyLayer.document.captureEvents(Event.MOUSEUP);
this.menus[i].hdrDmmyLayer.document.onmouseup = navBarItemClick;
}
if (isMinIE4) {
this.menus[i].hdrDmmyLayer.highLayer = this.menus[i].hdrHighLayer;
this.menus[i].hdrDmmyLayer.link = this.menus[i].items[0].link;
this.menus[i].hdrDmmyLayer.onclick = navBarItemClick;
}
}
norm = '<table border=0 cellpadding=' + this.padding
+ ' cellspacing=0 width="100%"><tr><td>'
+ '<span style="color:' + this.itmFgColor + ';'
+ 'font-family:' + this.itmFontFamily + ';'
+ 'font-size:' + this.itmFontSize + ';'
+ 'font-style:' + this.itmFontStyle + ';'
+ 'font-weight:' + this.itmFontWeight + ';">';
high = '<table border=0 cellpadding=' + this.padding
+ ' cellspacing=0 width="100%"><tr><td>'
+ '<span style="color:' + this.itmHiFgColor + ';'
+ 'font-family:' + this.itmFontFamily + ';'
+ 'font-size:' + this.itmFontSize + ';'
+ 'font-style:' + this.itmFontStyle + ';'
+ 'font-weight:' + this.itmFontWeight + ';">';
end= '</span></td></tr></table>';
for (i = 0; i < this.menus.length; i++) {
width = this.menus[i].width - 2 * this.border;
str = '';
for (j = 1; j < this.menus[i].items.length; j++) {
if (isMinNS4)
if(this.menus[i].items[j].text == "BottomLine") {
str += '<layer name="navBar' + this.index + '_menu' + i + '_norm' + j + '"'
+' width=' + width + ' height=5>'
+'</layer>\n'
+'<layer name="navBar' + this.index + '_menu' + i + '_high' + j + '"'
+' width=' + width + ' height=5>'
+'</layer>\n'
+'<layer name="navBar' + this.index + '_menu' + i + '_dmmy' + j + '"'
+' width=' + width + ' height=5><table border=0 width=100% cellspacing=0 cellpadding=0 height=5><tr><td width=5><img src="../layout/menuclft.jpg" hspacing=0></td><td width=100%><img width=100% height=5 src="../layout/menudown.jpg"><td width=5><img src="../layout/menucrgt.jpg" hspacing=0></tr></table>'
+'</layer>\n';
}
else if(this.menus[i].items[j].text == "TopLine") {
str += '<layer name="navBar' + this.index + '_menu' + i + '_norm' + j + '"'
+' width=' + width + ' height=5>'
+'</layer>\n'
+'<layer name="navBar' + this.index + '_menu' + i + '_high' + j + '"'
+' width=' + width + ' height=5>'
+'</layer>\n'
+'<layer name="navBar' + this.index + '_menu' + i + '_dmmy' + j + '"'
+' width=' + width + ' height=5><table border=0 width=100% cellspacing=0 cellpadding=0 height=5><tr><td width=5><img src="../layout/menutprt.jpg" hspacing=0></td><td width=100%><img width=100% height=5 src="../layout/menutop.jpg"><td width=5><img src="../layout/menutplt.jpg" hspacing=0></tr></table>'
+'</layer>\n';
}
else {
str += '<layer name="navBar' + this.index + '_menu' + i + '_norm' + j + '"'
+' width=' + width + '>'
+norm + '&nbsp;&nbsp;' + this.menus[i].items[j].text + end
+'</layer>\n'
+'<layer name="navBar' + this.index + '_menu' + i + '_high' + j + '"'
+' width=' + width + '>'
+high + '&nbsp;&nbsp;' + this.menus[i].items[j].text + end
+'</layer>\n'
+'<layer name="navBar' + this.index + '_menu' + i + '_dmmy' + j + '"'
+' width=' + width + '><table border=0 width=100% cellspacing=0 cellpadding=0><tr><td width=5><img src="../layout/menuside.jpg" hspacing=0><td width=100%><td width=5><img src="../layout/menuside2.jpg" hspacing=0></tr></table>'
+'</layer>\n';
}
if (isMinIE4)
if(this.menus[i].items[j].text == "BottomLine") {
str +='<div id="navBar' + this.index + '_menu' + i + '_norm' + j + '"'
+' style="position:absolute;width:' + width + 'px;height:5px;">' + norm + end
+'</div>\n'
+'<div id="navBar' + this.index + '_menu' + i + '_high' + j + '"'
+' style="position:absolute;width:' + width + 'px;height:5px;">' + high + end
+'</div>\n'
+'<div id="navBar' + this.index + '_menu' + i + '_dmmy' + j + '"'
+' style="position:absolute;width:' + width + 'px;height:5px;"><table border=0 width=100% cellspacing=0 cellpadding=0 height=5><tr><td width=5><img src="../layout/menuclft.jpg" hspacing=0><td width=100%> <img width=100% height=5 src="../layout/menudown.jpg"><td width=5><img src="../layout/menucrgt.jpg" hspacing=0></tr></table>'
+'</div>\n';
}
else if(this.menus[i].items[j].text == "TopLine") {
str +='<div id="navBar' + this.index + '_menu' + i + '_norm' + j + '"'
+' style="position:absolute;width:' + width + 'px;height:5px;">' + norm + end
+'</div>\n'
+'<div id="navBar' + this.index + '_menu' + i + '_high' + j + '"'
+' style="position:absolute;width:' + width + 'px;height:5px;">' + high + end
+'</div>\n'
+'<div id="navBar' + this.index + '_menu' + i + '_dmmy' + j + '"'
+' style="position:absolute;width:' + width + 'px;height:5px;"><table border=0 width=100% cellspacing=0 cellpadding=0 height=5><tr><td width=5><img src="../layout/menutprt.jpg" hspacing=0><td width=100%> <img width=100% height=5 src="../layout/menutop.jpg"><td width=5><img src="../layout/menutplt.jpg" hspacing=0></tr></table>'
+'</div>\n';
}
else {
str += '<div id="navBar' + this.index + '_menu' + i + '_norm' + j + '"'
+' style="position:absolute;width:' + width + 'px;">'
+norm + '&nbsp;&nbsp;' + this.menus[i].items[j].text + end
+'</div>\n'
+'<div id="navBar' + this.index + '_menu' + i + '_high' + j + '"'
+' style="position:absolute;width:' + width + 'px;">'
+high + '&nbsp;&nbsp;' + this.menus[i].items[j].text + end
+'</div>\n'
+'<div id="navBar' + this.index + '_menu' + i + '_dmmy' + j + '"'
+' style="position:absolute;width:' + width + 'px;"><table border=0 width=100% cellspacing=0 cellpadding=0><tr><td width=5><img src="../layout/menuside.jpg" hspacing=0><td width=100%><td width=5><img src="../layout/menuside2.jpg" hspacing=0></tr></table>'
+'</div>\n';
}
}
if (isMinNS4) {
this.menus[i].baseLayer = new Layer(this.menus[i].width);
this.menus[i].baseLayer.document.open();
this.menus[i].baseLayer.document.write(str);
this.menus[i].baseLayer.document.close();
}
if (isMinIE4) {
str += '';
str = '<div id="navBar' + this.index + '_menu' + i + '"'
+ ' style="position:absolute;left:0px; top:0px;'
+ 'width:' + this.menus[i].width + 'px;visibility:hidden;">\n'
+ str
+ '</div>\n';
document.body.insertAdjacentHTML("beforeEnd", str);
this.menus[i].baseLayer = getLayer("navBar" + this.index + "_menu" + i);
}
}
if (isMinIE4 && !isMinIE5)
window.scrollTo(x, y);
for (i = 0; i < this.menus.length; i++) {
moveLayerTo(this.menus[i].baseLayer, this.menus[i].hdrDmmyLayer.offsetX, this.menus[i].hdrDmmyLayer.offsetY);
setBgColor(this.menus[i].baseLayer, this.borderColor);
if (this.menus[i].items.length > 1) {
this.menus[i].hdrDmmyLayer.menuLayer = this.menus[i].baseLayer;
if (isMinNS4)
this.menus[i].hdrDmmyLayer.document.menuLayer = this.menus[i].baseLayer;
}
else {
this.menus[i].hdrDmmyLayer.menuLayer = null;
if (isMinNS4)
this.menus[i].hdrDmmyLayer.document.menuLayer = this.menus[i].baseLayer;
}
x = this.border;
y = this.border;
width = this.menus[i].width - 2 * this.border;
for (j = 1; j < this.menus[i].items.length; j++) {
this.menus[i].items[j].normLayer = getLayer('navBar' + this.index + '_menu' + i + '_norm' + j);
this.menus[i].items[j].highLayer = getLayer('navBar' + this.index + '_menu' + i + '_high' + j);
this.menus[i].items[j].dmmyLayer = getLayer('navBar' + this.index + '_menu' + i + '_dmmy' + j);
height = getHeight(this.menus[i].items[j].normLayer);
moveLayerTo(this.menus[i].items[j].normLayer, x, y);
setBgColor(this.menus[i].items[j].normLayer, this.itmBgColor);
clipLayer(this.menus[i].items[j].normLayer, 0, 0, width, height);
inheritLayer(this.menus[i].items[j].normLayer);
moveLayerTo(this.menus[i].items[j].highLayer, x, y);
setBgColor(this.menus[i].items[j].highLayer, this.itmHiBgColor);
clipLayer(this.menus[i].items[j].highLayer, 0, 0, width, height);
hideLayer(this.menus[i].items[j].highLayer);
moveLayerTo(this.menus[i].items[j].dmmyLayer, x, y);
if (isMinIE4)
navBarIEResizeLayer(this.menus[i].items[j].dmmyLayer, width, height);
clipLayer(this.menus[i].items[j].dmmyLayer, 0, 0, width, height);
inheritLayer(this.menus[i].items[j].dmmyLayer);
this.menus[i].items[j].dmmyLayer.highLayer = this.menus[i].items[j].highLayer;
this.menus[i].items[j].dmmyLayer.onmouseover = navBarItemOn;
this.menus[i].items[j].dmmyLayer.onmouseout = navBarItemOff;
if (isMinNS4) {
this.menus[i].items[j].dmmyLayer.document.highLayer = this.menus[i].items[j].highLayer;
this.menus[i].items[j].dmmyLayer.document.parentHighLayer = this.menus[i].hdrHighLayer;
this.menus[i].items[j].dmmyLayer.document.menuLayer = this.menus[i].baseLayer;
this.menus[i].items[j].dmmyLayer.document.link = this.menus[i].items[j].link;
this.menus[i].items[j].dmmyLayer.document.captureEvents(Event.MOUSEUP);
this.menus[i].items[j].dmmyLayer.document.onmouseup = navBarItemClick;
}
if (isMinIE4) {
this.menus[i].items[j].dmmyLayer.highLayer = this.menus[i].items[j].highLayer;
this.menus[i].items[j].dmmyLayer.parentHighLayer = this.menus[i].hdrHighLayer;
this.menus[i].items[j].dmmyLayer.menuLayer = this.menus[i].baseLayer;
this.menus[i].items[j].dmmyLayer.link = this.menus[i].items[j].link;
this.menus[i].items[j].dmmyLayer.onclick = navBarItemClick;
}
y += height + this.separator;
}
width = this.menus[i].width;
height = y - this.separator + this.border;
this.menus[i].baseLayer.width = this.menus[i].width;
this.menus[i].baseLayer.height = height;
if (isMinIE4)
navBarIEResizeLayer(this.menus[i].baseLayer, width, height);
clipLayer(this.menus[i].baseLayer, 0, 0, width, height);
this.menus[i].baseLayer.parentHighLayer = this.menus[i].hdrHighLayer;
this.menus[i].baseLayer.onmouseout = navBarMenuOff;
}
this.created = true;
this.resize(this.width);
showLayer(this.baseLayer);
}
function navBarHide() {
if (this.created)
hideLayer(this.baseLayer);
}
function navBarShow() {
if (this.created)
showLayer(this.baseLayer);
}
function navBarMoveTo(x, y) {
this.x = x;
this.y = y;
if (this.created)
moveLayerTo(this.baseLayer, this.x, this.y);
}
function navBarMoveBy(dx, dy) {
this.x += dx;
this.y += dy;
if (this.created)
moveLayerTo(this.baseLayer, this.x, this.y);
}
function navBarGetzIndex() {
if (this.created)
return getzIndex(this.baseLayer);
return 0;
}
function navBarSetzIndex(z) {
var i;
if (this.created) {
setzIndex(this.baseLayer, z);
for (i = 0; i < this.menus.length; i++)
setzIndex(this.menus[i].baseLayer, z);
}
}
function navBarGetWidth() {
return this.width;
}
function navBarGetMinWidth() {
return this.minWidth;
}
function navBarGetAlign() {
return this.align;
}
function navBarSetAlign(align) {
this.align = align;
if (this.created)
this.resize(this.width);
}
function navBarResize(width) {
if (this.created) {
this.width = Math.max(width, this.minWidth);
if (isMinIE4) {
navBarIEResizeLayer(this.fillerLayer, this.width - 2 * this.border, this.height - 2 * this.border);
navBarIEResizeLayer(this.baseLayer, this.width, this.height);
}
clipLayer(this.fillerLayer, 0, 0, this.width - 2 * this.border, this.height - 2 * this.border);
clipLayer(this.baseLayer, 0, 0, this.width, this.height);
if (this.align == "left")
this.hdrsOffsetX = 0;
else if (this.align == "center")
this.hdrsOffsetX = Math.round((this.width - this.minWidth) / 2);
else if (this.align == "right")
this.hdrsOffsetX = this.width - this.minWidth;
else
this.hdrsOffsetX = Math.min(parseInt(this.align, 10), this.width - this.minWidth);
moveLayerTo(this.hdrsBaseLayer, this.hdrsOffsetX, 0);
for (i = 0; i < this.menus.length; i++) {
this.menus[i].hdrDmmyLayer.offsetX = this.menus[i].hdrLeft - this.border;
if (this.hdrsOffsetX + this.menus[i].hdrDmmyLayer.offsetX + this.menus[i].width > this.width)
this.menus[i].hdrDmmyLayer.offsetX = this.menus[i].hdrRight - this.menus[i].width;
}
}
else
this.width = width;
}
function navBarInvert() {
this.inverted = !this.inverted;
}
function navBarIsInverted() {
return this.inverted;
}
function navBarIEResizeLayer(layer, width, height) {
layer.style.pixelWidth = width;
layer.style.pixelHeight = height;
}
function navBarHeaderOn(e) {
var bar;
var x, y;
bar = navBars[this.index];
if (this.menuLayer != null) {
x = bar.x + bar.hdrsOffsetX + this.offsetX;
y = bar.y + this.offsetY;
if (bar.inverted)
y = bar.y - this.menuLayer.height + bar.border;
moveLayerTo(this.menuLayer, x, y);
this.menuLayer.left = getPageLeft(this.menuLayer);
this.menuLayer.top = getPageTop(this.menuLayer);
this.menuLayer.right = this.menuLayer.left + this.menuLayer.width + 1;
this.menuLayer.bottom = this.menuLayer.top + this.menuLayer.height + 1;
}
if (isMinIE4) {
if (bar.activeHeader != null && bar.activeHeader != this) {
hideLayer(bar.activeHeader.highLayer);
if (bar.activeHeader.menuLayer != null)
hideLayer(bar.activeHeader.menuLayer);
}
bar.activeHeader = this;
}
showLayer(this.highLayer);
if (this.menuLayer != null)
showLayer(this.menuLayer);
}
function navBarHeaderOff(e) {
if (this.menuLayer != null) {
if (isMinIE4) {
mouseX = window.event.clientX + document.body.scrollLeft;
mouseY = window.event.clientY + document.body.scrollTop;
}
if (mouseX >= this.menuLayer.left&&
mouseX <= this.menuLayer.right &&
mouseY >= this.menuLayer.top &&
mouseY <= this.menuLayer.bottom)
return;
hideLayer(this.menuLayer);
}
hideLayer(this.highLayer);
}
function navBarMenuOff(e) {
if (isMinIE4) {
mouseX = window.event.clientX + document.body.scrollLeft;
mouseY = window.event.clientY + document.body.scrollTop;
if (mouseX >= this.left&&
mouseX <= this.right &&
mouseY >= this.top &&
mouseY <= this.bottom)
return;
}
hideLayer(this);
hideLayer(this.parentHighLayer);
}
function navBarItemOn() {
showLayer(this.highLayer);
}
function navBarItemOff() {
hideLayer(this.highLayer);
}
function navBarItemClick(e) {
if (this.link == "")
return true;
if (this.menuLayer != null) {
hideLayer(this.menuLayer);
}
if (this.parentHighLayer != null) {
hideLayer(this.parentHighLayer);
}
hideLayer(this.highLayer);
if (this.link.indexOf("javascript:") == 0)
eval(this.link);
else
window.location.href = this.link;
return true;
}
var mouseX = 0;
var mouseY = 0;
if (isMinNS4)
document.captureEvents(Event.MOUSEMOVE);
document.onmousemove = navBarGetMousePosition;
function navBarGetMousePosition(e) {
if (isMinNS4) {
mouseX = e.pageX;
mouseY = e.pageY;
}
if (isMinIE4) {
mouseX = window.event.clientX + document.body.scrollLeft;
mouseY = window.event.clientY + document.body.scrollTop;
}
}
var origWidth;
var origHeight;
if (isMinNS4) {
origWidth= window.innerWidth;
origHeight = window.innerHeight;
}
window.onresize = navBarReload;
function navBarReload() {
if (isMinNS4 && origWidth == window.innerWidth && origHeight == window.innerHeight)
return;
if (isMinIE4)
setTimeout('window.location.href = window.location.href', 2000);
else
window.location.href = window.location.href;
}
var myNavBar = new NavBar(400);
myNavBar.setAlign("center");
var myNavBarExpires=new Date();
myNavBarExpires.setTime(myNavBarExpires.getTime()+(86400*1000*30));
menu = new NavBarMenu(100, 100);
menu.addItem(new NavBarMenuItem("<center>Spectrum</center>", ""));
menu.addItem(new NavBarMenuItem("TopLine", ""));
menu.addItem(new NavBarMenuItem("Stroom", "../nl/sp-power.shtml"));
menu.addItem(new NavBarMenuItem("Radiogolven", "../nl/sp-radio.shtml"));
menu.addItem(new NavBarMenuItem("Microgolven", "../nl/sp-micro.shtml"));
menu.addItem(new NavBarMenuItem("Infrarood", "../nl/sp-infra.shtml"));
menu.addItem(new NavBarMenuItem("Zichtbaar licht", "../nl/sp-visible.shtml"));
menu.addItem(new NavBarMenuItem("Ultra violet", "../nl/sp-ultra.shtml"));
menu.addItem(new NavBarMenuItem("R&ouml;ntgen straling", "../nl/sp-xray.shtml"));
menu.addItem(new NavBarMenuItem("Gamma straling", "../nl/sp-gamma.shtml"));
menu.addItem(new NavBarMenuItem("BottomLine", ""));
myNavBar.addMenu(menu);
menu = new NavBarMenu(100, 100);
menu.addItem(new NavBarMenuItem("<center>Gedrag</center>", ""));
menu.addItem(new NavBarMenuItem("TopLine", ""));
menu.addItem(new NavBarMenuItem("Reflectie", "../nl/br-reflect.shtml"));
menu.addItem(new NavBarMenuItem("Breking", "../nl/br-refract.shtml"));
menu.addItem(new NavBarMenuItem("Diffractie", "../nl/br-diffract.shtml"));
menu.addItem(new NavBarMenuItem("Interferentie", "../nl/br-interf.shtml"));
menu.addItem(new NavBarMenuItem("BottomLine", ""));
myNavBar.addMenu(menu);
menu = new NavBarMenu(100, 100);
menu.addItem(new NavBarMenuItem("<center>Kenmerken</center>", ""));
menu.addItem(new NavBarMenuItem("TopLine", ""));
menu.addItem(new NavBarMenuItem("Frequentie", "../nl/pr-freq.shtml"));
menu.addItem(new NavBarMenuItem("Golflengte", "../nl/pr-wavelen.shtml"));
menu.addItem(new NavBarMenuItem("Periode", "../nl/pr-period.shtml"));
menu.addItem(new NavBarMenuItem("Amplitude", "../nl/pr-amplitud.shtml"));
menu.addItem(new NavBarMenuItem("BottomLine", ""));
myNavBar.addMenu(menu);
menu = new NavBarMenu(100, 100);
menu.addItem(new NavBarMenuItem("<center>Natuur</center>", ""));
menu.addItem(new NavBarMenuItem("TopLine", ""));
menu.addItem(new NavBarMenuItem("De Zon", "../nl/nt-sun.shtml"));
menu.addItem(new NavBarMenuItem("Bliksem", "../nl/nt-lightni.shtml"));
menu.addItem(new NavBarMenuItem("Regenboog", "../nl/nt-rainbow.shtml"));
menu.addItem(new NavBarMenuItem("Noorderlicht", "../nl/nt-norther.shtml"));
menu.addItem(new NavBarMenuItem("Dieren", "../nl/nt-animals.shtml"));
menu.addItem(new NavBarMenuItem("BottomLine", ""));
myNavBar.addMenu(menu);
menu = new NavBarMenu(100, 100);
menu.addItem(new NavBarMenuItem("<center>Interactief</center>", ""));
menu.addItem(new NavBarMenuItem("TopLine", ""));
menu.addItem(new NavBarMenuItem("Klaslokaal", "../cgi-bin/nl-class.cgi"));
menu.addItem(new NavBarMenuItem("Puzzle", "../cgi-bin/nl-puzl.cgi"));
menu.addItem(new NavBarMenuItem("Woordzoeker", "../nl/ia-crossw.shtml"));
menu.addItem(new NavBarMenuItem("BottomLine", ""));
myNavBar.addMenu(menu);
menu = new NavBarMenu(100, 100);
menu.addItem(new NavBarMenuItem("<center>Over...</center>", ""));
menu.addItem(new NavBarMenuItem("TopLine", ""));
menu.addItem(new NavBarMenuItem("ThinkQuest", "../nl/ab-thinkq.shtml"));
menu.addItem(new NavBarMenuItem("Credits", "../nl/ab-credits.shtml"));
menu.addItem(new NavBarMenuItem("De site", "../nl/ab-site.shtml"));
menu.addItem(new NavBarMenuItem("Het team", "../nl/ab-team.shtml"));
menu.addItem(new NavBarMenuItem("Reageren", "../nl/ab-contact.shtml"));
menu.addItem(new NavBarMenuItem("BottomLine", ""));
myNavBar.addMenu(menu);
menu = new NavBarMenu(100, 100);
menu.addItem(new NavBarMenuItem("<center>Menu Opties</center>", ""));
menu.addItem(new NavBarMenuItem("TopLine", ""));
menu.addItem(new NavBarMenuItem("Menu bovenaan","javascript:myNavBarSetPosition('top');"));
menu.addItem(new NavBarMenuItem("Menu onderaan","javascript:myNavBarSetPosition('bottom');"));
menu.addItem(new NavBarMenuItem("Links uitlijnen","javascript:myNavBarSetAlignment('left');"));
menu.addItem(new NavBarMenuItem("Centreren","javascript:myNavBarSetAlignment('center');"));
menu.addItem(new NavBarMenuItem("Rechts uitlijnen","javascript:myNavBarSetAlignment('right');"));
menu.addItem(new NavBarMenuItem("BottomLine", ""));
myNavBar.addMenu(menu);
function init() {
myNavBar.resize(getWindowWidth());
myNavBar.create();
var position,alignment;
position=getCookie("myNavBarPosition");
alignment=getCookie("myNavBarAlignment");
if(position=="") position="top";
if(alignment=="") alignment="center";
myNavBarSetPosition(position);
myNavBarSetAlignment(alignment);
}
function myNavBarSetAlignment(alignment) {
myNavBar.setAlign(alignment);
setCookie("myNavBarAlignment",alignment,myNavBarExpires);
}
function setCookie(name,value,expires){
document.cookie=name+"="+escape(value)+"; expires="+expires.toGMTString()+"; path=/";
}
function getCookie(name){
var search;
search=name+"=";
offset=document.cookie.indexOf(search);
if(offset!=-1){
offset+=search.length;
end=document.cookie.indexOf(";",offset);
if(end==-1)end=document.cookie.length;
return unescape(document.cookie.substring(offset,end));
}
else return "";
}
function myNavBarSetPosition(position){
myNavBar.position=position
if(position=="top"&&myNavBar.isInverted())myNavBar.invert()
if(position=="bottom"&&!myNavBar.isInverted())myNavBar.invert()
myNavBarUpdate();
setCookie("myNavBarPosition",position,myNavBarExpires);
}
function myNavBarUpdate(){
var viewTop,viewBottom;
var targetY;
var dy;
viewTop=getPageScrollY();
viewBottom=viewTop+getWindowHeight();
if(myNavBar.bottom<viewTop) myNavBar.moveTo(0,viewTop-myNavBar.height);
if(myNavBar.top>viewBottom) myNavBar.moveTo(0,viewBottom);
if(myNavBar.position=="top"){
dy=Math.round(Math.abs(viewTop-myNavBar.y)/2);
if(viewTop<myNavBar.y) dy=-dy;
}
else {
dy=Math.round(Math.abs(viewBottom-myNavBar.height-myNavBar.y)/2)
if(viewBottom-myNavBar.height<myNavBar.y) dy=-dy;
}
myNavBar.moveBy(0,dy);
setTimeout('myNavBarUpdate()',25);
}