window.addEvent('domready', function() {
	CreateNavigation();
});


function CreateNavigation() {
	var navs = $$("div#topnav img");
	navs.each(function(item, index) {
		navs[index].addEvent('mouseout', function(){
			navs[index].setProperty('src', navs[index].getProperty('src').replace('_a', ''));
			});
		navs[index].addEvent('mouseover', function(){
			navs[index].setProperty('src', '/images/nav/' + GetBaseName(navs[index].getProperty('src')) + "_a.gif");
			});
	});
}

function GetBaseName(filename) {
	return filename.substring(filename.lastIndexOf('/')+1, filename.lastIndexOf('.'));
}

function AttachPanels() {
	var panels = $$('.pn');
	var links = $$('.pl');
	links.each(function(item, index) {
		item.addEvents({
				'mouseover': function() {
					HidePanels();
					var panel = 'p' + this.id;
					if ($(panel) != null) {
						ShowPanel(panel);
					}
				},
				'mouseout': function() {
					//HidePanels();
				}
			});
	});
}

function ShowPanel(panel) {
	if ($(panel) != null) {
		$(panel).setStyle('display', 'block');
	}
}

function HidePanels() {
	$$('.pn').each(function(item, index) {
		item.setStyle('display', 'none');
	})
}