$(function() {

//#navhome listener

$("#navhome").click( function() {

	window.location.href = "/index.php";
});

//.toptab mouseover listeners

	$(".navheader").mouseover( function(e) {

		if (e.target.id == "navsection1header") {	

			$("#navsection1toptab").addClass("toptabvisible");

			$("#navsection2bottombox").css ('display', 'none');
			$("#navsection3bottombox").css ('display', 'none');
			$("#navsection4bottombox").css ('display', 'none');

			$("#navsection1bottombox").css ('display', 'block');
		}

		if (e.target.id == "navsection2header") {

			$("#navsection2toptab").addClass("toptabvisible");
		
			$("#navsection1bottombox").css ('display', 'none');
			$("#navsection3bottombox").css ('display', 'none');
			$("#navsection4bottombox").css ('display', 'none');

			$("#navsection2bottombox").css ('display', 'block');
		}

		if (e.target.id == "navsection3header") {

			$("#navsection3toptab").addClass("toptabvisible");

			$("#navsection1bottombox").css ('display', 'none');
			$("#navsection2bottombox").css ('display', 'none');
			$("#navsection4bottombox").css ('display', 'none');

			$("#navsection3bottombox").css ('display', 'block');
		}

		if (e.target.id == "navsection4header") {

			$("#navsection4toptab").addClass("toptabvisible");
		
			$("#navsection1bottombox").css ('display', 'none');
			$("#navsection2bottombox").css ('display', 'none');
			$("#navsection3bottombox").css ('display', 'none');

			$("#navsection4bottombox").css ('display', 'block');
		}

	});	

//div.navdrop class mouseover listeners

	$(".navdrop").mouseover( function(e) {

		if (e.target.id == "navsection1toptab"  ||  e.target.id == "navsection1bottombox"  || e.target.id == "navsection1header" ||  e.target.id == "navsection1option") {
		
			$("#navsection1toptab").addClass("toptabvisible");

			$("#navsection2bottombox").css ('display', 'none');
			$("#navsection3bottombox").css ('display', 'none');
			$("#navsection4bottombox").css ('display', 'none');

			$("#navsection1bottombox").css ('display', 'block');
		}

		if (e.target.id == "navsection2toptab"  ||  e.target.id == "navsection2bottombox"  || e.target.id == "navsection2header" || e.target.id == "navsection2option") {
		
			$("#navsection2toptab").addClass("toptabvisible");

			$("#navsection1bottombox").css ('display', 'none');
			$("#navsection3bottombox").css ('display', 'none');
			$("#navsection4bottombox").css ('display', 'none');

			$("#navsection2bottombox").css ('display', 'block');
		}

		if (e.target.id == "navsection3toptab"  ||  e.target.id == "navsection3bottombox"  || e.target.id == "navsection3header" || e.target.id == "navsection3option") {
		
			$("#navsection3toptab").addClass("toptabvisible");

			$("#navsection1bottombox").css ('display', 'none');
			$("#navsection2bottombox").css ('display', 'none');
			$("#navsection4bottombox").css ('display', 'none');

			$("#navsection3bottombox").css ('display', 'block');
		}

		if (e.target.id == "navsection4toptab"  ||  e.target.id == "navsection4bottombox"  || e.target.id == "navsection4header" || e.target.id == "navsection4option") {
		
			$("#navsection4toptab").addClass("toptabvisible");

			$("#navsection1bottombox").css ('display', 'none');
			$("#navsection2bottombox").css ('display', 'none');
			$("#navsection3bottombox").css ('display', 'none');

			$("#navsection4bottombox").css ('display', 'block');
		}
	});

//div.navdrop class mouseout listeners

	$(".navdrop").mouseout( function(e) {

		if (e.target.id == "navsection1toptab"  ||  e.target.id == "navsection1bottombox"  || e.target.id == "navsection1header" || e.target.id == "navsection1option") {
		
			$("#navsection1bottombox").css ('display', 'none');
			$("#navsection1toptab").removeClass("toptabvisible");

		}

		if (e.target.id == "navsection2toptab"  ||  e.target.id == "navsection2bottombox"  || e.target.id == "navsection2header" || e.target.id == "navsection2option") {
		
			$("#navsection2bottombox").css ('display', 'none');
			$("#navsection2toptab").removeClass("toptabvisible");

		}

		if (e.target.id == "navsection3toptab"  ||  e.target.id == "navsection3bottombox"  || e.target.id == "navsection3header" || e.target.id == "navsection3option") {
		
			$("#navsection3bottombox").css ('display', 'none');
			$("#navsection3toptab").removeClass("toptabvisible");

		}

		if (e.target.id == "navsection4toptab"  ||  e.target.id == "navsection4bottombox"  || e.target.id == "navsection4header" || e.target.id == "navsection4option") {
		
			$("#navsection4bottombox").css ('display', 'none');
			$("#navsection4toptab").removeClass("toptabvisible");

		}

	});	

});