// VERSION 1.031113      /*        developed by Arthur Naylor, CodneNet, 2003       */   // basic methods and objects ...   function menusClass() {         this.dom=document.getElementById;     this.ie=document.all;     this.ns=document.layers;     this.mac=navigator.userAgent.toLowerCase().indexOf('mac')!=-1;         this.names=null; // image names     this.uppers=null;     this.lowers=null;     this.signals=null;     this.dimmers=null;     this.category=null;     this.images=new Object();     this.imagesPath="/images/menus/";         this.identifiers=null; // layer identifiers (need to be different from image 'names')     this.assignMenus=true;     this.assignSubMenus=false;     this.subMenuHideDelay=2000;     this.delayedHide=false; 	this.keyTop=0; 	this.keyLeft=0;     this.key=new Array();     this.positions=new Array();       } // end   var menus=new menusClass();   var submenus=new menusClass();             // swaps in single or multiple lower images ..   function lowerMenus() {     for(i=0; i<arguments.length; i++) {       if(document.images[arguments[i]] && this.images[arguments[i]+"lower"]) { 	    document.images[arguments[i]].src=this.images[arguments[i]+"lower"].src; 	  } 	  else if(this.ns) { 	    for(j=0; j<document.layers.length; j++) { 	      if(document.layers[j].document.images[arguments[i]] && this.images[arguments[i]+"lower"]) { 	        document.layers[j].document.images[arguments[i]].src=this.images[arguments[i]+"lower"].src; 	      } 	    } 	  }     }   } // end   menusClass.prototype.lower=lowerMenus;           // swaps in single or multiple upper images ...   function upperMenus() {     for(i=0; i<arguments.length; i++) {       if(document.images[arguments[i]] && this.images[arguments[i]+"upper"]) { 	    document.images[arguments[i]].src=this.images[arguments[i]+"upper"].src; 	  } 	  else if(this.ns) {   	    for(j=0; j<document.layers.length; j++) { 	      if(document.layers[j].document.images[arguments[i]] && this.images[arguments[i]+"upper"]) { 	        document.layers[j].document.images[arguments[i]].src=this.images[arguments[i]+"upper"].src; 	      } 	    } 	  } 	}   } // end     menusClass.prototype.upper=upperMenus;           // preload all upper and lower images ...   function preloadMenus() {     if(this.names==null) { return null; }     for(i=0; i<this.names.length; i++) { 	  if(this.lowers!=null && this.lowers[i]) { 	    this.images[this.names[i]+"lower"]=new Image(); 	    this.images[this.names[i]+"lower"].src=this.imagesPath+this.lowers[i]; 	  } 	  if(this.uppers!=null && this.uppers[i]) { 	    this.images[this.names[i]+"upper"]=new Image(); 	    this.images[this.names[i]+"upper"].src=this.imagesPath+this.uppers[i]; 	  } 	  if(this.signals!=null && this.signals[i]) { 	    this.images[this.names[i]+"signal"]=new Image(); 	    this.images[this.names[i]+"signal"].src=this.imagesPath+this.signals[i]; 	  } 	  if(this.dimmers!=null && this.dimmers[i]) { 	    this.images[this.names[i]+"dimmer"]=new Image(); 	    this.images[this.names[i]+"dimmer"].src=this.imagesPath+this.dimmers[i]; 	  } 	}   } // end     menusClass.prototype.preload=preloadMenus;           // assigns all upper images ...   function setupMenus() {     if(this.names==null) { return null; } 		// assign current signal image based on category 	if(this.category!=null && this.signals!=null) { 	  if(document.images[this.category]) { 	    this.images[this.category+"lower"].src=this.images[this.category+"signal"].src; 	    this.images[this.category+"upper"].src=this.images[this.category+"signal"].src; 	  } 	} 		// assign current dimmer images based on category 	if(this.category!=null && this.dimmers!=null) { 	  var marker=this.names.length;       for(i=0; i<this.names.length; i++) { 	    if(this.category===this.names[i]) { 		  marker=i; 		  break; 		} 	  }       for(i=0; i<this.names.length; i++) { 	    if(i>marker) { 	      if(document.images[this.names[i]]) { 	        this.images[this.names[i]+"lower"].src=this.images[this.names[i]+"dimmer"].src; 	        this.images[this.names[i]+"upper"].src=this.images[this.names[i]+"dimmer"].src; 	      } 	    } 	  } 	}         // assign images     for(i=0; i<this.names.length; i++) { 	  if(document.images[this.names[i]]) { 	    document.images[this.names[i]].src=this.images[this.names[i]+"upper"].src; 	  } 	  else if(this.ns) { 	    for(j=0; j<document.layers.length; j++) { 		  if(document.layers[j].document.images[this.names[i]]) { 	        document.layers[j].document.images[this.names[i]].src=this.images[this.names[i]+"upper"].src; 		  } 		} 	  } 	}   } // end     menusClass.prototype.assign=setupMenus;                       // DYNAMIC SUBMENUS ...           // set visibility ..   function setVisibility(submenu,option) {     if(this.dom && document.getElementById(submenu)) { document.getElementById(submenu).style.visibility=option; }     else if(this.ie && document.all[submenu]) { document.all[submenu].style.visibility=option; }     else if(this.ns && document[submenu]) { document[submenu].visibility=option; }   } // end   menusClass.prototype.setVisibility=setVisibility;         // show dynamic sub menus ...   function showDynamicSubMenu(submenu) {     this.hideAllDynamicSubMenus(submenu); 	if(submenu) { this.setVisibility(submenu,"visible"); }   } // end   menusClass.prototype.showDynamicSubMenu=showDynamicSubMenu;         // hide dynamic sub menus ...   function hideDynamicSubMenu(submenu) {     if(this.delayedHide!=false) { this.cancelHideDelay(); } 	if(submenu) { this.setVisibility(submenu,"hidden"); }   } // end   menusClass.prototype.hideDynamicSubMenu=hideDynamicSubMenu;         // hide all dynamic sub menus ...   function hideAllDynamicSubMenus(submenu) {     for(i=0; i<this.identifiers.length; i++) {       if(submenu && this.identifiers==submenu) { continue; }       this.hideDynamicSubMenu(this.identifiers[i]);     }   } // end   menusClass.prototype.hideAllDynamicSubMenus=hideAllDynamicSubMenus;         // delayed hiding of all dynamic sub menus ...   function hidingAllDynamicSubMenus() {     this.delayedHide=setTimeout('menus.hideAllDynamicSubMenus()',this.subMenuHideDelay);   } // end   menusClass.prototype.hidingAllDynamicSubMenus=hidingAllDynamicSubMenus;         // cancel the delayed hiding of all dynamic sub menus ...   function cancelHideDelay() {     clearTimeout(this.delayedHide);    this.delayedHide=false;   } // end   menusClass.prototype.cancelHideDelay=cancelHideDelay;           // get position of key image ...   function getKeyPosition(image) { image="goingson"; 	var element=null,top=0,left=0; 	if (this.dom){ element=document.getElementById(image); } 	else if (this.ie) { element=document.all.image; } 	else if (this.ns) { element=document.images[image]; } 	if (this.ns) { 	  this.keyTop=element.y; 	  this.keyLeft=element.x; 	} 	else { 	  if(element.y) { this.keyTop=element.y } 	  else { this.keyTop=this.getOffset(element,"Top"); } 	  if(element.x) { this.keyLeft=element.x } 	  else { this.keyLeft=this.getOffset(element,"Left"); } 	} alert('top '+this.keyTop+' left '+this.keyLeft );   } // end   menusClass.prototype.getKeyPosition=getKeyPosition;         function getOffset(image,offset) { 	var position=0;     while (image!=null) {       position+=image["offset"+offset];       image=image.offsetParent;     }  	return position;   } // end   menusClass.prototype.getOffset=getOffset;           // set dynamic sub menus positions ...   function adjustDynamicSubMenus(image) {      this.getKeyPosition(image); 	var tops=new Array(); 	var lefts=new Array(); 	var i=0, j=0, topmargin=0, leftmargin=0; 	while(i<this.positions.length) { 	  tops[j]=this.positions[i]; 	  lefts[j]=this.positions[i+1]; 	  i+=2; 	  j++; 	}     for(i=0; i<this.identifiers.length; i++) { 	  var top=0, left=0; 	  var object=null; 	  if(this.ie && this.mac) {         topmargin=parseInt(document.body.topMargin); 	    leftmargin=parseInt(document.body.leftMargin); 	  }       if(this.dom) { object=document.getElementById(this.identifiers[i]).style; }       else if(this.ie) { object=document.all[this.identifiers[i]].style; }       else if(this.ns) { object=document[this.identifiers[i]]; } 	  object.top=this.keyTop+tops[i]+topmargin-this.key[0]; 	  object.left=this.keyLeft+lefts[i]+leftmargin-this.key[1]; 	}   } // end   menusClass.prototype.adjustDynamicSubMenus=adjustDynamicSubMenus;         // public methods ...   menusClass.prototype.show=showDynamicSubMenu;   menusClass.prototype.hide=hidingAllDynamicSubMenus;   menusClass.prototype.positioning=adjustDynamicSubMenus;   menusClass.prototype.position=adjustDynamicSubMenus;