var var1 = "sub1";
var var2 = "sub2";
var var3 = "sub3";
var about = "aboutParent";
var work = "workParent";
var contact = "contactParent";

var about_white = "about_white";
var about_grey = "about_grey";
var work_white = "work_white";
var work_grey = "work_grey";
var contact_white = "contact_white";
var contact_grey = "contact_grey";

var active =0;

function showSub(element, parent)
{
	document.getElementById(element).style.display = "block";
	if(parent=="aboutParent")
	document.getElementById("sub2").style.display = "none";
	if(parent=="workParent")
	document.getElementById("sub1").style.display = "none";
}

function hideSub(element, menu)
{
	document.getElementById(element).style.display = "none";
	if(menu=="about_rise"||menu=="about_team"||menu=="about_service")
	document.getElementById("sub1").style.display = "block";
	if(menu=="work_projects"||menu=="work_show")
	document.getElementById("sub2").style.display = "block";
}

function showParent(element, parent)
{
	var image = document.getElementById(element);
	if(image.src.search(/_mo.png/)==-1)
	image.src = image.src.replace(/.png/, "_mo.png");
	
	if(parent)
	showSub(parent);
}

function hideParent(element, submenu)
{
	var image = document.getElementById(element);
	if(image.src.search(/_mo.png/)!=-1)
	image.src = image.src.replace(/_mo.png/, ".png");
	document.getElementById(submenu).style.display = "none";
}
function mouseOverNav(img){
	if(img.src.search(/_mo.png/)==-1)
	img.src = img.src.replace(/.png/, "_mo.png");
}
function mouseOutNav(img){
	if(img.src.search(/_mo.png/)!=-1)
	img.src = img.src.replace(/_mo.png/, ".png");
}