//////////////////////////////////////////////////////////////////////////////////////////
// Resets all Hero Rollovers to OFF state

function hideAll() {
document.getElementById('heroEmployersCopy').style.display = 'none';
document.getElementById('heroWorkingCopy').style.display = 'none';
document.getElementById('heroInternationalCopy').style.display = 'none';
document.getElementById('heroUniversityCopy').style.display = 'none';
document.getElementById('heroCollegeCopy').style.display = 'none';
}

//////////////////////////////////////////////////////////////////////////////////////////
// Rollover toggle for Hero images on Homepage

fadeSpeed = 700;

function showCopy(which) {
hideAll();
document.getElementById(which).style.display = 'block';
}


$(function() {
	$("#heroEmployers").hover(
		function() {
			$("#heroEmployersCopy").fadeIn(fadeSpeed)
		},
		function() {
			$("#heroEmployersCopy").fadeOut(fadeSpeed)
		}
	);
	
	$("#heroWorking").hover(
		function() {
			$("#heroWorkingCopy").fadeIn(fadeSpeed)
		},
		function() {
			$("#heroWorkingCopy").fadeOut(fadeSpeed)
		}
	);
	
	$("#heroInternational").hover(
		function() {
			$("#heroInternationalCopy").fadeIn(fadeSpeed)
		},
		function() {
			$("#heroInternationalCopy").fadeOut(fadeSpeed)
		}
	);
	
	$("#heroUniversity").hover(
		function() {
			$("#heroUniversityCopy").fadeIn(fadeSpeed)
		},
		function() {
			$("#heroUniversityCopy").fadeOut(fadeSpeed)
		}
	);
	
	$("#heroCollege").hover(
		function() {
			$("#heroCollegeCopy").fadeIn(fadeSpeed)
		},
		function() {
			$("#heroCollegeCopy").fadeOut(fadeSpeed)
		}
	);
});