Event.observe(window, 'load', runAutoFunctions);
function runAutoFunctions() 
{ 
	autoBlur();
	autoOver();	
	autoTooltip();
	
	/*var options = {
		showCallback: pathSuggestionShown,
		hideCallback: pathSuggestionHidden,
		offsetX: -7,
		ajaxUse: true,
		ajaxScript: '/path-suggestion',
		ajaxBubbleId: 'ajaxPathSuggestionBubble',
		ajaxInvokerIdPrefix: 'pathSuggestionLink'
	}
	Bubbles.create('pathSuggestionLink', options);*/
}

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('over'))
		{
			element.addClassName('over');
		}
	}
}

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('over'))
		{
			element.removeClassName('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.observe('focus', toggleTooltips);
//					input.onfocus = function(input, tooltip) {toggleTooltips(input) }.bind(this, input, tooltip);
				}.bind(this, tooltip)
			)
		}
	);
}
function domNodeClicked(event)
{
	var element = Event.element(event);
	toggleTooltips(event);
}

function toggleTooltips(event)
{ 
	var focusedElement = event ?  Event.element(event) : null;
	$$('.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();
						$(focusedElement.parentNode).addClassName('active');
					}
					else
					{
						tooltip.hide();
						if(!input.value)
						{
							tooltip.show();
						}
						$(input.parentNode).removeClassName('active');
					}
				}.bind(this, tooltip, focusedElement)
			)
		}.bind(this, focusedElement)
	);
}