$(document).ready(function(){

	/*$(alert("jQuery in effect."));*/
	
		$(".nav_item").hover(
			function(){
		
				
		
		});
		
		$(".nav_item").click(
			function(){
				
				resetLinks();
				$(this).addClass('inactive');

		});
		
		function resetLinks(){
					
					$(".nav_item").removeClass('inactive');
				
				}
				
				
		
	
});

function loadSubNav(sec){
		
		$('ul.nav_sub').css({display: "none"});
		
		switch(sec){
			
			case 'sub1':
			
				/* the first section, 'HOME' has no subnav. */
				$('ul.sub1').css({display: "none"});
				break;
			
			case 'sub2':
				$('ul.sub2').css({display: "block"});
				break;
			
			case 'sub3':
				$('ul.sub3').css({display: "block"});
				break;
			
			case 'sub4':
				$('ul.sub4').css({display: "block"});
				break;
			
			case 'sub5':
				$('ul.sub5').css({display: "block"});
				break;
			
			}
		
		}