window.addEvent('domready',function() {
	var subsets = $$('#sub-nav div.sub-nav-set');
	var subnav = $('sub-nav');
	var curHgt = 0;
	var curNav = 0;
	subnav.setStyle('height','0px').set('opacity',1);
	
	$$('#nav-links div.n3 ul li a').each(function(e,i) {
		function activateNav(evnt) {
			var scroll = 0;
			var z = 0;
			for(z = 0; z < i; z++) {
				scroll += subsets[z].getSize().y;
			}
			curNav = e;
			curHgt = subsets[i].getSize().y;
			$('sub-sets').tween('margin-top','-'+scroll+'px');
			showNav();
			evnt.stop();
			return false;
		}
		e.addEvent('mouseover', activateNav);
		e.addEvent('click', activateNav);
		e.addEvent('mouseout', hideNav);
	});
	
	function showNav() {
		curNav.tween('background-position','0 -41px');
		showSubNav();
	}
	
	function hideNav() {
		curNav.tween('background-position','0 0');
		hideSubNav();
	}
	
	function hideSubNav() {
		subnav.tween('height','0px');
	}
	
	function showSubNav() {
		subnav.tween('height',curHgt+'px');
	}
	
	$$('#nav-links div.n3')[0].addEvent('mouseout', hideNav);
	subnav.addEvent('mouseover', showNav).addEvent('mouseout', hideNav);;
});

//var subTween = new Fx.Tween(subnav, {property: 'opacity', duration: 400/*, transition: Fx.Transitions.Quart.easeInOut*/});
//subTween.start([subnav.getSize().y,1]);
//subTween.start([subnav.get('opacity'),0]);