if (document.images)
{   	
	home_on = new Image;
	home_off = new Image;
	home_on.src = "images/mm_home_on.jpg";
	home_off.src = "images/mm_home_off.jpg";

	services_on = new Image;
	services_off = new Image;
	services_on.src = "images/mm_services_on.jpg";
	services_off.src = "images/mm_services_off.jpg";

	you_on = new Image;
	you_off = new Image;
	you_on.src = "images/mm_you_on.jpg";
	you_off.src = "images/mm_you_off.jpg";

	expect_on = new Image;
	expect_off = new Image;
	expect_on.src = "images/mm_expect_on.jpg";
	expect_off.src = "images/mm_expect_off.jpg";
	
	about_on = new Image;
	about_off = new Image;
	about_on.src = "images/mm_about_on.jpg";
	about_off.src = "images/mm_about_off.jpg";
	
	case_on = new Image;
	case_off = new Image;
	case_on.src = "images/mm_case_on.jpg";
	case_off.src = "images/mm_case_off.jpg";
	
	contact_on = new Image;
	contact_off = new Image;
	contact_on.src = "images/mm_contact_on.jpg";
	contact_off.src = "images/mm_contact_off.jpg";
}

function menuMouseOver(menuItem) {
    switch (menuItem)
	{
		case 'home':
			menuHome.src = home_on.src;
			break;
		case 'services':
			menuServices.src = services_on.src;
			break;
		case 'you':
			menuYou.src = you_on.src;
			break;
		case 'expect':
			menuExpect.src = expect_on.src;
			break;
		case 'about':
			menuAbout.src = about_on.src;
			break;
		case 'case':
			menuCase.src = case_on.src;
			break;
		case 'contact':
			menuContact.src = contact_on.src;
			break;
	}
}

function menuMouseOut(menuItem) {
	switch (menuItem)
	{
		case 'home':
			menuHome.src = home_off.src;
			break;
		case 'services':
			menuServices.src = services_off.src;
			break;
		case 'you':
			menuYou.src = you_off.src;
			break;
		case 'expect':
			menuExpect.src = expect_off.src;
			break;
		case 'about':
			menuAbout.src = about_off.src;
			break;
		case 'case':
			menuCase.src = case_off.src;
			break;
		case 'contact':
			menuContact.src = contact_off.src;
			break;		
	}
}

window.onload = function() { 
	menuHome = document.getElementById('homebutton');
	
	menuHome.onmouseover = function(){
		menuMouseOver('home');
	}
	
	menuHome.onmouseout = function(){
		menuMouseOut('home');
	}
	menuServices = document.getElementById('servicesbutton');
	
	menuServices.onmouseover = function(){
		menuMouseOver('services');
	}
	
	menuServices.onmouseout = function(){
		menuMouseOut('services');
	}
	menuYou = document.getElementById('youbutton');
	
	menuYou.onmouseover = function(){
		menuMouseOver('you');
	}
	
	menuYou.onmouseout = function(){
		menuMouseOut('you');
	}
	menuExpect = document.getElementById('expectbutton');
	
	menuExpect.onmouseover = function(){
		menuMouseOver('expect');
	}
	
	menuExpect.onmouseout = function(){
		menuMouseOut('expect');
	}
	menuAbout = document.getElementById('aboutbutton');
	
	menuAbout.onmouseover = function(){
		menuMouseOver('about');
	}
	
	menuAbout.onmouseout = function(){
		menuMouseOut('about');
	}
	menuCase = document.getElementById('casebutton');
	
	menuCase.onmouseover = function(){
		menuMouseOver('case');
	}
	
		menuCase.onmouseout = function(){
		menuMouseOut('case');
	}
	menuContact = document.getElementById('contactbutton');
	
	menuContact.onmouseover = function(){
		menuMouseOver('contact');
	}
	
	menuContact.onmouseout = function(){
		menuMouseOut('contact');
	}
}