// JavaScript Document

function swapImages(event){

	event.stop();

	var element = event.element();

	if(element.hasClassName("active"))return;

	if(element.src){

		if(element.src.match("_normal_")){

			element.src = element.src.replace("_normal_","_over_")

		}else{

			element.src = element.src.replace("_over_","_normal_")

		}

	}else{

		element.toggleClassName("hover");

	}

}

document.observe('dom:loaded',function(){

	var navElements = $$(".button");

	navElements.each(function(element){

		if(element.hasClassName('active'))

		element.src = element.src.replace("_normal_","_over_");

	})

	navElements.invoke('observe','mouseover',swapImages).invoke('observe','mouseout',swapImages);

})