/*
	Navigation hover and active states.
**/

window.addEvent("domready", function() {
	var navHome = $("navHome");
	var navAccomo = $("navAccomo");
	var navGallery = $("navGallery");
	var defaultPos = "0 0"
	// Mouse enter and leave states
	navHome.addEvent("mouseenter", function(event) { setBgPos("0 -150px"); });
	navHome.addEvent("mouseleave", function(event) { setBgPos(defaultPos); });
	navAccomo.addEvent("mouseenter", function() { setBgPos("0 -300px"); });
	navAccomo.addEvent("mouseleave", function() { setBgPos(defaultPos); });
	navGallery.addEvent("mouseenter", function() { setBgPos("0 -450px"); });
	navGallery.addEvent("mouseleave", function() { setBgPos(defaultPos); });
});

function setBgPos(pos) {
	 $("navigation").setStyle("background-position", pos);		
}