$(document).ready(function() {
	var thisMenu;
	var thisMenuItem;
	var activeMenu;
	
	// binding navigation elements to hover
	$("#nav-about").hover(showMenu,hideMenu);
	$("#nav-services").hover(showMenu,hideMenu);
	$("#nav-projects").hover(showMenu,hideMenu);
	$("#nav-careers").hover(showMenu,hideMenu);
	$("#nav-green").hover(showMenu,hideMenu);
	$(".nav-menu-item").hover(highlightOn,highlightOff);
	
 });

function showMenu(){
	thisMenu = $(this).attr("id");
	$("#" + thisMenu + "-menu").removeClass("hide");
	//$("#" + thisMenu + "-menu").next().addClass("hide");
	//$("#" + thisMenu + "-menu").prev().addClass("hide");
};

function hideMenu(){
	$("#" + thisMenu + "-menu").addClass("hide");
};

function highlightOn(){
	thisMenuItem = $(this).parent("div").attr("id");
	//if (thisMenuItem == thisMenu+"-menu")
	$("#" + thisMenuItem).removeClass("hide");
	$("#" + thisMenu).addClass("active");
};

function highlightOff(){
	thisMenuItem = $(this).parent("div").attr("id");
	$("#" + thisMenuItem).addClass("hide");
	//if (thisMenuItem != thisMenu+"-menu")
	$("#" + thisMenu).removeClass("active");
};


