// JavaScript Document
var rollOverMouseOver 	= function(link) { 
	if(!link.hasClassName('selected')) { 
		link.style.backgroundImage = link.style.backgroundImage.replace('.gif', '-over.gif');
	}	
	return true; 
}
var rollOverMouseOut 	= function(link) { 
	if(!link.hasClassName('selected')) { 
		link.style.backgroundImage = link.style.backgroundImage.replace('-over.gif', '.gif');
	}	
	return true; 
}
	
var initImageRollovers = function(elem) {
	var anchorNodes = document.getElementsByClassName('rollOver');

	var nodes = $A(anchorNodes)
	nodes.each( function(node) {
		if ((node.nodeName == "A") && !node.hasClassName("selected"))
		{
			//preload the hover image
			//var hoverImage = new Image();
			if(node.style.backgroundImage.indexOf("-over.gif")>0) {
				node.style.backgroundImage = node.style.backgroundImage.replace('-over.gif', '.gif');
			} else {
				node.style.backgroundImage = node.style.backgroundImage.replace('.gif', '-over.gif');
			}
			
			//watch mouseovers		
			Event.observe(node, 'mouseover', function() { rollOverMouseOver(node); });
			Event.observe(node, 'mouseout', function() { rollOverMouseOut(node); });
		}
	});
}

//for ajax-derived content that requires rollovers
/*
var addImageRollovers = function(elem) {
	var imageNodes;
	if(elem) {
		imageNodes = $(elem).getElementsByClassName('rollOver');	
	} else {
		imageNodes = document.getElementsByClassName('rollOver');
	}
		
	var nodes = $A(imageNodes)
	nodes.each( function(node) {
		if (node.nodeName == "IMG")
		{
			//preload the hover image
			var hoverImage = new Image();
			if(node.src.indexOf("-over.gif")>0) {
				hoverImage.src = node.src.replace('-over.gif', '.gif');
			} else {
				hoverImage.src = node.src.replace('.gif', '-over.gif');
			}
			
			//watch mouseovers		
			Event.observe(node, 'mouseover', function() { rollOverMouseOver(node); });
			Event.observe(node, 'mouseout', function() { rollOverMouseOut(node); });
		}
	});
}

Event.observe(window, 'load', initImageRollovers);*/