function initialise(){
	var menuItems = getElementsByClassName('menuItem', 'li', document);
	
	for(var i=0; i<menuItems.length; i++){
		currentClass = menuItems[i].className;
		if(menuItems[i].id=="home"){
			menuItems[i].onmouseover = function(){changeClass("home", "selected");};
			menuItems[i].onmouseout = function(){changeClass("home", "menuItem");};
		}
		else if(menuItems[i].id=="weddingHire"){
			menuItems[i].onmouseover = function(){changeClass("weddingHire", "selected");};
			menuItems[i].onmouseout = function(){changeClass("weddingHire", "menuItem");};
		}
		else if(menuItems[i].id=="corporate"){
			menuItems[i].onmouseover = function(){changeClass("corporate", "selected");};
			menuItems[i].onmouseout = function(){changeClass("corporate", "menuItem");};
		}
		else if(menuItems[i].id=="carGallery"){
			menuItems[i].onmouseover = function(){changeClass("carGallery", "selected");};
			menuItems[i].onmouseout = function(){changeClass("carGallery", "menuItem");};
		}
		else if(menuItems[i].id=="finishing"){
			menuItems[i].onmouseover = function(){changeClass("finishing", "selected");};
			menuItems[i].onmouseout = function(){changeClass("finishing", "menuItem");};
		}
		else if(menuItems[i].id=="finishingsGallery"){
			menuItems[i].onmouseover = function(){changeClass("finishingsGallery", "selected");};
			menuItems[i].onmouseout = function(){changeClass("finishingsGallery", "menuItem");};
		}
		else if(menuItems[i].id=="contact"){
			menuItems[i].onmouseover = function(){changeClass("contact", "selected");};
			menuItems[i].onmouseout = function(){changeClass("contact", "menuItem");};
		}
	}
}

function changeClass(id, newClassName){
	var element = document.getElementById(id);
	if(element.className=="menuItem" || element.className=="selected"){
		element.className = newClassName;
	}
}

function getElementsByClassName(className, tag, elm){
	var testClass = new RegExp("(^|\\\\s)" + className + "(\\\\s|$)");
	var tag = tag || "*";
	var elm = elm || document;
	var elements = (tag == "*" && elm.all)? elm.all : elm.getElementsByTagName(tag);
	var returnElements = [];
	var current;
	var length = elements.length;
	for(var i=0; i<length; i++){
		current = elements[i];
		if(testClass.test(current.className)){
			returnElements.push(current);
		}
	}
	return returnElements;
}


window.onload = initialise;