function change(img) {
	var idx = img.src.lastIndexOf("-on");
	
	var ending;
	if (idx > -1) {
		ending = "-off.jpg";
	} else {
		idx = img.src.lastIndexOf("-off");
		ending = "-on.jpg";
	}
	img.src = img.src.substring(0, idx) + ending;
}

function setOptionContent(optionNo) {
	var submenu = getSelectedSubmenu();
	var submenu1 = getSelectedSubmenu1();
	parent.content.location.href = submenu + "-" + submenu1 + "-" + optionNo + ".html";
}

function optionSelected(clicked) {
	for (i = 0; i < document.images.length; i++) {
		var img = document.images[i];
		
		var idx = img.name.indexOf("-option");
		if (idx > -1) {
			var idx1 = img.src.lastIndexOf("-on");
			if (idx1 > -1) {
				img.src = img.src.substring(0, idx1) + "-off.jpg";
			}
		}
	}
}

function selected(clicked) {
	for (i = 0; i < document.images.length; i++) {
		var img = document.images[i];
		
		var idx = img.src.lastIndexOf("-on");
		if (idx > -1) {
			img.src = img.src.substring(0, idx) + "-off.jpg";
		}
	}

	if (clicked.name == "home") {
		hideAllSubmenus();
	} else if (clicked.name == "about") {
		hideAllSubmenus();
	} else if (clicked.name == "contact") {
		hideAllSubmenus();
	} else if (clicked.name == "work") {
		hideAllSubmenus1();
		showSubmenu('work-submenu');
		showSubmenu('identity-submenu'); 
		showSubmenu('1-option-span');
		showSubmenu('2-option-span');
		document.getElementById("submenu-identity").src = "images/menu/identity-on.jpg";
		document.getElementById("submenu1-addenbrookes-arts").src = "images/menu/addenbrookes-arts-on.jpg";
		document.getElementById("1-option").src = "images/menu/1-on.jpg";
	} else if (clicked.name == "submenu-identity") {
		hideAllSubmenus1();
		showSubmenu('work-submenu');
		showSubmenu('identity-submenu'); 
		showSubmenu('1-option-span');
		showSubmenu('2-option-span');
		hideSubmenu('3-option-span');
		hideSubmenu('4-option-span');
		document.getElementById("work").src = "images/menu/work-on.jpg";
		document.getElementById("submenu1-addenbrookes-arts").src = "images/menu/addenbrookes-arts-on.jpg";
		document.getElementById("1-option").src = "images/menu/1-on.jpg";
	} else if ((clicked.name == "submenu1-addenbrookes-arts") || (clicked.name == "submenu1-kh-capital") ||
			(clicked.name == "submenu1-buymeacar") || (clicked.name == "submenu1-network-design") ||
				(clicked.name == "submenu1-graceway-gourment") || (clicked.name == "submenu1-toleza")) {
		hideSubmenu('1-option-span');
		hideSubmenu('2-option-span');
		hideSubmenu('3-option-span');
		hideSubmenu('4-option-span');
		showSubmenu('work-submenu');
		showSubmenu('identity-submenu'); 
		showSubmenu('1-option-span');
		 if ((clicked.name == "submenu1-addenbrookes-arts") || (clicked.name == "submenu1-kh-capital") ||
				(clicked.name == "submenu1-toleza")) {
			showSubmenu('2-option-span');
		 }
		document.getElementById("work").src = "images/menu/work-on.jpg";
		document.getElementById("submenu-identity").src = "images/menu/identity-on.jpg";
		document.getElementById("1-option").src = "images/menu/1-on.jpg";
	} else if (clicked.name == "submenu-web") {
		hideAllSubmenus1();
		showSubmenu('web-submenu'); 
		showSubmenu('1-option-span');
		hideSubmenu('2-option-span');
		hideSubmenu('3-option-span');
		hideSubmenu('4-option-span');
		document.getElementById("work").src = "images/menu/work-on.jpg";
		document.getElementById("submenu1-flamingo-park-web").src = "images/menu/flamingo-park-on.jpg";
		document.getElementById("1-option").src = "images/menu/1-on.jpg";
	} else if (clicked.name == "submenu-literature") {
		hideAllSubmenus1();
		showSubmenu('literature-submenu'); 
		showSubmenu('1-option-span');
		showSubmenu('2-option-span');
		showSubmenu('3-option-span');
		document.getElementById("work").src = "images/menu/work-on.jpg";
		document.getElementById("submenu1-addenbrookes").src = "images/menu/addenbrookes-on.jpg";
		document.getElementById("1-option").src = "images/menu/1-on.jpg";
	} else if (clicked.name == "submenu-packaging") {
		hideAllSubmenus1();
		showSubmenu('packaging-submenu'); 
		showSubmenu('1-option-span');
		hideSubmenu('2-option-span');
		hideSubmenu('3-option-span');
		hideSubmenu('4-option-span');
		document.getElementById("work").src = "images/menu/work-on.jpg";
		document.getElementById("submenu1-petlife").src = "images/menu/petlife-on.jpg";
		document.getElementById("1-option").src = "images/menu/1-on.jpg";
	} else if ((clicked.name == "submenu1-addenbrookes") || (clicked.name == "submenu1-flamingo-park") ||
			(clicked.name == "submenu1-theatre-royal") || (clicked.name == "submenu1-anglian-water") ||
			(clicked.name == "submenu1-loughborough") || (clicked.name == "submenu1-city-council")) {
		hideSubmenu('1-option-span');
		hideSubmenu('2-option-span');
		hideSubmenu('3-option-span');
		hideSubmenu('4-option-span');
		showSubmenu('work-submenu');
		showSubmenu('literature-submenu'); 
		showSubmenu('1-option-span');
		 if ((clicked.name == "submenu1-addenbrookes") || (clicked.name == "submenu1-flamingo-park") || 
				(clicked.name == "submenu1-theatre-royal") || (clicked.name == "submenu1-anglian-water") ||
				(clicked.name == "submenu1-loughborough")) {
			showSubmenu('2-option-span');
		 }
		  if ((clicked.name == "submenu1-addenbrookes") || (clicked.name == "submenu1-theatre-royal") ||
				(clicked.name == "submenu1-anglian-water")) {
			showSubmenu('3-option-span');
		 }
		 if (clicked.name == "submenu1-theatre-royal") {
			showSubmenu('4-option-span');
		 }
		document.getElementById("work").src = "images/menu/work-on.jpg";
		document.getElementById("submenu-literature").src = "images/menu/literature-on.jpg";
		document.getElementById("1-option").src = "images/menu/1-on.jpg";
	} else if ((clicked.name == "submenu1-flamingo-park-web") || (clicked.name == "submenu1-buymeacar-web") || 
			(clicked.name == "submenu1-validsoft-web") || (clicked.name == "submenu1-toleza-web")) {
		showSubmenu('1-option-span');
		hideSubmenu('2-option-span');
		hideSubmenu('3-option-span');
		hideSubmenu('4-option-span');
		showSubmenu('web-submenu'); 
		document.getElementById("work").src = "images/menu/work-on.jpg";
		document.getElementById("submenu-web").src = "images/menu/web-on.jpg";
		document.getElementById("1-option").src = "images/menu/1-on.jpg";
	} else if ((clicked.name == "submenu1-petlife") || (clicked.name == "submenu1-crayola")) {
		showSubmenu('1-option-span');
		hideSubmenu('2-option-span');
		hideSubmenu('3-option-span');
		hideSubmenu('4-option-span');
		showSubmenu('packaging-submenu'); 
		 if (clicked.name == "submenu1-crayola") {
			 showSubmenu('2-option-span');
		 }
		document.getElementById("work").src = "images/menu/work-on.jpg";
		document.getElementById("submenu-packaging").src = "images/menu/packaging-on.jpg";
		document.getElementById("1-option").src = "images/menu/1-on.jpg";
	} else if (clicked.name == "front-kh-capital") {
//		hideAllSubmenus1();
//		showSubmenu('work-submenu');
//		showSubmenu('identity-submenu'); 
//		showSubmenu('1-option-span');
//		showSubmenu('2-option-span');
//		document.getElementById("submenu-identity").src = "images/menu/identity-on.jpg";
//		document.getElementById("submenu1-kh-capital").src = "images/menu/kh-capital-on.jpg";
//		document.getElementById("1-option").src = "images/menu/1-on.jpg";
	
	}
}

