// Whether or not the list of services should
// be shown beneath the navigation buttons
var serviceListVisible = false;

var btn_home = new Image(); btn_home.src = '/images/btn_home.gif';
var btn_home_hover = new Image(); btn_home_hover.src = '/images/btn_home_hover.gif';
var btn_about = new Image(); btn_about.src = '/images/btn_about.gif';
var btn_about_hover = new Image(); btn_about_hover.src = '/images/btn_about_hover.gif';
var btn_services = new Image(); btn_services.src = '/images/btn_services.gif';
var btn_services_hover = new Image(); btn_services_hover.src = '/images/btn_services_hover.gif';
var btn_donate = new Image(); btn_donate.src = '/images/btn_donate.gif';
var btn_donate_hover = new Image(); btn_donate_hover.src = '/images/btn_donate_hover.gif';

function handleMouseOver(obj)
{
	switch(obj.id)
	{
	case 'btn_home':
		obj.src = btn_home_hover.src;
		break;
	case 'btn_about':
		obj.src = btn_about_hover.src;
		break;
	case 'btn_services':
		if(!serviceListVisible)
			obj.src = btn_services_hover.src;
		break;
	case 'btn_donate':
		obj.src = btn_donate_hover.src;
		break;
	}
}

function handleMouseOut(obj)
{
	switch(obj.id)
	{
	case 'btn_home':
		obj.src = btn_home.src;
		break;
	case 'btn_about':
		obj.src = btn_about.src;
		break;
	case 'btn_services':
		if(!serviceListVisible)
			obj.src = btn_services.src;
		break;
	case 'btn_donate':
		obj.src = btn_donate.src;
		break;
	}
}