var mnuTimer;
			// hide the drop down and load all the effects once the DOM has fully loaded
			$(document).ready(function() {
				$(".sub-menu4").hide();
			

			
				// clicking on the item id topBarLink causes the dropDown to fadeIn
				$("#menu1").hover(function(){
					collapseMenu();
					$("#menu1").addClass("hover");
				},function(){
					$("#menu1").removeClass("hover");
				});

				$("#menu2").hover(function(){
					collapseMenu();
					$("#menu2").addClass("hover");
				},function(){
					$("#menu2").removeClass("hover");
				});
				
				$("#menu3").hover(function(){
					collapseMenu();
					$("#menu3").addClass("hover");
				},function(){
					$("#menu3").removeClass("hover");
				});
				
				$("#menu4").hover(function(){
					showServices();
				},function(){
					hideServices();
				});
				
				$(".sub-menu4").hover(function(){
					showServices();
				},function()	{
					hideServices();
				});	
			});
			

			function collapseMenu(){
				if($("#menu1").is(".hover") ){
					$("#menu1").removeClass("hover");
				}
				if($("#menu2").is(".hover") ){
					$("#menu2").removeClass("hover");
				}
				if($("#menu3").is(".hover") ){
					$("#menu3").removeClass("hover");
				}
				if($("#menu4").is(".hover") ){
					$(".sub-menu4").hide();
					$("#menu4").removeClass("hover");
				}

			}

			function showServices()
			{
				$(".sub-menu4").show();
				$("#menu4").addClass("hover");
			}			
			
			function hideServices()
			{
				collapseMenu();
				$(".sub-menu4").hide();
				$("#menu4").removeClass("hover");
			}