var currNav = 0;

function displayNav(slide, navName){
	if(navName != currNav){
		slide.start({'left': -400}).chain(function (){
			changeText(navName);
			slide.start({'left': 20});
		});
	}
	currNav = navName;
}

function changeText(navName){
	
	if(navName == 'about usNav'){
		$('secondaryNav').innerHTML = "<li><a href='mission.php'>Mission and Vision</a>&nbsp;&nbsp;|</li>"+
			"<li><a href='leadership.php'>Health Care Team</a>&nbsp;&nbsp;|</li>"+
			"<li><a href='letterCEO.php'>Letter from our CEO</a>&nbsp;&nbsp;|</li>"+
			"<li><a href='letterMedDir.php'>Letter from our Medical Director</a>&nbsp;&nbsp;|</li>"+
			"<li><a href='tour.php'>Virtual Tour</a></li>";
	}
	else if(navName == 'servicesNav'){
		$('secondaryNav').innerHTML = "<li><a href='leadingEdgeSurgicalCare.php'>Leading Edge Surgical Care</a></li>";
	}
	else if(navName == 'eventsNav'){
		$('secondaryNav').innerHTML = "";
	}
	else if(navName == 'press roomNav'){
		$('secondaryNav').innerHTML = "";
	}
	else if(navName == 'patient resourcesNav'){
		$('secondaryNav').innerHTML = //"<li><a href='candidates.php'>Surgical Candidates</a>&nbsp;&nbsp;|</li>"+
		//"<li><a href='surgicalFAQ.php'>Surgical Q&amp;A</a>&nbsp;&nbsp;|</li>"+
		//"<li><a href='familyCare.php'>Family Care</a>&nbsp;&nbsp;|</li>"+
		"<li><a href='forms.php'>Patient Forms</a>&nbsp;&nbsp;|</li>"+
		"<li><a href='hotel.php'>Hotel Accommodations</a></li>";
	}
	else if(navName == 'employmentNav'){
		//$('secondaryNav').innerHTML = "<li><a href='jobapplication.php'>Job Application Form</a>&nbsp;&nbsp;|</li>"+
		//"<li><a href='benefits.php'>Benefits</a></li>";
		$('secondaryNav').innerHTML = "<li><a href='benefits.php'>Benefits</a></li>";
	}
	else if(navName == 'contactNav'){
		$('secondaryNav').innerHTML = "<li><a href='disclaimer.php'>Disclaimer</a></li>";
	}
	else{
		$('secondaryNav').innerHTML = "<ul class='secondaryNav'>"+
		"</ul></div>";
	}
}

function subDrop(myEffect){
	myEffect.start({'top': 37});
}

function subRaise(myEffect){
	myEffect.start({'top': 14});
}

window.addEvent('domready', function(){
	var dropMe = $('secondaryWrapper');
	var myEffect = new Fx.Morph(dropMe, {duration: 'normal', transition: Fx.Transitions.linear, link: 'cancel'});
	var raiseTimer;
	
	$('homeMenu').addEvents({
		mouseenter: function() {
			clearTimeout(raiseTimer);
			subDrop(myEffect);
		}
	});
	
	$('homeMenu').addEvents({
		mouseleave: function() {
			raiseTimer = (function(){subRaise(myEffect)}).delay(3000);
		}
	});
});
