var row_out_color;
var row_over_color = new Array();
row_over_color[0] = "#FFEFDD";
row_over_color[1] = "#defbd3";

Event.observe(window, 'load', 
	function() 
	{ 
		$$('a').each(function(element) {element.observe('focus', blur)} );
		
		$$('img.auto_interlace').each(function(element)
								      {
								      		var label    = $$('label[for=' + element.id + ']').first();
								      		element.src  = label.innerHTML;								      		
								      })
		
		$$('.auto_over').each(function(element) 
									 {
									 	element.observe('mouseover', overImage)
									 	element.observe('mouseout', outImage)
									 });
		$$('.auto_rowover').each(function(element) 
									 {
									 	element.onmouseover = function()
										{
											row_out_color = this.style.backgroundColor;
											this.style.backgroundColor=row_over_color[0];
										};
									element.onmouseout= function(){this.style.backgroundColor=row_out_color;};
									 });
		$$('.auto_rowover2').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 autoImageOver()
{
	$$('.auto_over').each(function(element) 
									 {
									 	element.observe('mouseover', overImage)
									 	element.observe('mouseout', outImage)
									 });
}

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 overRow(index)
{
	
	alert("idem");
	this.style.backgroundColor = over_color[index];
	/*var cell = Event.element(event);
	var row = cell.parentNode;
	out_color = row.style.backgroundColor;
	row.style.backgroundColor = over_color;
}

function outRow(event)
{
	var cell = Event.element(event);
	var row = cell.parentNode;
	
	row.style.backgroundColor = out_color;
}

function overRow2(event)
{
	var cell = Event.element(event);
	var row = cell.parentNode;
	out_color = row.style.backgroundColor;
	row.style.backgroundColor = over_color_2;
}*/






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