// JavaScript Document
var navItems = $A($('navigation').getElementsByTagName('img'));
navItems.each(
	function(item){
		Event.observe(item, 'mouseover', navOver.bindAsEventListener(item));
		Event.observe(item, 'mouseout', navOut.bindAsEventListener(item));
	}
);

Event.observe('navItemHome', 'mouseover', navOverFirst);
Event.observe('navItemHome', 'mouseout', navOutFirst);
Event.observe('navItemContact', 'mouseover', navOverLast);
Event.observe('navItemContact', 'mouseout', navOutLast);

function navOver(e){
	var imageSrc = this.src.split('.');
	
	imageSrc[imageSrc.length - 2] = imageSrc[imageSrc.length - 2] + '_selected';
	this.src = imageSrc.join('.');
}

function navOut(e){
	var imageSrc = this.src.split('.');
	
	imageSrc[imageSrc.length - 2] = imageSrc[imageSrc.length - 2].substring(0, imageSrc[imageSrc.length - 2].indexOf('_selected'));
	this.src = imageSrc.join('.');
}

function navOverFirst(e){
	var imageSrc = $('navLeft').src.split('.');
	
	imageSrc[imageSrc.length - 2] = imageSrc[imageSrc.length - 2] + '_selected';
	$('navLeft').src = imageSrc.join('.');
}

function navOutFirst(e){
	var imageSrc = $('navLeft').src.split('.');
	
	imageSrc[imageSrc.length - 2] = imageSrc[imageSrc.length - 2].substring(0, imageSrc[imageSrc.length - 2].indexOf('_selected'));
	$('navLeft').src = imageSrc.join('.');
}

function navOverLast(e){
	var imageSrc = $('navRight').src.split('.');
	
	imageSrc[imageSrc.length - 2] = imageSrc[imageSrc.length - 2] + '_selected';
	$('navRight').src = imageSrc.join('.');
}

function navOutLast(e){
	var imageSrc = $('navRight').src.split('.');
	
	imageSrc[imageSrc.length - 2] = imageSrc[imageSrc.length - 2].substring(0, imageSrc[imageSrc.length - 2].indexOf('_selected'));
	$('navRight').src = imageSrc.join('.');
}