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

function runAutoFunctions() 
{ 
	autoBlur();
	autoOver();	
	autoActivateInput();
	
	var keys = {37: Gallery.prevImage, 39: Gallery.nextImage};
	var mouse = {'scrollUp': null, 'scrollDown': null};
	new PeripheralNav(keys, mouse);
	
	
	/*
	var options = {
			showEffect: 'SlideDown',
			hideEffect: 'SlideUp',
			showCallback: mainMenuActivate,
			hideCallback: mainMenuDeactivate
	}
	
	
	Bubbles.create('mainMenuLink', options);*/
}

function autoActivateInput()
{
	$$('.autoActiveInput').each(
		function(element)
		{
			if($F(element) > 1)
			{
				$(element.parentNode).addClassName('active');
			}
			element.observe('focus', inputFocus);
			element.observe('blur', inputBlur);
		}
	)
}

function inputFocus(event)
{
//	var element = Event.element(event);
//	if(!$(element.parentNode).hasClassName('active'))
//	{
//		$(element.parentNode).addClassName('active');
//	}
}

function inputBlur(event)
{
	var element = Event.element(event);
	if($F(element) == '' ||  Number($F(element)) < 2 || $F(element) != parseInt($F(element)))
	{
		$(element.parentNode).removeClassName('active');
	}
	else
	{
		if(!$(element.parentNode).hasClassName('active'))
		{
			$(element.parentNode).addClassName('active');
		}
	}
}

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();
	
	
	$$('.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();
						$(focusedElement.parentNode).addClassName('active');
					}
					else
					{
						tooltip.hide();
						if(!input.value)
						{
							tooltip.show();
						}
						$(input.parentNode).removeClassName('active');
					}
				}.bind(this, tooltip, focusedElement)
			)
		}.bind(this, focusedElement)
	);
}