[Script] JavaScript - Dropdownmenu

/**************************************
* dropdown menu script von murdoc
* kontakt: murdocc3@web.de
* version 1.0.3
*
* log
* -------
* version 1.0.3
* - dummen fehler bei closeHandle behoben
* - isset() hinzugefügt
* - dropItem() hinzugefügt und unregister() drauf angepasst
* - attribut subc bei items hinzugefügt wo das onclick-event vom script geändert wurde
*
* version 1.0.2
* - oneMenuIsOpen funktion hinzugefügt (menus bleiben offen)
* - for syntax fehler in fetch() behoben
*
* version 1.0.1
* - unregister() hinzugefügt
*
* version 1.0.0 
* - release ;)
*/
var dropDown = new Object();
dropDown.menus = new Object();
dropDown.shutdownTimeout = '';
dropDown.oneMenuIsOpen = false;

/**************************************
* registiert ein dropdownmenu
*
* @param (string) id (element id)
* @return id
*/
dropDown.register = function(id) {
 var element = document.getElementById(id);
 if(element) {
 this.menus[id] = {
 'element' : element,
 'items' : new Array()
 }
 
 return id;
 } else {
 alert('Dropdown Menu - Fehler: Element id: "' + id + '" nicht gefunden!');
 }
}

/***************************************
* testen ob menu existiert
*
* @param (string) id (menu id)
*/
dropDown.isset = function(id) {
 return (typeof this.menus[id] != 'undefined' && this.menus[id] != null); 
}

/***************************************
* fügt ein neues item zu einem menu hinzu
*
* @param (string) id (item id)
* @param (string) menu (menu id)
* @param (bool) ac (auto close => bei klick schließen)
*/
dropDown.addItemById = function(id, menu, ac) {
 if(typeof this.menus[menu] == 'undefined') {
 alert('Kein Dropdownmenu mit id: "' + menu + '" registiert!');
 } else {
 var item = document.getElementById(id);
 if(item) {
 if(ac === true) {
 item.onclick = function() {
 dropDown.hideItems(menu);
 dropDown.oneMenuIsOpen = false;
 return true;
 }
 
 item.subc = 'added';
 }
 this.menus[menu]['items'].push(item);
 }
 }
}

/****************************************
* löscht ein item
*
* @param (string) id (item eintragsnummer)
* @param (string) menu (menu id)
*/
dropDown.dropItem = function(id, menu) {
 if(typeof this.menus[menu] != 'undefined') {
 item = this.menus[menu]['items'][id];
 this.menus[menu]['items'][id] = null;
 if(item.onclick && item.subc == 'added') item.onclick = function() { return true; }
 item.onmouseover = function() { return true; }
 item.onmouseout = function() { return true; }
 item.style.display = '';
 delete item;
 }
}

/****************************************
* löscht ein menu
*
* @param (string) id (menu id)
*/
dropDown.unregister = function(id) {
 if(typeof this.menus[id] != 'undefined') {
 for(i in this.menus[id]['items']) {
 this.dropItem(i, id);
 }
 
 this.menus[id]['element'].onclick = function() { return true; }
 this.menus[id]['element'].onmouseover = function() { return true; }
 this.menus[id]['element'].onmouseout = function() { return true; }
 this.menus[id] = null;
 }
}

/****************************************
* erstellt ein menu
*
* @param (string) id (menu id)
*/
dropDown.fetch = function(id) {
 if(typeof this.menus[id] != 'undefined') {
 for(i in dropDown.menus[id]['items']) {
 this.menus[id]['items'][i].style.display = 'none';
 
 this.menus[id]['items'][i].onmouseout = function() {
 dropDown.shutdownTimeout = window.setTimeout(''
 + 'dropDown.hideItems(\'' + id + '\');'
 + '\ndropDown.oneMenuIsOpen = false;'
 , 1000
 );
 }
 
 this.menus[id]['items'][i].onmouseover = function() {
 window.clearTimeout(dropDown.shutdownTimeout);
 dropDown.oneMenuIsOpen = true;
 }
 }
 
 this.menus[id]['element'].onclick = function() {
 if(dropDown.menus[this.id]['items'][0].style.display == 'none') {
 dropDown.showItems(this.id);
 dropDown.oneMenuIsOpen = true;
 } else {
 dropDown.hideItems(this.id);
 dropDown.oneMenuIsOpen = false;
 }
 
 dropDown.closeMenus(this.id);
 
 return false;
 }
 
 this.menus[id]['element'].onmouseout = function() {
 dropDown.shutdownTimeout = window.setTimeout(''
 + 'dropDown.hideItems(\'' + this.id + '\');'
 + '\ndropDown.oneMenuIsOpen = false;'
 , 1000
 );
 }
 
 this.menus[id]['element'].onmouseover = function() {
 window.clearTimeout(dropDown.shutdownTimeout);
 if(dropDown.oneMenuIsOpen === true) {
 dropDown.showItems(this.id);
 dropDown.closeMenus(this.id);
 }
 }
 }
}

/********************************************
* schließt alle items eines menus
*
* @param (string) id (menu id)
*/
dropDown.hideItems = function(id) {
 if(typeof this.menus[id] != 'undefined') {
 for(i in this.menus[id]['items']) {
 if(this.menus[id]['items'][i] != null) {
 this.menus[id]['items'][i].style.display = 'none';
 }
 }
 }
}

/********************************************
* öffnet alle items
* 
* @param (string) id (menu id)
*/
dropDown.showItems = function(id) {
 if(typeof this.menus[id] != 'undefined') {
 for(i in this.menus[id]['items']) {
 if(this.menus[id]['items'][i] != null) {
 this.menus[id]['items'][i].style.display = '';
 }
 }
 dropDown.oneMenuIsOpen = true;
 }
}

/*********************************************
* schließ offene menus außer das der angegebenen id
*
* @param (string) expID (menu id)
*/
dropDown.closeMenus = function(expID) {
 if(typeof expID == 'undefined') expID = null;
 for(i in this.menus) {
 if(i == expID) continue;
 else {
 this.hideItems(i);
 }
 }
}