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

function runAutoFunctions()
{
	//common functions
	autoBlur();
	autoOver();
	autoTooltip();
}

function autoBlur()
{
	$$('a', 'input[type=checkbox]', 'input[type=submit]', 'input[type=image]', 'input[type=button]').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;
		if(image_src.indexOf('-over') > 0)
		{
  			element.src = image_src.replace('-over\.','\.');
		}
		if(image_src.indexOf('-click') > 0)
		{
  			element.src = image_src.replace('-click\.','\.');
		}
	}
	else
	{
		if(element.hasClassName('hover'))
		{
			element.removeClassName('hover');
		}
	}
}

function autoTooltip()
{
	toggleTooltips();
	
	$$('.autoTooltip').each
	(
		function(element) 
		{
			var tooltip = element.select('.tooltip').first();
			element.select('input', 'textarea').each
			(
				function(input)
				{
					input.onfocus = function(input) {hideTooltip(input) }.bind(this, input);
					input.onblur  = function(input) {showTooltip(input) }.bind(this, input);
				}.bind(this)
			)
		}
	);
}


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)
					{
						hideTooltip(input);
					}
					else
					{
						showTooltip(input);
					}
				}.bind(this, tooltip, focusedElement)
			)
		}.bind(this, focusedElement)
	);
}

function showTooltip(input)
{
	var tooltip = $(input.parentNode).select('.tooltip').first();
	tooltip.hide();
	if(!input.value)
	{
		tooltip.show();
	}
	$(input.parentNode).removeClassName('active');
}

function hideTooltip(input)
{
	var tooltip = $(input.parentNode).select('.tooltip').first();
	tooltip.hide();
	$(input.parentNode).addClassName('active');
}