function hideAllSubmenus() {
	hideSubmenu("web-submenu");
	hideSubmenu("identity-submenu");
	hideSubmenu("packaging-submenu");
	hideSubmenu("literature-submenu");
	hideSubmenu("work-submenu");
	hideSubmenu("1-option-span");
	hideSubmenu("2-option-span");
	hideSubmenu("3-option-span");
	hideSubmenu("4-option-span");
}

function hideAllSubmenus1() {
	hideSubmenu("web-submenu");
	hideSubmenu("identity-submenu");
	hideSubmenu("packaging-submenu");
	hideSubmenu("literature-submenu");
	hideSubmenu("1-option-span");
	hideSubmenu("2-option-span");
	hideSubmenu("3-option-span");
	hideSubmenu("4-option-span");
}

function hideSubmenu(elementId) {
	var span_ = document.getElementById(elementId);
	span_.style.visibility = "hidden";
}

function showSubmenu(elementId) {
	var span_ = document.getElementById(elementId);
	span_.style.visibility = "";
}

function getSelectedSubmenu() {
	for (i = 0; i < document.images.length; i++) {
		var img = document.images[i];

		var idx = img.name.indexOf("submenu");
		if (idx == 0) {
			var idx1 = img.src.lastIndexOf("-on");
			if (idx1 > -1) {
				return img.name.substring(8);
			}
		}
	}
}

function getSelectedSubmenu1() {
	for (i = 0; i < document.images.length; i++) {
		var img = document.images[i];

		var idx = img.name.indexOf("submenu1");
		if (idx == 0) {
			var idx1 = img.src.lastIndexOf("-on");
			if (idx1 > -1) {
				return img.name.substring(9);
			}
		}
	}
}