window.addEvent('domready', function(){
	//-vertical
	
	// var mySlide = new Fx.Slide('slideNav', {duration: 1000, transition: Fx.Transitions.quad});
	
	mySlide = new Fx.Slide('slideNav', {duration: 200, transition: Fx.Transitions.Quad.easeOut});
	
	var sections = ['a','b','c','d','e'];
	
	for (var s=0;s<sections.length;s++) {
		// alert($(sections[s]));
		$(sections[s]).addEvent('click', function(e){
			e = new Event(e);
			mySlide.toggle();
			e.stop();
		});	
		
		$(sections[s]).mate 		= sections[s]+'N';
		$(sections[s]+'N').mate 	= sections[s]+'N';
		$(sections[s]).onmouseover = function () {
			$(this.mate).className= 'Snav-hover';
		};
		$(sections[s]).onmouseout = function () {
			$(this.mate).className = 'nav';
		};
		$(sections[s]+'N').onmouseover = function () {
			$(this.mate).className = 'Snav-hover';
		};
		$(sections[s]+'N').onmouseout = function () {
			$(this.mate).className = 'nav';
		};	
			
		
		
	}

	// 
	mySlide.hide();
	
	
});