//http://onlinetools.org/tools/dom-tree-menu-puredom/



recipenav={
	// CSS classes
	recipenavClass:'recipenav',
	hideClass:'hide',
	showClass:'show',
	parentClass:'parent',
	currentClass:'current',
	// images added to the parent links
	openImage:'minus.gif',
	closedImage:'plus.gif',
	openMessage:'close section',
	closedMessage:'open section',
  // boolean to keep the section with the STRONG open or not.
  keepCurrentOpen:true,
	// boolean to make the parent link collapse the section or not 
	linkParent:false,
	init:function(){
		recipenav.createClone();
		if(!document.getElementById || !document.createTextNode){return;}
		var uls=document.getElementsByTagName('ul');
		for(var i=0;i<uls.length;i++){
		var inneruls,parentLI;
			if(!recipenav.cssjs('check',uls[i],recipenav.recipenavClass)){continue;}
			var inneruls=uls[i].getElementsByTagName('ul');
			for(var j=0;j<inneruls.length;j++){
				parentLI=inneruls[j].parentNode;
				if(parentLI.getElementsByTagName('strong')[0]){
					recipenav.cssjs('add',parentLI,recipenav.currentClass);
					if(recipenav.keepCurrentOpen === true){continue;}
				}
				recipenav.cssjs('add',parentLI,recipenav.parentClass);
				parentLI.insertBefore(recipenav.clone.cloneNode(true),parentLI.firstChild);
				recipenav.cssjs('add',inneruls[j],recipenav.hideClass);
				recipenav.addEvent(parentLI.getElementsByTagName('a')[0],'click',recipenav.showhide,false);
				parentLI.getElementsByTagName('a')[0].onclick=function(){return false;} // Safari hack
				if(recipenav.linkParent){
					recipenav.addEvent(parentLI.getElementsByTagName('a')[1],'click',recipenav.showhide,false);
					parentLI.getElementsByTagName('a')[1].onclick=function(){return false;} // Safari hack
				}
			}
		}
	},
	showhide:function(e){
		var image,message;
		var elm=recipenav.getTarget(e);
		var ul=elm.parentNode.getElementsByTagName('ul')[0];
		var img=elm.parentNode.getElementsByTagName('img')[0];
		if(recipenav.cssjs('check',ul,recipenav.hideClass)){
			message=recipenav.openMessage;
			image=recipenav.openImage;
			recipenav.cssjs('remove',elm.parentNode.getElementsByTagName('ul')[0],recipenav.hideClass);
			recipenav.cssjs('add',elm.parentNode.getElementsByTagName('ul')[0],recipenav.showClass);
		} else {
			message=recipenav.closedMessage;
			image=recipenav.closedImage;
			recipenav.cssjs('remove',elm.parentNode.getElementsByTagName('ul')[0],recipenav.showClass);
			recipenav.cssjs('add',elm.parentNode.getElementsByTagName('ul')[0],recipenav.hideClass);
		}
		img.setAttribute('src',image);
		img.setAttribute('alt',message);
		img.setAttribute('title',message);
		recipenav.cancelClick(e);
	},
	createClone:function(){
		recipenav.clone=document.createElement('a');
		recipenav.clone.setAttribute('href','#');
		recipenav.clone.appendChild(document.createElement('img'));
		recipenav.clone.getElementsByTagName('img')[0].src=recipenav.closedImage;
		recipenav.clone.getElementsByTagName('img')[0].alt=recipenav.closedMessage;
		recipenav.clone.getElementsByTagName('img')[0].title=recipenav.closedMessage;
	},
/* helper methods */
	getTarget:function(e){
		var target = window.event ? window.event.srcElement : e ? e.target : null;
		if (!target){return false;}
		if (target.nodeName.toLowerCase() != 'a'){target = target.parentNode;}
		return target;
	},
	cancelClick:function(e){
		if (window.event){
			window.event.cancelBubble = true;
			window.event.returnValue = false;
			return;
		}
		if (e){
			e.stopPropagation();
			e.preventDefault();
		}
	},
	addEvent: function(elm, evType, fn, useCapture){
		if (elm.addEventListener) 
		{
			elm.addEventListener(evType, fn, useCapture);
			return true;
		} else if (elm.attachEvent) {
			var r = elm.attachEvent('on' + evType, fn);
			return r;
		} else {
			elm['on' + evType] = fn;
		}
	},
	cssjs:function(a,o,c1,c2){
		switch (a){
			case 'swap':
				o.className=!recipenav.cssjs('check',o,c1)?o.className.replace(c2,c1):o.className.replace(c1,c2);
			break;
			case 'add':
				if(!recipenav.cssjs('check',o,c1)){o.className+=o.className?' '+c1:c1;}
			break;
			case 'remove':
				var rep=o.className.match(' '+c1)?' '+c1:c1;
				o.className=o.className.replace(rep,'');
			break;
			case 'check':
				return new RegExp("(^|\s)" + c1 + "(\s|$)").test(o.className)
			break;
		}
	}
}
recipenav.addEvent(window, 'load', recipenav.init, false);