Event.observe(window, 'load', runAutoFunctions);

function runAutoFunctions() 
{ 
	autoBlur();
	autoOver();
	autoTooltip();
}
function autoBlur()
{
	$$('a', 'input[type=checkbox]', 'input[type=submit]', 'input[type=image]').each
	(
		function(element) 
		{
			element.observe('focus', blur);
		}
	);
}

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


function autoOver()
{
	$$('.autoOver').each
	(
		function(element) 
  	    {
		  	 element.onmouseover = mouseOver;
		 	 element.onmouseout  = mouseOut;
   	    }
   	);
}

function mouseOver(obj)
{
	var element = obj;
	if((element == null || element.type == "mouseover") && this)
	{
		element = this;
	}
	
	if(element.tagName == "INPUT" || element.tagName == "IMG")
	{
  		var image_src       = element.src;
  		var extension_index = image_src.lastIndexOf('.');
  		element.src         = image_src.substring(0,extension_index) + '-over' + image_src.substring(extension_index);
	}
	else
	{
		if(!element.hasClassName('hover'))
		{
			element.addClassName('hover');
		}
	}
}

function mouseOut(obj)
{
	var element = obj;
	if((element == null || element.type == "mouseout") && this)
	{
		element = this;
	}
	
	if(element.tagName == "INPUT" || element.tagName == "IMG")
	{
		var image_src = element.src;
  		element.src   = image_src.replace('-over\.','\.');
	}
	else
	{
		if(element.hasClassName('hover'))
		{
			element.removeClassName('hover');
		}
	}
}




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();
}

function autoTooltip()
{
	toggleTooltips();
	
	$$('html').first().observe('click', domNodeClicked);
	$$('.autoTooltip').each
	(
		function(element) 
		{
			var tooltip = element.select('.tooltip').first();
			element.select('input', 'textarea').each
			(
				function(tooltip, input)
				{
					input.onfocus = function(input, tooltip) {toggleTooltips(input) }.bind(this, input, tooltip);
				}.bind(this, tooltip)
			)
		}
	);
}
function domNodeClicked(event)
{
	var element = Event.element(event);
	toggleTooltips(element);
}

function toggleTooltips(focusedElement)
{ 
	$$('.autoTooltip').each
	(
		function(focusedElement, element) 
		{
			var tooltip = element.select('.tooltip').first();
			element.select('input', 'textarea').each
			(
				function(tooltip, focusedElement, input)
				{
					if(input == focusedElement)
					{
						tooltip.hide();
					}
					else
					{
						tooltip.hide();
						if(!input.value)
						{
							tooltip.show();
						}
					}
				}.bind(this, tooltip, focusedElement)
			)
		}.bind(this, focusedElement)
	);
}