function DropDownMenuX(id){var self = this;this.type = "horizontal";this.delay = {"show": 0,"hide": 400};this.position = {"level1": { "top": 0, "left": 0},"levelX": { "top": 0, "left": 0}};this.fixIeSelectBoxBug = true;this.zIndex = {"visible": 500,"hidden": -1};this.browser = {"ie": Boolean(document.body.currentStyle),"ie5": (navigator.appVersion.indexOf("MSIE 5.5") != -1 || navigator.appVersion.indexOf("MSIE 5.0") != -1),"ie6": (navigator.appVersion.indexOf("MSIE 6.0") != -1)};if (!this.browser.ie) {this.browser.ie5 = false;this.browser.ie6 = false;};this.origWidth = document.body.clientWidth;this.origHeight = document.body.clientHeight;this.init = function(){if (!document.getElementById(this.id)) { return alert("DropDownMenuX.init() failed. Element '"+ this.id +"' does not exist."); }if (this.type != "horizontal" && this.type != "vertical") { return alert("DropDownMenuX.init() failed. Unknown menu type: '"+this.type+"'"); }if (this.browser.ie && this.browser.ie5) { fixWrap(); }fixSections();parse(document.getElementById(this.id).childNodes, this.tree, this.id);if (window.addEventListener) {window.addEventListener('resize', this.onresize, false);} else if (window.attachEvent) {window.attachEvent('onresize', this.onresize);} else {window.onresize = this.onresize;}};this.onresize = function(){if (self.origWidth != document.body.clientWidth || self.origHeight != document.body.clientHeight){self.origWidth = document.body.clientWidth;self.origHeight = document.body.clientHeight;self.resizeFix();}};this.resizeFix = function(){clearTimers(); for (var i = 0; i < this.visible.length; i++) {this.hideSection(this.visible[i]);};this.tree = [];this.sections = [];this.sectionsShowCnt = [];this.sectionsHideCnt = [];this.itemShowCnt = 0;this.timers = [];this.visible = [];parse(document.getElementById(this.id).childNodes, this.tree, this.id);};function fixSections() {var arr = document.getElementById(self.id).getElementsByTagName("div");var sections = new Array();var widths = new Array();for (var i = 0; i < arr.length; i++) {if (arr[i].className == "section") {sections.push(arr[i]);}}for (var i = 0; i < sections.length; i++) {widths.push(getMaxWidth(sections[i].childNodes));}for (var i = 0; i < sections.length; i++) {sections[i].style.width = (widths[i]) + "px";}if (self.browser.ie) {for (var i = 0; i < sections.length; i++) {setMaxWidth(sections[i].childNodes, widths[i]);}}}function fixWrap() {var elements = document.getElementById(self.id).getElementsByTagName("a");for (var i = 0; i < elements.length; i++) {if (/\bitem[0-9]+\b/.test(elements[i].className)) {elements[i].innerHTML = '<div nowrap="nowrap">'+elements[i].innerHTML+'</div>';}}}function getMaxWidth(nodes) {var maxWidth = 0;for (var i = 0; i < nodes.length; i++) {if (nodes[i].nodeType != 1 || /section/.test(nodes[i].className)) { continue; }if (nodes[i].offsetWidth > maxWidth) { maxWidth = nodes[i].offsetWidth; }}return maxWidth;}function setMaxWidth(nodes, maxWidth) {for (var i = 0; i < nodes.length; i++) {if (nodes[i].nodeType == 1 && /\bitem[0-9]+\b/.test(nodes[i].className) && nodes[i].currentStyle) {if (self.browser.ie5) {nodes[i].style.width = (maxWidth) + "px";} else {nodes[i].style.width = (maxWidth - parseInt(nodes[i].currentStyle.paddingLeft) - parseInt(nodes[i].currentStyle.paddingRight)) + "px";}}}}this.box1Cache = {};function parse(nodes, tree, id) {for (var i = 0; i < nodes.length; i++) {if (1 != nodes[i].nodeType) {continue;}switch (true) { case /\bitem[0-9]+\b/.test(nodes[i].className):nodes[i].id = id + "-" + tree.length;tree.push(new Array());nodes[i].onmouseover = itemOver;nodes[i].onmouseout = itemOut;break; case /\bsection\b/.test(nodes[i].className):nodes[i].id = id + "-" + (tree.length - 1) + "-section";nodes[i].onmouseover = sectionOver;nodes[i].onmouseout = sectionOut;var box1 = document.getElementById(id + "-" + (tree.length - 1));var box1Cache;if (self.box1Cache[box1.id]) {box1Cache = self.box1Cache[box1.id];} else {self.box1Cache[box1.id] = {offsetWidth: box1.offsetWidth,offsetHeight: box1.offsetHeight,offsetTop: box1.offsetTop,offsetLeft: box1.offsetLeft};box1Cache = self.box1Cache[box1.id];}var box2 = document.getElementById(nodes[i].id);var el = new Element(box1.id);if (1 == el.level) {if ("horizontal" == self.type) {box2.style.top = box1.offsetTop + box1.offsetHeight + self.position.level1.top + "px";if (self.browser.ie5) {box2.style.left = self.position.level1.left + "px";} else {box2.style.left = box1.offsetLeft + self.position.level1.left + "px";}} else if ("vertical" == self.type) {box2.style.top = box1.offsetTop + self.position.level1.top + "px";if (self.browser.ie5) {box2.style.left = box1.offsetWidth + self.position.level1.left + "px";} else {box2.style.left = box1.offsetLeft + box1.offsetWidth + self.position.level1.left + "px";}}} else {box2.style.top = box1Cache.offsetTop + self.position.levelX.top + "px";box2.style.left = box1Cache.offsetLeft + box1Cache.offsetWidth + self.position.levelX.left + "px";}self.sections.push(nodes[i].id);self.sectionsShowCnt.push(0);self.sectionsHideCnt.push(0);if (self.fixIeSelectBoxBug && self.browser.ie6) {nodes[i].innerHTML = nodes[i].innerHTML + '<iframe id="'+nodes[i].id+'-iframe" src="javascript:false;" scrolling="no" frameborder="0" style="position: absolute; top: 0px; left: 0px; display: none; filter:alpha(opacity=0);"></iframe>';}break;}if (nodes[i].childNodes) {if (/\bsection\b/.test(nodes[i].className)) {parse(nodes[i].childNodes, tree[tree.length - 1], id + "-" + (tree.length - 1));} else {parse(nodes[i].childNodes, tree, id);}}}}function itemOver() { self.itemShowCnt++;var id_section = this.id + "-section";if (self.visible.length) {var el = new Element(self.visible.getLast());el = document.getElementById(el.getParent().id);if (/\bitem[0-9]+-active\b/.test(el.className)) { el.className = el.className.replace(/\b(item[0-9]+)-active\b/, "$1"); }}if (self.sections.contains(id_section)) {clearTimers();self.sectionsHideCnt[self.sections.indexOf(id_section)]++;var cnt = self.sectionsShowCnt[self.sections.indexOf(id_section)];var timerId = setTimeout(function(a, b) { return function() { self.showSection(a, b); } } (id_section, cnt), self.delay.show);self.timers.push(timerId);} else {if (self.visible.length) {clearTimers();var timerId = setTimeout(function(a, b) { return function() { self.showItem(a, b); } } (this.id, self.itemShowCnt), self.delay.show);self.timers.push(timerId);}}}function itemOut() { self.itemShowCnt++;var id_section = this.id + "-section";if (self.sections.contains(id_section)) {self.sectionsShowCnt[self.sections.indexOf(id_section)]++;if (self.visible.contains(id_section)) {var cnt = self.sectionsHideCnt[self.sections.indexOf(id_section)];var timerId = setTimeout(function(a, b) { return function() { self.hideSection(a, b); } }(id_section, cnt), self.delay.hide);self.timers.push(timerId);}}}function sectionOver() { self.sectionsHideCnt[self.sections.indexOf(this.id)]++;var el = new Element(this.id);var parent = document.getElementById(el.getParent().id);if (!/\bitem[0-9]+-active\b/.test(parent.className)) { parent.className = parent.className.replace(/\b(item[0-9]+)\b/, "$1-active"); }}function sectionOut() {self.sectionsShowCnt[self.sections.indexOf(this.id)]++;var cnt = self.sectionsHideCnt[self.sections.indexOf(this.id)];var timerId = setTimeout(function(a, b) { return function() { self.hideSection(a, b); } }(this.id, cnt), self.delay.hide);self.timers.push(timerId);};this.showSection = function(id, cnt) {if (typeof cnt != "undefined") {if (cnt != this.sectionsShowCnt[this.sections.indexOf(id)]) { return; }} this.sectionsShowCnt[this.sections.indexOf(id)]++;if (this.visible.length) {if (id == this.visible.getLast()) { return; }var el = new Element(id);var parents = el.getParentSections();for (var i = this.visible.length - 1; i >= 0; i--) {if (parents.contains(this.visible[i])) {break;} else {this.hideSection(this.visible[i]);}}}var el = new Element(id);var parent = document.getElementById(el.getParent().id);if (!/\bitem[0-9]+-active\b/.test(parent.className)) {parent.className = parent.className.replace(/\b(item[0-9]+)\b/, "$1-active");}if (document.all) { document.getElementById(id).style.display = "block"; }document.getElementById(id).style.visibility = "visible";document.getElementById(id).style.zIndex = this.zIndex.visible;if (this.fixIeSelectBoxBug && this.browser.ie6) {var div = document.getElementById(id);var iframe = document.getElementById(id+"-iframe");iframe.style.width = div.offsetWidth + parseInt(div.currentStyle.borderLeftWidth) + parseInt(div.currentStyle.borderRightWidth);iframe.style.height = div.offsetHeight + parseInt(div.currentStyle.borderTopWidth) + parseInt(div.currentStyle.borderBottomWidth);iframe.style.top = -parseInt(div.currentStyle.borderTopWidth);iframe.style.left = -parseInt(div.currentStyle.borderLeftWidth);iframe.style.zIndex = div.style.zIndex - 1;iframe.style.display = "block";}this.visible.push(id);};this.showItem = function(id, cnt) {if (typeof cnt != "undefined") {if (cnt != this.itemShowCnt) { return; }};this.itemShowCnt++;if (this.visible.length) {var el = new Element(id + "-section");var parents = el.getParentSections();for (var i = this.visible.length - 1; i >= 0; i--) {if (parents.contains(this.visible[i])) {break;} else {this.hideSection(this.visible[i]);}}}};this.hideSection = function(id, cnt) {if (typeof cnt != "undefined") {if (cnt != this.sectionsHideCnt[this.sections.indexOf(id)]) { return; }if (id == this.visible.getLast()) { for (var i = this.visible.length - 1; i >= 0; i--) {this.hideSection(this.visible[i]);}return;}} var el = new Element(id);var parent = document.getElementById(el.getParent().id);if (/\bitem[0-9]+-active\b/.test(parent.className)) { parent.className = parent.className.replace(/\b(item[0-9]+)-active\b/, "$1");}document.getElementById(id).style.zIndex = this.zIndex.hidden;document.getElementById(id).style.visibility = "hidden";if (document.all) { document.getElementById(id).style.display = "none"; }if (this.fixIeSelectBoxBug && this.browser.ie6) {var iframe = document.getElementById(id+"-iframe");iframe.style.display = "none";}if (this.visible.contains(id)) {if (id == this.visible.getLast()) {this.visible.pop();} else { return;}} else {return;};this.sectionsHideCnt[this.sections.indexOf(id)]++;};function Element(id) {this.menu = self;this.id = id; this.getLevel = function() {var s = this.id.substr(this.menu.id.length);return s.substrCount("-");};this.getParent = function() {var s = this.id.substr(this.menu.id.length);var a = s.split("-");a.pop();return new Element(this.menu.id + a.join("-"));};this.hasParent = function() {var s = this.id.substr(this.menu.id.length);var a = s.split("-");return a.length > 2;}; this.hasChilds = function() {return Boolean(document.getElementById(this.id + "-section"));};this.getParentSections = function() {var s = this.id.substr(this.menu.id.length);s = s.substr(0, s.length - "-section".length);var a = s.split("-");a.shift();a.pop();var s = this.menu.id;var parents = [];for (var i = 0; i < a.length; i++) {s += ("-" + a[i]);parents.push(s + "-section");}return parents;};this.level = this.getLevel();}function clearTimers() {for (var i = self.timers.length - 1; i >= 0; i--) {clearTimeout(self.timers[i]);self.timers.pop();}}this.id = id; this.tree = []; this.sections = [];this.sectionsShowCnt = [];this.sectionsHideCnt = [];this.itemShowCnt = 0;this.timers = []; this.visible = []; } if (typeof Array.prototype.indexOf == "undefined") {Array.prototype.indexOf = function(item) {for (var i = 0; i < this.length; i++) {if (this[i] === item) {return i;}}return -1;}} if (typeof Array.prototype.contains == "undefined") {Array.prototype.contains = function(s) {for (var i = 0; i < this.length; i++) {if (this[i] === s) {return true;}}return false;}} if (typeof String.prototype.substrCount == "undefined") {String.prototype.substrCount = function(s) {return this.split(s).length - 1;}} if (typeof Array.prototype.getLast == "undefined") {Array.prototype.getLast = function() {return this[this.length-1];}}