Event.observe(window, 'load', 
	function() 
	{ 
		$$('a').each(function(element) {element.observe('focus', blur)} );
		
				
		$$('.auto_over').each(function(element) 
									 {
									 	element.observe('mouseover', overImage)
									 	element.observe('mouseout', outImage)
									 });

		$$('.auto_rowover').each(function(element) 
									 {
									 	
									element.onmouseover = function()
										{
											this.addClassName('over');
											/*row_out_color = this.style.backgroundColor;
											this.style.backgroundColor=row_over_color[1];*/
										};
									element.onmouseout= function()
										{
											if (this.hasClassName('over')) this.removeClassName('over');
										}
									
									 });
							 
	}
);


function overImage(event)
{
	var image = Event.element(event);
  	var image_src = image.src;
  	var extension_index = image_src.lastIndexOf('.');
  	image.src = image_src.substring(0,extension_index) + '-over' + image_src.substring(extension_index);
	

}

function outImage(event)
{
	var image = Event.element(event);
	var image_src = image.src;
  	image.src = image_src.replace('-over\.','\.');

}

function blur(event)
{
	Event.element(event).blur();
}


