if(typeof dd_domreadycheck=="undefined")
var dd_domreadycheck=false
var anylinkcssmenu={
menusmap:{},
preloadimages: [],
effects:{delayhide: 200,shadow:{enabled:true,opacity:0.3,depth: [5,5]},fade:{enabled:true,duration:500}},
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){
var e=window.event || e
var 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"){
el.style.MozOpacity=value
if(el.filters){
el.style.filter="progid:DXImageTransform.Microsoft.alpha(opacity="+value*100+")"}}
},
showmenu:function(menuid){
var menu=anylinkcssmenu.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)
var posy=menu.anchorobj._offsets.top+this.dimensions.anchorh-(menu.orientation=="lr"? this.dimensions.anchorh : 0)
if(posx+this.dimensions.dropmenuw+this.effects.shadow.depth[0]>this.dimensions.docscrollx+this.dimensions.docwidth){
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){
posy=Math.max(posy-this.dimensions.dropmenuh-(menu.orientation=="lr"?-this.dimensions.anchorh : this.dimensions.anchorh),this.dimensions.docscrolly)}
if(this.effects.fade.enabled){
this.setopacity(menu.dropmenu,0)
if(this.effects.shadow.enabled)
this.setopacity(menu.shadow,0)}
menu.dropmenu.setcss({left:posx+'px',top:posy+'px',visibility:'visible'})
if(this.effects.shadow.enabled)
menu.shadow.setcss({left:posx+anylinkcssmenu.effects.shadow.depth[0]+'px',top:posy+anylinkcssmenu.effects.shadow.depth[1]+'px',visibility:'visible'})
if(this.effects.fade.enabled){
clearInterval(menu.animatetimer)
menu.curanimatedegree=0
menu.starttime=new Date().getTime()
menu.animatetimer=setInterval(function(){anylinkcssmenu.revealmenu(menuid)},20)}
},
revealmenu:function(menuid){
var menu=anylinkcssmenu.menusmap[menuid]
var elapsed=new Date().getTime()-menu.starttime
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]}
},
setcssclass:function(el,targetclass,action){
var needle=new RegExp("(^|\\s+)"+targetclass+"($|\\s+)","ig")
if(action=="check")
return needle.test(el.className)
else if(action=="remove")
el.className=el.className.replace(needle,"")
else if(action=="add"&&!needle.test(el.className))
el.className+=" "+targetclass
},
hidemenu:function(menuid){
var menu=anylinkcssmenu.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")
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}
},
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)}
},
domready:function(functionref){
if(dd_domreadycheck){
functionref()
return}
if(document.addEventListener){
document.addEventListener("DOMContentLoaded",function(){
document.removeEventListener("DOMContentLoaded",arguments.callee,false)
functionref()
dd_domreadycheck=true
},false)}
else if(document.attachEvent){
if(document.documentElement.doScroll&&window==window.top)(function(){
if(dd_domreadycheck)return
try{
document.documentElement.doScroll("left")
}catch(error){
setTimeout(arguments.callee,0)
return}
functionref()
dd_domreadycheck=true
})()}
if(document.attachEvent&&parent.length>0)
this.addEvent(window,function(){functionref()},"load")
},
addState:function(anchorobj,state){
if(anchorobj.getAttribute('data-image')){
var imgobj=(anchorobj.tagName=="IMG")? anchorobj : anchorobj.getElementsByTagName('img')[0]
if(imgobj){
imgobj.src=(state=="add")? anchorobj.getAttribute('data-overimage'): anchorobj.getAttribute('data-image')}}
else
anylinkcssmenu.setcssclass(anchorobj,"selectedanchor",state)
},
setupmenu:function(targetclass,anchorobj,pos){
this.standardbody=(document.compatMode=="CSS1Compat")? document.documentElement : document.body
var relattr=anchorobj.getAttribute("rel")
var dropmenuid=relattr.replace(/\[(\w+)\]/,'')
var menu=this.menusmap[targetclass+pos]={
id: targetclass+pos,
anchorobj: anchorobj,
dropmenu: document.getElementById(dropmenuid),
revealtype:(relattr.length!=dropmenuid.length&&RegExp.$1=="click")? "click" : "mouseover",
orientation: anchorobj.getAttribute("rev")=="lr"? "lr" : "ud",
shadow: document.createElement("div")}
menu.anchorobj._internalID=targetclass+pos
menu.anchorobj._isanchor=true
menu.dropmenu._internalID=targetclass+pos
menu.shadow._internalID=targetclass+pos
menu.shadow.className="anylinkshadow"
document.body.appendChild(menu.dropmenu)
document.body.appendChild(menu.shadow)
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){
var menu=anylinkcssmenu.menusmap[this._internalID]
if(this._isanchor&&menu.revealtype=="mouseover"&&!anylinkcssmenu.isContained(this,e)){
anylinkcssmenu.showmenu(menu.id)
anylinkcssmenu.addState(this,"add")}
else if(typeof this._isanchor=="undefined"){
clearTimeout(menu.hidetimer)}
},"mouseover")
this.addEvent([menu.anchorobj,menu.dropmenu,menu.shadow],function(e){
if(!anylinkcssmenu.isContained(this,e)){
var menu=anylinkcssmenu.menusmap[this._internalID]
menu.hidetimer=setTimeout(function(){
anylinkcssmenu.addState(menu.anchorobj,"remove")
anylinkcssmenu.hidemenu(menu.id)
},anylinkcssmenu.effects.delayhide)}
},"mouseout")
this.addEvent([menu.anchorobj,menu.dropmenu],function(e){
var menu=anylinkcssmenu.menusmap[this._internalID]
if(this._isanchor&&menu.revealtype=="click"){
if(menu.dropmenu.style.visibility=="visible")
anylinkcssmenu.hidemenu(menu.id)
else{
anylinkcssmenu.addState(this,"add")
anylinkcssmenu.showmenu(menu.id)}
if(e.preventDefault)
e.preventDefault()
return false}
else
menu.hidetimer=setTimeout(function(){anylinkcssmenu.hidemenu(menu.id)},anylinkcssmenu.effects.delayhide)
},"click")
},
init:function(targetclass){
this.domready(function(){anylinkcssmenu.trueinit(targetclass)})
},
trueinit:function(targetclass){
var anchors=this.getElementsByClass(targetclass)
var preloadimages=this.preloadimages
for(var i=0;i<anchors.length;i++){
if(anchors[i].getAttribute('data-image')){
preloadimages[preloadimages.length]=new Image()
preloadimages[preloadimages.length-1].src=anchors[i].getAttribute('data-image')}
if(anchors[i].getAttribute('data-overimage')){
preloadimages[preloadimages.length]=new Image()
preloadimages[preloadimages.length-1].src=anchors[i].getAttribute('data-overimage')}
this.setupmenu(targetclass,anchors[i],i)}}}