window.addEvent('domready', function(){
    buttons = $$('.rollovers a');

    buttons.each(function(link){
    	children = link.getChildren();
    	var img = children[0];
    	img.overSrc = getRollover(img.src);
    	img.outSrc = img.src;
    	
    	if(img.overSrc){
			link.image = img;
			link.onmouseover = function(){ 
				this.image.src = img.overSrc;
			}
			link.onmouseout = function(){
				img.src = img.outSrc;
			}
		}
    });
});

/**
 * Takes the path to an image and converts it to its equivalent rollover like this:
 * 
 * 'images/button.gif' -> 'images/button_on.gif'
 */
function getRollover(source){
	parts = source.split(/(.*)\.([^\.]*)/);
	path = parts[1];
	extension = parts[2];
	if(path){
		newSource = path + "_on." + extension;
		window.status = newSource;
		return newSource;
	} else {
		return false;
	}
}