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

function runAutoFunctions() 
{ 
	autoBlur();
	autoOver();
	//autoDropDownMenu();
}


function autoDropDownMenu()
{
	$$('a.autoDropDownMenu').each
	(
		function(element)
	    {
	    	element.href = "javascript:;";
	    	element.onclick = slideDownDropDownMenu;
	    	$$('html').first().observe('click', slideUpDropDownMenu);
	    }
	);
}

function showPopupMenu()
{

	var popupmenu = $(this.id + "-dropDownMenu");
	if(!this.hasClassName('active'))
	{
		this.addClassName('active');
	}
	popupmenu.show();
}

function hidePopupMenu(event)
{
	var clickedElement = Event.element(event);
	
	$$(".dropDownMenu").each(
		function(element)
		{
			if(element.id != clickedElement.id + "-dropDownMenu")
			{
				element.hide();
				var activationLink = $(element.id.replace('-dropDownMenu', ''));
				if(activationLink.hasClassName('active'))
				{
					activationLink.removeClassName('active');
				}
			}
		}
	);
}

var ddmAnimation = false;
var ddmShow = false;


function slideDownDropDownMenu()
{
	
	if (ddmShow) return;	
	ddmShow = true;
	ddmAnimation = true;
	
	if(!this.hasClassName('active'))
	{
		this.addClassName('active');
	}
	Effect.SlideDown(this.id + "-dropDownMenu",{ duration: 0.7, afterFinish: function() {
					  ddmAnimation = false;				
					  }});
}

function slideUpDropDownMenu(event)
{
	
	if (!ddmShow) return;
	ddmAnimation = true;
	
	var clickedElement = Event.element(event);

	$$(".dropDownMenu").each(
		function(element)
		{
			if(element.id != clickedElement.id + "-dropDownMenu")
			{
				Effect.SlideUp(element,{ duration: 0.7, afterFinish: function(element) {
				  	ddmAnimation = false;		
				  	ddmShow = false;
				  	var activationLink = $(element.id.replace('-dropDownMenu', ''));
					if(activationLink.hasClassName('active'))
					{
						activationLink.removeClassName('active');
					}
				  }.bind(this,element)
				});
				
			}
		}
	);
	
	

}







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