try {
//
var anylinkmenu = {
menusmap: {},
effects: { delayhide: 20, shadow: { enabled: true, opacity: 0.3, depth: [5, 5] }, fade: { enabled: false, duration: 500} }, //customize menu effects
dimensions: {},
getoffset: function(what, offsettype) {
return (what.offsetParent) ? what[offsettype] + this.getoffset(what.offsetParent, offsettype) : what[offsettype]
},
getoffsetof: function(el) {
el._offsets = { left: this.getoffset(el, "offsetLeft"), top: this.getoffset(el, "offsetTop"), h: el.offsetHeight }
},
getdimensions: function(menu) {
this.dimensions = { anchorw: menu.anchorobj.offsetWidth, anchorh: menu.anchorobj.offsetHeight,
docwidth: (window.innerWidth || this.standardbody.clientWidth) - 20,
docheight: (window.innerHeight || this.standardbody.clientHeight) - 15,
docscrollx: window.pageXOffset || this.standardbody.scrollLeft,
docscrolly: window.pageYOffset || this.standardbody.scrollTop
}
if (!this.dimensions.dropmenuw) {
this.dimensions.dropmenuw = menu.dropmenu.offsetWidth
this.dimensions.dropmenuh = menu.dropmenu.offsetHeight
}
},
isContained: function(m, e) {
// if (e.type != "mouseover" || e.type != "mouseout")
// alert(e.type);
var c
var e = window.event || e
//var c = e.relatedTarget || ((e.type == "mousedown") ? e.fromElement : e.toElement)
if (m.id.indexOf('anQn') != -1 || m.id.indexOf('anAns') != -1) {
c = e.relatedTarget || ((e.type == "mousedown") ? e.fromElement : e.toElement);
}
else
c = e.relatedTarget || ((e.type == "mouseover") ? e.fromElement : e.toElement);
while (c && c != m) try { c = c.parentNode } catch (e) { c = m }
if (c == m)
return true;
else
return false;
},
setopacity: function(el, value) {
el.style.opacity = value
if (typeof el.style.opacity != "string") { //if it's not a string (ie: number instead), it means property not supported
el.style.MozOpacity = value
if (el.filters) {
el.style.filter = "progid:DXImageTransform.Microsoft.alpha(opacity=" + value * 100 + ")"
}
}
},
showmenu: function(menuid) {
var menu = anylinkmenu.menusmap[menuid]
clearTimeout(menu.hidetimer)
this.getoffsetof(menu.anchorobj)
this.getdimensions(menu)
var posx = menu.anchorobj._offsets.left + (menu.orientation == "lr" ? this.dimensions.anchorw : 0) //base x pos
var posy = menu.anchorobj._offsets.top + this.dimensions.anchorh - (menu.orientation == "lr" ? this.dimensions.anchorh : 0)//base y pos
if (posx + this.dimensions.dropmenuw + this.effects.shadow.depth[0] > this.dimensions.docscrollx + this.dimensions.docwidth) { //drop left instead?
posx = posx - this.dimensions.dropmenuw + (menu.orientation == "lr" ? -this.dimensions.anchorw : this.dimensions.anchorw)
}
if (posy + this.dimensions.dropmenuh > this.dimensions.docscrolly + this.dimensions.docheight) { //drop up instead?
posy = Math.max(posy - this.dimensions.dropmenuh - (menu.orientation == "lr" ? -this.dimensions.anchorh : this.dimensions.anchorh), this.dimensions.docscrolly) //position above anchor or window's top edge
}
if (this.effects.fade.enabled) {
this.setopacity(menu.dropmenu, 0) //set opacity to 0 so menu appears hidden initially
if (this.effects.shadow.enabled)
this.setopacity(menu.shadow, 0) //set opacity to 0 so shadow appears hidden initially
}
menu.dropmenu.setcss({ left: posx + 'px', top: posy + 'px', visibility: 'visible' })
if (this.effects.shadow.enabled) {
//menu.shadow.setcss({width: menu.dropmenu.offsetWidth+"px", height:menu.dropmenu.offsetHeight+"px"})
menu.shadow.setcss({ left: posx + anylinkmenu.effects.shadow.depth[0] + 'px', top: posy + anylinkmenu.effects.shadow.depth[1] + 'px', visibility: 'visible' })
}
if (this.effects.fade.enabled) {
clearInterval(menu.animatetimer)
menu.curanimatedegree = 0
menu.starttime = new Date().getTime() //get time just before animation is run
menu.animatetimer = setInterval(function() { anylinkmenu.revealmenu(menuid) }, 20)
}
},
revealmenu: function(menuid) {
var menu = anylinkmenu.menusmap[menuid]
var elapsed = new Date().getTime() - menu.starttime //get time animation has run
if (elapsed < this.effects.fade.duration) {
this.setopacity(menu.dropmenu, menu.curanimatedegree)
if (this.effects.shadow.enabled)
this.setopacity(menu.shadow, menu.curanimatedegree * this.effects.shadow.opacity)
}
else {
clearInterval(menu.animatetimer)
this.setopacity(menu.dropmenu, 1)
menu.dropmenu.style.filter = ""
}
menu.curanimatedegree = (1 - Math.cos((elapsed / this.effects.fade.duration) * Math.PI)) / 2
},
setcss: function(param) {
for (prop in param) {
this.style[prop] = param[prop]
}
},
hidemenu: function(menuid) {
//alert('hello');
var menu = anylinkmenu.menusmap[menuid]
clearInterval(menu.animatetimer)
menu.dropmenu.setcss({ visibility: 'hidden', left: 0, top: 0 })
menu.shadow.setcss({ visibility: 'hidden', left: 0, top: 0 })
},
getElementsByClass: function(targetclass) {
if (document.querySelectorAll)
return document.querySelectorAll("." + targetclass)
else {
var classnameRE = new RegExp("(^|\\s+)" + targetclass + "($|\\s+)", "i") //regular expression to screen for classname
var pieces = []
var alltags = document.all ? document.all : document.getElementsByTagName("*")
for (var i = 0; i < alltags.length; i++) {
if (typeof alltags[i].className == "string" && alltags[i].className.search(classnameRE) != -1)
pieces[pieces.length] = alltags[i]
}
return pieces
}
},
addDiv: function(divid, divclass, inlinestyle) {
var el = document.createElement("div")
if (divid)
el.id = divid
el.className = divclass
if (inlinestyle != "" && typeof el.style.cssText == "string")
el.style.cssText = inlinestyle
else if (inlinestyle != "")
el.setAttribute('style', inlinestyle)
document.body.appendChild(el)
return el
},
getmenuHTML: function(menuobj) {
var menucontent = []
var frag = ""
for (var i = 0; i < menuobj.items.length; i++) {
frag += '' + menuobj.items[i][0] + '\n'
if (menuobj.items[i][2] == "efc" || i == menuobj.items.length - 1) {
menucontent.push(frag)
frag = ""
}
}
if (typeof menuobj.cols == "undefined")
return '\n' + menucontent.join('') + '\n
'
else {
frag = ""
for (var i = 0; i < menucontent.length; i++) {
frag += '\n'
}
return frag
}
},
addEvent: function(targetarr, functionref, tasktype) {
if (targetarr.length > 0) {
var target = targetarr.shift()
if (target.addEventListener)
target.addEventListener(tasktype, functionref, false)
else if (target.attachEvent)
target.attachEvent('on' + tasktype, function() { return functionref.call(target, window.event) })
this.addEvent(targetarr, functionref, tasktype)
}
},
setupmenu: function(targetclass, anchorobj, pos) {
try {
this.standardbody = (document.compatMode == "CSS1Compat") ? document.documentElement : document.body
var relattr = anchorobj.getAttribute("rel")
dropmenuid = relattr.replace(/\[(\w+)\]/, '')
var dropmenuvar = window[dropmenuid]
var dropmenu = this.addDiv(null, dropmenuvar.divclass, dropmenuvar.inlinestyle) //create and add main sub menu DIV
dropmenu.innerHTML = this.getmenuHTML(dropmenuvar)
var menu = this.menusmap[targetclass + pos] = {
id: targetclass + pos,
anchorobj: anchorobj,
dropmenu: dropmenu,
revealtype: (relattr.length != dropmenuid.length && RegExp.$1 == "click") ? "click" : "mouseover",
orientation: anchorobj.getAttribute("rev") == "lr" ? "lr" : "ud",
shadow: this.addDiv(null, "anylinkshadow", null) //create and add corresponding shadow
}
menu.anchorobj._internalID = targetclass + pos
menu.anchorobj._isanchor = true
menu.dropmenu._internalID = targetclass + pos
menu.shadow._internalID = targetclass + pos
menu.dropmenu.setcss = this.setcss
menu.shadow.setcss = this.setcss
menu.shadow.setcss({ width: menu.dropmenu.offsetWidth + "px", height: menu.dropmenu.offsetHeight + "px" })
this.setopacity(menu.shadow, this.effects.shadow.opacity)
this.addEvent([menu.anchorobj, menu.dropmenu, menu.shadow], function(e) { //MOUSEOVER event for anchor, dropmenu, shadow
var menu = anylinkmenu.menusmap[this._internalID]
if (this._isanchor && menu.revealtype == "mouseover" && !anylinkmenu.isContained(this, e)) { //event for anchor
anylinkmenu.showmenu(menu.id)
}
else if (typeof this._isanchor == "undefined") { //event for drop down menu and shadow
clearTimeout(menu.hidetimer)
}
}, "mouseover")
this.addEvent([menu.anchorobj, menu.dropmenu, menu.shadow], function(e) { //MOUSEOUT event for anchor, dropmenu, shadow
if (!anylinkmenu.isContained(this, e)) {
var menu = anylinkmenu.menusmap[this._internalID]
menu.hidetimer = setTimeout(function() { anylinkmenu.hidemenu(menu.id) }, anylinkmenu.effects.delayhide)
}
}, "mouseout")
this.addEvent([menu.anchorobj, menu.dropmenu], function(e) { //CLICK event for anchor, dropmenu
var menu = anylinkmenu.menusmap[this._internalID]
if (this._isanchor && menu.revealtype == "click") {
if (menu.dropmenu.style.visibility == "visible") {
if (menu.id != 'menuanchorclass8')
anylinkmenu.hidemenu(menu.id)
}
else
anylinkmenu.showmenu(menu.id)
if (e.preventDefault)
e.preventDefault()
return false
}
else
menu.hidetimer = setTimeout(function() { anylinkmenu.hidemenu(menu.id) }, anylinkmenu.effects.delayhide)
//alert(menu.id);
//if ((menu.id == 'menuanchorclass8') || (menu.id == 'menuanchorclass9'))
anylinkmenu.showmenu(menu.id);
}, "click")
}
catch (ex) {
//alert(ex);
}
},
init: function(targetclass) {
try {
var anchors = this.getElementsByClass(targetclass)
for (var i = 0; i < anchors.length; i++) {
this.setupmenu(targetclass, anchors[i], i)
}
}
catch (ex) {
}
}
}
//
}
catch (ex)
{ }