//2015-03-07
/* Script for navigation menus. Requires files "axs.css" and "axs.js" included first.
Include the script in the :
Menu HTML structure supported by this script:
Function arguments for attach():
0: ID of the menu element.
1: Config options:
dropdown: enable dropdown menu functionality;
toggle: enable menu toggle switch (mostly used for mobil layout);
*/
axs.menu={
cfg:{},
defaults:{'dropdown':false,'dropout':false,'toggle':false,'fixed':false},
init:function(){
var menus=document.querySelectorAll('nav.menu');
for (var i=0, len=menus.length; i
attach:function(node){//
var a=axs.fn_args(arguments,{'node':null,'cfg':{}});
if (typeof(node)==='string') node=document.getElementById(node);
if (typeof(this.cfg[node.id])==="undefined") this.cfg[node.id]={};
for (k in this.defaults) {
if (typeof(a.cfg[k])!=="undefined") this.cfg[node.id][k]=a.cfg[k];
if (typeof(this.cfg[node.id][k])==="undefined") this.cfg[node.id][k]=this.defaults[k];
if (this.cfg[node.id][k]) axs.class_add(node,k);
}
if (axs.class_has(node,'toggle')) this.menuToggle(node);
if (axs.class_has(node,'dropdown')) this.dropdown(node);
if (axs.class_has(node,'img-swap')) this.img(node);
},//
menuToggle:function(menu){//
axs.class_add(menu,'js');
if (axs.class_has(menu,'fixed')) axs.class_add(document.getElementsByTagName('html')[0],'menu_fixed');
var sw=menu.querySelectorAll('.toggle');
for (var i=0, len=sw.length; i
dropdown:function(menu){//
axs.class_add(menu,'js');
var el=menu.querySelectorAll("li>a");
for (var i=0; i
dropdownClose:function(li){//
for(var i=0; i
//
img:function(node){
var img=new Image();//
var li=node.getElementsByTagName('li');
for (var i=0, len=li.length; i
li[i].onmouseover=li[i].onmouseout=axs.menu.imgSwap;
}
},//
imgGet:function(node){
var o={
src:node.childNodes[0].getElementsByTagName('img')[0].src,
hover:(/\bhover\b/.exec(node.className)||/\bact\b/.exec(node.className))
};
if (o.hover) o.src=o.src.replace(/_act\.(([a-z]|[0-9])+$)/i,'\.$1');
else o.src=o.src.replace(/\.(([a-z]|[0-9])+$)/i,'_act\.$1');
return o;
},//
imgSwap:function(){
if (/\bact\b/.exec(this.className)) return false;
var o=axs.menu.imgGet(this);
if (o.hover) this.className=this.className.replace(/hover| hover/, '');
else this.className=(this.className) ? this.className+' hover':'hover';
this.childNodes[0].getElementsByTagName('img')[0].src=o.src;
}//
//
}//
axs.menu.init();
//2010-01-07