// Subnav Slider Function -CB 08/23/09
//Looks for subnavigation and adds onclick events to the span tags

	var subNavSlider = {
		start: function(){
			if($$('.sn-L2')) subNavSlider.slider($$('#subNav ul.sn-L2'));
			if($$('.sn-L3')) subNavSlider.slider($$('#subNav ul.sn-L3'));
			if($$('.sn-L4')) subNavSlider.slider($$('#subNav ul.sn-L4'));
		},

		slider: function(lists){
			lists.each(function(list, i){
				var listItem = list.getParent("li");
				var listBtn = listItem.getFirst("span");

				var collapsible = new Fx.Slide(list, { 
					duration: 500, 
					transition: Fx.Transitions.quadIn
				});
				
				listBtn.onclick = function(){		
					if(listItem){
						listItem.toggleClass("active");
					}
					
					collapsible.toggle();
					
					//Resets the height of the new div to prevent overflow issues
					(function(){
						list.getParent("div").setStyle("height","auto");
					}).delay(550);
					
					return false;
				}
			});
			
		}
	};//\subNavSlider

	function subNavStart(){
		var aryOffLists = $$('#subNav li:not(.active) ul');
		
		aryOffLists.each(function(list,i){
								  
			var listItem = list.getParent("li");
			
			var collapsible = new Fx.Slide(list, { 
				duration: 0, 
				transition: Fx.Transitions.quadIn
			});
								  
			collapsible.toggle();
			if(listItem){
				listItem.toggleClass("");
			}
							  
		});

	}//\ subNavStart
	
	window.addEvent('domready', function(){
		subNavSlider.start();
		subNavStart();
	});