var bgColor = 'transparent';
var bgImage = 'url(/images/nav.jpg)';
var bgRepeat = 'no-repeat';

// Position info for the navbar bg hover over images
var onHoverPositions = new Array();
onHoverPositions['home'] = "0px -35px";
onHoverPositions['services'] = "-95px -35px";
onHoverPositions['council'] = "-221px -35px";
onHoverPositions['departments'] = "-347px -35px";
onHoverPositions['about'] = "-509px -35px";
onHoverPositions['contact'] = "-697px -35px";

var normalPositions = new Array();
normalPositions['home'] = "0px 0px";
normalPositions['services'] = "-95px 0px";
normalPositions['council'] = "-221px 0px";
normalPositions['departments'] = "-347px 0px";
normalPositions['about'] = "-509px 0px";
normalPositions['contact'] = "-697px 0px";


function openMenu(menuId)
{
	var menu = $('#' + menuId + '_drop');
	var link = $('#' + menuId + '_a');
	
	menu.css('display', 'block');
	if (link.attr('class') != 'active')
	{
		link.css({
			'background-color': bgColor,
			'background-image': bgImage,
			'background-repeat': bgRepeat,
			'background-position': onHoverPositions[menuId]
		});
	}
}

function closeMenu(menuId)
{
	var menu = $('#' + menuId + '_drop');
	var link = $('#' + menuId + '_a');
	
	menu.css('display', 'none');
	if (link.attr('class') != 'active')
	{
		link.css({
			'background-color': bgColor,
			'background-image': bgImage,
			'background-repeat': bgRepeat,
			'background-position': normalPositions[menuId]
		});
	}
}

function setupMenus()
{
	$('#home_a').mouseover(function() { openMenu('home'); });
	$('#home_a').mouseout(function() { closeMenu('home'); });
	$('#services_a').mouseover(function() { openMenu('services'); });
	$('#services_a').mouseout(function() { closeMenu('services'); });
	$('#council_a').mouseover(function() { openMenu('council'); });
	$('#council_a').mouseout(function() { closeMenu('council'); });
	$('#departments_a').mouseover(function() { openMenu('departments'); });
	$('#departments_a').mouseout(function() { closeMenu('departments'); });
	$('#about_a').mouseover(function() { openMenu('about'); });
	$('#about_a').mouseout(function() { closeMenu('about'); });
	$('#contact_a').mouseover(function() { openMenu('contact'); });
	$('#contact_a').mouseout(function() { closeMenu('contact'); });
	$('#home_drop').mouseover(function() { openMenu('home'); });
	$('#home_drop').mouseout(function() { closeMenu('home'); });
	$('#services_drop').mouseover(function() { openMenu('services'); });
	$('#services_drop').mouseout(function() { closeMenu('services'); });
	$('#council_drop').mouseover(function() { openMenu('council'); });
	$('#council_drop').mouseout(function() { closeMenu('council'); });
	$('#departments_drop').mouseover(function() { openMenu('departments'); });
	$('#departments_drop').mouseout(function() { closeMenu('departments'); });
	$('#about_drop').mouseover(function() { openMenu('about'); });
	$('#about_drop').mouseout(function() { closeMenu('about'); });
	$('#contact_drop').mouseover(function() { openMenu('contact'); });
	$('#contact_drop').mouseout(function() { closeMenu('contact'); });
};

window.onload = setupMenus;