var navigationDivs = new Array();
var navigationLinks = new Array();

var onNavigationLinksDivZeroHover = function(e) {
	navigationDivs[0].style.backgroundColor = '#0673B9';
	navigationDivs[0].style.backgroundImage = 'none';
	navigationLinks[0].style.backgroundColor = '#0673B9';	
};

var onNavigationLinksDivZeroOut = function(e) {
	navigationDivs[0].style.backgroundColor = '#FFFFFF';
	navigationDivs[0].style.backgroundImage = 'url(assets/images/top-navogation-border.jpg)';
	navigationLinks[0].style.backgroundColor = '#FFFFFF';	
};

var onNavigationLinksDivOneHover = function(e) {
	navigationDivs[1].style.backgroundColor = '#0673B9';
	navigationDivs[1].style.backgroundImage = 'none';
	navigationDivs[0].style.backgroundImage = 'none';
	navigationLinks[1].style.backgroundColor = '#0673B9';	
};

var onNavigationLinksDivOneOut = function(e) {
	navigationDivs[1].style.backgroundColor = '#FFFFFF';
	navigationDivs[1].style.backgroundImage = 'url(assets/images/top-navogation-border.jpg)';
	navigationDivs[0].style.backgroundImage = 'url(assets/images/top-navogation-border.jpg)';
	navigationLinks[1].style.backgroundColor = '#FFFFFF';	
};

var onNavigationLinksDivTwoHover = function(e) {
	navigationDivs[2].style.backgroundColor = '#0673B9';
	navigationDivs[2].style.backgroundImage = 'none';
	navigationDivs[1].style.backgroundImage = 'none';
	navigationLinks[2].style.backgroundColor = '#0673B9';	
};

var onNavigationLinksDivTwoOut = function(e) {
	navigationDivs[2].style.backgroundColor = '#FFFFFF';
	navigationDivs[2].style.backgroundImage = 'url(assets/images/top-navogation-border.jpg)';
	navigationDivs[1].style.backgroundImage = 'url(assets/images/top-navogation-border.jpg)';
	navigationLinks[2].style.backgroundColor = '#FFFFFF';	
};

var onNavigationLinksDivThreeHover = function(e) {
	navigationDivs[3].style.backgroundColor = '#0673B9';
	navigationLinks[3].style.backgroundColor = '#0673B9';	
	navigationDivs[2].style.backgroundImage = 'none';
};

var onNavigationLinksDivThreeOut = function(e) {
	navigationDivs[3].style.backgroundColor = '#FFFFFF';
	navigationLinks[3].style.backgroundColor = '#FFFFFF';	
	navigationDivs[2].style.backgroundImage = 'url(assets/images/top-navogation-border.jpg)';
}

var initCommonScripts = function() {
	navigationDivs[0] = $('navigation-div0');
	navigationLinks[0] = $('navigation-link0');	
	Event.observe(navigationDivs[0], 'mouseover', onNavigationLinksDivZeroHover);
	Event.observe(navigationDivs[0], 'mouseout', onNavigationLinksDivZeroOut);
	
	navigationDivs[1] = $('navigation-div1');
	navigationLinks[1] = $('navigation-link1');	
	Event.observe(navigationDivs[1], 'mouseover', onNavigationLinksDivOneHover);
	Event.observe(navigationDivs[1], 'mouseout', onNavigationLinksDivOneOut);
	
	navigationDivs[2] = $('navigation-div2');
	navigationLinks[2] = $('navigation-link2');	
	Event.observe(navigationDivs[2], 'mouseover', onNavigationLinksDivTwoHover);
	Event.observe(navigationDivs[2], 'mouseout', onNavigationLinksDivTwoOut);
	
	navigationDivs[3] = $('navigation-div3');
	navigationLinks[3] = $('navigation-link3');	
	Event.observe(navigationDivs[3], 'mouseover', onNavigationLinksDivThreeHover);
	Event.observe(navigationDivs[3], 'mouseout', onNavigationLinksDivThreeOut);
}

initCommonScripts();