$(document).ready(function(){

	$(".navabout").mouseover(function(){
		$(".sub_about").show();
	});
	$(".navabout").mouseout(function(){
		$(".sub_about").hide();
	});
	$(".sub_about").mouseover(function(){
	    $(this).show();
		$(".navabout").addClass("active");
	});
	$(".sub_about").mouseleave(function(){
		$(".navabout").removeClass("active");
		$(this).hide();
	});
	
	$(".navresi").mouseover(function(){
		$(".sub_resi").show();
	});
	$(".navresi").mouseout(function(){
		$(".sub_resi").hide();
	});
	$(".sub_resi").mouseover(function(){
	    $(this).show();
		$(".navresi").addClass("active");
	});
	$(".sub_resi").mouseleave(function(){
		$(".navresi").removeClass("active");
		$(this).hide();
	});
	
	$(".navsupp").mouseover(function(){
		$(".sub_supp").show();
	});
	$(".navsupp").mouseout(function(){
		$(".sub_supp").hide();
	});
	$(".sub_supp").mouseover(function(){
	    $(this).show();
		$(".navsupp").addClass("active");
	});
	$(".sub_supp").mouseleave(function(){
		$(".navsupp").removeClass("active");
		$(this).hide();
	});

});