// 3 variables are defined in wu_dropdown.css
var MenuClass = 'dropdown_menu'; // main 'ul' class
var SubMenuToggleClass = 'activesubmenu';  //submenu header/main item
var SubMenuItemToggleClass = 'hidden'; // all items under submenu

var toggleMenu = {
	init : function(sContainerClass, sHiddenClass) {
	
		if (!document.getElementById || !document.createTextNode) {return;} // Check for DOM support
		var arrMenus = this.getElementsByClassName(document, 'ul', sContainerClass);
		var arrSubMenus, oSubMenu, oLink;

		for (var i = 0; i < arrMenus.length; i++) {
			arrSubMenus = arrMenus[i].getElementsByTagName('ul');
			
			for (var j = 0; j < arrSubMenus.length; j++) {
				oSubMenu = arrSubMenus[j];
				oLink = oSubMenu.parentNode.getElementsByTagName('a')[0];
				oLink.onclick = function(){toggleMenu.toggle(this.parentNode.getElementsByTagName('ul')[0], sHiddenClass);
				                           toggleMenu.toggle(this.parentNode.getElementsByTagName('ul')[0].parentNode.getElementsByTagName('a')[0],SubMenuToggleClass);
				                             return false;}				
				this.toggle(oSubMenu, sHiddenClass);
			}
		}
	},
	toggle : function(el, PassClass) {
	
		var oRegExp = new RegExp("(^|\\s)" + PassClass + "(\\s|$)");
		el.className = (oRegExp.test(el.className)) ? el.className.replace(oRegExp, '') : el.className + ' ' + PassClass; // Add or remove the class name that hides the element
	},
/* addEvent function from http://www.quirksmode.org/blog/archives/2005/10/_and_the_winner_1.html */
	addEvent : function(obj, type, fn) {
		if (obj.addEventListener)
			obj.addEventListener(type, fn, false);
		else if (obj.attachEvent) {
			obj["e"+type+fn] = fn;
			obj[type+fn] = function() {obj["e"+type+fn](window.event);}
			obj.attachEvent("on"+type, obj[type+fn]);
		}
	},
/*
Written by Jonathan Snook, http://www.snook.ca/jonathan
Add-ons by Robert Nyman, http://www.robertnyman.com
*/
	getElementsByClassName : function(oElm, strTagName, strClassName){
	    var arrElements = (strTagName == "*" && document.all)? document.all : oElm.getElementsByTagName(strTagName);
	    
	    var arrReturnElements = new Array();
	    strClassName = strClassName.replace(/\-/g, "\\-");
	    var oRegExp = new RegExp("(^|\\s)" + strClassName + "(\\s|$)");
	    var oElement;
	    for(var i=0; i<arrElements.length; i++){
	        oElement = arrElements[i];      	        
	        if(oRegExp.test(oElement.className)){
	            arrReturnElements.push(oElement);
	        }   
	    }
	    return (arrReturnElements)
	}
};
toggleMenu.addEvent(window, 'load', function(){toggleMenu.init(MenuClass,SubMenuItemToggleClass);});



//alert(this.parentNode.getElementsByTagName('ul')[0].parentNode.getElementsByTagName('a')[0]);
//mytoggle(this.parentNode.getElementsByTagName('ul')[0].parentNode.getElementsByTagName('a')[0],'mybackground');
//toggleMenu.toggle(this.parentNode.getElementsByTagName('ul')[0].parentNode),'mybackground');

//function mytoggle(el, PassClass) {
//	//var el = document.getElementById(obj);
//	alert(el.className);
//	alert(PassClass);
//		//var oRegExp = new RegExp("blue");
//		var oRegExp = new RegExp("(^|\\s)" + PassClass + "(\\s|$)");
//		el.className = (oRegExp.test(el.className)) ? el.className.replace(oRegExp, '') : el.className + ' ' + PassClass; // Add or remove the class name that hides the element
		
//		alert(oRegExp);
//		el.style.backgroundImage = (oRegExp.test(el.style.backgroundImage)) ? el.style.backgroundImage.replace(oRegExp, '') : el.style.backgroundImage + ' ' + PassClass; 
		
//		alert(el.style.backgroundImage);alert(PassClass);
		
//		if (el.style.backgroundImage == PassClass)
//		{
//		alert('a');
//				    el.style.backgroundImage = '';
//				    el.style.background = '';
//		}
//		else
//		{
//		alert('b');

//		    		   el.style.backgroundImage = PassClass;
//		   el.style.backgroundRepeat = 'no-repeat';
//		   el.style.background = '#843031';
//		   

//		}
//		
		//mytoggle(this.parentNode.getElementsByTagName('ul')[0].parentNode),'mybackground';
		//.backgroundImage = menuImage;
		//el.style.backgroundColor = (oRegExp.test(el.style.backgroundColor)) ? el.style.backgroundColor.replace(oRegExp, '') : el.style.backgroundColor + ' ' + 'blue'; // Add or remove the class name that hides the element

//}
